:root{--mt-swatch-size: 1.9375rem;--mt-swatch-gap: .875rem;--mt-swatch-line: .8px;--mt-swatch-ring-gap: 2.5px;--mt-swatch-ring: calc(var(--mt-swatch-line) + var(--mt-swatch-ring-gap));--mt-swatch-bleed: calc(var(--mt-swatch-ring) + 2px)}.mt-swatch{display:block;flex:none;width:var(--mt-swatch-size);height:var(--mt-swatch-size);padding:0;border:var(--mt-swatch-line) solid #9b9b9b;border-radius:50%;background:var(--mt-swatch, var(--mt-off-white));background-position:center;background-size:cover;cursor:pointer}.mt-swatch.is-active,.mt-swatch[aria-pressed=true]{outline:var(--mt-swatch-line) solid #000;outline-offset:var(--mt-swatch-ring-gap)}.mt-swatch:focus-visible{outline:2px solid var(--mt-ink);outline-offset:var(--mt-swatch-ring-gap)}@media screen and (min-width:750px){:root{--mt-swatch-size: 1.375rem;--mt-swatch-gap: .4375rem;--mt-swatch-line: .56px;--mt-swatch-ring-gap: 2px}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/color-swatch.css.map */