.vf-ba{--vf-ba-tag: 10px}.vf-ba__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "side"}.vf-ba__head{grid-area:head;margin-bottom:18px}.vf-ba__head .vf-h2 em{font-style:normal;color:var(--vf-red)}.vf-ba__lede{margin-top:8px;font-size:15px;line-height:23px;color:var(--vf-muted)}.vf-ba__stage{grid-area:stage;min-width:0}.vf-ba__side{grid-area:side;min-width:0}.vf-ba__tabs{display:flex;margin-bottom:12px;border-bottom:1px solid var(--vf-line)}.vf-ba__tab{flex:1 1 0;min-width:0;position:relative;min-height:44px;padding:0 4px;margin:0 0 -1px;white-space:nowrap;background:none;border:0;border-radius:0;cursor:pointer;font:600 12px/1 var(--vf-font);letter-spacing:1.2px;text-transform:uppercase;color:var(--vf-muted);transition:color .15s}.vf-ba__tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--vf-ink);transform:scaleX(0);transition:transform .25s ease}.vf-ba__tab:hover,.vf-ba__tab.is-on{color:var(--vf-ink)}.vf-ba__tab.is-on:after{transform:scaleX(1)}.vf-ba__tab:focus-visible{outline:2px solid var(--vf-ink);outline-offset:-2px}.vf-ba__frame{--pos: 50%;position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--vf-warm);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:ew-resize}.vf-ba__pair{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.vf-ba__pair.is-on{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}.vf-ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.vf-ba__img--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.vf-ba__tag{position:absolute;top:12px;z-index:2;padding:6px 8px;font:600 var(--vf-ba-tag)/1 var(--vf-font);letter-spacing:1.4px;text-transform:uppercase;background:#ffffffeb;color:var(--vf-ink);pointer-events:none;transition:opacity .2s}.vf-ba__tag--before{left:12px}.vf-ba__tag--after{right:12px;background:var(--vf-ink);color:#fff}.vf-ba__frame.is-lo .vf-ba__tag--before,.vf-ba__frame.is-hi .vf-ba__tag--after{opacity:0}.vf-ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:3;width:44px;margin-left:-22px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;outline:none}.vf-ba__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 .5px #0d0d0d1f}.vf-ba__grip{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--vf-ink);box-shadow:0 2px 10px #0d0d0d38;transition:transform .2s ease}.vf-ba__grip svg{width:20px;height:20px}.vf-ba__frame.is-drag .vf-ba__grip{transform:scale(1.08)}.vf-ba__handle:focus-visible .vf-ba__grip{outline:2px solid var(--vf-ink);outline-offset:3px}.vf-ba__hint{margin-top:8px;font-size:12px;line-height:18px;color:var(--vf-muted);text-align:center}.vf-ba__side{margin-top:18px}.vf-ba__steps-title{margin-bottom:2px;font-size:11px;line-height:16px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--vf-ink)}.vf-ba__steps{list-style:none;margin:0;padding:0}.vf-ba__step{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--vf-line)}.vf-ba__step:last-child{border-bottom:0}.vf-ba__when{font-size:12px;line-height:20px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--vf-red)}.vf-ba__what{font-size:15px;line-height:21px;color:var(--vf-ink)}.vf-ba__buy{margin-top:14px}.vf-ba__btn{width:100%}.vf-ba__cap{margin-top:12px;font-size:12px;line-height:18px;color:var(--vf-muted);text-align:center}@media(max-width:374px){.vf-ba__tab{letter-spacing:.6px;font-size:11px}.vf-ba__step{grid-template-columns:100px 1fr}}@media(min-width:750px){.vf-ba{--vf-ba-tag: 11px}.vf-ba__grid{max-width:calc(640px + 2 * var(--vf-gutter))}.vf-ba__head{margin-bottom:28px}}@media(min-width:1024px){.vf-ba.vf-sec{padding:72px 0}.vf-ba__grid{max-width:calc(1160px + 2 * var(--vf-gutter));grid-template-columns:minmax(0,560px) minmax(0,1fr);column-gap:80px;grid-template-areas:"stage head" "stage side";grid-template-rows:1fr 1fr;align-items:start}.vf-ba__head{align-self:end;margin:0 0 28px}.vf-ba__lede{margin-top:14px;font-size:16px;line-height:25px}.vf-ba__side{margin-top:0}.vf-ba__steps{position:relative}.vf-ba__step{grid-template-columns:1fr;gap:2px;padding:0 0 18px 28px;border:0;position:relative}.vf-ba__step:before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;background:#fff;border:1.5px solid var(--vf-red)}.vf-ba__step:first-child:before{background:var(--vf-red)}.vf-ba__step:after{content:"";position:absolute;left:5px;top:18px;bottom:2px;width:1px;background:var(--vf-line)}.vf-ba__step:last-child{padding-bottom:0}.vf-ba__step:last-child:after{display:none}.vf-ba__steps-title{margin-bottom:16px}.vf-ba__what{font-size:17px;line-height:25px}.vf-ba__buy{margin-top:28px}.vf-ba__btn{width:auto;min-width:300px;height:56px}.vf-ba__cap{text-align:left}.vf-ba__tabs{gap:36px}.vf-ba__tab{font-size:13px;flex:0 0 auto;padding:0;min-height:48px}}@media(prefers-reduced-motion:reduce){.vf-ba__pair,.vf-ba__tab:after,.vf-ba__grip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/vf-ba.css.map */