.swatch.svelte-17wz6it{box-sizing:border-box;border-width:var(--swatch-border-width,0);border-style:solid;border-color:var(--swatch-border-color,var(--swatch-default-border-color,transparent));border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.swatch.empty.svelte-17wz6it{background:var(--background-transparent-gray-2)}.transparency.svelte-17wz6it{border-radius:inherit;background-image:var(--transparent-background);background-size:10px;width:100%;height:100%}.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;--swatch-border-width:var(--stroke-2);cursor:pointer;width:24px;height:23px;display:inline-block;position:relative}.palette.svelte-1sl5ygr button.color.selected:where(.svelte-1sl5ygr){--swatch-border-color:#000}.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}.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 .input.hex::placeholder{color:var(--placeholder-color)}.colorpicker-footer.svelte-1sl5ygr:has(.prev-color.round:where(.svelte-1sl5ygr)) .input.hex{border-radius:var(--rounded-xs)!important}.prev-color.svelte-1sl5ygr{--swatch-border-width:var(--stroke-1);--swatch-icon-size:24px;border-radius:var(--rounded-xs) 0 0 var(--rounded-xs);justify-content:center;align-items:center;width:28px;height:30px;display:flex;position:relative}.prev-color.svelte-1sl5ygr .paint:where(.svelte-1sl5ygr){border-radius:inherit;pointer-events:none;position:absolute;inset:0}.prev-color.svelte-1sl5ygr .revert-icon{z-index:1;opacity:0;position:relative}.prev-color.svelte-1sl5ygr .revert-icon,.prev-color.svelte-1sl5ygr .paint:where(.svelte-1sl5ygr) .icon{transition:opacity .1s}.prev-color.restorable.svelte-1sl5ygr:hover .revert-icon,.prev-color.restorable.svelte-1sl5ygr:focus-visible .revert-icon{opacity:1}.prev-color.restorable.svelte-1sl5ygr:hover .paint:where(.svelte-1sl5ygr) .icon,.prev-color.restorable.svelte-1sl5ygr:focus-visible .paint:where(.svelte-1sl5ygr) .icon{opacity:0}.prev-color.round.svelte-1sl5ygr{width:30px}.round.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{border-radius:var(--rounded-xs,2px);width:72px;height:30px;display:flex;position:relative;overflow:hidden}.preview.svelte-kciomr .frame:where(.svelte-kciomr){border:1px solid var(--border-transparent-gray-2,#2e2e2e21);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.preview.svelte-kciomr .before:where(.svelte-kciomr),.preview.svelte-kciomr .after:where(.svelte-kciomr){flex:1 1 0;position:relative}.preview.svelte-kciomr .paint:where(.svelte-kciomr){pointer-events:none;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) .paint:where(.svelte-kciomr) .icon{transition:opacity .1s}.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):hover .paint:where(.svelte-kciomr) .icon,.preview.svelte-kciomr .before:where(.svelte-kciomr):focus-visible .paint:where(.svelte-kciomr) .icon{opacity:0}.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);--swatch-border-width:var(--stroke-1);--swatch-border-color:var(--border-transparent-gray-3);width:23px;height:23px;display:inline-flex}.dropdown-trigger-color.svelte-1y4c0qc:has(+.chevron){width:25px;height:25px}.dropdown-trigger-color.is-small.svelte-1y4c0qc{--swatch-icon-size:16px;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)}.round.svelte-1y4c0qc{border-radius:100%}