.snippet-popup-audio-demo{--btn-colour: var(--colour-mine-shaft);--btn-size: 1.75rem;--wavelength-height: 3rem;position:fixed;z-index:1200;background-color:var(--colour-white);bottom:0;left:0;transform:translateY(100%);width:100%;height:-webkit-fit-content;height:fit-content;transition:all var(--transition-duration) var(--transition-timing) 0s;padding:1rem}.snippet-popup-audio-demo[data-is-open=true]{transform:translateY(0);transition-delay:var(--transition-duration)}.snippet-popup-audio-demo .close-popup{position:absolute;top:.5rem;right:.5rem}.snippet-popup-audio-demo .close-popup svg{height:1.25rem;width:1.25rem;fill:var(--colour-mine-shaft)}.snippet-popup-audio-demo .demo-content{display:grid;grid-template-columns:2.5rem 1fr;gap:0 .5rem;align-items:center;font-size:.875rem;margin-bottom:1rem}.snippet-popup-audio-demo .demo-content img{grid-column:1;grid-row:1/span 2;height:2.5rem;width:2.5rem;object-fit:cover}.snippet-popup-audio-demo .demo-content .now-playing{grid-column:2;grid-row:1}.snippet-popup-audio-demo .demo-content .title{grid-column:2;grid-row:2}@media (min-width: 992px){.snippet-popup-audio-demo .snippet-product-audio-demo{display:grid;grid-template-columns:16% 1fr;gap:0 1.5rem}.snippet-popup-audio-demo .snippet-product-audio-demo .demo-content{grid-column:1/span 2;grid-row:1}.snippet-popup-audio-demo .snippet-product-audio-demo .audio-heading{grid-column:1;grid-row:2;height:var(--wavelength-height)}.snippet-popup-audio-demo .snippet-product-audio-demo .audio-wrapper{grid-column:2;grid-row:2}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/snippet-popup-audio-demo.css.map */