.portfolio-container.svelte-wgbxtd{display:flex;flex-direction:column;gap:1.5rem}.filter-bar.svelte-wgbxtd{display:flex;gap:.5rem;padding:.5rem;background:#f3f4f6;border-radius:.25rem;box-shadow:0 1px 3px #0000001a;justify-content:center}.filter-bar.svelte-wgbxtd button:where(.svelte-wgbxtd){background:transparent;border:1px solid #9ca3af;font:inherit;cursor:pointer;padding:.5rem 1rem;border-radius:.25rem;transition:all .2s ease}.filter-bar.svelte-wgbxtd button.active:where(.svelte-wgbxtd){background:#1f2937;color:#fff;border-color:#1f2937}.filter-bar.svelte-wgbxtd button:where(.svelte-wgbxtd):hover:not(.active){background:#d1d5db;border-color:#6b7280}.grid-container.svelte-wgbxtd{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(14,80px);gap:15px;width:100%}@media (max-width: 768px){.grid-container.svelte-wgbxtd{grid-template-columns:repeat(1,1fr);grid-template-rows:auto}.filter-bar.svelte-wgbxtd{flex-direction:column;align-items:flex-start;padding:1rem}.filter-bar.svelte-wgbxtd button:where(.svelte-wgbxtd){width:100%;text-align:left}}