@media(min-width:750px){.whoop-us-built{padding-block:80px;background:#000}.whoop-us-built>.whoop-us-shell{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.whoop-us-built h2{max-width:1242px;margin:0 0 120px;font-size:clamp(56px,8.33vw,120px);font-weight:400;line-height:1;letter-spacing:-.03em;text-wrap:pretty}.whoop-us-built .whoop-us-built__desktop{display:grid;grid-template-columns:minmax(0,40%) minmax(0,50%);justify-content:space-between;gap:24px 0;min-height:600px;align-items:start}.whoop-us-built__desktop-copy{max-width:520px}.whoop-us-built__step{position:relative;margin-bottom:30px;border-left:2px solid #ffffff66;padding-left:30px}.whoop-us-built__step:before{content:"";position:absolute;left:-2px;top:0;width:2px;height:0;background:#fff}.whoop-us-built__step.is-active:before{height:100%}.whoop-us-built__desktop.is-playing .whoop-us-built__step.is-active:before{animation:whoop-built-progress 6s linear}.whoop-us-built__step h3{margin:0}.whoop-us-built__step button{-webkit-appearance:none;appearance:none;border:0;border-radius:0;padding:0;background:transparent;color:#fff6;text-align:left;font:inherit;font-size:24px;line-height:1.15;font-weight:600;cursor:pointer}.whoop-us-built__step.is-active button{color:#fff;font-size:35px}.whoop-us-built__panel p{margin:30px 0 0;font-size:24px;line-height:1.4;color:#fff}.whoop-us-built__desktop-media{width:100%;max-width:600px;justify-self:end;aspect-ratio:1}.whoop-us-built__desktop-media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:30px}.whoop-us-built__desktop [hidden]{display:none!important}.whoop-us-built__autoplay{grid-column:2;justify-self:end;border:0;padding:8px 0;color:#aaa;background:transparent;font:inherit;font-size:14px;cursor:pointer}.whoop-us-built__desktop button:focus-visible{outline:2px solid #fff;outline-offset:6px}@keyframes whoop-built-progress{0%{height:0}to{height:100%}}}@media(min-width:750px)and (max-width:1100px){.whoop-us-built>.whoop-us-shell{width:calc(100% - 64px)}.whoop-us-built .whoop-us-built__desktop{grid-template-columns:minmax(0,44%) minmax(0,50%);min-height:440px}.whoop-us-built__step.is-active button{font-size:28px}.whoop-us-built__panel p{font-size:20px}}@media(prefers-reduced-motion:reduce){.whoop-us-built__step:before{animation:none!important}}.whoop-us-built__desktop-shell{display:none}@media(min-width:750px){.whoop-us-built__desktop-shell{display:block}.whoop-us-built__outer-controls{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin:-60px 0 40px}.whoop-us-built__outer-controls span{font-size:16px;color:#fff;min-width:220px;text-align:center}.whoop-us-built__outer-controls button{background:transparent;border:1px solid #666;color:#fff;border-radius:50%;width:44px;height:44px;font-size:24px;cursor:pointer}.whoop-us-built__outer-controls button:disabled{opacity:.3;cursor:default}.whoop-us-built__viewport{overflow:hidden}.whoop-us-built__track{display:flex;align-items:flex-start;transition:transform .4s ease}.whoop-us-built .whoop-us-built__desktop{flex:0 0 100%;min-width:0}.whoop-us-built__desktop-shell>.whoop-us-built__autoplay{display:block;margin-left:auto}.whoop-us-built__band-media{height:600px;max-height:50vw}.whoop-us-built__band-media video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.whoop-us-built__desktop.is-playing .whoop-us-built__step.is-active:before{animation-duration:var(--built-duration, 6s)}.whoop-us-built__desktop-shell button:focus-visible{outline:2px solid #fff;outline-offset:5px}}@media(prefers-reduced-motion:reduce){.whoop-us-built__track{transition:none}}@media(min-width:750px){.whoop-us-built__desktop.is-video-driven .whoop-us-built__step.is-active:before{height:100%;transform:scaleY(var(--built-video-progress, 0));transform-origin:top;animation:none;transition:transform .2s linear}.whoop-us-built__panel:not([hidden]){opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}@starting-style{.whoop-us-built__panel:not([hidden]){opacity:0;transform:translateY(8px)}}}@media(prefers-reduced-motion:reduce){.whoop-us-built__panel:not([hidden]),.whoop-us-built__desktop.is-video-driven .whoop-us-built__step.is-active:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/whoop-built-desktop.css.map */