@layer astro,base,chrome;@layer components{.filter-search-inline{align-items:center;gap:var(--s-sm);padding:var(--s-sm) var(--s-md);background:var(--white);min-width:12rem;box-shadow:none;transition:background .1s,color .1s,box-shadow .3s;display:flex}.filter-search-inline:focus-within{background:var(--espresso)}.filter-search-icon{width:1rem;height:1rem;color:var(--color-text-dim);transition:color var(--transition-fast);flex-shrink:0}.filter-search-inline:focus-within .filter-search-icon{color:var(--basil)}.filter-search-input{width:100%;font-family:inherit;font-size:var(--t-base);color:var(--color-text);background:0 0;border:none;outline:none;padding:0;font-weight:500}.filter-search-inline:focus-within .filter-search-input{color:var(--basil)}.filter-search-input::placeholder{color:var(--color-text-dim);font-weight:400}.filter-search-inline:focus-within .filter-search-input::placeholder{color:var(--color-dark-text-muted)}.filter-wrap{margin-top:var(--s-md);margin-bottom:var(--s-md);top:calc(var(--navbar-height,3.5rem) + 1rem);z-index:600;flex-direction:column;gap:0;display:flex;position:sticky}.filter-wrap.is-scrolled .filter-search-inline,.filter-wrap.is-scrolled .filter-nav-group,.filter-wrap.is-scrolled .filter-chip{box-shadow:var(--shadow-scroll)}.filter-categories{gap:var(--s-sm);flex-wrap:wrap;align-items:stretch;display:flex}.filter-nav-group{background:var(--white);padding:var(--s-sm) var(--s-sm);box-shadow:none;align-items:stretch;transition:box-shadow .3s;display:flex}.filter-nav-link{padding:var(--s-xs) var(--s-md);cursor:pointer;font-family:inherit;font-size:var(--t-xs,.75rem);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);transition:var(--transition-interactive);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;font-weight:500;display:flex;position:relative}.filter-nav-link:active{background:var(--tahini);color:var(--espresso)}@media (hover:hover){.filter-nav-link:hover{background:var(--tahini);color:var(--espresso)}}.filter-nav-link.is-active{background:var(--espresso);color:var(--basil)}.filter-nav-link.has-active:not(.is-active){background:var(--tahini);color:var(--espresso)}.filter-cat-badge{min-width:0;max-width:0;height:1.25rem;font-size:var(--t-xs);background:var(--basil);color:var(--white);opacity:0;border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:max-width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),opacity .2s,transform .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;transform:scale(.5)}.filter-cat-badge.visible{min-width:1.25rem;max-width:2rem;opacity:1;margin-inline-start:var(--s-xs);transform:scale(1)}.filter-chips-panel{padding:var(--s-xs) 0;animation:.35s cubic-bezier(.2,0,0,1) chips-slide-in;overflow:hidden}.filter-chips-panel.closing{animation:.3s cubic-bezier(.2,0,0,1) forwards chips-slide-out}@keyframes chips-slide-in{0%{opacity:0;max-height:0;padding:0;transform:translateY(-.25rem)}to{opacity:1;max-height:20rem;padding:var(--s-xs) 0;transform:translateY(0)}}@keyframes chips-slide-out{0%{opacity:1;max-height:20rem;padding:var(--s-md) 0;transform:translateY(0)}to{opacity:0;max-height:0;padding:0;transform:translateY(-.25rem)}}.filter-chips-cloud{gap:var(--s-xs);flex-wrap:wrap;display:flex}.filter-chips-cloud[hidden]{display:none}.filter-chip{align-items:center;gap:var(--s-xs);padding:var(--s-xs);font-family:inherit;font-size:var(--t-xs,.75rem);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);background:var(--white);cursor:pointer;box-shadow:none;transition:var(--transition-interactive), box-shadow .3s ease;-webkit-tap-highlight-color:transparent;border:none;font-weight:500;animation:.3s cubic-bezier(.2,0,0,1) both chip-pop;display:flex}@keyframes chip-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.filter-chip:active{background:var(--tahini);color:var(--espresso)}@media (hover:hover){.filter-chip:hover{background:var(--tahini);color:var(--espresso)}}.filter-chip.active{background:var(--espresso);color:var(--basil)}.filter-chip-name{white-space:nowrap}.filter-chip-count{font-size:var(--t-xs);opacity:.5}.filter-chip.active .filter-chip-count{opacity:.7}.filter-reset-group{opacity:0;visibility:hidden;margin-inline-start:auto;transition:opacity .2s,visibility .2s,box-shadow .3s}.filter-reset-group.visible{opacity:1;visibility:visible}@media (width<=48rem){.filter-wrap{position:static}.filter-wrap.is-scrolled .filter-search-inline,.filter-wrap.is-scrolled .filter-nav-group,.filter-wrap.is-scrolled .filter-chip{box-shadow:none}.filter-categories{gap:var(--s-sm);grid-template-columns:1fr auto;display:grid}.filter-search-inline,.filter-category-group{grid-column:1/-1}.filter-reset-group{margin-inline-start:0}.filter-category-group,.filter-label-group{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.filter-nav-link{padding:var(--s-xs);justify-content:center}.filter-cat-badge{z-index:1;position:absolute;inset-block-start:calc(-1 * var(--s-sm) - var(--s-xs));inset-inline-end:0}.filter-cat-badge.visible{margin-inline-start:0}.filter-chips-cloud{background:var(--white);padding:var(--s-sm)}.filter-chip{background:#0000000d}}@media (width<=22.5rem){.filter-category-group .filter-nav-link{padding-inline:var(--s-2xs);letter-spacing:.04em}}}@layer pages;
