fieldset.svelte-z5vam{--columns: 4;display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:var(--space-6);margin-block:var(--space-6);border:none;padding:0}@media screen and (max-width:500px){fieldset.svelte-z5vam{--columns: 3}}@media screen and (max-width:400px){fieldset.svelte-z5vam{--columns: 2}}legend.svelte-z5vam{margin-block-end:var(--space-4)}label.svelte-z5vam,input.svelte-z5vam{cursor:pointer}label.svelte-z5vam{border-radius:var(--radius-2);padding-block:var(--space-4);padding-inline:var(--space-6);border:1.5px solid var(--neutral-8);text-align:center;text-transform:capitalize;transition:all .1s ease-in-out,transform .2s ease-in}label.svelte-z5vam:hover{transform:translateY(calc(var(--space-1) * -1))}label.svelte-z5vam:focus-within{box-shadow:0 var(--space-1) var(--space-2) oklch(from var(--neutral-1) l c h / 5%),0 0 var(--space-1) oklch(from var(--neutral-1) l c h / 10%),inset var(--space-2) var(--space-1) var(--space-3) oklch(from var(--blue-9) l c h / 10%)}label.svelte-z5vam.active{border-color:var(--app-accent-8);background-color:oklch(from var(--app-accent-8) l c h / 30%)}input.svelte-z5vam{position:absolute;opacity:0}
