.example5.svelte-z640fu{background-color:var(--bgColor);flex-direction:column;justify-content:center;align-items:center;gap:1em;min-height:100%;transition:background-color .3s;display:flex;position:relative;overflow-x:hidden}.example5.svelte-z640fu .title:where(.svelte-z640fu){text-align:left;text-transform:uppercase;letter-spacing:.05em;width:100%;max-width:480px;font-size:.65rem;font-weight:800}.example5.svelte-z640fu .content:where(.svelte-z640fu){width:100%;max-width:480px}.example5.svelte-z640fu .palette[role=main].palette__custom{background-color:#fff;border-radius:.5rem}.example5.svelte-z640fu .palette__groups__group{flex-direction:row;align-items:center}.example5.svelte-z640fu .palette__groups__group__name{color:#fff;text-transform:uppercase;letter-spacing:.05em;background-color:#000;border-radius:.5rem;justify-content:center;align-items:center;width:100px;height:50px;font-size:.65rem;display:flex}.example5.svelte-z640fu .palette__cells{border-radius:.5rem;flex-direction:row;align-items:center;gap:1em;height:50px;padding:0 1em;display:flex}