.portfolio-filter-wrap.svelte-16ezrig{margin:1.5rem auto 0;max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.portfolio-filter-wrap.svelte-16ezrig::-webkit-scrollbar{display:none}.portfolio-filter.svelte-16ezrig{--accent: hsl(202 100% 56%);position:relative;width:max-content;margin-inline:auto;opacity:0;transition:opacity .55s ease}.portfolio-filter[data-initiated=true].svelte-16ezrig{opacity:1}.portfolio-filter.svelte-16ezrig .track:where(.svelte-16ezrig){display:flex;align-items:center;gap:.4rem;padding:.28rem;border-radius:999px}.portfolio-filter.svelte-16ezrig .trackdrop:where(.svelte-16ezrig){position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;color:var(--color-white, var(--color-white-hex));border-radius:999px;background:linear-gradient(hsl(0 0% 100% / .25),transparent 50%),linear-gradient(var(--accent),hsl(202 92% 46%));clip-path:inset(0 80% 0 0 round 999px);opacity:0}.portfolio-filter.svelte-16ezrig .trackdrop:where(.svelte-16ezrig):before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(hsl(0 0% 100% / .55),hsl(0 0% 100% / .05) 60%,transparent);opacity:.6}.portfolio-filter.svelte-16ezrig .trackdrop:where(.svelte-16ezrig) span:where(.svelte-16ezrig),.portfolio-filter.svelte-16ezrig .trackbase:where(.svelte-16ezrig) button:where(.svelte-16ezrig){display:inline-flex;align-items:center;justify-content:center;font-family:Lato,system-ui,sans-serif;font-size:.96rem;font-weight:700;letter-spacing:.02em;padding:.45rem 1rem .42rem;border-radius:999px;line-height:1;white-space:nowrap}.portfolio-filter.svelte-16ezrig .trackbase:where(.svelte-16ezrig){position:relative;z-index:1}.portfolio-filter.svelte-16ezrig .trackbase:where(.svelte-16ezrig) button:where(.svelte-16ezrig){-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;color:light-dark(var(--color-black, var(--color-black-hex)),var(--color-white, var(--color-white-hex)));cursor:pointer;opacity:.6;transition:opacity .2s ease}.portfolio-filter.svelte-16ezrig .trackbase:where(.svelte-16ezrig) button:where(.svelte-16ezrig):hover,.portfolio-filter.svelte-16ezrig .trackbase:where(.svelte-16ezrig) button:where(.svelte-16ezrig):focus-visible,.portfolio-filter.svelte-16ezrig .trackbase:where(.svelte-16ezrig) button.active:where(.svelte-16ezrig){opacity:1}.portfolio-filter[data-initiated=true].svelte-16ezrig .trackdrop:where(.svelte-16ezrig),.portfolio-filter[data-initiated=true].svelte-16ezrig .trackdrop:where(.svelte-16ezrig):before{opacity:1;transition:opacity .2s ease,clip-path .3s cubic-bezier(.22,1,.36,1)}.portfolio-filter[data-direction=positive][data-initiated=true].svelte-16ezrig .trackdrop:where(.svelte-16ezrig),.portfolio-filter[data-direction=positive][data-initiated=true].svelte-16ezrig .trackdrop:where(.svelte-16ezrig):before{transition-delay:0s,45ms}.portfolio-filter[data-direction=negative][data-initiated=true].svelte-16ezrig .trackdrop:where(.svelte-16ezrig),.portfolio-filter[data-direction=negative][data-initiated=true].svelte-16ezrig .trackdrop:where(.svelte-16ezrig):before{transition-delay:0s,0s}.portfolio-empty-state.svelte-16ezrig{margin-top:-1.5rem;margin-bottom:2rem;text-align:center;font-family:Lato,system-ui,sans-serif;font-size:1rem;color:light-dark(var(--color-black, var(--color-black-hex)),var(--color-white, var(--color-white-hex)));opacity:.75}@media(max-width:620px){.portfolio-filter.svelte-16ezrig{margin-inline:0}.portfolio-filter.svelte-16ezrig .trackdrop:where(.svelte-16ezrig) span:where(.svelte-16ezrig),.portfolio-filter.svelte-16ezrig .trackbase:where(.svelte-16ezrig) button:where(.svelte-16ezrig){font-size:.875rem;padding-inline:.82rem}}@media(prefers-reduced-motion:reduce){.portfolio-filter.svelte-16ezrig,.portfolio-filter.svelte-16ezrig .trackbase:where(.svelte-16ezrig) button:where(.svelte-16ezrig),.portfolio-filter.svelte-16ezrig .trackdrop:where(.svelte-16ezrig),.portfolio-filter.svelte-16ezrig .trackdrop:where(.svelte-16ezrig):before{transition:none!important}}#audio-portfolio.svelte-16ezrig{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,480px),1fr));gap:.75rem;margin-block:4rem 2rem}.audio-track.svelte-16ezrig iframe:where(.svelte-16ezrig){display:block;border-radius:8px;overflow:hidden}