.controls.svelte-1du1zi4{grid-template-columns:max-content 200px max-content;gap:.5rem 1rem;padding:1rem;display:grid}label.svelte-1du1zi4{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;gap:1rem;display:grid}input.svelte-1du1zi4{accent-color:var(--primary)}span.svelte-1du1zi4{font-weight:500}.colours.svelte-1du1zi4{grid-column:1/-1;grid-template-columns:subgrid;gap:1rem;display:grid}.colours.svelte-1du1zi4>div:where(.svelte-1du1zi4){gap:.25rem;display:flex}.colours.svelte-1du1zi4>div:where(.svelte-1du1zi4) label:where(.svelte-1du1zi4){flex-direction:column;display:flex}.colours.svelte-1du1zi4>div:where(.svelte-1du1zi4) label:where(.svelte-1du1zi4):after{background-color:var(--clr);content:"";border:2px solid #000;width:2rem;height:2rem}