.example5.svelte-z640fu{position:relative;overflow-x:hidden;min-height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1em;background-color:var(--bgColor);transition:background-color .3s ease}.example5.svelte-z640fu .title:where(.svelte-z640fu){width:100%;max-width:480px;text-align:left;text-transform:uppercase;letter-spacing:.05em;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;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;width:100px;height:50px;background-color:#000;border-radius:.5rem}.example5.svelte-z640fu .palette__cells{display:flex;flex-direction:row;align-items:center;gap:1em;border-radius:.5rem;padding:0 1em;height:50px}