.grid.svelte-1ar7lcx.svelte-1ar7lcx{height:100%;display:grid;grid-auto-columns:1fr;gap:1em;grid-template-areas:"item-1 item-2 item-3" "item-4 item-5 item-3" "item-4 item-5 item-3" "item-4 item-6 item-6" "item-7 item-7 item-8" "item-9 item-10 item-8" "item-11 item-11 item-8"}.card-item.svelte-1ar7lcx.svelte-1ar7lcx{display:flex;justify-content:center;flex-direction:column;align-items:center;border-radius:1rem;min-height:20rem;height:auto;padding:1rem}@media (hover: hover) and (pointer: fine){.card-item.svelte-1ar7lcx.svelte-1ar7lcx:hover{cursor:pointer;border-radius:.5rem;transition:all .2s ease-in-out}}.header.svelte-1ar7lcx.svelte-1ar7lcx{pointer-events:none;outline:3px solid #333040;outline-offset:-3px;background-color:#44405959;text-align:center}.category.svelte-1ar7lcx.svelte-1ar7lcx{position:relative}.category.svelte-1ar7lcx svg{font-size:3rem}.category.svelte-1ar7lcx h2.svelte-1ar7lcx{font-size:2rem;font-weight:600;margin-block:1rem 0}.category.svelte-1ar7lcx h2.svelte-1ar7lcx,.category.svelte-1ar7lcx svg,.category.svelte-1ar7lcx span.svelte-1ar7lcx{color:#272531}.category.svelte-1ar7lcx .overlay.svelte-1ar7lcx{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:1rem;transition:border-radius .2s ease-in-out,filter .3s}@media (hover: hover) and (pointer: fine){.category.svelte-1ar7lcx .overlay.svelte-1ar7lcx:hover{filter:brightness(1.1);cursor:pointer;border-radius:.5rem}}@media screen and (max-width: 768px){.grid.svelte-1ar7lcx.svelte-1ar7lcx{grid-template-areas:"item-1 item-2 item-3" "item-4 item-5 item-6" "item-7 item-8 item-9" "item-10 item-11 item-11"}h2.svelte-1ar7lcx.svelte-1ar7lcx{font-size:1.5rem!important}.svelte-1ar7lcx.svelte-1ar7lcx{text-align:center}.overlay.svelte-1ar7lcx svg{font-size:2rem!important}span.svelte-1ar7lcx.svelte-1ar7lcx{font-size:.8rem!important}}@media screen and (max-width: 650px){.grid.svelte-1ar7lcx.svelte-1ar7lcx{grid-template-areas:"item-1 item-2" "item-3 item-4" "item-5 item-6" "item-7 item-8" "item-9 item-10" "item-11 item-11"}}@media screen and (max-width: 420px){.grid.svelte-1ar7lcx.svelte-1ar7lcx{grid-template-areas:"item-1" "item-2" "item-3" "item-4" "item-5" "item-6" "item-7" "item-8" "item-9" "item-10" "item-11"}}