.item-filter-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.item-filter-bar__search{flex:1;min-width:200px;max-width:280px;position:relative}.item-filter-bar__search-icon{color:#6b7280;pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.item-filter-bar__search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.375rem;width:100%;padding:.5rem .875rem .5rem 2.5rem;font-size:.875rem;transition:border-color .2s,background-color .2s}.item-filter-bar__search-input::placeholder{color:#6b7280}.item-filter-bar__search-input:focus{background:#ffffff14;border-color:#d946ef80;outline:none}.item-filter-bar__categories{gap:.25rem;margin-left:auto;display:flex}.item-filter-bar__category-btn{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;transition:all .2s}.item-filter-bar__category-btn:hover{background:#ffffff1a}.item-filter-bar__category-btn--active,.item-filter-bar__category-btn--all.item-filter-bar__category-btn--active{color:#fff;background:#d946ef33;border-color:#d946ef66}.item-filter-bar__category-btn--completed.item-filter-bar__category-btn--active{color:#93c5fd;background:#3b82f633;border-color:#3b82f666}.item-filter-bar__category-btn--emblem.item-filter-bar__category-btn--active{color:#d8b4fe;background:#a855f733;border-color:#a855f766}.item-filter-bar__category-btn--component.item-filter-bar__category-btn--active{color:#d1d5db;background:#9ca3af33;border-color:#9ca3af66}@media (max-width:640px){.item-filter-bar{flex-direction:column;align-items:stretch}.item-filter-bar__search{max-width:none}.item-filter-bar__categories{flex-wrap:wrap;justify-content:center;margin-left:0}}