.color-swatch[data-v-b30089dd]{align-items:center;background-color:var(--swatch-color);border:2px solid transparent;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s ease}.color-swatch[data-v-b30089dd]:hover:not(.color-swatch--disabled){box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.color-swatch[data-v-b30089dd]:focus{outline:none;ring:2px solid var(--accent-orange);ring-offset:2px}.color-swatch--sm[data-v-b30089dd]{font-size:10px;height:24px;width:24px}.color-swatch--md[data-v-b30089dd]{font-size:12px;height:32px;width:32px}.color-swatch--lg[data-v-b30089dd]{font-size:14px;height:40px;width:40px}.color-swatch.color-swatch--selected[data-v-b30089dd]{box-shadow:inset 0 0 0 3px #fff}.color-swatch.color-swatch--disabled[data-v-b30089dd]{cursor:not-allowed;opacity:.5;transform:none}.color-swatch.color-swatch--custom[data-v-b30089dd]{align-items:center;background:conic-gradient(from 180deg at 50% 50%,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:none;display:flex;justify-content:center;overflow:hidden;position:relative}.color-swatch__check[data-v-b30089dd]{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1}.color-swatch__icon[data-v-b30089dd]{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);z-index:1}@media(prefers-contrast:high){.color-swatch[data-v-b30089dd]{border:2px solid}.color-swatch--selected[data-v-b30089dd]{border-width:4px}}.swatch-grid[data-v-bf2bd447]{align-items:center;display:grid;gap:8px 4px;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));justify-items:center}.swatch-grid[data-v-bf2bd447] .color-swatch.color-swatch--md,.swatch-grid[data-v-bf2bd447] .custom-color-swatch.color-swatch--md{height:28px;width:28px}[data-v-bf2bd447] .color-swatch:hover{transform:scale(1.1)}[data-v-bf2bd447] .color-swatch--selected{box-shadow:inset 0 0 0 3px var(--bg-secondary);transform:scale(1.1)}[data-v-bf2bd447] .color-swatch--custom{background:conic-gradient(from 180deg at 50% 50%,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}[data-v-bf2bd447] .color-swatch--custom .color-swatch__icon{color:var(--color-white);font-size:14px;text-shadow:0 0 3px var(--overlay-dark-50)}