#vs{--ink:#191410;--tx:#F4F0E7;--mu:#A79C8C;--ac:#C9A961;--ac30:rgba(201,169,97,.3);--ac16:rgba(201,169,97,.16);--ln:rgba(244,240,231,.13);--ln2:rgba(244,240,231,.26);position:relative;background:var(--ink);color:var(--tx);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-align:center;min-height:calc(100vh - var(--vh-h, 148px));display:flex;align-items:center;justify-content:center;padding:64px 22px 84px;overflow:hidden;transition:background-color .38s ease,color .38s ease}#vs,#vs *{box-sizing:border-box}#vs a{text-decoration:none}:where(#vs) a{color:inherit}#vs[data-stage=consumer]{--ink:#14120F}#vs[data-stage=trade]{--ink:#0F1214;--tx:#E8EDF1;--mu:#98A3AC;--ac:#9DB2BF;--ac30:rgba(157,178,191,.3);--ac16:rgba(157,178,191,.16);--ln:rgba(214,226,234,.13);--ln2:rgba(214,226,234,.26)}#vs[data-stage=supplier]{--ink:#0E1211;--tx:#E9EFEA;--mu:#94A69A;--ac:#9BB5A2;--ac30:rgba(155,181,162,.3);--ac16:rgba(155,181,162,.16);--ln:rgba(220,232,224,.13);--ln2:rgba(220,232,224,.26)}#vs .vs-wash{position:absolute;left:50%;top:0;width:120vw;height:78%;transform:translate(-50%);background:radial-gradient(58% 74% at 50% 4%,var(--ac16),transparent 72%);opacity:0;transition:opacity .38s ease,background .38s ease;pointer-events:none}#vs:not([data-stage=choose]) .vs-wash{opacity:1}#vs .vs-in{position:relative;width:100%;max-width:560px}#vs .vs-brand{display:inline-flex;flex-direction:column;align-items:center;gap:16px;margin:0 0 42px;padding:6px 10px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;cursor:default}#vs .vs-brand *{cursor:default}#vs .vs-marks{position:relative;display:block;height:clamp(52px,7vw,72px);width:auto;aspect-ratio:560/452}#vs .vs-mk{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:contain;display:block;opacity:0;transition:opacity .38s ease,filter .55s cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 0 0 rgba(0,0,0,0));-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}#vs[data-stage=choose] .vs-mk.is-bronze,#vs[data-stage=consumer] .vs-mk.is-bronze,#vs[data-stage=trade] .vs-mk.is-steel,#vs[data-stage=supplier] .vs-mk.is-patina{opacity:1}#vs .vs-brand:hover .vs-mk{filter:drop-shadow(0 0 5px var(--ac30)) drop-shadow(0 0 14px var(--ac16))}#vs .vs-lock{display:flex;align-items:baseline;justify-content:center}#vs .vs-wm{font-size:15px;letter-spacing:.3em;font-weight:500;color:var(--tx);line-height:1}#vs .vs-wmt{font-size:15px;letter-spacing:.24em;font-weight:400;line-height:1;color:var(--ac);max-width:0;overflow:hidden;opacity:0;white-space:nowrap;transition:max-width .38s ease,opacity .38s ease,margin .38s ease,padding .38s ease}#vs:not([data-stage=choose]):not([data-stage=consumer]) .vs-wmt{max-width:160px;opacity:1;margin-left:11px;padding-left:12px;border-left:1px solid var(--ln2)}#vs .vs-in{display:grid}#vs .vs-brand{grid-column:1;grid-row:1}#vs .vs-pane{grid-column:1;grid-row:2;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}#vs[data-stage=choose] .vs-choose,#vs:not([data-stage=choose]) .vs-gate{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .3s ease .06s,transform .3s ease .06s,visibility 0s}#vs .vs-h{margin:0 0 10px;font-weight:600;line-height:1.14;font-size:clamp(27px,3.5vw,38px);letter-spacing:-.022em;color:var(--tx);text-wrap:pretty;text-wrap:balance}#vs .vs-h:focus{outline:none}#vs .vs-lede{margin:0 auto 30px;max-width:46ch;font-size:15.5px;line-height:1.5;color:var(--mu);text-wrap:pretty;text-wrap:balance}#vs .vs-od,#vs .vs-note{text-wrap:pretty}#vs .vs-opts{display:flex;flex-direction:column;gap:10px;margin:28px 0 0;text-align:left}#vs .vs-opt{appearance:none;-webkit-appearance:none;display:flex;align-items:center;gap:18px;width:100%;padding:19px 20px;cursor:pointer;font:inherit;color:var(--tx);text-align:left;background:#f4f0e708;border:1px solid var(--ln);border-radius:12px;transition:background .22s ease,border-color .22s ease,transform .22s ease}#vs .vs-opt:hover{background:#f4f0e710;border-color:var(--ln2)}#vs .vs-opt:active{transform:translateY(1px)}#vs .vs-opt:focus-visible{outline:2px solid var(--ac);outline-offset:3px}#vs .vs-ow{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}#vs .vs-ot{font-size:17.5px;font-weight:600;letter-spacing:-.012em;line-height:1.2}#vs .vs-od{font-size:13.5px;line-height:1.4;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:420px){#vs .vs-od{font-size:13px}}#vs .vs-ar{flex:0 0 auto;width:21px;height:21px;fill:none;stroke:var(--ac);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s cubic-bezier(.22,.61,.36,1)}#vs .vs-opt:hover .vs-ar,#vs .vs-opt:focus-visible .vs-ar{transform:translate(4px)}#vs .vs-opt[data-vs-pick=consumer]{--oc:#C9A961 }#vs .vs-opt[data-vs-pick=trade]{--oc:#9DB2BF }#vs .vs-opt[data-vs-pick=supplier]{--oc:#9BB5A2 }#vs .vs-opt .vs-ar{stroke:var(--oc)}#vs .vs-opt{transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}#vs .vs-opt:hover{border-color:color-mix(in srgb,var(--oc) 46%,transparent)}#vs .vs-opt:focus-visible{outline-color:var(--oc)}#vs .vs-go{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;margin:4px 0 0;background:var(--ac);color:#14120f;font-size:15.5px;font-weight:600;letter-spacing:-.008em;border-radius:999px;cursor:pointer;transition:filter .22s ease,box-shadow .22s ease}#vs[data-stage=trade] .vs-go{color:#0f1214}#vs[data-stage=supplier] .vs-go{color:#0e1211}#vs .vs-go .vs-ar{stroke:currentColor;width:19px;height:19px}#vs .vs-go:hover{filter:brightness(1.08);box-shadow:0 0 22px var(--ac30)}#vs .vs-go:hover .vs-ar{transform:translate(3px)}#vs .vs-go:focus-visible{outline:2px solid var(--ac);outline-offset:4px}#vs .vs-note{margin:22px 0 0;font-size:13.5px;line-height:1.5;color:var(--mu);min-height:1.5em}#vs .vs-note a{color:var(--ac);border-bottom:1px solid transparent;transition:border-color .22s ease}#vs .vs-note a:hover{border-bottom-color:var(--ac)}#vs .vs-back{appearance:none;-webkit-appearance:none;background:none;border:0;margin:26px 0 0;padding:6px 4px;cursor:pointer;font:inherit;font-size:13.5px;color:var(--mu);border-bottom:1px solid transparent;transition:color .22s ease,border-color .22s ease}#vs .vs-back:hover{color:var(--tx);border-bottom-color:var(--ln2)}#vs .vs-back:focus-visible{outline:2px solid var(--ac);outline-offset:3px}@media(max-width:600px){#vs{padding:44px 18px 64px}#vs .vs-brand{margin-bottom:32px}#vs .vs-opt{padding:17px;gap:14px}#vs .vs-ot{font-size:16.5px}}@media(prefers-reduced-motion:reduce){#vs,#vs .vs-wash,#vs .vs-mk,#vs .vs-wmt,#vs .vs-pane,#vs .vs-opt,#vs .vs-ar,#vs .vs-go,#vs .vs-back{transition:none!important}#vs .vs-opt:hover .vs-ar,#vs .vs-go:hover .vs-ar{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/vb-signin.css.map */