@layer filters-panel{:root{--filters-panel-inline-size:min(420px, 100vw)}.filters-panel-host{z-index:calc(var(--z-chat) + 1);width:var(--filters-panel-inline-size);background:var(--hp-color-bg-card);pointer-events:none;max-width:100vw;height:100dvh;max-height:100dvh;transition:translate .25s;position:fixed;top:0;bottom:0;left:auto;right:0;overflow:clip;translate:100%}.filters-panel-host:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:1px solid var(--hp-color-border-table)}.filters-panel-host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:1px solid var(--hp-color-border-table)}.filters-panel-host:has(>.filters-panel[open]){pointer-events:auto;translate:0}.filters-panel{background:var(--hp-color-bg-card);width:100%;max-width:100%;height:100%;max-height:100%;color:var(--hp-color-text-dark);transition:display .25s ease allow-discrete;border:0;flex-direction:column;margin:0;padding:0;display:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:clip}.filters-panel[open]{display:flex}@media (min-width:900px){#body{min-width:0}#body:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transition:margin-right .25s}#body:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transition:margin-left .25s}:root.filters-open #body:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--filters-panel-inline-size)}:root.filters-open #body:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--filters-panel-inline-size)}}@media (min-width:900px) and (not (min-width:1320px)){:root.filters-open #body{--hp-header-padding:16px}:root.filters-open #body .hp-header__inner{width:100%;padding:0 16px}:root.filters-open #body .hp-header__nav{display:none}:root.filters-open #body .hp-header__actions>:not([aria-controls=filters-panel]){display:none}:root.filters-open #body .hp-header__burger{display:inline-flex}:root.filters-open #body .mobile-menu{display:block}:root.filters-open #body :is(.hp-footer__top,.hp-footer__bottom){flex-wrap:wrap;gap:16px}}@media not (min-width:900px){.filters-panel-host{width:100vw;height:100dvh;top:0;bottom:0;left:0;right:0;translate:0 100%}.filters-panel-host:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:0}.filters-panel-host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:0}}@media (prefers-reduced-motion:reduce){.filters-panel-host,.filters-panel,#body{transition:none}}.filters-panel__header{border-bottom:1px solid var(--hp-color-border-table);background:var(--hp-color-bg-card);z-index:2;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex;position:sticky;top:0}.filters-panel__title{font:var(--font-weight-semibold) var(--font-size-lg) / var(--line-height-tight) var(--hp-font-primary);color:var(--hp-color-text-dark);margin:0}.filters-panel__subtitle{font:var(--font-weight-regular) var(--font-size-sm) / var(--line-height-ui) var(--hp-font-primary);color:var(--hp-color-text-secondary);margin:4px 0 0}.filters-panel__close{font-size:var(--font-size-xl);line-height:var(--line-height-none);color:var(--hp-color-text-dark);cursor:pointer;background:0 0;border:0;flex:none;padding:4px 8px;position:relative}.filters-panel__close:after{content:"";width:44px;height:44px;position:absolute;top:50%;bottom:auto;left:50%;right:auto;translate:-50% -50%}.filters-panel__close:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.filters-panel__body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:20px;min-height:0;padding:16px 16px 0;display:flex;overflow-y:auto}.filters-panel__footer{border-top:1px solid var(--hp-color-border-table);background:var(--hp-color-bg-card);gap:12px;padding:12px 16px;display:flex;position:sticky;bottom:0}.filters-panel__reset{border:1px solid var(--hp-color-border-table);border-radius:var(--hp-radius-cta);min-height:44px;color:var(--hp-color-text-dark);cursor:pointer;background:0 0;flex:none;padding:0 16px}.filters-panel__apply{background:var(--color-action);color:var(--color-white);border-radius:var(--hp-radius-cta);min-height:44px;font-weight:var(--font-weight-semibold);cursor:pointer;border:0;flex:auto;padding:0 16px}.filters-panel__apply:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.filters-panel__reset:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.filters-panel__chips{z-index:1;background:var(--hp-color-bg-card);border-top:1px solid var(--hp-color-border-table);flex-wrap:wrap;gap:8px;margin:16px -16px 0;padding:12px 16px;display:flex;position:sticky;bottom:0}.filters-panel__chips[hidden]{display:none}.filters-panel__chip{background:var(--color-action-surface);min-height:32px;color:var(--color-action);font:var(--font-weight-medium) var(--font-size-sm)/ var(--line-height-ui) var(--hp-font-primary);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:4px;padding:3px 4px 3px 10px;display:inline-flex}.filters-panel__chip-x{width:26px;height:26px;font-size:var(--font-size-lg);line-height:var(--line-height-none);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.filters-panel__chip:hover .filters-panel__chip-x{background:color-mix(in srgb, var(--color-action) 12%, transparent)}.filters-panel__chip:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.filters-panel__saved{border-top:1px solid var(--hp-color-border-table);flex-direction:column;gap:12px;padding-top:16px;display:flex}.filters-panel__saved-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.filters-panel__saved-title{font:var(--font-weight-semibold) var(--font-size-base)/ var(--line-height-ui) var(--hp-font-primary);color:var(--hp-color-text-dark);margin:0}.filters-panel__presets{flex-wrap:wrap;gap:8px;display:flex}.filters-panel__presets[hidden]{display:none}.filters-panel__preset{border:1px solid var(--hp-color-border-table);border-radius:var(--radius-full);align-items:center;display:inline-flex;overflow:hidden}.filters-panel__preset--saved{border-color:var(--color-action)}.filters-panel__preset-apply{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--hp-color-text-dark);font:var(--font-weight-medium) var(--font-size-sm)/ var(--line-height-ui) var(--hp-font-primary);cursor:pointer;background:0 0;border:0;padding:6px 12px;overflow:hidden}.filters-panel__preset-x{color:var(--hp-color-text-secondary);cursor:pointer;background:0 0;border:0;padding:6px 10px 6px 4px}.filters-panel__save{border:1px dashed var(--color-action);color:var(--color-action);font:var(--font-weight-medium) var(--font-size-sm)/ var(--line-height-none) var(--hp-font-primary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:8px 14px}.filters-panel__preset-apply:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.filters-panel__preset-x:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.filters-panel__save:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.filters-panel__preset-switcher{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters-panel__preset-select{border:1px solid var(--hp-color-border-table);background:var(--color-white);min-width:0;min-height:40px;font:var(--font-weight-regular) var(--font-size-sm)/ var(--line-height-ui) var(--hp-font-primary);color:var(--hp-color-text-dark);border-radius:10px;flex:160px;padding:0 10px}.filters-panel__preset-action{border:1px solid var(--hp-color-border-table);min-height:40px;color:var(--hp-color-text-dark);font:var(--font-weight-medium) var(--font-size-sm)/ var(--line-height-none) var(--hp-font-primary);cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:0 12px}.filters-panel__preset-action[hidden]{display:none}.filters-panel__preset-action--delete{color:var(--color-danger-solid);border-color:var(--color-danger-solid)}.filters-panel__preset-action:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.filters-panel__preset-dirty{font:var(--font-weight-medium) var(--font-size-xs)/ var(--line-height-none) var(--hp-font-primary);color:var(--hp-color-text-secondary)}.filters-panel__preset-dirty[hidden],.filters-panel__recent[hidden],.filters-panel__suggest[hidden]{display:none}.filters-panel__recent{border-top:1px solid var(--hp-color-border-table);flex-direction:column;gap:8px;padding-top:12px;display:flex}.filters-panel__recent-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.filters-panel__recent-title{font:var(--font-weight-semibold) var(--font-size-sm)/ var(--line-height-ui) var(--hp-font-primary);color:var(--hp-color-text-secondary);margin:0}.filters-panel__recent-clear{color:var(--hp-color-text-secondary);font:var(--font-weight-medium) var(--font-size-xs)/ var(--line-height-none) var(--hp-font-primary);cursor:pointer;background:0 0;border:0}.filters-panel__recent-list{flex-wrap:wrap;gap:8px;display:flex}.filters-panel__recent-chip{text-overflow:ellipsis;white-space:nowrap;border:1px dashed var(--hp-color-border-table);border-radius:var(--radius-full);max-width:220px;color:var(--hp-color-text-dark);font:var(--font-weight-medium) var(--font-size-sm)/ var(--line-height-ui) var(--hp-font-primary);cursor:pointer;background:0 0;padding:6px 12px;overflow:hidden}.filters-panel__suggest-btn{border:1px dashed var(--color-action);background:var(--color-action-surface);width:100%;min-height:40px;color:var(--color-action);font:var(--font-weight-semibold) var(--font-size-sm)/ var(--line-height-none) var(--hp-font-primary);cursor:pointer;border-radius:10px}.filters-panel__recent-chip:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.filters-panel__recent-clear:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.filters-panel__suggest-btn:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}}