.color-scale-editor.svelte-1yb9u7c .colormode-preview{display:inline-block;padding:1px;border:1px solid #ddd;background:var(--color-dw-white);vertical-align:sub;position:relative;top:3px}.color-scale-editor.svelte-1yb9u7c .colormode-preview div,.color-scale-editor.svelte-1yb9u7c .colormode-preview svg{vertical-align:top}.is-flex.svelte-1yb9u7c label:where(.svelte-1yb9u7c){max-width:5.75em;color:#777;font-size:11px}.custom-breaks.svelte-1yb9u7c span:where(.svelte-1yb9u7c){vertical-align:baseline;white-space:nowrap;line-height:30px;color:#999}.custom-breaks.svelte-1yb9u7c input:where(.svelte-1yb9u7c){width:7ex;margin:0 5px 5px 0}.custom-breaks.svelte-1yb9u7c span.color:where(.svelte-1yb9u7c){width:15px;height:15px;vertical-align:top;border-radius:8px;position:relative;top:10px;margin-right:5px;border:1px solid rgba(0,0,0,.2)}.custom-breaks.svelte-1yb9u7c span.separator:where(.svelte-1yb9u7c){position:relative;top:2px;margin-right:4px}input.invalid.svelte-1yb9u7c{border-color:var(--color-dw-firebrick);color:var(--color-dw-firebrick)}.mini-help.error.svelte-1yb9u7c{color:var(--color-dw-firebrick)}.labels.svelte-1yb9u7c label:where(.svelte-1yb9u7c){max-width:4rem;margin-right:.5em;margin-top:.5em}label.svelte-1yb9u7c span:where(.svelte-1yb9u7c){text-transform:uppercase;width:7em;font-size:12px;font-weight:500;color:var(--color-dw-grey-dark)}