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