#color-selector.svelte-jbqshu{padding:5px 20px 20px;flex:1 1 100px;position:absolute;background-color:var(--background-2);border-radius:10px;transition:left .3s ease-in-out,top .3s ease-in-out;max-width:300px;z-index:100}#color-selector.svelte-jbqshu p:where(.svelte-jbqshu){font-size:14px;margin:5px 0;padding-bottom:4px}#color-selector.svelte-jbqshu #color-picker:where(.svelte-jbqshu){display:flex;flex-wrap:wrap;gap:10px}#color-selector.svelte-jbqshu #color-picker:where(.svelte-jbqshu) .color:where(.svelte-jbqshu){width:50px;height:30px;border-radius:5px;cursor:pointer}#color-selector.svelte-jbqshu #color-picker:where(.svelte-jbqshu) .color.active:where(.svelte-jbqshu),#color-selector.svelte-jbqshu #color-picker:where(.svelte-jbqshu) .color:where(.svelte-jbqshu):hover{border:4px solid var(--border-focus);width:46px;height:26px;margin:-2px}#color-selector.svelte-jbqshu #color-picker:where(.svelte-jbqshu) .color:where(.svelte-jbqshu):hover{border-color:var(--accent-secondary)}#color-selector.svelte-jbqshu #color-picker:where(.svelte-jbqshu) .color.vario-colors:where(.svelte-jbqshu){display:flex;align-items:center;justify-content:center;transition:filter .3s ease}#color-selector.svelte-jbqshu #color-picker:where(.svelte-jbqshu) .color.vario-colors:where(.svelte-jbqshu) .material-icons:where(.svelte-jbqshu){color:var(--inverted-text-color)}#color-selector.svelte-jbqshu #color-picker:where(.svelte-jbqshu) .color.vario-colors:where(.svelte-jbqshu):hover{border:none;filter:brightness(2);width:50px;height:30px;margin:0}