:root{--swatch-accent: #11b8d6;--swatch-size: 36px}.color-swatch-item{display:inline-flex;position:relative;flex:0 0 auto;min-width:0}.color-swatch__input{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.color-swatch__label{display:grid;place-items:center;flex:0 0 auto;width:calc(var(--swatch-size) + 10px);height:calc(var(--swatch-size) + 10px);border-radius:50%;cursor:pointer;box-sizing:border-box;box-shadow:0 0 0 0 transparent;transition:box-shadow .26s cubic-bezier(.22,.61,.36,1),transform .26s cubic-bezier(.22,.61,.36,1)}.color-swatch__circle{display:block;flex:0 0 auto;width:var(--swatch-size);height:var(--swatch-size);aspect-ratio:1 / 1;border-radius:50%;background:var(--swatch-fill, #d9dee2);background-position:var(--swatch-focal-point, center);background-size:cover;background-origin:border-box;border:2px solid #ffffff;box-shadow:0 1px 2px #1018201a,0 4px 10px #1018201a,inset 0 0 0 1px #1018200f;transition:transform .26s cubic-bezier(.22,.61,.36,1),box-shadow .26s cubic-bezier(.22,.61,.36,1)}.color-swatch__circle--unset{background:#d9dee2;border-style:dashed;border-color:#10182040}@media(hover:hover)and (pointer:fine){.color-swatch__label:hover .color-swatch__circle{transform:translateY(-2px);box-shadow:0 2px 4px #1018201a,0 8px 18px #10182024,inset 0 0 0 1px #1018200f}}.color-swatch__input:checked+.color-swatch__label{box-shadow:0 0 0 2px var(--swatch-accent)}.color-swatch__input:checked+.color-swatch__label .color-swatch__circle{transform:scale(1.05);box-shadow:0 2px 4px #1018201a,0 6px 16px #11b8d638,inset 0 0 0 1px #1018200f}.color-swatch__input:focus-visible+.color-swatch__label{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--swatch-accent)}.color-swatch-item:has(.color-swatch__input.disabled){cursor:not-allowed}@supports not selector(:has(*)){.color-swatch-list{cursor:auto}}.color-swatch__input.disabled+.color-swatch__label{position:relative;pointer-events:none;box-shadow:none;font-size:var(--swatch-size)}.color-swatch__input.disabled+.color-swatch__label .color-swatch__circle,.color-swatch__input.disabled:checked+.color-swatch__label .color-swatch__circle{transform:none;box-shadow:0 1px 2px #10182014,inset 0 0 0 1px #1018200f;opacity:.4}.color-swatch__input.disabled:checked+.color-swatch__label{box-shadow:none}.color-swatch__input.disabled+.color-swatch__label:before{content:"";position:absolute;top:50%;left:50%;width:.86em;height:.86em;border-radius:50%;border:.055em solid rgba(28,34,40,.55);transform:translate(-50%,-50%);pointer-events:none}.color-swatch__input.disabled+.color-swatch__label:after{content:"";position:absolute;top:50%;left:50%;width:.86em;height:.055em;border-radius:.055em;background:#1c22288c;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none}.color-option__header{display:flex;align-items:baseline;gap:.375rem;margin-bottom:.75rem;line-height:1.4}.color-option__name{font-size:14px;font-weight:600;color:rgba(var(--color-foreground),.62)}.color-option__value{font-size:14px;font-weight:700;color:rgb(var(--color-foreground))}@media(prefers-reduced-motion:reduce){.color-swatch__label,.color-swatch__circle{transition:none}.color-swatch__label:hover .color-swatch__circle{transform:none}}@media screen and (max-width:749px){.color-swatch-item{--swatch-size: 32px}.color-swatch__label{width:44px;height:44px}.color-swatch__circle{width:32px;height:32px}.color-swatch__input.disabled+.color-swatch__label:after{width:36px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-color-swatch.css.map */