audio-sample,[data-sample-pdf]{display:contents}audio-sample[hidden],[data-sample-pdf][hidden]{display:none}audio-sample [data-audio]{display:none}[data-audio-trigger][hidden]{display:none}.audio-sample__trigger--shimmer{position:relative;overflow:hidden}.audio-sample__trigger--shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(100deg,transparent 35%,rgb(var(--color-foreground-rgb) / .35) 50%,transparent 65%);background-repeat:no-repeat;background-size:220% 100%;background-position:140% 0;animation:audio-sample-shimmer 1.1s ease-in-out 2}@keyframes audio-sample-shimmer{to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.audio-sample__trigger--shimmer:after{animation:none;content:none}}.audio-sample__wrap{position:relative;display:inline-flex;align-items:center}.audio-sample__player{display:flex;align-items:center;gap:1.2rem;line-height:1}.audio-sample__player[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.audio-sample__player:not([hidden]):not([data-collapsing]) .audio-sample__progress{animation:audio-sample-expand .34s ease}.audio-sample__player[data-collapsing] .audio-sample__progress{animation:audio-sample-collapse .34s ease forwards}}@keyframes audio-sample-expand{0%{width:0}to{width:200px}}@keyframes audio-sample-collapse{0%{width:200px}to{width:0}}.audio-sample__icon-btn{background:transparent;border:0;padding:0;margin:0;cursor:pointer;color:var(--color-foreground);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.audio-sample__icon-btn:hover{color:var(--color-primary-hover, var(--color-foreground))}.audio-sample__icon-btn .material-symbols-outlined{font-size:20px;line-height:calc(var(--font-paragraph--size) * var(--font-paragraph--line-height));font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.audio-sample__progress{width:200px;max-width:100%;height:4px;background:color-mix(in srgb,var(--color-foreground) 12%,transparent);cursor:pointer;flex-shrink:1;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.audio-sample__progress:focus-visible{outline:2px solid var(--color-foreground);outline-offset:6px}.audio-sample__progress:before{content:"";position:absolute;top:-14px;right:-8px;bottom:-14px;left:-8px}.audio-sample__progress-bar{height:100%;width:0%;background:var(--color-foreground);transition:width .1s linear;pointer-events:none;position:relative}.audio-sample__progress-handle{position:absolute;right:0;top:50%;width:10px;height:10px;background:var(--color-foreground);transform:translate(50%,-50%);pointer-events:none}.audio-sample__countdown{font-family:var(--font-small_paragraph--family);font-style:var(--font-small_paragraph--style);font-weight:var(--font-small_paragraph--weight);font-size:var(--font-small_paragraph--size);line-height:1;letter-spacing:var(--font-small_paragraph--letter-spacing);text-transform:var(--font-small_paragraph--case);font-variant-numeric:tabular-nums;color:var(--color-text-3);flex-shrink:0;min-width:2rem;text-align:right}.audio-sample__tooltip{position:absolute;top:calc(100% + 8px);left:50%;z-index:5;display:flex;align-items:center;justify-content:center;max-width:240px;padding:.6rem 1rem;background:var(--color-foreground);color:var(--color-background);border-radius:var(--style-border-radius-popover, 0);box-shadow:var(--shadow-popover);font-family:var(--font-small_paragraph--family);font-style:var(--font-small_paragraph--style);font-weight:var(--font-small_paragraph--weight);font-size:var(--font-small_paragraph--size);line-height:1.3;letter-spacing:var(--font-small_paragraph--letter-spacing);text-align:center;pointer-events:none;opacity:1;translate:-50% 0;transition-property:display,opacity,translate;transition-duration:.25s;transition-timing-function:var(--ease-out-quad, ease);transition-behavior:allow-discrete}.audio-sample__tooltip:before{content:"";position:absolute;bottom:100%;left:50%;translate:-50% 0;border:6px solid transparent;border-bottom-color:var(--color-foreground)}.audio-sample__tooltip[hidden]{display:none;opacity:0;translate:-50% -4px}@starting-style{.audio-sample__tooltip:not([hidden]){opacity:0;translate:-50% -4px}}@media(prefers-reduced-motion:reduce){.audio-sample__tooltip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/audio-sample.css.map */