section.svelte-eynvlc{--accent-color: rgb(var(--primary-600));--default-color: rgb(var(--default-light));--heading-color: rgb(var(--default-light));--background-color: color-mix(in srgb, rgb(var(--site-light)), rgb(var(--default-light)) 4%);--surface-color: rgb(var(--site-light));background-color:var(--background-color);padding:60px 0}.dark section.svelte-eynvlc{--default-color: rgb(var(--default-dark));--heading-color: rgb(var(--default-dark));--background-color: color-mix(in srgb, rgb(var(--site-dark)), black 25%);--surface-color: color-mix(in srgb, rgb(var(--site-dark)), white 6%)}.container.svelte-eynvlc{max-width:1280px;padding:0 1rem;margin:0 auto}@media (min-width: 1024px){.container.svelte-eynvlc{padding:0 1.5rem}}.filters.svelte-eynvlc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:0 0 32px}.filters.svelte-eynvlc button:where(.svelte-eynvlc){cursor:pointer;padding:8px 20px;border-radius:999px;font-size:14px;font-weight:600;color:var(--default-color);background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 88%);transition:all .3s ease}.filters.svelte-eynvlc button:where(.svelte-eynvlc):hover,.filters.svelte-eynvlc button.active:where(.svelte-eynvlc){color:#fff;background-color:var(--accent-color);border-color:var(--accent-color)}.grid-container.svelte-eynvlc{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 768px){.grid-container.svelte-eynvlc{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 992px){.grid-container.svelte-eynvlc{grid-template-columns:repeat(4,1fr);gap:24px}}.grid-item.svelte-eynvlc .frame:where(.svelte-eynvlc){position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1 / 1}.grid-item.svelte-eynvlc img:where(.svelte-eynvlc){width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.grid-item.svelte-eynvlc:hover img:where(.svelte-eynvlc){transform:scale(1.08)}.grid-item.svelte-eynvlc .info:where(.svelte-eynvlc){position:absolute;inset:0;background:color-mix(in srgb,black,transparent 40%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px;opacity:0;transition:opacity .3s ease}.grid-item.svelte-eynvlc:hover .info:where(.svelte-eynvlc){opacity:1}.grid-item.svelte-eynvlc .info:where(.svelte-eynvlc) h4:where(.svelte-eynvlc){color:#fff;font-size:15px;font-weight:700;margin:0}.grid-item.svelte-eynvlc .info:where(.svelte-eynvlc) p:where(.svelte-eynvlc){color:#ffffffd9;font-size:12px;margin:0}.grid-item.svelte-eynvlc .info:where(.svelte-eynvlc) a:where(.svelte-eynvlc),.grid-item.svelte-eynvlc .info:where(.svelte-eynvlc) button:where(.svelte-eynvlc){display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;background:color-mix(in srgb,var(--accent-color),transparent 10%);border-radius:50%;margin-top:4px}.grid-item.svelte-eynvlc .info:where(.svelte-eynvlc) a:where(.svelte-eynvlc) svg:where(.svelte-eynvlc),.grid-item.svelte-eynvlc .info:where(.svelte-eynvlc) button:where(.svelte-eynvlc) svg:where(.svelte-eynvlc){width:14px;height:14px;fill:currentColor}