.exercise-container.svelte-1x2jref{grid-column:1/-1;display:grid;grid-template-columns:subgrid;overflow-y:auto;height:100dvh;padding:2rem 0}.content.svelte-1x2jref{grid-column:2/-2;display:flex;flex-direction:column;gap:1.5rem}h1.svelte-1x2jref{margin:0;font-size:2rem;color:var(--primary-900);font-family:Lexend,sans-serif}.grid.svelte-1x2jref{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.topic-card.svelte-1x2jref{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.5rem;border-radius:.75rem;background:color-mix(in srgb,var(--neutral-light) 85%,var(--primary-100));border:2px solid var(--primary-300);color:var(--primary-900);font-family:Lexend,sans-serif;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.topic-card.svelte-1x2jref:hover{background:var(--primary-100);border-color:var(--primary-500);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.topic-name.svelte-1x2jref{font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.card-body.svelte-1x2jref{display:flex;justify-content:flex-start}.exercise-count.svelte-1x2jref{font-size:.95rem;color:var(--primary-700);font-weight:500;background:color-mix(in srgb,var(--neutral-light) 60%,var(--primary-50));padding:.25rem .75rem;border-radius:9999px;border:1px solid var(--primary-100)}.no-topics.svelte-1x2jref{color:var(--neutral-font-grey);font-style:italic}