.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{margin-top:1.5rem;padding:0}.filter-dialog .actions .actions-group{width:100%;display:flex}.filter-dialog .actions .actions-group .action-btn{border-color:var(--gray-alpha-300);width:100%;padding:1.25rem 1rem calc(env(safe-area-inset-bottom) + 1.25rem)1rem;border-radius:0;flex:1;margin:0;font-size:1.125rem}@media (hover:hover) and (pointer:fine){.filter-dialog .content .reset-action.active:hover{opacity:1}}@media (min-width:1180px){.filter-dialog .title-wrapper{min-width:500px}.filter-dialog .content{max-width:600px}}
.search-input{gap:.5rem;display:flex}.search-input .input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-input .input-wrapper input{border:1px solid var(--gray-alpha-300);background-color:var(--background);border-radius:.75rem;width:100%;height:2.864rem;padding:.65rem 2.5rem;font-size:1rem;transition:border-color .2s}.search-input .input-wrapper input:focus{border-color:var(--gray-alpha-400);background-color:var(--background)}.search-input .input-wrapper .search-icon{opacity:.75;cursor:pointer;position:absolute;left:.75rem}.search-input .input-wrapper .clear-icon{opacity:.75;cursor:pointer;opacity:0;pointer-events:none;position:absolute;right:.75rem}.search-input .input-wrapper .clear-icon.active{pointer-events:auto;opacity:1}@media (max-width:1179px){.search-input{flex:1}}