.play-pause-btn[data-v-4571f259]{--size:100%;--color:currentColor;--duration:.22s;--ease:cubic-bezier(.34,1.56,.64,1);width:var(--size);height:var(--size);cursor:pointer;color:var(--color);background:0 0;border:none;justify-content:center;align-items:center;padding:20%;display:inline-flex}.play-pause-btn[data-v-4571f259]:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid}.icon[data-v-4571f259]{width:100%;height:100%;overflow:visible}.play-icon[data-v-4571f259]{transition:opacity var(--duration) ease,transform var(--duration) var(--ease),clip-path var(--duration) var(--ease)}.bar[data-v-4571f259],.play-icon[data-v-4571f259]{fill:currentColor;transform-origin:50%}.bar[data-v-4571f259]{transition:opacity var(--duration) ease,transform var(--duration) var(--ease)}.bar-left[data-v-4571f259]{transform-origin:16.5px 24px}.bar-right[data-v-4571f259]{transform-origin:31.5px 24px}.pause-icon[data-v-4571f259]{opacity:0;pointer-events:none}.bar-left[data-v-4571f259]{transform:scaleX(0)translate(-4px)}.bar-right[data-v-4571f259]{transform:scaleX(0)translate(4px)}.play-icon[data-v-4571f259]{opacity:1;transform:scale(1)}.isPlaying .pause-icon[data-v-4571f259]{opacity:1;pointer-events:auto}.isPlaying .bar-left[data-v-4571f259],.isPlaying .bar-right[data-v-4571f259]{transform:scaleX(1)translate(0)}.isPlaying .play-icon[data-v-4571f259]{opacity:0;transform:scale(.6)}.play-button[data-v-552b502b]{--tw-scale-x:1.1;--tw-scale-y:1.1;color:#fdec50;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#00000040;font-size:2.25rem;font-weight:700;line-height:2.5rem;transition-property:all;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.play-button[data-v-552b502b],.play-button[data-v-552b502b]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-552b502b]:active{--tw-scale-x:.9;--tw-scale-y:.9}.play-button[data-v-552b502b]{pointer-events:none;aspect-ratio:1;border-radius:100%;justify-content:center;align-items:center;height:30%;font-size:420%;display:flex}.play-button.interactive[data-v-552b502b]{pointer-events:auto}.play-button[data-v-552b502b]:after{clip-path:polygon(0 5%,95% 50%,0 95%);background-color:#fdec50;border-radius:10px;width:30%;height:30%}.play-button .loader[data-v-552b502b]{fill:#fdec50;opacity:.7;padding:22%}.is-loading[data-v-552b502b],.play-button-changed[data-v-552b502b]{opacity:1!important}