@layer components{.story-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem 1rem;margin-bottom:clamp(1.25rem,1rem + 1vw,1.75rem)}.story-filter-legend{float:left;font:650 var(--text-label)/1.3 var(--font-display);color:var(--color-muted)}.story-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.story-chip{position:relative}.story-chip label{display:inline-flex;align-items:center;gap:.4375rem;min-height:2.5rem;padding:.375rem .9375rem;border:1.5px solid var(--color-line-hover);border-radius:999px;font-size:.875rem;font-weight:600;color:var(--color-ink);white-space:nowrap}.story-chip[data-kind] label:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--chip, var(--color-clay))}.story-chip[data-kind=keychain]{--chip: var(--color-moss)}.story-chip label:hover{border-color:var(--color-ink)}.story-chip input:checked+label{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-page)}.story-chip input:focus-visible+label{outline:3px solid var(--color-focus);outline-offset:3px}@media(forced-colors:active){.story-chip input:checked+label{background:Highlight;color:HighlightText;forced-color-adjust:none}.story-chip[data-kind] label:before{background:CanvasText}.story-chip[data-kind] :checked+label:before{background:HighlightText}}.stories-orders:has(.story-filter input[value=statue]:checked) .stories-grid>li:not([data-kind=statue]):not(:target),.stories-orders:has(.story-filter input[value=keychain]:checked) .stories-grid>li:not([data-kind=keychain]):not(:target){display:none}}