.dna-audio-demonstration.bg-light .dna-audio-demonstration__headline *{color:#000}.dna-audio-demonstration.bg-dark .dna-audio-demonstration__headline *{color:#fff}.dna-audio-demonstration .tp_no-padding{padding-top:0 !important}.dna-audio-demonstration .tp_top-padding-large{padding-top:104px !important}.dna-audio-demonstration .tp_top-padding-medium{padding-top:80px !important}.dna-audio-demonstration .tp_top-padding-small{padding-top:56px !important}.dna-audio-demonstration .tp_top-padding-small-64px{padding-top:64px !important}.dna-audio-demonstration .tp_top-padding-super-small{padding-top:32px !important}.dna-audio-demonstration .bp_no-padding{padding-bottom:0 !important}.dna-audio-demonstration .bp_bottom-padding-large{padding-bottom:104px !important}.dna-audio-demonstration .bp_bottom-padding-medium{padding-bottom:80px !important}.dna-audio-demonstration .bp_bottom-padding-small{padding-bottom:56px !important}.dna-audio-demonstration .bp_bottom-padding-small-64px{padding-bottom:64px !important}.dna-audio-demonstration .bp_bottom-padding-super-small{padding-bottom:32px !important}@media(min-width:768px)and (max-width:992px){.dna-audio-demonstration .tp_top-padding-large{padding-top:80px !important}.dna-audio-demonstration .tp_top-padding-medium{padding-top:64px !important}.dna-audio-demonstration .tp_top-padding-small{padding-top:48px !important}.dna-audio-demonstration .tp_top-padding-small-64px{padding-top:56px !important}.dna-audio-demonstration .tp_top-padding-super-small{padding-top:32px !important}.dna-audio-demonstration .bp_bottom-padding-large{padding-bottom:80px !important}.dna-audio-demonstration .bp_bottom-padding-medium{padding-bottom:64px !important}.dna-audio-demonstration .bp_bottom-padding-small{padding-bottom:48px !important}.dna-audio-demonstration .bp_bottom-padding-small-64px{padding-bottom:56px !important}.dna-audio-demonstration .bp_bottom-padding-super-small{padding-bottom:32px !important}}@media(max-width:767px){.dna-audio-demonstration .tp_top-padding-large{padding-top:64px !important}.dna-audio-demonstration .tp_top-padding-medium{padding-top:56px !important}.dna-audio-demonstration .tp_top-padding-small{padding-top:32px !important}.dna-audio-demonstration .tp_top-padding-small-64px{padding-top:48px !important}.dna-audio-demonstration .tp_top-padding-super-small{padding-top:32px !important}.dna-audio-demonstration .bp_bottom-padding-large{padding-bottom:64px !important}.dna-audio-demonstration .bp_bottom-padding-medium{padding-bottom:56px !important}.dna-audio-demonstration .bp_bottom-padding-small{padding-bottom:32px !important}.dna-audio-demonstration .bp_bottom-padding-small-64px{padding-bottom:48px !important}.dna-audio-demonstration .bp_bottom-padding-super-small{padding-bottom:32px !important}}.dna-audio-demonstration__headline *{font-size:19px;line-height:27px;letter-spacing:0;text-transform:none;font-weight:400;opacity:.95}@media(min-width:768px){.dna-audio-demonstration__headline *{font-size:21px;line-height:31px;letter-spacing:-.1px}}@media(min-width:992px){.dna-audio-demonstration__headline *{font-size:23px;line-height:35px;letter-spacing:0}}.dna-audio-demonstration__pills-button{text-transform:none;font-size:16px;font-weight:700}.dna-audio-demonstration__pills-button:not(.btn-primary){color:rgba(0, 0, 0, .95)}.bg-dark .dna-audio-demonstration__pills-button:not(.btn-primary){color:hsla(0, 0%, 100%, .95)}.dna-audio-demonstration__dropdown-title.form-control.dropdown-toggle{background-color:transparent}.dna-audio-demonstration-pill__wrapper{background-size:cover;background-repeat:no-repeat;background-position:50%;height:303px;border:1px solid rgba(0, 0, 0, .1)}.bg-dark .dna-audio-demonstration-pill__wrapper{border:1px solid hsla(0, 0%, 100%, .1)}@media(min-width:768px){.dna-audio-demonstration-pill__wrapper{height:362px}}@media(min-width:992px){.dna-audio-demonstration-pill__wrapper{height:400px}}.dna-audio-demonstration-pill__subheader{max-height:21px}.dna-audio-demonstration-pill__subheader *{font-family:Roboto400,sans-serif !important;font-size:14px;font-weight:400;opacity:.95;letter-spacing:0;line-height:21px;text-transform:none;margin-bottom:0;color:rgba(0, 0, 0, .95)}@media(min-width:768px){.dna-audio-demonstration-pill__subheader *{font-size:16px;letter-spacing:.1px;line-height:26px}}@media(min-width:992px){.dna-audio-demonstration-pill__subheader *{font-size:16px;letter-spacing:.15px;line-height:26px}}.bg-dark .dna-audio-demonstration-pill__subheader *{color:hsla(0, 0%, 100%, .95)}.dna-audio-demonstration-pill__toggle{height:16px}.dna-audio-demonstration-pill__toggle *,.dna-audio-demonstration-pill__toggle :after,.dna-audio-demonstration-pill__toggle :before{padding-bottom:0 !important;padding-top:0 !important;margin-bottom:0 !important;margin-top:0 !important}.dna-audio-demonstration-pill__toggle-btn:checked~.dna-audio-demonstration-pill__toggle-label.form-check-label:before{background-size:50%;background-repeat:no-repeat;background-position-x:-1px;background-position-y:-4px;background-image:url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 16.5l-3-3.498m3 3.498l6-6.506" stroke="rgba(0,0,0,.95)" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.bg-dark .dna-audio-demonstration-pill__toggle-btn:checked~.dna-audio-demonstration-pill__toggle-label.form-check-label:before{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 16.5l-3-3.498m3 3.498l6-6.506" stroke="rgba(255,255,255,.95)" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.dna-audio-demonstration-pill__toggle-btn~.dna-audio-demonstration-pill__toggle-label.form-check-label:after{background-color:rgba(0, 0, 0, .6)}.bg-dark .dna-audio-demonstration-pill__toggle-btn~.dna-audio-demonstration-pill__toggle-label.form-check-label:after{background-color:hsla(0, 0%, 100%, .6)}.dna-audio-demonstration-pill__toggle-btn:checked~.dna-audio-demonstration-pill__toggle-label.form-check-label:after{background-color:rgba(0, 0, 0, .95)}.bg-dark .dna-audio-demonstration-pill__toggle-btn:checked~.dna-audio-demonstration-pill__toggle-label.form-check-label:after{background-color:hsla(0, 0%, 100%, .95)}.dna-audio-demonstration-pill__play-btn,.dna-audio-demonstration-pill__play-btn:focus{all:unset}.dna-audio-demonstration-pill__play-btn svg{-webkit-filter:drop-shadow(0 0 6px rgba(0, 0, 0, .1));filter:drop-shadow(0 0 6px rgba(0, 0, 0, .1));transition:-webkit-filter .3s linear;transition:filter .3s linear;transition:filter .3s linear, -webkit-filter .3s linear;cursor:pointer}.dna-audio-demonstration-pill__play-btn svg:hover{-webkit-filter:drop-shadow(0 0 6px rgba(0, 0, 0, .7));filter:drop-shadow(0 0 6px rgba(0, 0, 0, .7))}.dna-audio-demonstration-pill__play-btn svg path{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(1.5);transform:scale(1.5);fill:rgba(0, 0, 0, .6)}.bg-dark .dna-audio-demonstration-pill__play-btn svg path{fill:hsla(0, 0%, 100%, .6)}.dna-audio-demonstration-pill__play-btn svg g{fill:rgba(0, 0, 0, .6)}.bg-dark .dna-audio-demonstration-pill__play-btn svg g{fill:hsla(0, 0%, 100%, .6)}.dna-audio-demonstration-pill__play-bar-wrapper{height:8px;width:100%;border-radius:3rem;cursor:pointer;background-color:rgba(0, 0, 0, .05)}.bg-dark .dna-audio-demonstration-pill__play-bar-wrapper{background-color:hsla(0, 0%, 100%, .05)}.dna-audio-demonstration-pill__play-bar-inside{height:8px;width:0;border-radius:3rem;transition:width .2s linear 0s;background-color:rgba(0, 0, 0, .6)}.bg-dark .dna-audio-demonstration-pill__play-bar-inside{background-color:hsla(0, 0%, 100%, .6)}.dna-audio-demonstration-pill .transition-none{transition:none}.dna-audio-demonstration.bg-light .dna-audio-demonstration__pills-dropdown .dropdown-menu .dropdown-item.btn-primary{color:hsla(0, 0%, 100%, .95) !important;background:rgba(0, 0, 0, .95) !important}.dna-audio-demonstration.bg-dark .dna-audio-demonstration__pills-dropdown .dropdown-menu .dropdown-item.btn-primary{color:rgba(0, 0, 0, .95) !important;background:hsla(0, 0%, 100%, .95) !important}.dna-audio-demonstration-pill .dna-audio-demonstration-pill__toggle-label{font-size:12px !important;letter-spacing:.4px !important;line-height:18px !important}@media(min-width:768px){.dna-audio-demonstration-pill .dna-audio-demonstration-pill__toggle-label{font-size:12px !important;line-height:18px !important;letter-spacing:.4px !important}}@media(min-width:992px){.dna-audio-demonstration-pill .dna-audio-demonstration-pill__toggle-label{font-size:14px !important;line-height:21px !important;letter-spacing:.2px !important}}@media(min-width:992px){.audio-demonstration{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.audio-demonstration .image{position:absolute;width:280px;height:auto;transition:-webkit-transform .6s linear;transition:transform .6s linear;transition:transform .6s linear, -webkit-transform .6s linear;z-index:9}.audio-demonstration .left-image{left:-280px}.audio-demonstration .left-image.animate-left{-webkit-transform:translateX(155px);transform:translateX(155px)}.audio-demonstration .right-image{right:-280px}.audio-demonstration .right-image.animate-right{-webkit-transform:translateX(-175px);transform:translateX(-175px)}.audio-demonstration .noheadingimg{width:230px}.audio-demonstration .left-image.noheadingimg.animate-left{-webkit-transform:translateX(175px);transform:translateX(175px)}.audio-demonstration .right-image.noheadingimg.animate-right{-webkit-transform:translateX(-195px);transform:translateX(-195px)}.audio-demonstration .left-image,.audio-demonstration .right-image{transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out, -webkit-transform 1s ease-out}}

/*# sourceMappingURL=dnaAudioDemonstration.css.map*/