.filter-component{max-width:210px;margin:0 auto;display:flex;flex-direction:row-reverse;align-items:center;gap:10px;padding-bottom:30px}.filter-component .filter-icon{width:30px;height:30px;cursor:pointer}.filter-component .filter-container{position:relative;width:100%}.filter-component .filter-container .filter-button{background-color:#fff;border:1px solid #7d8ea3;border-radius:10px;padding:8px;display:flex;align-items:center;justify-content:space-between}.filter-component .filter-container .filter-button .icons{display:flex;align-items:center;gap:10px}.filter-component .filter-container .filter-button .icon-x{color:#f87171;cursor:pointer;width:23px;height:23px;transition:all .2s ease-in-out}.filter-component .filter-container .filter-button .icon-x:hover{color:#dc2626;transform:scale(1.2)}.filter-component .filter-container .filter-button .icon-chevron{transform:rotate(0deg);transition:transform .2s ease}.filter-component .filter-container .filter-button.open .icon-chevron{transform:rotate(180deg)}.filter-component .filter-container .dropdown{position:absolute;z-index:10;margin-top:2px;background-color:#fff;border:1px solid #7d8ea3;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filter-component .filter-container .dropdown .search-input{width:100%;padding:8px;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0}.filter-component .filter-container .dropdown .search-input:focus{outline:none;box-shadow:0 0 0 1px #3b82f6;border-radius:inherit}.filter-component .filter-container .dropdown .options{max-height:15rem;overflow-y:auto}.filter-component .filter-container .dropdown .option{display:flex;align-items:center;padding:5px 10px;cursor:pointer}.filter-component .filter-container .dropdown .option:hover{background-color:#f3f4f6}.filter-component .filter-container .dropdown .option.selected{background-color:#bfdbfe}.filter-component .filter-container .dropdown .no-results{padding:5px 10px;color:#6b7280}.filter-component .filter-container .dropdown .reset-button{width:100%;font-size:14px;color:#ef4444;padding:5px 0}.filter-component .filter-container .dropdown .reset-button:hover{color:#dc2626;font-weight:600}