.part-color-swatch[data-v-0a20002a]{position:relative;flex-shrink:0;border:2px solid transparent;border-radius:50%;padding:0;background-clip:padding-box;cursor:pointer;overflow:hidden;transition:transform .12s,border-color .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.part-color-swatch[data-v-0a20002a]:focus,.part-color-swatch[data-v-0a20002a]:focus-visible{outline:none}@media(hover:hover)and (pointer:fine){.part-color-swatch[data-v-0a20002a]:hover{z-index:10;border-color:#9ca3af;transform:scale(1.15)}.part-color-swatch.is-oos[data-v-0a20002a]:hover{border-color:#dc2626}}.part-color-swatch.is-light[data-v-0a20002a],.part-color-swatch.is-trans[data-v-0a20002a]{border-color:#d1d5db}.part-color-swatch.is-selected[data-v-0a20002a]{z-index:5;border-color:var(--om-primary);box-shadow:0 0 0 2px #2563eb59;transform:scale(1.15)}.part-color-swatch.is-oos[data-v-0a20002a]{border-style:dashed;border-color:#ef4444}.part-color-swatch.is-oos.is-selected[data-v-0a20002a]{border-style:solid;border-color:var(--om-primary)}