.filter-chip{flex:none}.filter-chip__shell{border:1px solid var(--color-line-strong);background:var(--color-surface);white-space:nowrap;height:32px;transition:border-color var(--transition), background var(--transition);border-radius:999px;align-items:center;display:inline-flex}.filter-chip__shell:hover,.filter-chip__shell--open{border-color:var(--color-accent)}.filter-chip__shell--add{border-style:dashed;border-color:var(--color-line-subtle)}.filter-chip__shell--active{border-color:var(--color-accent-border);background:var(--color-accent-subtle);color:var(--color-accent-text)}.filter-chip__shell--active .filter-chip__button span{color:var(--color-accent-text)}.filter-chip__shell--needed{border-color:var(--color-warning-border);background:var(--color-surface)}.filter-chip__shell--needed:hover{border-color:var(--color-warning-border)}.filter-chip__shell--needed .filter-chip__add,.filter-chip__shell--needed:hover .filter-chip__add{color:var(--color-warning)}.filter-chip__button{color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:0 var(--space-3);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;height:100%;display:inline-flex}.filter-chip__button:disabled{opacity:.5;cursor:not-allowed}.filter-chip__add,.filter-chip__shell:hover .filter-chip__add{color:var(--color-text)}.filter-chip__value{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:400;overflow:hidden}.filter-chip__clear{color:var(--color-accent-text);font-family:inherit;font-size:var(--font-size-lg);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;height:100%;padding:0 10px 0 2px;line-height:1;display:inline-flex}.filter-chip__clear:hover{color:var(--color-danger-text)}.filter-chip__panel{min-width:240px;padding:5px}.filter-popover-shell{flex-direction:column;min-width:0;display:flex}.filter-popover__header{justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:var(--hairline) solid var(--color-line);padding:10px 14px;display:flex}.filter-popover__title{color:var(--color-text);font-size:var(--font-size-base);letter-spacing:normal;font-weight:500}.filter-popover__delete{color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.filter-popover__delete svg{width:15px;height:15px}.filter-popover__delete:hover{color:var(--color-danger-text);background:var(--color-surface)}@media (width<=700px){.filter-chip__shell{height:42px}}.attribute-combobox__option{text-align:left;width:100%;color:var(--color-text);font-size:var(--font-size-base);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:10px;font-weight:400}.attribute-combobox__option:hover{background:var(--color-surface)}.attribute-combobox__empty{padding:var(--space-2);font-size:var(--font-size-base);color:var(--color-text)}.attribute-combobox__menu-spinner-row{padding:var(--space-2) 0;justify-content:center;display:flex}.attribute-combobox__menu-spinner{border:2px solid var(--color-accent-border);border-top-color:var(--color-accent-pressed);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite attribute-combobox-spin}@keyframes attribute-combobox-spin{to{transform:rotate(360deg)}}.filter-popover{flex-direction:column;min-width:0;display:flex}.filter-popover__search{border:1px solid var(--color-line);background-color:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--font-size-base);margin:6px;padding:7px 10px;font-family:inherit}.filter-popover__search:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.filter-popover__text-form{flex-direction:column;gap:6px;min-width:200px;padding:6px;display:flex}.filter-popover__text-form .filter-popover__search{margin:0}.filter-popover__text-apply{border-radius:var(--radius-sm);padding:6px var(--space-3);font-size:var(--font-size-base);cursor:pointer;background-color:var(--color-accent-subtle);border:none;border:1px solid var(--color-accent-border);color:var(--color-accent-text);align-self:flex-end;font-family:inherit}.filter-popover__text-apply:hover{filter:brightness(1.08)}.filter-popover__text-apply:disabled{opacity:.45;cursor:default;filter:none}.custom-attr-add__row .filter-popover__search{flex:1;min-width:0;margin:0}.custom-attr-add .filter-popover__text-apply{align-self:flex-end}.filter-popover__menu{max-height:260px;box-shadow:none;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent;background:0 0;border:none;margin:0;padding:0;list-style:none;position:static;overflow-y:auto}.filter-popover__menu::-webkit-scrollbar{width:6px}.filter-popover__menu::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:999px}.filter-popover__menu::-webkit-scrollbar-track{background:0 0}.filter-popover__menu li{margin:0;padding:0}.filter-popover__group{margin-top:var(--space-1)}.filter-popover__group-label{padding:6px var(--space-2) 2px;font-size:var(--font-size-xxs);letter-spacing:.06em;color:var(--color-text-muted);font-weight:400;display:block}.filter-popover__group-list,.filter-popover__cat-list{margin:0;padding:0;list-style:none}.filter-popover__group-list .filter-option__label{padding-left:23px}.filter-popover__back{text-align:left;width:calc(100% - 12px);color:var(--color-accent-text);padding:var(--space-1) var(--space-1);cursor:pointer;background:0 0;border:none;margin:6px 6px 0;font-family:inherit;display:block}.filter-popover__back:hover{color:var(--color-text)}.filter-popover__divider{border:none;border-top:1px solid var(--color-line);margin:var(--space-1) var(--space-2)}.attribute-combobox__option--selected{background:var(--color-surface);color:var(--color-text)}.filter-popover .attribute-combobox__option{align-items:center;gap:9px;display:flex}.filter-option__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.filter-option__check{padding-left:var(--space-2);color:var(--color-accent-text);flex:none;margin-left:auto}.filter-option__chevron{width:14px;height:14px;color:var(--color-text-muted);flex:none;margin-left:auto}