.color-picker.svelte-x532yx.svelte-x532yx{display:flex;gap:10px}.color-picker.compact.svelte-x532yx.svelte-x532yx{gap:5px}.color-picker.compact.svelte-x532yx .colors.svelte-x532yx{gap:7px}.colors.svelte-x532yx.svelte-x532yx{display:flex;flex-wrap:wrap;gap:10px}.colors.svelte-x532yx.svelte-x532yx:not(:last-child){margin-bottom:10px}.color-choice.svelte-x532yx.svelte-x532yx{margin:0;padding:0;border:none;width:30px;height:40px;border-radius:5px;display:flex;align-items:stretch;overflow:hidden;flex-direction:column-reverse;transition:all .2s}.color-choice.svelte-x532yx.svelte-x532yx:hover{cursor:pointer}.color-choice.selected.svelte-x532yx.svelte-x532yx{outline:solid 3px #fa4c4c}.light-color.svelte-x532yx.svelte-x532yx{background-color:#fff;opacity:.7;flex-basis:50%}.color-picker.compact.svelte-x532yx .color-field.svelte-x532yx{width:70px}.color-field.svelte-x532yx.svelte-x532yx{width:100px;height:auto;border-radius:5px;padding:0;margin:0;border:none;overflow:hidden}