.vsw,.vsw-card{--vsw-size: 34px;--vsw-gap: 10px;--vsw-ring: currentColor;--vsw-border: color-mix(in srgb, currentColor 22%, transparent);--vsw-radius: 50%;--vsw-btn-radius: 6px}.vsw--square{--vsw-radius: 0}.vsw--rounded{--vsw-radius: 8px}.vsw{display:grid;gap:18px;margin:4px 0 20px}.vsw-opt{border:0;margin:0;padding:0;min-width:0}.vsw-label{padding:0;margin:0 0 10px;font-size:.95em;line-height:1.3}.vsw-label__value{font-weight:600}.vsw-label__status:not(:empty){margin-left:6px;opacity:.65;font-size:.9em}.vsw-label__status:not(:empty):before{content:"\b7  "}.vsw-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.vsw-list{display:flex;flex-wrap:wrap;gap:var(--vsw-gap)}.vsw-sw{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}.vsw-sw:focus-visible{outline:2px solid var(--vsw-ring);outline-offset:3px}.vsw-sw--color{width:var(--vsw-size);height:var(--vsw-size);border-radius:var(--vsw-radius);transition:box-shadow .15s ease,transform .15s ease}.vsw-chip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--vsw-bg, #ddd);box-shadow:inset 0 0 0 1px var(--vsw-border);overflow:hidden}.vsw-sw--color:hover{transform:scale(1.06)}.vsw-sw--color.is-selected{box-shadow:0 0 0 2px var(--vsw-page-bg, #fff),0 0 0 3.5px var(--vsw-ring)}.vsw-sw--btn{min-width:44px;min-height:40px;padding:8px 14px;border-radius:var(--vsw-btn-radius);box-shadow:inset 0 0 0 1px var(--vsw-border);font-size:.92em;line-height:1.2;transition:box-shadow .15s ease,background-color .15s ease,color .15s ease}.vsw-sw--btn:hover{box-shadow:inset 0 0 0 1px var(--vsw-ring)}.vsw-sw--btn.is-selected{box-shadow:inset 0 0 0 1.5px var(--vsw-ring);background:var(--vsw-ring)}.vsw-sw--btn.is-selected .vsw-text{color:var(--vsw-page-bg, #fff)}.vsw-text{position:relative}.vsw--so-cross .vsw-sw.is-soldout,.vsw--so-cross .vsw-sw.is-missing{opacity:.55}.vsw--so-cross .vsw-sw.is-soldout:after,.vsw--so-cross .vsw-sw.is-missing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - .75px),currentColor calc(50% - .75px),currentColor calc(50% + .75px),transparent calc(50% + .75px))}.vsw--so-cross .vsw-sw--btn.is-soldout .vsw-text,.vsw--so-cross .vsw-sw--btn.is-missing .vsw-text{text-decoration:line-through}.vsw--so-cross .vsw-sw--btn.is-soldout:after,.vsw--so-cross .vsw-sw--btn.is-missing:after{display:none}.vsw--so-cross .vsw-sw.is-selected{opacity:1}.vsw--so-fade .vsw-sw.is-soldout,.vsw--so-fade .vsw-sw.is-missing{opacity:.35}.vsw--so-fade .vsw-sw.is-selected{opacity:.7}.vsw--so-hide .vsw-sw.is-soldout:not(.is-selected),.vsw--so-hide .vsw-sw.is-missing:not(.is-selected){display:none}.vsw-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);padding:5px 9px;border-radius:4px;background:#1a1a1a;color:#fff;font-size:12px;line-height:1.2;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:5;transition:opacity .15s ease,transform .15s ease}.vsw-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1a1a1a}.vsw-sw:not(.vsw--tips *) .vsw-tip{display:none}@media(hover:hover){.vsw-sw:hover .vsw-tip{opacity:1;visibility:visible;transform:translate(-50%)}}.vsw-sw:focus-visible .vsw-tip{opacity:1;visibility:visible;transform:translate(-50%)}.vsw-card{--vsw-size: 22px;--vsw-gap: 7px;position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:var(--vsw-gap);margin:8px 0 2px;padding:4px 3px}.vsw-card .vsw-sw--color.is-selected{box-shadow:0 0 0 1.5px var(--vsw-page-bg, #fff),0 0 0 2.5px var(--vsw-ring)}.vsw-more{font-size:12px;line-height:1;color:inherit;opacity:.75;text-decoration:none;padding:2px}.vsw-more:hover{opacity:1;text-decoration:underline}.vsw-card .vsw-tip{font-size:11px;padding:4px 7px}@media(prefers-reduced-motion:reduce){.vsw-sw,.vsw-tip{transition:none!important}.vsw-sw--color:hover{transform:none}}.vsw-card{justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/6/assets/vsw.css.map */