.swatches__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:var(--s1);margin-block-end:var(--s1)}.swatches__legend,.swatches__aside{margin:0;font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.13em;word-spacing:-.25em;text-transform:uppercase;color:var(--text)}.swatches__legend{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:0;min-inline-size:0}.swatches__aside{white-space:nowrap;text-align:end;text-decoration:underline;text-underline-offset:3px}.swatches__aside--static{text-decoration:none}product-swap{display:contents}.swatches{display:grid;gap:var(--s1);justify-content:start;margin:0;padding:0;list-style:none}.swatches--photo{grid-auto-flow:column;grid-auto-columns:44px;overflow-x:auto;overscroll-behavior-inline:contain;padding:5px;margin:-5px;scrollbar-width:none}.swatches--photo::-webkit-scrollbar{display:none}.swatch{position:relative;display:block;inline-size:44px;block-size:44px;overflow:hidden;cursor:pointer;transition:translate var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.swatch__input{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;margin:0;opacity:0;-webkit-appearance:none;appearance:none;cursor:pointer}.swatch img{inline-size:100%;block-size:100%;object-fit:cover;display:block;scale:var(--swatch-zoom, 3.2);transform-origin:var(--swatch-origin, 20% 70%)}.swatch[data-swatch=custom] img,.swatch[data-swatch=profile] img{scale:1;transform-origin:center}.swatch[data-swatch=profile] img{object-fit:contain}.swatches--photo .swatch{background:var(--surface-plane)}.swatch[aria-current=page],.swatch[aria-pressed=true],.swatch:has(.swatch__input:checked){box-shadow:inset 0 -1px 0 var(--border)}.swatch:focus-visible,.swatch:has(.swatch__input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.swatch[data-stock=out]{opacity:.45}.swatch[data-stock=out]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--surface) 50%,transparent calc(50% + 1px))}@media(prefers-reduced-motion:reduce){.swatch{transition:none}}.swatches--triangle,.swatches--square{--tri-hit: 34px;display:grid;grid-template-columns:repeat(10,minmax(0,var(--tri-hit)));justify-content:start;gap:0;margin:0;padding:0;list-style:none}.swatches--triangle .swatch,.swatches--square .swatch{display:grid;grid-template-rows:auto auto;justify-items:center;align-content:center;gap:4px;inline-size:100%;block-size:30px;overflow:visible}.swatches--triangle .swatch:after,.swatches--square .swatch:after{content:"";inline-size:13px;block-size:1px;background:transparent;position:static;inset:auto}.swatches--triangle .swatch[aria-current=page]:after,.swatches--triangle .swatch[aria-pressed=true]:after,.swatches--triangle .swatch:has(.swatch__input:checked):after,.swatches--square .swatch[aria-current=page]:after,.swatches--square .swatch[aria-pressed=true]:after,.swatches--square .swatch:has(.swatch__input:checked):after{background:var(--text)}.swatch-mark{display:block;overflow:visible}.swatches--triangle .swatch-mark{inline-size:22px;block-size:19.8px}.swatches--square .swatch-mark{inline-size:20px;block-size:20px}.swatch-mark__fill{fill:var(--swatch-hex, transparent);stroke:none}.swatch-mark__edge{fill:none;stroke:color-mix(in srgb,var(--swatch-hex, transparent) 65%,var(--border));vector-effect:non-scaling-stroke;stroke-width:1;stroke-linejoin:miter}.swatches--triangle .swatch:not([style*=--swatch-hex]) .swatch-mark__edge,.swatches--square .swatch:not([style*=--swatch-hex]) .swatch-mark__edge{stroke:var(--border);stroke-dasharray:3 3}.swatches--triangle .swatch:focus-visible,.swatches--triangle .swatch:has(.swatch__input:focus-visible),.swatches--square .swatch:focus-visible,.swatches--square .swatch:has(.swatch__input:focus-visible){position:relative;z-index:2}.swatches--triangle .swatch[data-stock=out],.swatches--square .swatch[data-stock=out]{position:relative;opacity:1}.swatches--triangle .swatch[data-stock=out] .swatch-mark,.swatches--square .swatch[data-stock=out] .swatch-mark{opacity:.45}.swatches--triangle .swatch[data-stock=out]:before,.swatches--square .swatch[data-stock=out]:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:26px;block-size:1px;background:var(--text);translate:-50% -50%;rotate:-45deg;pointer-events:none}.swatches--triangle .swatch[aria-current=page],.swatches--triangle .swatch[aria-pressed=true],.swatches--triangle .swatch:has(.swatch__input:checked),.swatches--square .swatch[aria-current=page],.swatches--square .swatch[aria-pressed=true],.swatches--square .swatch:has(.swatch__input:checked){box-shadow:none}@media(max-width:559px){.swatches__head{grid-template-columns:minmax(0,1fr);row-gap:2px}.swatches__aside{text-align:start;justify-self:start}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/swatches.css.map */