.dropdown-content.svelte-1y4c0qc{box-shadow:var(--shadow-contrast-level-3);gap:10px}.palette.svelte-1y4c0qc{gap:6px;max-height:33vh;overflow-y:auto}.palette.svelte-1y4c0qc .color-group:where(.svelte-1y4c0qc){gap:2px}.palette.svelte-1y4c0qc .color-group:where(.svelte-1y4c0qc) .name:where(.svelte-1y4c0qc){line-height:1.2}.palette.svelte-1y4c0qc .color-group:where(.svelte-1y4c0qc) .row:where(.svelte-1y4c0qc){gap:2px}.palette.svelte-1y4c0qc button.color:where(.svelte-1y4c0qc){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-1y4c0qc button.color.selected:where(.svelte-1y4c0qc){border:2px solid #000!important}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-radius:var(--rounded-sm) 0 0 var(--rounded-sm);border-right:none}.color-picker.svelte-1y4c0qc:has(.input.hex) .input.hex{border-radius:0 var(--rounded-sm) var(--rounded-sm) 0}.color-mixer.svelte-1y4c0qc{gap:2px}.color-axis.svelte-1y4c0qc .color:where(.svelte-1y4c0qc){width:11px;height:22px}.color-axis.svelte-1y4c0qc .color.selected:where(.svelte-1y4c0qc){position:relative}.color-axis.svelte-1y4c0qc .color.selected:where(.svelte-1y4c0qc):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-1y4c0qc .color.selected.fallback:where(.svelte-1y4c0qc):after{border-width:1px;border-color:#1a1a1a7d;box-shadow:inset 0 0 0 1.5px #ffffff80}.color-axis.svelte-1y4c0qc .color:where(.svelte-1y4c0qc):first-child{border-radius:var(--rounded-xs) 0 0 var(--rounded-xs)}.color-axis.svelte-1y4c0qc .color:where(.svelte-1y4c0qc):last-child{border-radius:0 var(--rounded-xs) var(--rounded-xs) 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)}.colorpicker-footer.svelte-1y4c0qc{gap:5px}.colorpicker-footer.svelte-1y4c0qc .input.hex{color:var(--color);background:var(--background);border-color:var(--border-color)}.colorpicker-footer.svelte-1y4c0qc:has(.prev-color.round:where(.svelte-1y4c0qc)) .input.hex{border-radius:var(--rounded-xs)!important}.prev-color.svelte-1y4c0qc{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-1y4c0qc{width:30px}.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}