.whoop-science{padding:116px 0 120px;background:#000;color:#fff}.whoop-science__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:80px;row-gap:32px}.whoop-science__title{grid-row:1;grid-column:1 / -1;max-width:1030px;margin-bottom:46px}.whoop-science__intro{grid-row:2;grid-column:2;max-width:640px;margin:0 0 184px;font-size:22px;line-height:31px}.whoop-science__current,.whoop-science__dots{display:none}.whoop-science__steps{grid-row:3;grid-column:1;align-self:start}.whoop-science__media{position:relative;grid-row:3;grid-column:2;align-self:start;overflow:hidden;border-radius:24px;aspect-ratio:1 / 1}.whoop-science__media:not(:has(img)){display:none}.whoop-science__media-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.whoop-science__media-image.is-active{opacity:1}.whoop-science__step{display:flex;gap:28px;cursor:pointer}.whoop-science__step+.whoop-science__step{margin-top:10px}.whoop-science__step-bar{position:relative;flex:0 0 auto;width:3px;border-radius:2px;background:#4a4a4a}.whoop-science__step.is-active .whoop-science__step-bar{background:#ffffff40}.whoop-science__step-progress{position:absolute;inset:0 0 auto;width:100%;height:0;border-radius:2px;background:#fff}.whoop-science__step.is-active .whoop-science__step-progress{height:100%}.whoop-science--autoplay .whoop-science__step.is-active .whoop-science__step-progress{animation:whoop-science-progress var(--whoop-science-interval, 6s) linear forwards}.whoop-science__step-text{flex:1 1 auto}.whoop-science__step-heading{margin:0}.whoop-science__step-toggle{display:block;width:100%;padding:14px 0;border:0;background:transparent;color:#8a8a8a;font-family:inherit;font-size:18px;font-weight:500;line-height:24px;text-align:left;cursor:pointer;transition:color .2s ease}.whoop-science__step:hover .whoop-science__step-toggle{color:#fff}.whoop-science__step.is-active .whoop-science__step-toggle{padding-top:0;color:#fff;font-size:clamp(24px,1.7vw,30px);font-weight:400;line-height:1.2}.whoop-science__step-title--long,.whoop-science__step.is-active .whoop-science__step-title--short{display:none}.whoop-science__step.is-active .whoop-science__step-title--long{display:block}.whoop-science__step-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.whoop-science__step.is-active .whoop-science__step-body{grid-template-rows:1fr}.whoop-science__step-body-inner{overflow:hidden}.whoop-science__step-body p{max-width:520px;margin:0 0 26px;font-size:20px;line-height:34px}@media(prefers-reduced-motion:reduce){.whoop-science--autoplay .whoop-science__step.is-active .whoop-science__step-progress{height:100%;animation:none}}@media(max-width:980px){.whoop-science{padding:86px 0}.whoop-science__layout{grid-template-columns:minmax(0,1fr);column-gap:0}.whoop-science__title,.whoop-science__intro,.whoop-science__current,.whoop-science__media,.whoop-science__steps,.whoop-science__dots{grid-row:auto;grid-column:1}.whoop-science__title{margin-bottom:24px}.whoop-science__intro{margin-bottom:140px;font-size:16px;line-height:24px}.whoop-science__current{display:grid;margin-bottom:44px}.whoop-science__current-title{grid-area:1 / 1;font-size:28px;font-weight:600;line-height:32px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.whoop-science__current-title.is-active{opacity:1;visibility:visible}.whoop-science__media{border-radius:16px;aspect-ratio:1 / 1}.whoop-science__media-image{object-fit:contain}.whoop-science__steps{display:flex;gap:14px;margin-top:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.whoop-science__steps::-webkit-scrollbar{display:none}.whoop-science__step{flex:0 0 74%;gap:0;padding:18px;border-radius:14px;background:#161616;scroll-snap-align:start}.whoop-science__step+.whoop-science__step{margin-top:0}.whoop-science__step-bar{display:none}.whoop-science__step-toggle,.whoop-science__step.is-active .whoop-science__step-toggle{padding:0 0 8px;color:#fff;font-size:15px;font-weight:700;line-height:20px}.whoop-science__step-title--long,.whoop-science__step.is-active .whoop-science__step-title--long{display:none}.whoop-science__step-title--short,.whoop-science__step.is-active .whoop-science__step-title--short{display:block}.whoop-science__step-body,.whoop-science__step.is-active .whoop-science__step-body{grid-template-rows:1fr}.whoop-science__step-body p{margin:0;font-size:15px;line-height:21px}.whoop-science__dots{display:flex;gap:8px;justify-content:center;margin-top:26px}.whoop-science__dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#4a4a4a;cursor:pointer}.whoop-science__dot.is-active{background:#fff}}@media(min-width:981px){.whoop-science .whoop-science__title{margin-bottom:24px;font-size:clamp(56px,5.9vw,106px);line-height:1.05}.whoop-science .whoop-science__intro{justify-self:end;max-width:460px;margin-bottom:110px}.whoop-science__step-toggle{font-size:22px;font-weight:400}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/whoop-science-carousel.css.map */