.floating-filter-panel{--floating-filter-panel-fade-duration:var(--motion-duration-macro-fast);--floating-filter-panel-max-block-size:min(360px, calc(100dvh - var(--floating-filter-panel-top) - var(--dimension-x9) - var(--dimension-x2) - var(--dimension-x20) - env(safe-area-inset-bottom)));z-index:var(--elevation-local-transient-z-index);justify-items:end;gap:var(--dimension-x2);box-shadow:var(--shadow-none);pointer-events:none;opacity:0;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;transform:translateY(calc(var(--dimension-x1) * -1));transition:opacity var(--floating-filter-panel-fade-duration) var(--motion-easing-track), transform var(--floating-filter-panel-fade-duration) var(--motion-easing-track);will-change:opacity, transform;background:0 0;display:grid;position:fixed;inset-block-start:var(--floating-filter-panel-top);inset-inline-end:max(var(--floating-filter-panel-inline-gutter,var(--dimension-x5)), calc((100vw - var(--app-shell-content-max-inline-size)) / 2 + var(--floating-filter-panel-inline-gutter,var(--dimension-x5))))}.floating-filter-panel--visible{opacity:1;transform:translateY(var(--dimension-x0))}.floating-filter-panel--visible .floating-filter-panel__trigger{pointer-events:auto}.floating-filter-panel--suspended{pointer-events:none;opacity:0;transition:none;display:none}.floating-filter-panel__trigger{--ds-chip-shadow:var(--shadow-xs)}.floating-filter-panel__trigger .ds-chip__suffix{transition:transform var(--motion-duration-micro-base) var(--motion-easing-functional)}.floating-filter-panel--expanded .floating-filter-panel__trigger .ds-chip__suffix{transform:rotate(180deg)}.floating-filter-panel__panel{justify-content:flex-end;justify-items:end;gap:var(--dimension-x2);inline-size:max-content;max-inline-size:calc(100vw - var(--dimension-x10));max-block-size:var(--floating-filter-panel-max-block-size);overscroll-behavior:contain;padding:var(--dimension-x0_5);border:var(--dimension-x0);box-shadow:var(--shadow-none);opacity:0;pointer-events:none;scrollbar-width:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;transform:translateY(calc(var(--dimension-x1) * -1));transform-origin:100% 0;transition:opacity var(--motion-duration-micro-base) var(--motion-easing-enter), transform var(--motion-duration-micro-base) var(--motion-easing-enter);touch-action:pan-y;-webkit-overflow-scrolling:touch;background:0 0;display:grid;overflow-y:auto}.floating-filter-panel__panel::-webkit-scrollbar{display:none}.floating-filter-panel--expanded .floating-filter-panel__panel{opacity:1;pointer-events:auto;transform:translateY(var(--dimension-x0))}.floating-filter-panel__chip{--ds-chip-shadow:var(--shadow-xs);flex:none}
.search-filter-sidebar{gap:var(--dimension-x6);min-inline-size:var(--dimension-x0);flex-direction:column;display:flex}.search-filter-sidebar__header{justify-content:space-between;align-items:center;gap:var(--dimension-x2);display:flex}.search-filter-sidebar__title{margin:var(--dimension-x0);color:var(--fg-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-t6);font-weight:var(--font-weight-bold);line-height:var(--line-height-t6)}.search-filter-sidebar__reset-button{padding:var(--dimension-x1) var(--dimension-x2);border-radius:var(--radius-full);color:var(--fg-text-tertiary);font-family:var(--font-family-sans);font-size:var(--font-size-t3);font-weight:var(--font-weight-medium);line-height:var(--line-height-t3);background:0 0;border:none}.search-filter-sidebar__reset-button:disabled{color:var(--fg-text-placeholder);cursor:default}.search-filter-sidebar__section{gap:var(--dimension-x2);flex-direction:column;display:flex}.search-filter-sidebar__section-header{justify-content:space-between;align-items:center;gap:var(--dimension-x2);display:flex}.search-filter-sidebar__section-title{margin:var(--dimension-x0);color:var(--fg-text-secondary);font-family:var(--font-family-sans);font-size:var(--font-size-t4);font-weight:var(--font-weight-medium);line-height:var(--line-height-t4)}.search-filter-sidebar__options{gap:var(--dimension-x0_5);flex-direction:column;display:flex}.search-filter-sidebar__option{align-items:center;gap:var(--dimension-x2);min-block-size:var(--dimension-x9);margin-inline:calc(var(--dimension-x2) * -1);padding-inline:var(--dimension-x2);border-radius:var(--radius-secondary);color:var(--fg-text-secondary);font-family:var(--font-family-sans);font-size:var(--font-size-t4);font-weight:var(--font-weight-regular);line-height:var(--line-height-t4);text-align:start;transition:background-color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out);background:0 0;border:none;display:flex}.search-filter-sidebar__option:active{background:var(--bg-neutral-weak-pressed)}.search-filter-sidebar__option--selected{color:var(--fg-text-primary);font-weight:var(--font-weight-medium)}.search-filter-sidebar__option-indicator{inline-size:var(--dimension-x5);block-size:var(--dimension-x5);border:var(--dimension-stroke-component-default) solid var(--stroke-neutral-solid);border-radius:var(--radius-full);background:var(--bg-layer-default);color:#0000;transition:background-color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), border-color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-filter-sidebar__option-indicator--square{border-radius:var(--radius-r1)}.search-filter-sidebar__option-indicator svg{inline-size:var(--dimension-x3_5);block-size:var(--dimension-x3_5)}.search-filter-sidebar__option--selected .search-filter-sidebar__option-indicator{border-color:var(--brand-primary);background:var(--brand-primary);color:var(--fg-text-primary)}.search-filter-sidebar__skeletons{gap:var(--dimension-x1_5);flex-direction:column;display:flex}.search-filter-sidebar__skeleton{block-size:var(--dimension-x8);border-radius:var(--radius-secondary);background:var(--bg-neutral-weak)}.search-filter-sidebar__notice{align-items:flex-start;gap:var(--dimension-x2);flex-direction:column;display:flex}.search-filter-sidebar__notice-text{margin:var(--dimension-x0);color:var(--fg-text-tertiary);font-family:var(--font-family-sans);font-size:var(--font-size-t3);line-height:var(--line-height-t3)}@media (hover:hover) and (pointer:fine){.search-filter-sidebar__option:hover{background:var(--bg-neutral-weak-hover)}.search-filter-sidebar__reset-button:not(:disabled):hover{color:var(--fg-text-primary)}}
