.iv-flow{--a: #623cea;--rose: #e8547c;--ink: #1e1b2e;--muted: #5f5a73;--line: rgba(30, 27, 46, .1);--band: rgba(98, 60, 234, .13);color:var(--ink)}.iv-flow,.iv-flow *,.iv-flow *:before,.iv-flow *:after{box-sizing:border-box}.iv-flow__wrap{max-width:1180px;margin:0 auto;padding:0 20px}.iv-flow__head{max-width:720px;margin:0 0 32px}.iv-flow__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--a);margin:0 0 14px}.iv-flow__eyebrow:before{content:"";width:20px;height:1px;background:currentColor;opacity:.5}.iv-flow__h{font-size:clamp(26px,3.4vw,40px);line-height:1.14;letter-spacing:-.02em;font-weight:600;margin:0 0 12px;color:var(--ink)}.iv-flow__intro{font-size:17px;line-height:1.6;color:var(--muted);margin:0}.iv-flow__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start}.iv-flow__panel{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 22px 18px;box-shadow:0 18px 50px -30px #1e1b2e59}.iv-flow__ph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.iv-flow__pt{font-size:15px;font-weight:600;letter-spacing:-.01em}.iv-flow__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;background:#1e1b2e0f;color:var(--muted);transition:background .35s ease,color .35s ease}.iv-flow__chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.iv-flow[data-stage=values] .iv-flow__chip,.iv-flow[data-stage=retest] .iv-flow__chip{background:#623cea1f;color:var(--a)}.iv-flow[data-stage=capsule] .iv-flow__chip,.iv-flow[data-stage=adjust] .iv-flow__chip{background:#1e1b2ee6;color:#fff}.iv-flow__rows{display:grid;gap:11px}.iv-flow__row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}.iv-flow__rn{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}.iv-flow__track{position:relative;height:28px;border-radius:999px;background:#1e1b2e0d;overflow:visible}.iv-flow__band{position:absolute;top:6px;bottom:6px;border-radius:999px;background:var(--band);opacity:0;transform:scaleX(.6);transform-origin:center;transition:opacity .5s ease,transform .5s ease}.iv-flow__q{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:var(--muted);opacity:1;transition:opacity .3s ease}.iv-flow__dot{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:var(--a);box-shadow:0 0 0 3px #fff;transition:transform .45s cubic-bezier(.2,.8,.3,1.2),left .6s ease,background .3s ease}.iv-flow__dot--out{background:var(--rose)}.iv-flow__dot--2{background:#fff;border:2.5px solid var(--a);box-shadow:0 0 0 3px #fff}.iv-flow__dot--2.iv-flow__dot--out{border-color:var(--rose)}.iv-flow__cap{position:absolute;right:-4px;top:50%;transform:translate(100%,-50%) scale(0);transition:transform .35s cubic-bezier(.2,.8,.3,1.2);width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}.iv-flow__cap svg{width:12px;height:12px}.iv-flow[data-stage=values] .iv-flow__q,.iv-flow[data-stage=capsule] .iv-flow__q,.iv-flow[data-stage=retest] .iv-flow__q,.iv-flow[data-stage=adjust] .iv-flow__q{opacity:0}.iv-flow[data-stage=values] .iv-flow__band,.iv-flow[data-stage=capsule] .iv-flow__band,.iv-flow[data-stage=retest] .iv-flow__band,.iv-flow[data-stage=adjust] .iv-flow__band{opacity:1;transform:none}.iv-flow[data-stage=values] .iv-flow__dot--1,.iv-flow[data-stage=capsule] .iv-flow__dot--1,.iv-flow[data-stage=retest] .iv-flow__dot--1,.iv-flow[data-stage=adjust] .iv-flow__dot--1,.iv-flow[data-stage=retest] .iv-flow__dot--2,.iv-flow[data-stage=adjust] .iv-flow__dot--2{transform:translate(-50%,-50%) scale(1)}.iv-flow[data-stage=retest] .iv-flow__dot--1,.iv-flow[data-stage=adjust] .iv-flow__dot--1{opacity:.45}.iv-flow[data-stage=capsule] .iv-flow__row--out .iv-flow__cap,.iv-flow[data-stage=adjust] .iv-flow__row--out2 .iv-flow__cap{transform:translate(100%,-50%) scale(1)}.iv-flow__row{padding-right:26px}.iv-flow__coach{display:none;margin:14px 0 2px;padding:14px 14px 12px;border-radius:16px;background:linear-gradient(180deg,#623cea12,#623cea08);border:1px dashed rgba(98,60,234,.35)}.iv-flow[data-stage=coach] .iv-flow__coach{display:block;animation:iv-flow-in .45s ease both}.iv-flow__coach-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}.iv-flow__coach-av{width:34px;height:34px;border-radius:50%;background:var(--a);color:#fff;display:grid;place-items:center;flex:0 0 auto}.iv-flow__coach-av svg{width:20px;height:20px}.iv-flow__coach-t{font-size:14px;font-weight:600;color:var(--ink)}.iv-flow__coach-tips{display:flex;flex-wrap:wrap;gap:8px}.iv-flow__tip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink);opacity:0;transform:translateY(6px)}.iv-flow__tip svg{width:16px;height:16px;color:var(--a);flex:0 0 auto}.iv-flow[data-stage=coach] .iv-flow__tip{animation:iv-flow-in .4s ease both;animation-delay:calc(.25s + var(--i) * .3s)}.iv-flow__coach-line{display:flex;gap:4px;margin-top:12px}.iv-flow__coach-line i{height:4px;flex:1;border-radius:2px;background:#623cea26;overflow:hidden;position:relative}.iv-flow__coach-line i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--a);transform:scaleX(0);transform-origin:left}.iv-flow[data-stage=coach] .iv-flow__coach-line i:nth-child(1):after{animation:iv-flow-fill .7s ease .3s forwards}.iv-flow[data-stage=coach] .iv-flow__coach-line i:nth-child(2):after{animation:iv-flow-fill .7s ease 1s forwards}.iv-flow[data-stage=coach] .iv-flow__coach-line i:nth-child(3):after{animation:iv-flow-fill .7s ease 1.7s forwards}.iv-flow[data-stage=coach] .iv-flow__chip{background:#623cea1f;color:var(--a)}.iv-flow[data-stage=coach] .iv-flow__rows{opacity:.35}.iv-flow__rows{transition:opacity .35s ease}@keyframes iv-flow-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes iv-flow-fill{to{transform:scaleX(1)}}.iv-flow__ship{display:none;align-items:center;gap:10px;margin:14px 0 4px;font-size:12.5px;color:var(--muted)}.iv-flow__ship-l{position:relative;flex:1;height:2px;background:#1e1b2e1f;border-radius:2px;overflow:hidden}.iv-flow__ship-l:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:var(--a)}.iv-flow[data-stage=sample] .iv-flow__ship{display:flex}.iv-flow[data-stage=sample] .iv-flow__ship-l:after{animation:iv-flow-ship 2.2s ease-in-out forwards}@keyframes iv-flow-ship{0%{width:0}to{width:100%}}.iv-flow__pf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}.iv-flow__legend{display:flex;gap:14px}.iv-flow__legend span{display:inline-flex;align-items:center;gap:6px}.iv-flow__legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.iv-flow__legend i.b{background:var(--band);width:18px;border-radius:4px}.iv-flow__legend i.d1{background:var(--a)}.iv-flow__legend i.d2{background:#fff;border:2px solid var(--a)}.iv-flow__steps{position:relative;list-style:none;margin:0;padding:0}.iv-flow__steps:before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:#1e1b2e1a;border-radius:2px}.iv-flow__prog{position:absolute;left:27px;top:28px;width:2px;height:0;background:var(--a);border-radius:2px;transition:height .6s ease}.iv-flow__step{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:10px 12px 10px 0;border-radius:16px;cursor:pointer;transition:background .3s ease}.iv-flow__step+.iv-flow__step{margin-top:4px}.iv-flow__when{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid rgba(30,27,46,.12);display:grid;place-items:center;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--muted);text-align:center;line-height:1.1;padding:4px;transition:border-color .3s ease,color .3s ease,background .3s ease,transform .3s ease}.iv-flow__step[aria-current=step] .iv-flow__when{border-color:var(--a);color:var(--a);transform:scale(1.06)}.iv-flow__step.is-done .iv-flow__when{border-color:var(--a);background:var(--a);color:#fff}.iv-flow__step--hl .iv-flow__when{border-style:dashed}.iv-flow__sb{padding-top:6px;opacity:.55;transition:opacity .3s ease}.iv-flow__step[aria-current=step] .iv-flow__sb,.iv-flow__step.is-done .iv-flow__sb{opacity:1}.iv-flow__st{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 3px;color:var(--ink)}.iv-flow__sx{font-size:14.5px;line-height:1.5;color:var(--muted);margin:0}.iv-flow__tag{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#623cea1a;color:var(--a)}.iv-flow__step--hl .iv-flow__tag{background:var(--a);color:#fff}.iv-flow__after{margin:22px 0 0;font-size:14.5px;line-height:1.55;color:var(--muted)}@media(max-width:989px){.iv-flow__grid{grid-template-columns:1fr;gap:22px}.iv-flow__panel{position:sticky;top:64px;z-index:2}}@media(max-width:749px){.iv-flow__wrap{padding:0 16px}.iv-flow__head{margin-bottom:22px}.iv-flow__panel{padding:14px 14px 12px;border-radius:18px;box-shadow:0 12px 34px -18px #1e1b2e73}.iv-flow__ph{margin-bottom:12px}.iv-flow__pt{font-size:14px}.iv-flow__chip{padding:5px 9px;font-size:11px}.iv-flow__rows{gap:8px}.iv-flow__row{grid-template-columns:80px minmax(0,1fr);gap:10px;padding-right:24px}.iv-flow__rn{font-size:12px}.iv-flow__track{height:22px}.iv-flow__dot{width:13px;height:13px}.iv-flow__cap{width:20px;height:20px}.iv-flow__coach{margin-top:10px;padding:12px 12px 10px}.iv-flow__coach-h{margin-bottom:10px}.iv-flow__coach-t{font-size:13px}.iv-flow__tip{padding:6px 10px;font-size:12.5px}.iv-flow__pf{margin-top:10px;padding-top:10px;font-size:11.5px;flex-direction:row;flex-wrap:wrap;gap:6px 12px}.iv-flow__legend{gap:10px}.iv-flow__intro{font-size:15.5px}.iv-flow__step{padding:8px 8px 8px 0}.iv-flow__sx{font-size:14px}.iv-flow__tag{font-size:11.5px;margin-top:6px}.iv-flow__after{margin-top:16px;font-size:14px}.iv-flow__steps:before,.iv-flow__prog{left:23px}.iv-flow__step{grid-template-columns:48px minmax(0,1fr);gap:12px}.iv-flow__when{width:48px;height:48px;font-size:10.5px}.iv-flow__st{font-size:16px}}@media(prefers-reduced-motion:reduce){.iv-flow *{transition:none!important;animation:none!important}.iv-flow__tip{opacity:1;transform:none}.iv-flow__coach-line i:after{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/iv-prog-flow.css.map */