.palette-panel.svelte-1sl5ygr{padding-block:var(--space-3);flex-direction:column;gap:10px;display:flex}.palette.svelte-1sl5ygr{gap:6px;max-height:33vh;overflow-y:auto}.palette.svelte-1sl5ygr .color-group:where(.svelte-1sl5ygr){gap:2px}.palette.svelte-1sl5ygr .color-group:where(.svelte-1sl5ygr) .name:where(.svelte-1sl5ygr){line-height:1.2}.palette.svelte-1sl5ygr .color-group:where(.svelte-1sl5ygr) .row:where(.svelte-1sl5ygr){gap:2px}.palette.svelte-1sl5ygr button.color:where(.svelte-1sl5ygr){border-radius:var(--rounded-xs);box-sizing:border-box;cursor:pointer;border:2px solid;width:24px;height:23px;display:inline-block;position:relative}.palette.svelte-1sl5ygr button.color.selected:where(.svelte-1sl5ygr){border:2px solid #000!important}.color-mixer.svelte-1sl5ygr{gap:2px}.color-axis.svelte-1sl5ygr .color:where(.svelte-1sl5ygr){width:11px;height:22px}.color-axis.svelte-1sl5ygr .color.selected:where(.svelte-1sl5ygr){position:relative}.color-axis.svelte-1sl5ygr .color.selected:where(.svelte-1sl5ygr):after{content:"";pointer-events:none;border:1.5px solid #1a1a1a;border-radius:2px;position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #ffffff80}.color-axis.svelte-1sl5ygr .color.selected.fallback:where(.svelte-1sl5ygr):after{border-width:1px;border-color:#1a1a1a7d;box-shadow:inset 0 0 0 1.5px #ffffff80}.color-axis.svelte-1sl5ygr .color:where(.svelte-1sl5ygr):first-child{border-radius:var(--rounded-xs) 0 0 var(--rounded-xs)}.color-axis.svelte-1sl5ygr .color:where(.svelte-1sl5ygr):last-child{border-radius:0 var(--rounded-xs) var(--rounded-xs) 0}.transparency.svelte-1sl5ygr{opacity:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4goIBSYyFZ4wKAAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAuSURBVDjLY3zw4AEDbiAvL49HlomBAjCqeWRoZvz//z8e6YcPH44G2KhmSjQDAJ0BCMR1BUm0AAAAAElFTkSuQmCC);background-size:10px;width:100%;height:100%;display:block;position:relative}.colorpicker-footer.svelte-1sl5ygr{gap:5px}.colorpicker-footer.svelte-1sl5ygr .input.hex{color:var(--color);background:var(--background);border-color:var(--border-color)}.colorpicker-footer.svelte-1sl5ygr:has(.prev-color.round:where(.svelte-1sl5ygr)) .input.hex{border-radius:var(--rounded-xs)!important}.prev-color.svelte-1sl5ygr{border-radius:var(--rounded-xs) 0 0 var(--rounded-xs);border:1px solid #0000;justify-content:center;align-items:center;width:28px;height:30px;display:flex}.prev-color.round.svelte-1sl5ygr{width:30px}.round.svelte-1sl5ygr,.round.svelte-1sl5ygr .transparency:where(.svelte-1sl5ygr){border-radius:100%}.ccp-panel.svelte-kciomr{width:320px;padding:var(--space-3,12px);gap:var(--space-3,12px);flex-direction:column;display:flex}.ccp-body.svelte-kciomr{gap:var(--space-2,8px);flex-direction:column;display:flex}.ccp-footer.svelte-kciomr{width:100%;padding-top:var(--space-3,12px);border-top:1px solid var(--border-transparent-gray-3,#2e2e2e12);justify-content:space-between;align-items:center;display:flex}.preview.svelte-kciomr{outline:1px solid var(--border-transparent-gray-2,#2e2e2e21);outline-offset:-1px;border-radius:var(--rounded-xs,2px);width:72px;height:30px;display:flex;overflow:hidden}.preview.svelte-kciomr .before:where(.svelte-kciomr),.preview.svelte-kciomr .after:where(.svelte-kciomr){flex:1 1 0;position:relative}.preview.svelte-kciomr .transparency:where(.svelte-kciomr){pointer-events:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4goIBSYyFZ4wKAAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAuSURBVDjLY3zw4AEDbiAvL49HlomBAjCqeWRoZvz//z8e6YcPH44G2KhmSjQDAJ0BCMR1BUm0AAAAAElFTkSuQmCC);background-size:10px;position:absolute;inset:0}.preview.svelte-kciomr .before:where(.svelte-kciomr){cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex}.preview.svelte-kciomr .before:where(.svelte-kciomr) .revert-icon{z-index:1;opacity:0;transition:opacity .1s;position:relative}.preview.svelte-kciomr .before:where(.svelte-kciomr):hover .revert-icon,.preview.svelte-kciomr .before:where(.svelte-kciomr):focus-visible .revert-icon{opacity:1}.preview.svelte-kciomr .before:where(.svelte-kciomr):focus-visible{outline:var(--focus-outline);outline-offset:-2px}.text-field.svelte-kciomr{gap:var(--space-2_5,10px)}.text-field.svelte-kciomr .text-label:where(.svelte-kciomr){font-size:var(--text-sm,12px)}button.button.svelte-1y4c0qc:has(.dropdown-trigger-color:where(.svelte-1y4c0qc)){gap:var(--space-1_5);height:auto;padding:5px;display:inline-flex}button.button:has(.dropdown-trigger-color:where(.svelte-1y4c0qc)).is-small.svelte-1y4c0qc:not(:has(.chevron)){padding:4px}button.button.svelte-1y4c0qc:has(.dropdown-trigger-color:where(.svelte-1y4c0qc)):has(.chevron){padding:4px;padding-inline-end:calc(var(--space-2) - 1px)}button.button.svelte-1y4c0qc:has(.dropdown-trigger-color:where(.svelte-1y4c0qc)) .chevron{width:auto;height:auto}button.button.svelte-1y4c0qc:has(.dropdown-trigger-color:where(.svelte-1y4c0qc)):hover .chevron{--color:var(--foreground-gray-2)!important}.dropdown-trigger-color.svelte-1y4c0qc{border-radius:var(--rounded-xs);border:1px solid var(--border-transparent-gray-3);justify-content:center;align-items:center;width:23px;height:23px;display:inline-flex;position:relative}.dropdown-trigger-color.svelte-1y4c0qc:has(+.chevron){width:25px;height:25px}.dropdown-trigger-color.is-small.svelte-1y4c0qc{width:20px;height:20px}.color-picker.svelte-1y4c0qc:has(.input.hex) button:where(.svelte-1y4c0qc){border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.color-picker.svelte-1y4c0qc:has(.input.hex) .input.hex{border-top-left-radius:0;border-bottom-left-radius:0}.color-picker.svelte-1y4c0qc .input.hex{min-width:calc(9ch + 1.5em)}.color-picker.svelte-1y4c0qc .input.hex.fallback{color:color-mix(in srgb, var(--foreground-gray-3) 80%, transparent)}.round.svelte-1y4c0qc,.round.svelte-1y4c0qc .transparency:where(.svelte-1y4c0qc){border-radius:100%}.transparency.svelte-1y4c0qc{opacity:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4goIBSYyFZ4wKAAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAuSURBVDjLY3zw4AEDbiAvL49HlomBAjCqeWRoZvz//z8e6YcPH44G2KhmSjQDAJ0BCMR1BUm0AAAAAElFTkSuQmCC);background-size:10px;width:100%;height:100%;display:block;position:relative}