.whoop-cycle{padding:116px 0 120px;background:#000;color:#fff}.whoop-cycle__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:80px;align-items:center}.whoop-cycle__title{grid-row:1;grid-column:1 / -1;margin:0 0 24px;font-size:clamp(38px,3.5vw,56px);font-weight:600;line-height:1.1}.whoop-cycle__intro{grid-row:2;grid-column:1 / -1;max-width:640px;margin:0 0 64px;color:#ffffffb8;font-size:18px;line-height:26px}.whoop-cycle__dots{display:none}.whoop-cycle__list{grid-row:3;grid-column:1;align-self:center}.whoop-cycle__media{position:relative;grid-row:3;grid-column:2;align-self:center;overflow:hidden;border-radius:var(--whoop-cycle-radius, 20px);aspect-ratio:1 / 1}.whoop-cycle__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .42s ease;pointer-events:none}.whoop-cycle__slide.is-active{opacity:1;pointer-events:auto}.whoop-cycle__image{width:100%;height:100%;object-fit:cover}.whoop-cycle__image-placeholder{display:block;width:100%;height:100%;background:#141414}.whoop-cycle__image-placeholder-svg{width:100%;height:100%;fill:#ffffff29}.whoop-cycle__item{display:flex;gap:28px;cursor:pointer}.whoop-cycle__item+.whoop-cycle__item{margin-top:12px}.whoop-cycle__bar{position:relative;flex:0 0 auto;width:3px;border-radius:2px;background:#4a4a4a}.whoop-cycle__item.is-active .whoop-cycle__bar{background:#ffffff40}.whoop-cycle__bar-progress{position:absolute;inset:0 0 auto;width:100%;height:0;border-radius:2px;background:#fff}.whoop-cycle__item.is-active .whoop-cycle__bar-progress{height:100%}.whoop-cycle--autoplay .whoop-cycle__item.is-active .whoop-cycle__bar-progress{animation:whoop-cycle-progress var(--whoop-cycle-interval, 7s) linear forwards}.whoop-cycle__text{min-width:0;padding-block:4px}.whoop-cycle__item-heading{margin:0}.whoop-cycle__item-toggle{display:block;width:100%;padding:0;border:0;background:none;color:#ffffff80;font:inherit;font-size:19px;font-weight:500;line-height:26px;text-align:left;cursor:pointer;transition:color .26s ease,font-size .26s ease}.whoop-cycle__item.is-active .whoop-cycle__item-toggle{color:#fff;font-size:30px;font-weight:600;line-height:36px}.whoop-cycle__item:not(.is-active):hover .whoop-cycle__item-toggle{color:#fffc}.whoop-cycle__item-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.whoop-cycle__item.is-active .whoop-cycle__item-body{grid-template-rows:1fr}.whoop-cycle__item-body-inner{overflow:hidden}.whoop-cycle__item-body p{max-width:520px;margin:14px 0 12px;color:#ffffffd1;font-size:17px;line-height:26px}@media(prefers-reduced-motion:reduce){.whoop-cycle--autoplay .whoop-cycle__item.is-active .whoop-cycle__bar-progress{height:100%;animation:none}.whoop-cycle__slide{transition:none}}@media(max-width:980px){.whoop-cycle{padding:86px 0}.whoop-cycle__layout{grid-template-columns:minmax(0,1fr);column-gap:0}.whoop-cycle__title,.whoop-cycle__intro,.whoop-cycle__media,.whoop-cycle__list,.whoop-cycle__dots{grid-row:auto;grid-column:1}.whoop-cycle__title{margin-bottom:18px;font-size:36px;line-height:42px}.whoop-cycle__intro{margin-bottom:32px;font-size:16px;line-height:24px}.whoop-cycle__media{border-radius:14px}.whoop-cycle__list{display:flex;gap:16px;margin-top:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.whoop-cycle__list::-webkit-scrollbar{display:none}.whoop-cycle__item{flex:0 0 62%;gap:0;padding:20px 18px 22px;border-radius:14px;background:#131313;scroll-snap-align:start}.whoop-cycle__item+.whoop-cycle__item{margin-top:0}.whoop-cycle__bar{display:none}.whoop-cycle__text{padding-block:0}.whoop-cycle__item-toggle,.whoop-cycle__item.is-active .whoop-cycle__item-toggle{color:#fff;font-size:16px;font-weight:700;line-height:21px;cursor:default}.whoop-cycle__item-body,.whoop-cycle__item.is-active .whoop-cycle__item-body{grid-template-rows:1fr}.whoop-cycle__item-body p{margin:10px 0 0;font-size:15px;line-height:21px}.whoop-cycle__dots{display:flex;gap:8px;justify-content:center;margin-top:26px}.whoop-cycle__dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#4a4a4a;cursor:pointer}.whoop-cycle__dot.is-active{background:#fff}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/whoop-cycle-carousel.css.map */