.filter-dialog .title-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;background-color:var(--dialog-color);color:var(--background);font-size:1rem}.filter-dialog .title-wrapper .title{display:flex;align-items:center;gap:.5rem}.filter-dialog .title-wrapper .close-icon{cursor:pointer}.filter-dialog .content{display:flex;flex-direction:column;overflow-y:overlay;gap:1rem;background-color:var(--background);min-height:300px;padding:1.5rem 1rem}.filter-dialog .content .reset-action{display:flex;align-items:center;gap:.25rem;font-size:.875rem;margin-top:.75rem;margin-left:auto;pointer-events:none;opacity:.25;transition:opacity .2s}.filter-dialog .content .reset-action.active{pointer-events:auto;cursor:pointer;opacity:.75}.filter-dialog .content .filter-item{display:flex;align-items:center;gap:1rem}.filter-dialog .content .filter-item .filter-item-label{min-width:100px}.filter-dialog .content .filter-item .filter-item-content{flex:1 1}.filter-dialog .content .filter-item .filter-item-content input,.filter-dialog .content .filter-item .filter-item-content select{font-size:1rem}.filter-dialog .content .actions{padding-top:2rem;margin-top:auto}.filter-dialog .content .actions .actions-group{display:flex;justify-content:flex-end;align-items:stretch;gap:.75rem}.filter-dialog .content .actions .actions-group .action-btn{flex:1 1;font-size:1rem}@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}}.search-input{display:flex;gap:.5rem}.search-input .input-wrapper{flex:1 1;display:flex;align-items:center;position:relative}.search-input .input-wrapper input{width:100%;height:2.864rem;border:1px solid var(--gray-alpha-300);padding:.65rem 2.5rem;border-radius:.75rem;background-color:var(--background);font-size:1rem;transition:border-color .2s}.search-input .input-wrapper input:focus{border-color:var(--gray-alpha-400)}.search-input .input-wrapper .search-icon{position:absolute;opacity:.75;left:.75rem;cursor:pointer}.search-input .input-wrapper .clear-icon{position:absolute;opacity:.75;right:.75rem;cursor:pointer;opacity:0;pointer-events:none}.search-input .input-wrapper .clear-icon.active{pointer-events:auto;opacity:1}@media(max-width:1179px){.search-input{flex:1 1}}