:root{--clr-primary: hsl(180, 53%, 45%);--clr-secondary: hsl(179, 67%, 53%);--clr-off-white: hsl(0, 0%, 98%);--clr-white: hsl(0deg 0% 100%);--clr-black: hsl(0deg 0% 0%);--clr-dark-gray: hsl(0deg 0% 27%);--clr-gray: hsl(0deg 0% 49%);--clr-light-gray: hsl(0deg 0% 85%);--clr-info: hsl(227deg 100% 66%);--clr-success: hsl(126deg 45% 46%);--clr-warning: hsl(43deg 100% 60%);--clr-error: hsl(0deg 100% 63%);--clr-shadow-light: hsl(0deg 0% 27% / .3);--clr-shadow-dark: hsl(0deg 0% 27% / .5);--ff-base: "Poppins", sans-serif;--fs-desktop-3xl: 4.5rem;--fs-desktop-2xl: 2.25rem;--fs-desktop-xl: 1.75rem;--fs-desktop-lg: 1.375rem;--fs-desktop-md: 1.125rem;--fs-tablet-3xl: 4rem;--fs-tablet-2xl: 2rem;--fs-tablet-xl: 1.5rem;--fs-tablet-lg: 1.25rem;--fs-tablet-md: 1rem;--fs-mobile-3xl: 3rem;--fs-mobile-2xl: 1.75rem;--fs-mobile-xl: 1.25rem;--fs-mobile-lg: 1.125rem;--fs-mobile-md: 1rem;--fs-base: 1rem;--fs-sm: .875rem;--fs-xs: .625rem;--fw-bold: 700;--fw-semibold: 600;--fw-medium: 500;--fw-regular: 400;--fw-light: 300;--container-desktop-padding: 5rem;--container-tablet-padding: 2.5rem;--container-mobile-padding: 1.25rem}ul.svelte-hz61c4{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);justify-items:center;align-items:start;gap:2rem}@media (max-width: 64rem){ul.svelte-hz61c4{margin-top:1.5rem;grid-template-columns:repeat(3,1fr)}}@media (max-width: 48rem){ul.svelte-hz61c4{grid-template-columns:repeat(2,1fr)}}ul.svelte-hz61c4 li:where(.svelte-hz61c4){position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;max-width:12.5rem;gap:.625rem;cursor:pointer}ul.svelte-hz61c4 li:where(.svelte-hz61c4):hover img:where(.svelte-hz61c4){opacity:.85}ul.svelte-hz61c4 li:where(.svelte-hz61c4):hover p:where(.svelte-hz61c4){color:var(--clr-primary)}ul.svelte-hz61c4 li:where(.svelte-hz61c4) img:where(.svelte-hz61c4){transition:.35s;margin:0 auto}ul.svelte-hz61c4 li:where(.svelte-hz61c4) p:where(.svelte-hz61c4){transition:.35s;font-size:var(--fs-desktop-md)}@media (max-width: 64rem){ul.svelte-hz61c4 li:where(.svelte-hz61c4) p:where(.svelte-hz61c4){font-size:var(--fs-tablet-md)}}@media (max-width: 30rem){ul.svelte-hz61c4 li:where(.svelte-hz61c4) p:where(.svelte-hz61c4){font-size:var(--fs-mobile-md)}}ul.svelte-hz61c4 .active:where(.svelte-hz61c4) p:where(.svelte-hz61c4){color:var(--clr-primary);text-decoration:underline}
