.snippet-popup-audio-demo{--colour-foreground: var(--colour-white);color:var(--colour-white);position:fixed;z-index:1200;background-color:var(--colour-mine-shaft);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:.5rem 3.5rem .5rem 1rem;display:flex;align-items:center;gap:1rem;border-top:1px solid var(--colour-white-10)}.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-white)}.snippet-popup-audio-demo .snippet-product-audio-demo{display:grid;grid-template-columns:auto 1fr;column-gap:2.5rem;align-items:center;flex:1;min-width:0}.snippet-popup-audio-demo .snippet-product-audio-demo .demo-info{grid-column:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.snippet-popup-audio-demo .snippet-product-audio-demo .now-playing{font-size:.675rem;text-transform:uppercase;font-weight:600;opacity:.6}.snippet-popup-audio-demo .snippet-product-audio-demo .track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippet-popup-audio-demo .snippet-product-audio-demo .product-row{display:flex;align-items:center;gap:.5rem}.snippet-popup-audio-demo .snippet-product-audio-demo .product-meta{display:flex;flex-direction:column;min-width:0}.snippet-popup-audio-demo .snippet-product-audio-demo .product-meta strong,.snippet-popup-audio-demo .snippet-product-audio-demo .product-meta .composer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.snippet-popup-audio-demo .snippet-product-audio-demo .product-meta .composer{font-size:.875rem;opacity:.6}.snippet-popup-audio-demo .snippet-product-audio-demo .play-pause{flex-shrink:0;padding:0;height:2rem;width:2rem;border-radius:var(--border-radius-sm, .25rem);display:grid;place-content:center;background-color:transparent;color:var(--colour-white);border:1px solid transparent;transition:all var(--transition-duration) var(--transition-timing) 0s}.snippet-popup-audio-demo .snippet-product-audio-demo .play-pause svg{grid-column:1;grid-row:1;height:.875rem;width:.875rem;fill:currentColor;transition:all var(--transition-duration) var(--transition-timing) 0s}.snippet-popup-audio-demo .snippet-product-audio-demo .play-pause svg.icon-play{opacity:1}.snippet-popup-audio-demo .snippet-product-audio-demo .play-pause svg.icon-pause{opacity:0}.snippet-popup-audio-demo .snippet-product-audio-demo .play-pause:hover,.snippet-popup-audio-demo .snippet-product-audio-demo .play-pause.is-playing{background-color:var(--colour-white-10);border-color:var(--colour-white-14)}.snippet-popup-audio-demo .snippet-product-audio-demo .play-pause.is-playing svg.icon-play{opacity:0}.snippet-popup-audio-demo .snippet-product-audio-demo .play-pause.is-playing svg.icon-pause{opacity:1}.snippet-popup-audio-demo .snippet-product-audio-demo .play-pause.is-playing:hover{border-color:var(--colour-white-18)}.snippet-popup-audio-demo .snippet-product-audio-demo .audio-wrapper{display:none}.snippet-popup-audio-demo .snippet-product-audio-demo .audio-wrapper *{grid-row:1}.snippet-popup-audio-demo .snippet-product-audio-demo .audio-wrapper span{font-size:.875rem;align-self:center}.snippet-popup-audio-demo .snippet-product-audio-demo .audio-wrapper span.current{grid-column:1}.snippet-popup-audio-demo .snippet-product-audio-demo .audio-wrapper span.duration{grid-column:3}.snippet-popup-audio-demo .snippet-product-audio-demo .audio-wrapper .waveplayer-waveform-container{grid-column:2}@media(min-width:768px){.snippet-popup-audio-demo .snippet-product-audio-demo .audio-wrapper{display:grid;grid-column:2;grid-template-rows:auto;grid-template-columns:2rem 1fr 2rem;gap:.5ch;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/snippet-popup-audio-demo.css.map */