.color-swatch-image{--swatch-size:28px;--swatch-active-outline-width:2px;background:var(--color-swatch-image);background-size:contain;border-radius:var(--swatch-size);flex-shrink:0;height:var(--swatch-size);position:relative;width:var(--swatch-size)}.color-swatch-image:before{--width:calc(var(--swatch-active-outline-width)*3 - 1px);border:var(--width) solid var(--background-color,var(--background-color-light-1));border-radius:var(--swatch-size);content:"";inset:-1px;position:absolute}input:checked+.color-swatch-image:before{border-width:var(--swatch-active-outline-width);inset:var(--swatch-active-outline-width)}