:root{--swatch-size: 36px;--swatch-gap: 10px;--swatch-dot-border: rgba(0, 0, 0, .08);--swatch-focus-ring: rgba(0, 0, 0, .4)}@media (min-width: 750px){:root{--swatch-size: 40px;--swatch-gap: 12px}}.swatches{margin-top:8px}.swatches__fieldset{border:0;padding:0;margin:0 0 8px;min-inline-size:auto}.swatches__fieldset>.form__label,.swatches__fieldset>legend.form__label{display:block;margin:0 0 10px}.swatches__list{display:flex;flex-wrap:wrap;gap:var(--swatch-gap);align-items:flex-start}.swatch{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;outline:none}.swatch__dot{width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;background:var(--swatch-color, #eee);border:1px solid var(--swatch-dot-border);box-shadow:0 0 1px #00000014;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.swatch__label{display:block;font-size:12px;line-height:1.1;text-transform:capitalize;color:inherit;-webkit-user-select:none;user-select:none}.swatch:hover .swatch__dot{transform:scale(1.05);border-color:#00000026;box-shadow:0 0 2px #00000026}.swatch.is-active .swatch__dot,.swatch[aria-pressed=true] .swatch__dot{border-color:#0006;box-shadow:0 0 0 2px #00000026}.swatch:focus-visible .swatch__dot{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--swatch-focus-ring);transform:scale(1.05)}.swatch[disabled],.swatch[aria-disabled=true]{cursor:not-allowed;opacity:.45}.swatch[disabled] .swatch__dot,.swatch[aria-disabled=true] .swatch__dot{filter:grayscale(.2)}@media (max-width: 389px){.swatch__label{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/component-swatches.css.map */