.portfolio-categories.svelte-2o6wua{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center}.portfolio-categories__pill.svelte-2o6wua{padding:.5rem 1rem;font-size:.9375rem;font-weight:500;border-radius:9999px;border:1px solid var(--black-bg-3, rgba(0, 0, 0, .15));background:var(--black-bg-2, rgba(0, 0, 0, .06));color:var(--bs-body-color, #333);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.portfolio-categories__pill.svelte-2o6wua:hover{background:var(--black-bg-3, rgba(0, 0, 0, .1));border-color:var(--black-bg-3, rgba(0, 0, 0, .2))}.portfolio-categories__pill.svelte-2o6wua:focus-visible{outline:2px solid var(--orange-color, #ff4f00);outline-offset:2px}.portfolio-categories__pill--active.svelte-2o6wua{background:var(--orange-color, #ff4f00);border-color:var(--orange-color, #ff4f00);color:var(--white-color, #fff);box-shadow:0 4px 14px -2px #ff4f0059}.portfolio-categories__pill--active.svelte-2o6wua:hover{background:var(--orange-color3, #e64800);border-color:var(--orange-color3, #e64800);color:var(--white-color, #fff)}.darkmode .portfolio-categories__pill.svelte-2o6wua{background:var(--black-bg-2);border-color:var(--black-bg-3);color:var(--white-color)}.darkmode .portfolio-categories__pill.svelte-2o6wua:hover{background:var(--black-bg-3);border-color:var(--black-bg-4)}.darkmode .portfolio-categories__pill--active.svelte-2o6wua{background:var(--orange-color);border-color:var(--orange-color);color:var(--white-color)}.darkmode .portfolio-categories__pill--active.svelte-2o6wua:hover{background:var(--orange-color3);border-color:var(--orange-color3)}