.filters-container{margin:1em auto auto;background:#918181;border-radius:15px;padding:15px;-webkit-box-shadow:-4px 7px 24px -1px rgba(0,0,0,.1);-moz-box-shadow:-4px 7px 24px -1px rgba(0,0,0,.1);box-shadow:-4px 7px 24px -1px rgba(0,0,0,.1)}.filter-area{z-index:0;position:relative;padding-top:10px;background-color:#ede7e1}.filters-container .filter-grid{display:flex;justify-content:space-between;align-items:end;column-gap:10px}.filters-container .search-filter-wrapper{background:transparent;box-shadow:none}.filter-grid .search-area{flex:0 0 75%;align-items:end;display:flex}.filter-grid .all-filters-area{flex:0 0 23%;display:flex;align-items:flex-end}.filter-grid .multi-filter-area{flex:1}.search-filter-wrapper{background:#918181;border-radius:15px;box-shadow:-4px 7px 24px -1px rgba(0,0,0,.1);width:100%}.search-filter-wrapper p{color:#f3ede6}.custom-filter-wrapper{display:flex;width:100%;justify-content:space-between;padding:3px 0}.custom-filter-wrapper .label{font-weight:500;color:#f3ede6}.custom-filter-wrapper .value{display:flex;cursor:pointer;color:#f3ede6}.custom-filter-wrapper .value-list{padding:0 5px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;max-height:1.2em;color:#f3ede6}.custom-filter-wrapper .add-btn{padding:0 5px}.input-wrapper .suffix{display:flex;align-items:center;padding:0;margin-right:-5px;min-width:200px;height:141%;justify-content:flex-end}.input-wrapper .suffix a{border-radius:0 8px 8px 0;font-size:12px;white-space:nowrap;height:100%;display:flex;align-items:center;gap:8px}.all-filters-area a img,.input-wrapper .suffix a img{filter:brightness(0) invert(1)}.selected-filters-container{column-gap:1em;display:flex;justify-content:space-between;margin:10px 0}.filter-tags{display:flex;flex-direction:column;row-gap:5px}.filter-tags .selected-filter-tags{display:flex;flex-wrap:wrap;gap:5px}.selected-filter-tags .preview-tag{position:relative}.selected-filter-tags .preview-tag .remove-tag{position:absolute;top:-3px;right:-3px}.more-filters-btn img{cursor:pointer;transform:scale(1);transition:.4s ease;max-width:30px;max-height:20px}.more-filters-btn{display:flex;column-gap:10px}.more-filters-btn img:hover{transform:scale(1.1)}.drawer-container{position:relative;overflow:hidden}.drawer{position:fixed;top:0;right:-40%;width:40%;height:100vh;background-color:#fff;padding:20px;transition:right .3s ease;z-index:999;-webkit-box-shadow:-8px 2px 30px 0 rgba(0,0,0,.19);-moz-box-shadow:-8px 2px 30px 0 rgba(0,0,0,.19);box-shadow:-8px 2px 30px 0 rgba(0,0,0,.19)}.show-drawer .drawer{right:0}.drawer .header{min-height:50px;display:flex;column-gap:20px}.drawer .header p.title{font-size:16px;font-weight:600}.filter-tag-section{margin:20px 0}.filter-tag-section p.title{font-weight:600;margin-bottom:5px}@media (max-width:767px){.filters-container .filter-grid{flex-direction:column;row-gap:10px;align-items:stretch}.filters-container{margin-top:1em}.filter-grid .search-area{flex:1;padding:0}.filter-grid .all-filters-area{flex:1;padding:0;align-items:stretch}.filter-tag-section{margin:20px 25px 10px 0}.selected-filters-container{overflow:scroll}}