@layer components{.c-swatch{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);width:var(--space-raw-52);min-height:var(--touch-target);margin:0;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);font:inherit;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.c-swatch:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-outer);outline-offset:var(--focus-ring-width);box-shadow:none}.c-swatch__dot{box-sizing:border-box;flex:none;width:var(--space-raw-40);height:var(--space-raw-40);border:var(--border-width-hairline) solid var(--color-swatch-ring);border-radius:var(--radius-round);background:var(--swatch, var(--color-bg-subtle))}.c-swatch:focus-visible .c-swatch__dot{border-color:transparent}.c-swatch__dot--none{background:var(--color-bg-subtle)}.c-swatch[aria-current=page] .c-swatch__dot,.c-swatch[aria-pressed=true] .c-swatch__dot{outline:var(--border-width-selected) solid var(--color-border-selected);outline-offset:var(--border-width-selected)}.c-swatch__label{font-size:var(--type-small-size);line-height:var(--type-small-line);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}@media(hover:hover)and (pointer:fine){.c-swatch:hover .c-swatch__label{color:var(--color-text-primary)}}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/c-swatch.css.map */