.filter-box .fav-toggle{border-radius:var(--joy-radius-xl);border-width:1px;padding:6px;padding-left:var(--spacing-3);padding-right:var(--spacing-3);font-size:.75rem;line-height:1rem;font-weight:500;border-color:var(--joy-palette-neutral-300);background-color:var(--joy-palette-background-body);color:var(--joy-palette-neutral-700)}.filter-box .fav-toggle:hover{background-color:var(--joy-palette-neutral-50)}.filter-box .fav-toggle.active{border-color:var(--joy-palette-primary-600);background-color:var(--joy-palette-primary-500);color:var(--joy-palette-neutral-50)}.filter-box .fav-toggle.active:hover{background-color:var(--joy-palette-primary-600)}.filter-box .selected-category{display:flex;cursor:pointer;flex-direction:row;border-radius:var(--joy-radius-md);border-width:1px;border-color:var(--joy-palette-primary-100);background-color:var(--joy-palette-primary-100);padding:6px;padding-left:var(--spacing-3);padding-right:var(--spacing-3);font-size:.75rem;line-height:1rem;font-weight:500}.filter-box .selected-category:hover{background-color:var(--joy-palette-primary-200)}.filter-box .selected-category .close-icon{margin-top:-1.5px;margin-right:-6px;height:16px;-o-object-fit:cover;object-fit:cover}.filter-box .popup{position:absolute;z-index:20;margin-top:var(--spacing-2);width:100%;border-radius:var(--joy-radius-md);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--joy-palette-background-body);padding:var(--spacing-4);top:100%}.filter-box .popup,.filter-box .popup .category-list{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter-box .popup .category-list{display:flex;cursor:pointer;flex-direction:column;gap:var(--spacing-2);border-radius:var(--joy-radius-md);border-width:1px;height:var(--spacing-0);border-color:transparent;padding:var(--spacing-0);opacity:0}.filter-box .popup .category-list.active{height:auto;padding:var(--spacing-1);opacity:1}.filter-box .popup .category-list .category-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--joy-radius-md);padding:var(--spacing-2);text-align:left}.filter-box .popup .category-list .category-item:hover{background-color:var(--joy-palette-neutral-100)}.selected-category-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1}