.vp-cw{--vp-cw-bg: #fff;--vp-cw-fg: #000;--vp-cw-ctl: #f6f6f6;--vp-cw-edge: #eaeaea;--vp-cw-pill: #000;--vp-cw-pill-fg: #fff;--vp-cw-off: #838383;--vp-cw-ring: #000;--vp-cw-dot: #eaeaea;--vp-cw-big: 300px;display:flex;flex-direction:column;align-items:center;padding:60px 16px;overflow:clip;background:var(--vp-cw-bg);color:var(--vp-cw-fg);text-align:center}.vp-cw--dark{--vp-cw-bg: #000;--vp-cw-fg: #fff;--vp-cw-ctl: #2e2e2e;--vp-cw-edge: #565656;--vp-cw-pill: #fff;--vp-cw-pill-fg: #000;--vp-cw-ring: #fff;--vp-cw-dot: #565656}.vp-cw__head{display:grid;gap:10px;margin-block-end:20px}.vp-cw__eyebrow,.vp-cw__height,.vp-cw__names{margin:0;font-family:Lab Grotesque Mono Bold,Lab Grotesque Mono,ui-monospace,monospace;font-weight:400;font-size:14px;line-height:20px;text-transform:uppercase}.vp-cw__title{margin:0;font-family:ProximaNova-Extrabold,Proxima Nova Bold,sans-serif;font-weight:400;font-size:36px;line-height:40px;letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;color:inherit}.vp-cw__controls{display:flex;flex-direction:column;align-items:center;gap:15px;inline-size:100%}.vp-cw__radio{position:absolute;inline-size:1px;block-size:1px;margin:0;opacity:0;pointer-events:none}.vp-cw__chairs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1px;box-sizing:border-box;inline-size:min(343px,100%);min-inline-size:0;margin:0;padding:3px;border:1px solid var(--vp-cw-edge);border-radius:100px;background:var(--vp-cw-ctl)}.vp-cw__pill{position:absolute;inset-block:3px;inset-inline-start:3px;inline-size:calc((100% - 7px)/2);border-radius:100px;background:var(--vp-cw-pill);transition:translate .3s ease}.vp-cw:has(.vp-cw__chair [value="2"]:checked) .vp-cw__pill{translate:calc(100% + 1px) 0}.vp-cw .vp-cw__chair{position:relative;display:grid;gap:0;place-items:center;block-size:38px;border-radius:100px;font-family:Proxima Nova Bold,sans-serif;font-weight:400;font-size:12px;line-height:18px;text-transform:uppercase;color:var(--vp-cw-off);cursor:pointer;transition:color .3s ease}.vp-cw__chair:has(:checked){color:var(--vp-cw-pill-fg)}.vp-cw__chair:has(:focus-visible){outline:2px solid var(--vp-cw-fg);outline-offset:2px}.vp-cw__height{display:flex;gap:10px}.vp-cw__for-2,.vp-cw:has(.vp-cw__chair [value="2"]:checked) .vp-cw__for-1{display:none}.vp-cw:has(.vp-cw__chair [value="2"]:checked) .vp-cw__for-2{display:inline}.vp-cw__stage{position:relative;inline-size:100%;block-size:var(--vp-cw-big);margin-block-end:20px;touch-action:pan-y}.vp-cw__track{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.vp-cw__item{--vp-cw-far: max(var(--off), -1 * var(--off));position:absolute;inset-block-start:0;inset-inline-start:calc(50% - var(--vp-cw-big) / 2);inline-size:var(--vp-cw-big);block-size:var(--vp-cw-big);translate:calc(var(--off) * var(--vp-cw-big) * 2 / 3 + clamp(-1,var(--off),1) * var(--vp-cw-big) / 6) 0;scale:calc(1 - min(1,var(--vp-cw-far)) / 3);opacity:calc(1 - (.3*min(1,var(--vp-cw-far))) - (.7*clamp(0,var(--vp-cw-far) - 1,1)));transition:translate .4s ease,scale .4s ease,opacity .4s ease}.vp-cw__item.is-snap{transition:none}.vp-cw__img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.vp-cw__img--for-2,.vp-cw:has(.vp-cw__chair [value="2"]:checked) .vp-cw__img--for-1{display:none}.vp-cw:has(.vp-cw__chair [value="2"]:checked) .vp-cw__img--for-2{display:block}.vp-cw__arrows{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.vp-cw__arrow{display:grid;place-items:center;box-sizing:border-box;inline-size:30px;block-size:30px;padding:0;border:1px solid var(--vp-cw-edge);border-radius:50%;background:var(--vp-cw-ctl);color:var(--vp-cw-fg);cursor:pointer;pointer-events:auto;transition:background-color .2s linear,color .2s linear}.vp-cw__arrow svg{inline-size:6px;block-size:10px;fill:none;stroke:currentColor;stroke-width:2}.vp-cw__arrow:focus-visible{outline:2px solid var(--vp-cw-fg);outline-offset:2px}.vp-cw__picker{display:flex;flex-direction:column;align-items:center;gap:10px}.vp-cw__colors{display:flex;gap:10px;min-inline-size:0;margin:0;padding:9px;border:1px solid var(--vp-cw-edge);border-radius:100px;background:var(--vp-cw-ctl)}.vp-cw .vp-cw__color{position:relative;display:block;cursor:pointer}.vp-cw__swatch{position:relative;display:block;box-sizing:border-box;inline-size:34px;block-size:34px;border:1px solid var(--vp-cw-dot);border-radius:50%;background:var(--vp-cw-dot)}.vp-cw__swatch:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:50%;background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%);transition:inset .2s ease}.vp-cw__color:has(:checked) .vp-cw__swatch{border:2px solid var(--vp-cw-ring)}.vp-cw__color:has(:checked) .vp-cw__swatch:before{top:4px;right:4px;bottom:4px;left:4px}.vp-cw__color:has(:focus-visible) .vp-cw__swatch{outline:2px solid var(--vp-cw-fg);outline-offset:2px}.vp-cw__names{font-size:12px;line-height:18px}.vp-cw__name{display:none}@media(hover:hover){.vp-cw__chair:not(:has(:checked)):hover{color:var(--vp-cw-fg)}.vp-cw__arrow:hover{background:var(--vp-cw-fg);color:var(--vp-cw-bg)}.vp-cw__color:not(:has(:checked)):hover .vp-cw__swatch:before{top:3px;right:3px;bottom:3px;left:3px}}@media(min-width:750px){.vp-cw{--vp-cw-big: 600px;padding:80px max(52px,(100% - 1336px) / 2)}.vp-cw__head{margin-block-end:30px}.vp-cw__eyebrow{font-size:16px;line-height:24px}.vp-cw__title{font-size:48px;line-height:53px}.vp-cw__chairs{inline-size:409px}.vp-cw .vp-cw__chair{block-size:40px;font-size:14px;line-height:20px}.vp-cw__stage{margin-block-end:0}.vp-cw__arrows{inset-inline:calc(50% - var(--vp-cw-big) / 2)}.vp-cw__arrow{inline-size:40px;block-size:40px}.vp-cw__colors{padding-inline:19px}.vp-cw__names{font-size:14px;line-height:20px}}@media(prefers-reduced-motion:reduce){.vp-cw__pill,.vp-cw__chair,.vp-cw__item,.vp-cw__arrow,.vp-cw__swatch:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/200/assets/vp-colorways.css.map */