:root{--stemz-audio-accent:#fafd0c;--stemz-audio-glyph:#000}.stz-ap__btn{--stz-ap-accent:var(--stemz-audio-accent,var(--color-border-button-secondary,#FF1F8E))}.card.stz-ap-host{position:relative}.stz-ap{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.stz-ap[hidden]{display:none}.stz-ap__btn{pointer-events:auto;position:relative;width:96px;height:96px;border-radius:50%;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background:#000000b3;box-shadow:0 6px 24px #00000080;opacity:0;transform:scale(.9);transition:opacity .18s ease,transform .18s ease,background .18s}.stz-ap__btn:hover{background:var(--stz-ap-accent,#FF1F8E);color:var(--stemz-audio-glyph,#fff)}.stz-ap__i{width:58px;height:58px}.stz-ap__i--play{margin-left:4px}.stz-ap__i--pause,.stz-ap__btn[aria-pressed=true] .stz-ap__i--play{display:none}.stz-ap__btn[aria-pressed=true] .stz-ap__i--pause{display:block}.stz-ap__ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;pointer-events:none;background:conic-gradient(var(--stz-ap-accent,#FF1F8E) calc(var(--stz-ap-p,0)*1turn),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 5px))}.stz-ap__btn.is-loading .stz-ap__ring{background:conic-gradient(var(--stz-ap-accent,#FF1F8E) .2turn,transparent 0);animation:stz-ap-spin .8s linear infinite}@keyframes stz-ap-spin{to{transform:rotate(1turn)}}@media(hover:hover){.stz-ap-host:hover .stz-ap__btn,.stz-ap__btn:focus-visible,.stz-ap__btn[aria-pressed=true],.stz-ap__btn.is-active{opacity:1;transform:scale(1)}}@media(hover:none){.stz-ap__btn{width:60px;height:60px;opacity:1;transform:none}.stz-ap__i{width:38px;height:38px}.stz-ap__i--play{margin-left:3px}.stz-ap__ring{top:-4px;right:-4px;bottom:-4px;left:-4px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px))}}@media(hover:hover)and (max-width:749px){.stz-ap__btn{width:72px;height:72px}.stz-ap__i{width:44px;height:44px}}.stz-ap__btn:focus-visible{outline:2px solid #fff;outline-offset:6px}@media(prefers-reduced-motion:reduce){.stz-ap__btn{transition:none}.stz-ap__btn.is-loading .stz-ap__ring{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/stemz-audio-preview.css.map */