.example4.svelte-ed55z7{position:relative;overflow-x:hidden;min-height:100%;display:flex;justify-content:space-between;align-items:stretch;background-color:var(--bgColor)}.example4.svelte-ed55z7 .content:where(.svelte-ed55z7){width:100%;max-width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.example4.svelte-ed55z7 .header:where(.svelte-ed55z7){width:100%;min-width:12rem;height:100px;background-color:var(--color);color:var(--textColor);padding:.5rem;margin-bottom:1rem}.example4.svelte-ed55z7 button.slot__custom{width:2rem;height:2rem;background-color:var(--color);border-radius:50%}.example4.svelte-ed55z7 button.slot__custom--empty{width:2rem;height:2rem;border:1px solid #aaa;border-radius:50%}.example4.svelte-ed55z7 .slot__add:where(.svelte-ed55z7){display:flex;align-items:center;justify-content:center}.example4.svelte-ed55z7 .icon-button:where(.svelte-ed55z7){background:none;border:none;padding:0;margin-bottom:-6px;cursor:pointer}.example4.svelte-ed55z7 .input:where(.svelte-ed55z7){display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;position:relative}.example4.svelte-ed55z7 .input>.palette__divider{display:none}.example4.svelte-ed55z7 .input .icon-button{position:absolute;right:1rem;top:-.5rem}