.linked-products__swatches{margin:0;padding:calc(var(--spacing_thin)/2) 0 0 0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--swatches_size_pdp) / 2)}.center_mobile .linked-products__swatches{justify-content:center}.right_mobile .linked-products__swatches{justify-content:flex-end}@media screen and (min-width:750px){.left_desktop .linked-products__swatches{justify-content:flex-start}.center_desktop .linked-products__swatches{justify-content:center}.right_desktop .linked-products__swatches{justify-content:flex-end}}.linked-products__swatch{width:var(--swatches_size_pdp);height:var(--swatches_size_pdp);display:inline-block;background:var(--swatch-color, transparent);border:var(--borders_lineweight) solid rgba(var(--color-foreground),.25);position:relative}.round_swatches .linked-products__swatch,.round_swatches .linked-products__swatch.active:after{border-radius:999px}.rectangle_swatches .linked-products__swatch{width:calc(var(--swatches_size_pdp)*2);height:var(--swatches_size_pdp)}.linked-products__swatch.active:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:.5px solid rgba(var(--color-foreground),.45);pointer-events:none}.card-linked-swatches{margin:0;padding:calc(var(--spacing_thin)/2) 0 0 0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--swatches_size) /2)}.card-linked-swatches:has(.card-linked-swatches__item:first-of-type a.active){margin-left:2px}.card-linked-swatches__swatch{width:var(--swatches_size);height:var(--swatches_size);display:inline-block;background:var(--swatch-color, transparent);border:.25px solid rgba(var(--color-foreground),.2);position:relative}.round_swatches .card-linked-swatches__swatch,.round_swatches .card-linked-swatches__swatch.active:after{border-radius:999px}.rectangle_swatches .card-linked-swatches__swatch{width:calc(var(--swatches_size_collection, 16px)*2);height:var(--swatches_size_collection, 16px)}.card-linked-swatches__swatch.active:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:.5px solid rgba(var(--color-foreground),.4);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/198/assets/component-linked-swatches.css.map */