.dropdown-content.svelte-1y4c0qc{gap:10px;box-shadow:var(--shadow-contrast-level-3)}.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){display:inline-block;width:24px;height:23px;border-radius:var(--rounded-xs);box-sizing:border-box;border:2px solid;position:relative;cursor:pointer}.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)){height:auto;display:inline-flex;gap:var(--space-1_5);padding:5px}button.button:has(.dropdown-trigger-color:where(.svelte-1y4c0qc)).is-small.svelte-1y4c0qc:not(:has(.icon)){padding:4px}button.button.svelte-1y4c0qc:has(.dropdown-trigger-color:where(.svelte-1y4c0qc)):has(.icon){padding:4px;padding-inline-end:calc(var(--space-2) - 1px)}button.button.svelte-1y4c0qc:has(.dropdown-trigger-color:where(.svelte-1y4c0qc)) .icon{height:auto;width:auto}button.button.svelte-1y4c0qc:has(.dropdown-trigger-color:where(.svelte-1y4c0qc)):hover .icon{--color: var(--foreground-gray-2) !important}.dropdown-trigger-color.svelte-1y4c0qc{border-radius:var(--rounded-xs);border:1px solid var(--border-transparent-gray-3);display:inline-block;position:relative;width:23px;height:23px}.dropdown-trigger-color.svelte-1y4c0qc:has(+.icon){width:25px;height:25px}.dropdown-trigger-color.is-small.svelte-1y4c0qc{width:20px;height:20px}.color-mixer.svelte-1y4c0qc{gap:2px}.color-axis.svelte-1y4c0qc .color:where(.svelte-1y4c0qc){border:var(--rounded-xs) solid transparent;height:22px}.color-axis.svelte-1y4c0qc .color.selected:where(.svelte-1y4c0qc){border-color:#000!important}.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}.input.hex.readonly.svelte-1y4c0qc{cursor:not-allowed}.colorpicker-footer.svelte-1y4c0qc{gap:5px}.prev-color.svelte-1y4c0qc{width:28px;display:block;height:100%;border:1px solid transparent;border-radius:var(--rounded-xs) 0 0 var(--rounded-xs)}.transparency.svelte-1y4c0qc{position:relative;display:block;width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4goIBSYyFZ4wKAAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAuSURBVDjLY3zw4AEDbiAvL49HlomBAjCqeWRoZvz//z8e6YcPH44G2KhmSjQDAJ0BCMR1BUm0AAAAAElFTkSuQmCC);background-size:10px;opacity:0}