.filter-trigger{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;padding:.25rem;transition:background-color .2s;display:flex}.filter-dialog .title-wrapper{background-color:var(--background);width:100%;color:var(--foreground);border-bottom:1px solid var(--gray-alpha-300);justify-content:space-between;align-items:center;padding:1rem;font-size:1rem;font-weight:700;display:flex}.filter-dialog .title-wrapper .title{align-items:center;gap:.5rem;display:flex}.filter-dialog .title-wrapper .close-icon{cursor:pointer}.filter-dialog .content{overflow-y:overlay;background-color:var(--background);flex-direction:column;gap:1rem;min-height:300px;padding:1.5rem 1rem;display:flex}.filter-dialog .content .reset-action{pointer-events:none;opacity:.25;align-items:center;gap:.25rem;margin-top:.75rem;margin-left:auto;font-size:.875rem;transition:opacity .2s;display:flex}.filter-dialog .content .reset-action.active{pointer-events:auto;cursor:pointer;opacity:.75}.filter-dialog .content .filter-item{align-items:center;gap:1rem;display:flex}.filter-dialog .content .filter-item .filter-item-label{min-width:100px}.filter-dialog .content .filter-item .filter-item-content{flex:1}.filter-dialog .content .filter-item .filter-item-content input,.filter-dialog .content .filter-item .filter-item-content select{font-size:1rem}.filter-dialog .actions{z-index:10;padding:1.25rem 1.5rem calc(env(safe-area-inset-bottom) + 1.25rem);background:var(--background);border-top:1px solid var(--gray-alpha-100);position:sticky;bottom:0;box-shadow:0 -12px 30px #0000000a}.filter-dialog .actions .actions-group{gap:.75rem;width:100%;display:flex}.filter-dialog .actions .actions-group .action-btn{text-transform:none;border-radius:1rem;flex:1;height:3.75rem;font-size:1rem;font-weight:850;transition:all .2s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.filter-dialog .actions .actions-group .action-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}}.filter-dialog .actions .actions-group .action-btn:first-child{background-color:var(--background);color:var(--gray-alpha-400);border:1px solid var(--gray-alpha-200)}.filter-dialog .actions .actions-group .action-btn:last-child{background-color:var(--foreground);color:var(--background)}@media (hover:hover) and (pointer:fine){.filter-dialog .content .reset-action.active:hover{opacity:1;color:var(--badge-color)}}@media (min-width:1180px){.filter-dialog .title-wrapper{min-width:500px}.filter-dialog .content{max-width:600px}}
.search-input{gap:.5rem;padding:3px;display:flex}.search-input .input-wrapper{border:1px solid var(--gray-alpha-300);background-color:var(--background);border-radius:.75rem;flex:1;align-items:center;height:calc(2.75rem + 2px);padding:0 .5rem 0 1rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.search-input .input-wrapper:focus-within{box-shadow:0 0 0 3px var(--gray-alpha-200)}.search-input .input-wrapper .search-icon{opacity:.5;cursor:pointer;margin-right:.5rem}.search-input .input-wrapper input{width:100%;min-width:0;height:100%;color:var(--foreground);background-color:#0000;border:none;outline:none;flex:1;padding:0;font-size:1rem}.search-input .input-wrapper input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-input .input-wrapper input:focus-visible{box-shadow:none}.search-input .input-wrapper .clear-icon{opacity:0;color:var(--gray-alpha-500);pointer-events:none;cursor:pointer;margin:0 .5rem;transition:opacity .2s}.search-input .input-wrapper .clear-icon.active{pointer-events:auto;opacity:.75}.search-input .input-wrapper .clear-icon.active:hover{opacity:1}.search-input .input-wrapper .divider{background-color:var(--gray-alpha-300);width:1px;height:1.5rem;margin:0 .25rem 0 0}@media (max-width:1179px){.search-input{flex:1}}