@property --vfs-bg{syntax:"<color>";inherits:true;initial-value:#080b0c}@property --vfs-bg2{syntax:"<color>";inherits:true;initial-value:#10201a}@property --vfs-accent{syntax:"<color>";inherits:true;initial-value:#baf9d1}@property --vfs-accent2{syntax:"<color>";inherits:true;initial-value:#e0442e}@property --vfs-glow{syntax:"<color>";inherits:true;initial-value:#2e7d5b}#vf-switcher{--vfs-bg:#080b0c;--vfs-bg2:#10201a;--vfs-accent:#baf9d1;--vfs-accent2:#e0442e;--vfs-glow:#2e7d5b;--vfs-fg:#f2f5f2;--vfs-muted:#a4b2a9;--vfs-line:#ffffff1a;--vfs-display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--vfs-body:"Manrope","Segoe UI",Arial,sans-serif;--vfs-mono:"JetBrains Mono",Consolas,"Courier New",monospace;--vfs-ease:cubic-bezier(.65,0,.2,1);--vfs-morph:.9s;position:relative;container-type:inline-size;overflow:clip;background:var(--vfs-bg);color:var(--vfs-fg);font-family:var(--vfs-body);letter-spacing:0;transition:--vfs-bg var(--vfs-morph) var(--vfs-ease),--vfs-bg2 var(--vfs-morph) var(--vfs-ease),--vfs-accent var(--vfs-morph) var(--vfs-ease),--vfs-accent2 var(--vfs-morph) var(--vfs-ease),--vfs-glow var(--vfs-morph) var(--vfs-ease)}#vf-switcher *{box-sizing:border-box}#vf-switcher h2,#vf-switcher h3,#vf-switcher p{margin:0;font-family:inherit;color:inherit}#vf-switcher a{text-decoration:none}#vf-switcher button{font:inherit;color:inherit;cursor:pointer}#vf-switcher :focus-visible{outline:2px solid var(--vfs-accent);outline-offset:3px}#vf-switcher{isolation:isolate;background:repeating-linear-gradient(to bottom,transparent 0 79px,#ffffff08 79px 80px),var(--vfs-bg)}#vf-switcher .vfs-atmo{display:none}#vf-switcher .vfs-glowspot{display:block;position:sticky;top:0;height:0;z-index:0;pointer-events:none}#vf-switcher .vfs-glowspot i{display:block;position:absolute;left:0;width:100cqw;top:0;height:100vh;opacity:var(--vfs-gop,1);background:radial-gradient(60cqw 60cqw at var(--vfs-gx,68%) 42%,color-mix(in srgb,var(--vfs-glow) 55%,transparent),transparent 62%)}#vf-switcher:before,#vf-switcher:after{content:"";position:absolute;left:0;right:0;height:160px;z-index:1;pointer-events:none}#vf-switcher:before{top:0;background:linear-gradient(#080b0c,transparent)}#vf-switcher:after{bottom:0;background:linear-gradient(transparent,#080b0c)}#vf-switcher .vfs-hero,#vf-switcher .vfs-steps,#vf-switcher .vfs-detail{position:relative;z-index:2}#vf-switcher .vfs-wrap{width:min(1320px,90%);margin-inline:auto}@media(max-width:700px){#vf-switcher .vfs-wrap{width:calc(100% - 36px)}}#vf-experience .vf-collection{padding-bottom:24px}#vf-experience .vf-stage-label,#vf-switcher .vfs-eyebrow{display:none!important}#vf-switcher .vfs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy stage" "rail rail";align-items:center;gap:0 24px;padding-block:40px 10px}#vf-switcher .vfs-copy{grid-area:copy;min-width:0;max-width:520px}#vf-switcher .vfs-copy{align-self:end;margin-bottom:43px}#vf-switcher .vfs-eyebrow{display:flex;gap:14px;align-items:center;font-family:var(--vfs-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--vfs-muted)}#vf-switcher .vfs-pill{color:var(--vfs-bg);background:var(--vfs-accent);padding:4px 9px;border-radius:999px;letter-spacing:.1em}#vf-switcher .vfs-title{font-family:var(--vfs-display);font-weight:900;text-transform:uppercase;font-size:clamp(56px,8.4cqw,112px);line-height:.88;letter-spacing:.005em;margin:22px 0 20px;text-wrap:balance}#vf-switcher .vfs-title{white-space:nowrap}#vf-switcher .vfs-hl{color:var(--vfs-accent);text-shadow:0 0 38px color-mix(in srgb,var(--vfs-accent) 40%,transparent)}#vf-switcher .vfs-tagline{font-size:17px;line-height:1.6;color:#d6ddd8;max-width:40ch;margin:0 0 30px;min-height:3.2em}#vf-switcher .vfs-swap{transition:opacity .28s var(--vfs-ease),transform .28s var(--vfs-ease)}#vf-switcher .vfs-swap.out{opacity:0;transform:translateY(10px)}#vf-switcher .vfs-buy{display:flex;align-items:center;gap:18px;flex-wrap:wrap}#vf-switcher .vfs-price{font-family:var(--vfs-mono);font-size:20px;font-weight:600}#vf-switcher .vfs-price small{font-size:11px;color:var(--vfs-muted);margin-left:4px}#vf-switcher .vfs-cta{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--vfs-accent);color:var(--vfs-bg);font-weight:700;font-size:15px;padding:15px 26px;border-radius:999px;box-shadow:0 10px 30px color-mix(in srgb,var(--vfs-accent) 28%,transparent);transition:transform .2s}#vf-switcher .vfs-cta:hover{transform:translateY(-2px)}#vf-switcher .vfs-ship{margin:18px 0 0;font-size:13px;color:var(--vfs-muted);display:flex;gap:8px;align-items:center}#vf-switcher .vfs-ship i{width:7px;height:7px;border-radius:50%;background:var(--vfs-accent);box-shadow:0 0 10px var(--vfs-accent);display:inline-block;flex:none}#vf-switcher .vfs-stagewrap{grid-area:stage;min-width:0;display:grid;justify-items:center;gap:14px;position:relative;margin-bottom:8px}#vf-switcher .vfs-bigword{position:absolute;inset:auto 0 50% 0;transform:translateY(calc(50% + var(--vfs-par,0px)));text-align:center;font-family:var(--vfs-display);font-weight:900;text-transform:uppercase;font-size:24cqw;line-height:.8;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--vfs-accent) 22%,transparent);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}#vf-switcher .vfs-stage{position:relative;height:min(calc(var(--vfs-copy-h,480px) * 1.26),620px);width:auto;aspect-ratio:.78;max-width:100%;touch-action:pan-y;cursor:auto;user-select:none;-webkit-user-select:none;outline-offset:6px}#vf-switcher .vfs-stage:active{cursor:inherit}#vf-switcher .vfs-poster{position:absolute;left:50%;top:50%;height:85%;width:auto;aspect-ratio:.5;translate:-50% -50%;border-radius:13%/6.5%;box-shadow:0 30px 60px #000a;transition:opacity .4s;pointer-events:none;-webkit-user-drag:none}#vf-switcher .vfs-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s;transform:translateY(var(--vfs-sy,0px)) scale(var(--vfs-ss,1))}#vf-switcher .vfs-stage.is-3d canvas{opacity:1}#vf-switcher .vfs-stage.is-3d .vfs-poster{opacity:0}#vf-switcher .vfs-stage:after{content:"";position:absolute;left:28%;right:28%;bottom:3%;height:5%;border-radius:50%;background:radial-gradient(closest-side,#000c,transparent);filter:blur(6px);z-index:-1;transform:scaleX(var(--vfs-shx,1))}#vf-switcher .vfs-stage-ui{display:flex;align-items:center;gap:14px;font-family:var(--vfs-mono);font-size:11px;color:var(--vfs-muted);letter-spacing:.08em}#vf-switcher .vfs-arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--vfs-line);background:#ffffff08;display:grid;place-items:center;font-size:16px}#vf-switcher .vfs-arrow:hover{border-color:var(--vfs-accent);color:var(--vfs-accent)}#vf-switcher .vfs-rail-wrap{grid-area:rail;min-width:0;padding-block:0 8px;position:relative;z-index:1}#vf-switcher .vfs-rail-label{font-family:var(--vfs-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--vfs-muted);margin:0 0 12px}#vf-switcher .vfs-rail{display:block;overflow:hidden;padding-block:2px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}#vf-switcher .vfs-rail{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}#vf-switcher .vfs-rail.is-dragging{cursor:grabbing}#vf-switcher .vfs-rail img{-webkit-user-drag:none;pointer-events:none}#vf-switcher .vfs-rail-track{display:flex;gap:10px;width:max-content;will-change:transform}@keyframes vfs-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 5px))}}@keyframes vfs-marquee-sm{0%{transform:translate(0)}to{transform:translate(calc(-50% - 4px))}}#vf-switcher .vfs-chip{flex:0 0 190px}#vf-switcher .vfs-chip{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;text-align:left;border:1px solid var(--vfs-line);background:#ffffff06;border-radius:14px;padding:9px 10px;font-family:var(--vfs-body);transition:border-color .3s,background .3s}#vf-switcher .vfs-chip img{width:34px;height:63px;object-fit:contain}#vf-switcher .vfs-chip span{display:block;min-width:0}#vf-switcher .vfs-chip .n{font-weight:700;font-size:12.5px;line-height:1.25}#vf-switcher .vfs-chip .k{font-family:var(--vfs-mono);font-size:10px;color:var(--vfs-muted);margin-top:3px;letter-spacing:.04em}#vf-switcher .vfs-chip:hover{border-color:#ffffff40}#vf-switcher .vfs-chip[aria-selected=true]{border-color:var(--vfs-accent);background:color-mix(in srgb,var(--vfs-accent) 10%,transparent)}#vf-switcher .vfs-chip[aria-selected=true] .k{color:var(--vfs-accent)}#vf-switcher .vfs-steps{padding-block:80px 30px}#vf-switcher .vfs-steps h2,#vf-switcher .vfs-detail h2{font-family:var(--vfs-display);font-weight:800;text-transform:uppercase;font-size:clamp(40px,5.4cqw,72px);line-height:.95;letter-spacing:0;margin:0 0 34px;text-wrap:balance}#vf-switcher .vfs-steps h2 span,#vf-switcher .vfs-detail h2 span{color:var(--vfs-accent)}#vf-switcher .vfs-detail h2 .vfs-plain{color:var(--vfs-fg)}#vf-switcher .vfs-detail h2 .vfs-dl{display:block;white-space:nowrap}#vf-switcher .vfs-step-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#vf-switcher .vfs-step{border-top:1px solid var(--vfs-line);padding-top:18px;transform:translateY(var(--vfs-rise,0px));transition:transform .1s linear}#vf-switcher .vfs-step b{font-family:var(--vfs-mono);color:var(--vfs-accent);font-size:12px;letter-spacing:.12em}#vf-switcher .vfs-step h3{font-size:19px;font-weight:700;margin:10px 0 8px}#vf-switcher .vfs-step p{margin:0;color:var(--vfs-muted);line-height:1.6;font-size:14px;max-width:34ch}#vf-switcher .vfs-detail{padding-block:70px 150px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}#vf-switcher .vfs-detail p{color:#d6ddd8;line-height:1.7;margin:0 0 14px;max-width:46ch}#vf-switcher .vfs-specs{list-style:none;margin:0;padding:0;border-top:1px solid var(--vfs-line)}#vf-switcher .vfs-specs li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--vfs-line);font-size:14px}#vf-switcher .vfs-specs li span:first-child{color:var(--vfs-muted)}#vf-switcher .vfs-specs li span:last-child{font-family:var(--vfs-mono);font-size:13px;text-align:right}#vfs-toast{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;z-index:40;font-family:Manrope,Segoe UI,Arial,sans-serif;background:#f2f5f2;color:#0a0d0c;font-size:13px;font-weight:600;padding:12px 18px;border-radius:12px;max-width:min(420px,90%);text-align:center;transition:.3s var(--vfs-ease);pointer-events:none}#vfs-toast.show{opacity:1;transform:translate(-50%)}@container (max-width:699px){#vf-switcher .vfs-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "stage" "rail";gap:6px;padding-top:32px;padding-bottom:10px}#vf-switcher .vfs-stage{width:min(94cqw,360px);height:auto}#vf-switcher .vfs-stagewrap{gap:10px;margin-bottom:14px}#vf-switcher .vfs-bigword{font-size:40cqw;opacity:.55}#vf-switcher .vfs-title{font-size:clamp(46px,15cqw,72px);margin:14px 0 12px}#vf-switcher .vfs-tagline{font-size:15px;margin-bottom:16px}#vf-switcher .vfs-buy .vfs-cta,#vf-switcher .vfs-ship{display:none}#vf-switcher .vfs-buy{margin-bottom:4px}#vf-switcher .vfs-copy{max-width:none;align-self:auto;margin-bottom:0}#vf-switcher .vfs-rail-wrap{padding-block:0 10px}#vf-switcher .vfs-rail-label{font-size:10px;letter-spacing:.12em;line-height:1.5;margin-bottom:10px}#vf-switcher .vfs-rail{margin-inline:-18px;padding-bottom:8px}#vf-switcher .vfs-rail-track{gap:8px}#vf-switcher .vfs-chip{flex:0 0 150px}#vf-switcher .vfs-steps{padding-block:60px 10px}#vf-switcher .vfs-step-row{grid-template-columns:minmax(0,1fr);gap:22px}#vf-switcher .vfs-detail{grid-template-columns:minmax(0,1fr);padding-block:40px 110px;gap:24px}}@container (min-width:700px){#vf-switcher *{font-family:Manrope,Segoe UI,Arial,sans-serif!important}#vf-switcher .vfs-title,#vf-switcher .vfs-title *,#vf-switcher .vfs-bigword,#vf-switcher .vfs-steps h2,#vf-switcher .vfs-steps h2 *,#vf-switcher .vfs-detail h2,#vf-switcher .vfs-detail h2 *{font-family:Big Shoulders Display,Arial Narrow,Impact,sans-serif!important}#vf-switcher .vfs-eyebrow,#vf-switcher .vfs-eyebrow *,#vf-switcher .vfs-price,#vf-switcher .vfs-price *,#vf-switcher .vfs-rail-label,#vf-switcher .vfs-chip .k,#vf-switcher .vfs-step b,#vf-switcher .vfs-specs li span:last-child{font-family:JetBrains Mono,Consolas,Courier New,monospace!important}}@media(min-width:700px){#vfs-toast{font-family:Manrope,Segoe UI,Arial,sans-serif!important}}#vf-switcher .vfs-chip{flex:0 0 158px;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:6px 9px;border-radius:12px}#vf-switcher .vfs-chip img{width:26px;height:48px}#vf-switcher .vfs-chip .n{font-size:11px;line-height:1.2}#vf-switcher .vfs-chip .k{font-size:9px;margin-top:2px}#vf-switcher .vfs-rail-track{gap:8px}@container (max-width:699px){#vf-switcher .vfs-chip{flex:0 0 132px;grid-template-columns:24px minmax(0,1fr);gap:7px;padding:6px 8px}#vf-switcher .vfs-chip img{width:24px;height:44px}#vf-switcher .vfs-chip .n{font-size:10.5px}#vf-switcher .vfs-chip .k{font-size:8.5px}#vf-switcher .vfs-rail-track{gap:7px}}@media(prefers-reduced-motion:reduce){#vf-switcher{--vfs-morph:0s}#vf-switcher .vfs-swap{transition:none}#vf-switcher .vfs-rail{overflow-x:auto;scrollbar-width:none}#vf-switcher .vfs-rail-track{animation:none}#vf-switcher .vfs-chip[aria-hidden=true]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/vf-switcher.css.map */