.custom-color-swatch-wrapper[data-v-70e39b4e]{display:inline-block;position:relative}.custom-color-swatch[data-v-70e39b4e]{align-items:center;background:conic-gradient(from 180deg at 50% 50%,var(--color-danger-bright),var(--color-warning-bright),var(--color-success-high-contrast),var(--color-info-high-contrast),#00f,#f0f,var(--color-danger-bright));border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease}.custom-color-swatch[data-v-70e39b4e]:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.1)}.custom-color-swatch[data-v-70e39b4e]:focus{box-shadow:0 0 0 3px #f9731666;outline:none}.custom-color-swatch-wrapper .custom-color-swatch.custom-color-swatch--lg[data-v-70e39b4e],.custom-color-swatch-wrapper .custom-color-swatch.custom-color-swatch--md[data-v-70e39b4e],.custom-color-swatch-wrapper .custom-color-swatch.custom-color-swatch--sm[data-v-70e39b4e]{height:28px;max-height:28px;max-width:28px;min-height:28px;min-width:28px;width:28px}.custom-color-swatch--sm[data-v-70e39b4e]{font-size:10px}.custom-color-swatch--md[data-v-70e39b4e]{font-size:12px}.custom-color-swatch--lg[data-v-70e39b4e]{font-size:14px}.custom-color-swatch-wrapper .custom-color-swatch.custom-color-swatch--selected[data-v-70e39b4e]{border:2px solid var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.custom-color-swatch i[data-v-70e39b4e]{color:var(--color-white);font-size:14px;position:relative;text-shadow:var(--shadow-text-dark);z-index:1}@media(prefers-contrast:high){.custom-color-swatch[data-v-70e39b4e]{border:2px solid}.custom-color-swatch--selected[data-v-70e39b4e]{border-width:4px}}@media(prefers-reduced-motion:reduce){.custom-color-swatch[data-v-70e39b4e]{transition:none}}