.filter-group{display:grid;gap:var(--sc-spacing-8)}.filter-group__heading{display:flex;gap:var(--sc-spacing-8);align-items:center;justify-content:space-between}.filter-group__title{margin:0;color:var(--sc-color-text);font-size:var(--sc-font-size-body);font-weight:var(--sc-font-weight-semibold);line-height:var(--sc-line-height-base)}.filter-group__toggle{display:grid;min-width:var(--sc-layout-tap-target);min-height:var(--sc-layout-tap-target);padding:0;border:0;border-radius:var(--sc-border-radius-control);background-color:transparent;color:var(--sc-color-text-secondary);cursor:pointer;place-items:center}.filter-group__toggle:focus-visible{outline:2px solid var(--sc-color-focus-ring);outline-offset:2px}.filter-group__options{display:grid}.filter-panel,.filter-panel__groups{display:grid;gap:var(--sc-spacing-20)}.filter-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:var(--sc-layout-sheet-max-height);padding:0;border:0;border-radius:var(--sc-border-radius-sheet-large) var(--sc-border-radius-sheet-large) 0 0;background-color:var(--sc-color-surface);box-shadow:var(--sc-box-shadow-sheet);color:var(--sc-color-text)}.filter-sheet::backdrop{background-color:var(--sc-color-overlay)}.filter-sheet__content{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:var(--sc-layout-sheet-max-height)}.filter-sheet__footer,.filter-sheet__header{display:flex;gap:var(--sc-spacing-12);align-items:center;justify-content:space-between;padding:var(--sc-spacing-16) var(--sc-spacing-20);background-color:var(--sc-color-surface)}.filter-sheet__header{border-bottom:var(--sc-rule-width) solid var(--sc-color-border);touch-action:pan-x}.filter-sheet__footer{display:grid;padding-bottom:calc(var(--sc-spacing-16) + env(safe-area-inset-bottom));border-top:var(--sc-rule-width) solid var(--sc-color-border)}.filter-sheet__title{margin:0;color:var(--sc-color-text);font-size:var(--sc-font-size-h2);font-weight:var(--sc-font-weight-semibold);line-height:var(--sc-line-height-h2)}.filter-sheet__actions{display:flex;gap:var(--sc-spacing-4);align-items:center}.filter-sheet__close{display:grid;min-width:var(--sc-layout-tap-target);min-height:var(--sc-layout-tap-target);padding:0;border:0;border-radius:var(--sc-border-radius-control);background-color:transparent;color:var(--sc-color-text);cursor:pointer;place-items:center}.filter-sheet__close:focus-visible{outline:2px solid var(--sc-color-focus-ring);outline-offset:2px}.filter-sheet__body{overflow-y:auto;padding:var(--sc-spacing-20)}.filter-sheet__sort{display:grid;gap:var(--sc-spacing-4);padding:0 0 var(--sc-spacing-20);border:0;border-bottom:var(--sc-rule-width) solid var(--sc-color-border)}.filter-sheet__sort-title{padding:0 0 var(--sc-spacing-8);color:var(--sc-color-text);font-size:var(--sc-font-size-body);font-weight:var(--sc-font-weight-semibold);line-height:var(--sc-line-height-base)}.filter-sheet__sort-option{display:flex;gap:var(--sc-spacing-12);align-items:center;padding-top:var(--sc-spacing-8);padding-bottom:var(--sc-spacing-8);color:var(--sc-color-text-secondary);cursor:pointer;font-size:var(--sc-font-size-body-sm);line-height:var(--sc-line-height-base)}.filter-sheet__sort-input{flex-grow:0;flex-shrink:0;flex-basis:auto;margin:0;accent-color:var(--sc-color-primary)}.filter-sheet__sort-input:focus-visible{outline:2px solid var(--sc-color-focus-ring);outline-offset:2px}.filter-sheet__hint{margin:0;color:var(--sc-color-text-muted);font-size:var(--sc-font-size-body-sm);line-height:var(--sc-line-height-base)}