.product-audio-preview{--audio-progress: 0%;--audio-accent: 255, 255, 255;position:relative;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.4rem;width:100%;margin:.8rem 0 0;padding:1.2rem 1.4rem;overflow:hidden;color:#fff;background:radial-gradient(circle at 0 50%,rgba(255,255,255,.11),transparent 36%),linear-gradient(135deg,#171717,#080808);border:.1rem solid rgba(255,255,255,.16);border-radius:1rem;box-shadow:0 1.4rem 3rem #00000038}.product-audio-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.2;background:repeating-linear-gradient(90deg,transparent 0 .5rem,rgba(255,255,255,.18) .5rem .6rem,transparent .6rem 1.1rem);-webkit-mask-image:linear-gradient(to bottom,transparent 18%,#000 50%,transparent 82%);mask-image:linear-gradient(to bottom,transparent 18%,#000 50%,transparent 82%)}.product-audio-preview__toggle{display:inline-flex;align-items:center;gap:1rem;min-width:0;padding:0;color:inherit;background:transparent;border:0;font:inherit;text-align:left;cursor:pointer}.product-audio-preview__icon{position:relative;display:grid;flex:0 0 auto;place-items:center;width:4.6rem;height:4.6rem;color:#090909;background:#fff;border-radius:50%;box-shadow:0 0 0 .5rem #ffffff17;transition:transform .18s ease,box-shadow .18s ease}.product-audio-preview__toggle:hover .product-audio-preview__icon{transform:scale(1.05);box-shadow:0 0 0 .7rem #ffffff1f}.product-audio-preview__icon:before{content:"";width:0;height:0;margin-left:.3rem;border-top:.65rem solid transparent;border-bottom:.65rem solid transparent;border-left:1rem solid currentColor}.product-audio-preview.is-playing .product-audio-preview__icon:before{width:.9rem;height:1.3rem;margin-left:0;border:0;border-right:.28rem solid currentColor;border-left:.28rem solid currentColor}.product-audio-preview__copy{display:grid;gap:.15rem;line-height:1.1}.product-audio-preview__eyebrow{font-size:.95rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.58}.product-audio-preview__label{font-size:1.35rem;font-weight:700;white-space:nowrap}.product-audio-preview__timeline{display:grid;min-width:0;gap:.35rem}.product-audio-preview__progress{width:100%;height:2.2rem;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.product-audio-preview__progress::-webkit-slider-runnable-track{height:.35rem;background:linear-gradient(to right,rgb(var(--audio-accent)) 0 var(--audio-progress),rgba(255,255,255,.24) var(--audio-progress) 100%);border-radius:999px}.product-audio-preview__progress::-webkit-slider-thumb{width:1.3rem;height:1.3rem;margin-top:-.48rem;appearance:none;-webkit-appearance:none;background:#fff;border:0;border-radius:50%;box-shadow:0 0 0 .35rem #ffffff1f}.product-audio-preview__progress::-moz-range-track{height:.35rem;background:#ffffff3d;border-radius:999px}.product-audio-preview__progress::-moz-range-progress{height:.35rem;background:#fff;border-radius:999px}.product-audio-preview__progress::-moz-range-thumb{width:1.3rem;height:1.3rem;background:#fff;border:0;border-radius:50%}.product-audio-preview__time{display:flex;justify-content:flex-end;gap:.35rem;font-size:1rem;font-variant-numeric:tabular-nums;line-height:1;opacity:.62}.product:has(.product-audio-preview){align-items:flex-start}@media screen and (min-width:750px){.product:has(.product-audio-preview) .product__info-wrapper{padding-left:clamp(3rem,5vw,6rem)}.product:has(.product-audio-preview).product--right .product__info-wrapper{padding-right:clamp(3rem,5vw,6rem);padding-left:0}}.product:has(.product-audio-preview) .product__media-wrapper{padding-bottom:1rem}.product:has(.product-audio-preview) .product__media-list{overflow:hidden;border-radius:1.6rem;box-shadow:0 2rem 5rem #00000024}.product:has(.product-audio-preview) .product__info-container{padding:clamp(2rem,3vw,3rem);background:rgba(var(--color-foreground),.035);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.6rem}.product:has(.product-audio-preview) .product__title{margin-bottom:.8rem}.product:has(.product-audio-preview) .product__title h1{max-width:14ch;font-size:clamp(2.8rem,4vw,5rem);line-height:.98;letter-spacing:-.04em}.product:has(.product-audio-preview) .price--large{font-weight:700}.product:has(.product-audio-preview) .product-form__buttons{max-width:none}.product:has(.product-audio-preview) .product-form__submit{min-height:5.4rem;font-weight:700;letter-spacing:.04em}.product:has(.product-audio-preview) .product__description{padding-top:1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}@media screen and (min-width:750px){.product-audio-preview{min-height:7.4rem}}@media screen and (max-width:749px){.product:has(.product-audio-preview){gap:2rem}.product:has(.product-audio-preview) .product__media-list{border-radius:1.2rem}.product:has(.product-audio-preview) .product__info-container{padding:2rem 1.6rem;border-radius:1.2rem}.product:has(.product-audio-preview) .product__title h1{max-width:none;font-size:clamp(2.7rem,10vw,4rem)}.product-audio-preview{grid-template-columns:1fr;gap:.8rem;margin-top:1rem;padding:1.2rem;border-radius:1.2rem}.product-audio-preview__icon{width:4.2rem;height:4.2rem}.product-audio-preview__timeline{padding-left:.2rem}}@media(prefers-reduced-motion:reduce){.product-audio-preview__icon{transition:none}}#MainContent:has(.product-audio-preview){min-height:100%;background:#080808}body:has(.product-audio-preview) .seo-breadcrumbs{display:none}product-info:has(.product-audio-preview)>.page-width{max-width:124rem}.product:has(.product-audio-preview) .product__info-container>*+*{margin-top:1rem;margin-bottom:1rem}.product:has(.product-audio-preview) .product__info-container .product-form,.product:has(.product-audio-preview) .product__info-container .product__description{margin-top:1.8rem;margin-bottom:1.8rem}.product:has(.product-audio-preview) .product__description{font-size:1.4rem;line-height:1.55}.product:has(.product-audio-preview) .share-button{margin-top:.8rem}@media screen and (min-width:990px){.product:has(.product-audio-preview) .product__info-wrapper{padding-left:clamp(2.6rem,3.5vw,4.5rem)}.product:has(.product-audio-preview) .product__info-container{padding:2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-audio-preview.css.map */