.ws-how{--ws-how-ink: #263449;--ws-how-muted: #677486;--ws-how-line: #dee5eb;--ws-how-body-min-height: 124px;display:block;position:relative;isolation:isolate;padding:88px 0 96px;margin:0;background:#fff;color:var(--ws-how-ink);font-family:var(--ws-font-ui);font-size:var(--ws-type-body);font-style:normal;font-weight:400;font-synthesis:none;line-height:1.6;letter-spacing:normal;text-align:left;text-transform:none}.ws-how *,.ws-how *:before,.ws-how *:after{box-sizing:border-box}.ws-how [hidden]{display:none!important}.ws-how h2,.ws-how h3,.ws-how p,.ws-how figure{margin:0;color:inherit;font:inherit}.ws-how a{color:inherit;text-decoration:none}.ws-how button,.ws-how a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ws-how button{appearance:none;-webkit-appearance:none;display:block;position:relative;width:auto;height:auto;min-height:0;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;text-transform:none;letter-spacing:normal;box-shadow:none;cursor:pointer;opacity:1}.ws-how button:before,.ws-how button:after,.ws-how a:before,.ws-how a:after{content:none;display:none}.ws-how button:focus-visible,.ws-how a:focus-visible{outline:2px solid #617c9c;outline-offset:5px}.ws-how svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ws-how .ws-how__inner{width:min(1160px,calc(100% - 96px));margin-inline:auto}.ws-how .ws-how__intro{margin-bottom:44px;text-align:center}.ws-how .ws-how__eyebrow{margin-bottom:15px;color:var(--ws-how-muted);font-size:var(--ws-type-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-family:var(--ws-font-ui);line-height:1.4}.ws-how .ws-how__intro h2{font-size:var(--ws-type-section);font-weight:400;line-height:1.2;letter-spacing:-.025em;font-family:var(--ws-font-display)}.ws-how .ws-how__mobile-break{display:none}.ws-how .ws-how__layout{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:72px}.ws-how .ws-how__stage{position:relative;isolation:isolate;min-width:0;height:calc(var(--ws-how-card-height, 390px) + 96px);overflow:clip;border:1px solid #ddd8d1;border-radius:24px;background:linear-gradient(120deg,#f1e7dc,#eee9ee 48%,#e5e7f9)}.ws-how .ws-how__scenes{position:absolute;top:24px;right:24px;bottom:72px;left:24px}.ws-how .ws-how__scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;--ws-how-select:0;--ws-how-second:0;--ws-how-reveal:0;--ws-how-cursor-opacity:0}.ws-how .ws-how__screen{position:relative;width:min(390px,100%);min-height:var(--ws-how-card-height,0px);padding:26px;border:1px solid #ffffffa6;border-radius:20px;background:#fff;box-shadow:0 16px 36px -26px #26344955;font-family:var(--ws-font-ui);font-size:16px;line-height:1.5;letter-spacing:normal}.ws-how .ws-how__screen h3{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.04em}.ws-how .ws-how__screen-copy{margin-top:10px;font-size:13px;color:var(--ws-how-muted)}.ws-how .ws-how__demo-label{margin:22px 0 9px;font-size:12px;color:var(--ws-how-muted)}.ws-how .ws-how__choice,.ws-how .ws-how__feedback{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 13px;border:1px solid #e3e4e9;border-radius:11px;font-size:14px}.ws-how .ws-how__choice+.ws-how__choice{margin-top:7px}.ws-how .ws-how__choice--selected{border-color:color-mix(in srgb,#9790b0 calc(var(--ws-how-select)*100%),#e3e4e9);background:color-mix(in srgb,#efecf6 calc(var(--ws-how-select)*100%),white)}.ws-how .ws-how__radio{display:grid;place-items:center;flex:none;width:17px;height:17px;border:1px solid #d3d4dc;border-radius:50%}.ws-how .ws-how__radio svg{width:12px;height:12px;stroke-width:2;opacity:var(--ws-how-select)}.ws-how .ws-how__choice--selected .ws-how__radio{color:#fff;background:rgb(38 43 48 / var(--ws-how-select))}.ws-how .ws-how__availability{display:grid;gap:13px;margin-top:19px;opacity:calc(.35 + var(--ws-how-second)*.65)}.ws-how .ws-how__availability>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--ws-how-muted)}.ws-how .ws-how__pills{display:flex;gap:4px}.ws-how .ws-how__pills>span{display:grid;place-items:center;min-width:31px;min-height:30px;padding:4px 6px;border-radius:7px;background:#f5f5f6;font-size:11px;white-space:nowrap}.ws-how .ws-how__pills .ws-how__pill-picked{color:var(--ws-how-ink);background:color-mix(in srgb,#e7e0f2 calc(var(--ws-how-second)*100%),#f5f5f6)}.ws-how .ws-how__result{display:flex;align-items:center;gap:10px;margin-top:22px;padding:13px 14px;border-radius:12px;background:#f2eee8;font-size:13px;line-height:1.55;opacity:var(--ws-how-reveal);transform:translateY(calc((1 - var(--ws-how-reveal))*7px))}.ws-how .ws-how__result strong{font-weight:600}.ws-how .ws-how__result-check{display:grid;place-items:center;width:25px;height:25px;flex:none;background:#e3eade;color:#506347;border-radius:50%}.ws-how .ws-how__result-check svg{width:15px;height:15px}.ws-how .ws-how__result--plain{background:#f3f1f7}.ws-how .ws-how__cursor{position:absolute;z-index:3;left:50%;top:50%;width:22px;height:30px;opacity:var(--ws-how-cursor-opacity);transform:translate3d(calc(var(--ws-how-cursor-x)*1px),calc(var(--ws-how-cursor-y)*1px),0) scale(var(--ws-how-cursor-scale,1));transform-origin:2.4286px 1.6071px;pointer-events:none;filter:drop-shadow(0 1px 1px #0002)}.ws-how .ws-how__cursor svg{width:22px;height:30px;fill:#111;stroke:#fff;stroke-width:1.2}.ws-how .ws-how__membership{display:flex;align-items:flex-start;gap:12px;padding:18px 14px;margin-top:16px;border:1px solid #e3e4e9;border-radius:12px}.ws-how .ws-how__membership-number{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:8px;font-size:10px;background:#f2eee8}.ws-how .ws-how__membership strong{font-size:15px;font-weight:600;line-height:1.25}.ws-how .ws-how__membership p{margin-top:5px;color:var(--ws-how-muted);font-size:13px;line-height:1.5}.ws-how .ws-how__membership--base{background:color-mix(in srgb,#f7f3ed calc(var(--ws-how-select)*100%),white)}.ws-how .ws-how__membership--complete{border-color:color-mix(in srgb,#aca3c0 calc(var(--ws-how-second)*100%),#e3e4e9);background:color-mix(in srgb,#f0ecf7 calc(var(--ws-how-second)*100%),white)}.ws-how .ws-how__week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:23px 0 18px}.ws-how .ws-how__week-days span{display:grid;place-items:center;height:35px;border-radius:9px;background:#f6f5f7;font-size:12px;color:var(--ws-how-muted)}.ws-how .ws-how__week-days .ws-how__day-active{background:color-mix(in srgb,#262b30 calc(var(--ws-how-select)*100%),#f6f5f7);color:color-mix(in srgb,white calc(var(--ws-how-select)*100%),#677486)}.ws-how .ws-how__workout{border:1px solid #e0dae9;border-radius:13px;padding:15px;background:#f7f5fa}.ws-how .ws-how__workout-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.ws-how .ws-how__workout-title strong,.ws-how .ws-how__meal strong{font-size:14px;font-weight:600}.ws-how .ws-how__workout-title small,.ws-how .ws-how__meal small{display:block;margin-top:3px;color:var(--ws-how-muted);font-size:12px;line-height:1.5}.ws-how .ws-how__workout-title svg{width:18px;height:18px;flex:none;transform:rotate(calc(var(--ws-how-second)*90deg))}.ws-how .ws-how__workout-detail{display:grid;gap:9px;margin-top:16px;padding-top:13px;border-top:1px solid #e5dfed;opacity:var(--ws-how-second);clip-path:inset(0 0 calc((1 - var(--ws-how-second))*100%) 0)}.ws-how .ws-how__workout-detail>div{display:flex;align-items:center;gap:12px;font-size:13px}.ws-how .ws-how__workout-detail span{color:#8d839d;font-size:10px}.ws-how .ws-how__meal{display:flex;align-items:center;gap:10px;margin-top:17px;opacity:var(--ws-how-reveal)}.ws-how .ws-how__meal-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#f2eee8;border-radius:10px}.ws-how .ws-how__meal-icon svg{width:20px;height:20px}.ws-how .ws-how__sessions{display:flex;gap:10px}.ws-how .ws-how__sessions>span{display:flex;align-items:center;justify-content:space-between;gap:9px;flex:1;padding:10px;border:1px solid #e5e6e9;border-radius:10px;font-size:12px}.ws-how .ws-how__sessions i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e9efe5;color:#506347;opacity:var(--ws-how-select)}.ws-how .ws-how__sessions svg{width:12px;height:12px}.ws-how .ws-how__feedback{border-color:color-mix(in srgb,#aca3c0 calc(var(--ws-how-second)*100%),#e3e4e9);background:color-mix(in srgb,#f0ecf7 calc(var(--ws-how-second)*100%),white)}.ws-how .ws-how__feedback svg{opacity:var(--ws-how-second)}.ws-how .ws-how__controls{position:absolute;inset:auto 24px 13px;display:flex;align-items:center;justify-content:space-between}.ws-how .ws-how__chapter-controls{display:flex;align-items:center;gap:2px}.ws-how .ws-how__chapter-controls button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}.ws-how .ws-how__chapter-controls svg{width:16px;height:16px}.ws-how .ws-how__chapter-controls>span{width:39px;text-align:center;font-size:var(--ws-type-meta);color:var(--ws-how-muted);font-variant-numeric:tabular-nums;font-family:var(--ws-font-ui);font-weight:400;line-height:1.4;letter-spacing:normal}.ws-how .ws-how__playback{display:flex;align-items:center;justify-content:center;gap:6px;min-width:76px;min-height:44px;padding:8px 12px;border:1px solid #ffffffb0;border-radius:24px;background:#ffffff70;font-size:var(--ws-type-control);font-family:var(--ws-font-ui);font-weight:500;line-height:1.4;letter-spacing:normal}.ws-how .ws-how__playback svg{width:14px;height:14px}.ws-how .ws-how__chapter-controls button:hover,.ws-how .ws-how__playback:hover{background:#ffffffc9}.ws-how .ws-how__content{min-width:0}.ws-how .ws-how__step{position:relative}.ws-how .ws-how__rule{height:2px;overflow:hidden;background:var(--ws-how-line)}.ws-how .ws-how__rule>span{display:block;width:100%;height:100%;background:var(--ws-how-ink);transform:scaleX(0);transform-origin:left}.ws-how .ws-how__step--active .ws-how__rule>span{transform:scaleX(var(--ws-how-progress, 0))}.ws-how .ws-how__step h3{margin:0}.ws-how .ws-how__step button{display:flex;align-items:center;gap:17px;width:100%;min-height:75px;padding:18px 10px 18px 0;border-radius:7px;color:#5e6c7e;font-size:var(--ws-type-card);font-weight:500;line-height:1.3;letter-spacing:-.02em;font-family:var(--ws-font-ui)}.ws-how .ws-how__step button:hover{background:#f6f8fa;color:var(--ws-how-ink)}.ws-how .ws-how__step--active button{color:var(--ws-how-ink)}.ws-how .ws-how__step-number{flex:none;color:#95a0ae;font-size:var(--ws-type-label);font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1.4}.ws-how .ws-how__step--active .ws-how__step-number{color:#586d84}.ws-how .ws-how__step-indicator{position:relative;flex:none;width:12px;height:12px;margin-left:auto;color:#8290a1}.ws-how .ws-how__step-indicator:before,.ws-how .ws-how__step-indicator:after{content:"";display:block;position:absolute;top:5px;left:1px;width:10px;height:1px;background:currentColor}.ws-how .ws-how__step-indicator:after{transform:rotate(90deg) scaleX(1);transition:transform .22s ease}.ws-how .ws-how__step--active .ws-how__step-indicator:after{transform:rotate(90deg) scaleX(0)}.ws-how .ws-how__step-body{height:var(--ws-how-body-height, auto);min-height:var(--ws-how-body-min-height);overflow:hidden;padding:0 23px 0 33px;color:var(--ws-how-muted);font-size:var(--ws-type-body);line-height:1.6;font-family:var(--ws-font-ui);font-weight:400;letter-spacing:normal}.ws-how .ws-how__step-body p{max-width:355px;padding-bottom:25px}.ws-how .ws-how__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:176px;max-width:100%;min-height:52px;margin-top:28px;padding:14px 20px;border:1px solid var(--ws-how-ink);border-radius:12px;background:var(--ws-how-ink);color:#fff;font-size:var(--ws-type-control);font-weight:500;line-height:1.4;font-family:var(--ws-font-ui);letter-spacing:normal}.ws-how .ws-how__cta:hover{border-color:#3b4d66;background:#3b4d66;color:#fff}.ws-how .ws-how__cta svg{flex:none;width:18px;height:18px}@media(max-width:1100px){.ws-how .ws-how__inner{width:calc(100% - 64px)}.ws-how .ws-how__layout{gap:36px;grid-template-columns:1.1fr 1fr}.ws-how .ws-how__scenes{left:18px;right:18px}.ws-how .ws-how__screen{padding:22px}.ws-how .ws-how__step button{font-size:var(--ws-type-card);gap:13px}}@media(max-width:900px){.ws-how{padding:64px 0 72px}.ws-how .ws-how__inner{width:min(600px,calc(100% - 40px))}.ws-how .ws-how__intro{margin-bottom:30px}.ws-how .ws-how__layout{grid-template-columns:minmax(0,1fr);gap:28px}.ws-how .ws-how__step-body{padding-left:30px}.ws-how .ws-how__step-body p{max-width:none}.ws-how .ws-how__cta{display:flex;width:100%}}@media(max-width:480px){.ws-how{--ws-how-body-min-height:150px;padding:54px 0 60px}.ws-how .ws-how__inner{width:calc(100% - 32px)}.ws-how .ws-how__eyebrow{font-size:var(--ws-type-label)}.ws-how .ws-how__intro h2{font-size:var(--ws-type-section)}.ws-how .ws-how__stage{border-radius:20px;height:calc(var(--ws-how-card-height,390px) + 84px)}.ws-how .ws-how__scenes{top:16px;right:12px;bottom:68px;left:12px}.ws-how .ws-how__screen{padding:20px 18px;border-radius:16px}.ws-how .ws-how__screen h3{font-size:23px}.ws-how .ws-how__availability>div{font-size:11px}.ws-how .ws-how__controls{left:12px;right:12px;bottom:11px}.ws-how .ws-how__step button{min-height:64px}.ws-how .ws-how__step-body{padding-inline:29px 8px;font-size:var(--ws-type-body)}}@media(max-width:360px){.ws-how .ws-how__screen{padding:18px 14px}.ws-how .ws-how__screen h3{font-size:21px}.ws-how .ws-how__availability>div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:10px}.ws-how .ws-how__pills>span{font-size:10px;padding:4px;min-width:25px}.ws-how .ws-how__membership{gap:8px;padding:14px 10px}.ws-how .ws-how__membership strong{font-size:14px}.ws-how .ws-how__sessions{gap:6px}.ws-how .ws-how__sessions>span{padding:8px;gap:5px}.ws-how .ws-how__step button{font-size:var(--ws-type-card)}}@media(prefers-reduced-motion:reduce){.ws-how .ws-how__step-indicator:after{transition:none}.ws-how .ws-how__cursor,.ws-how .ws-how__playback{display:none!important}}.ws-how .ws-how__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ws-how-it-works.css.map */