.filter{background:var(--cardsBGColor);border:1px solid var(--strokeColor);font-size:var(--fontSize14);text-align:center;color:var(--primaryColor);letter-spacing:-.2px;cursor:pointer;border-radius:.84rem;justify-content:space-between;align-items:center;padding:1.5rem;line-height:18px;transition:all .25s;display:flex}.filter.active{border:1px solid var(--themeMainColor);color:var(--themeMainColor)}.filter.speakerFilter{padding:1rem 1.5rem 1rem .8rem!important}.filter:hover{background:var(--hoverLightColor)}.filter:active,.filter:focus{border:2px solid var(--themeMainColor)}.filter.removeFilter,.filter.selectedFilter{border-color:var(--themeMainColor);color:var(--themeMainColor)!important}.filter.lg{min-width:4.2rem;height:4.2rem}.filter.sm{min-width:7.5rem;height:4rem}.filter .label{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:20rem;overflow:hidden}.filter svg{margin-left:1rem}.filterDropDownWrapper{background:var(--cardsBGColor);z-index:1;border:1px solid #f2f2f2;border-radius:1rem;min-width:25rem;padding:2.5rem;position:absolute;top:9rem;left:0;box-shadow:0 4px 4px #00000026}.filterDropDownWrapper .filterList{border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding:0;list-style-type:none}.filterDropDownWrapper .filterList li{cursor:pointer;margin-bottom:1px;padding:10px 5px 10px 15px}.dropdownLoader{justify-content:center;align-items:center;width:100%;height:26rem;display:flex}.filterListWrapper{justify-content:center;align-items:center;display:flex}.filterListWrapper:before,.filterListWrapper:after{content:"";border-style:solid;border-width:1.6rem;border-color:transparent transparent var(--strokeColor) transparent;z-index:0;margin-left:-5px;position:absolute;bottom:100%;right:.9rem}.filterListWrapper:after{border-color:transparent transparent var(--bgColor) transparent;border-width:1.5rem;right:1rem}.filterListWrapper .emptyFilterWrapper .emptyFilterTitle,.filterListWrapper .emptyFilterWrapper .emptyFilterDesc{width:100%}.filterListWrapper .filterList{z-index:2;border-right:1px solid var(--strokeColor);width:calc(100% - 10rem);padding:1.2rem 0;position:relative}.filterListWrapper .filterList .leftTagSlider{width:77%;padding-right:1rem}.filterListWrapper .filterList .slick-slider{position:relative}.filterListWrapper .filterList .slick-slider .slick-prev,.filterListWrapper .filterList .slick-slider .slick-next{z-index:1;border-radius:1rem;width:3.2rem;height:3.2rem;position:absolute;top:50%;transform:translateY(-50%)}.filterListWrapper .filterList .slick-slider .slick-prev:before,.filterListWrapper .filterList .slick-slider .slick-next:before{display:none!important}.filterListWrapper .filterList .slick-disabled{cursor:not-allowed;background-color:var(--hoverColor)}.filterListWrapper .filterList .slick-disabled>svg{color:var(--disabledColor)}.filterListWrapper .filterList .slick-prev{left:-4rem}.filterListWrapper .filterList .slick-next{right:-4rem}.filterListWrapper .filterList.filterListSelected{max-width:70%}.filterListWrapper .filterList>.filterInnerWrapper>span{letter-spacing:-.2px;white-space:nowrap;white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--primaryColor);font-size:1.2rem;font-weight:500;line-height:1.5rem;overflow:hidden}.filterListWrapper .filterList>.filterInnerWrapper>span svg{width:.75rem;height:.75rem}.filterListWrapper .filterDropDown{background:var(--cardsBGColor);border:1px solid var(--strokeColor);filter:drop-shadow(0 5px 10px #00000040);width:100%;min-width:42rem;max-width:65.9rem;min-height:36.3rem;max-height:36.3rem;padding:2rem;animation:.2s filter;position:absolute;top:6.5rem}.filterListWrapper .filterDropDown .filterInnerWrapper{flex-wrap:wrap;display:inline-flex}.filterListWrapper .filterDropDown .filterInnerWrapper .customWidth{min-width:7rem}.filterListWrapper .filterDropDown .filterInnerWrapper .customWidth .MuiChip-label{max-width:20rem}.filterListWrapper .filterDropDown .loadingTitle{text-align:center;padding-top:2rem}.filterListWrapper .filterDropDown .filterCloseIcon{position:absolute;top:0;right:-4.75rem}.filterListWrapper .filterDropDown .filterSearch{justify-content:space-between;align-items:center;display:flex}.filterListWrapper .filterDropDown .filterSearch .filterSearchInput{background:var(--hoverColor);border-radius:10rem;width:100%;height:4rem;position:relative}.filterListWrapper .filterDropDown .filterSearch .filterSearchInput input{letter-spacing:0;width:calc(100% - 1.5rem);height:4rem;color:var(--primaryColor);padding-left:4.5rem;font-size:1.6rem;line-height:1.8rem}.filterListWrapper .filterDropDown .filterSearch .filterSearchInput svg{position:absolute;top:1rem;left:1.5rem}.filterListWrapper .filterDropDown .filterSearch .filterSearchInput svg path{fill:var(--primaryColor)}.filterListWrapper .filterDropDown .filterSearch button.btnTextmWrap{text-overflow:ellipsis;white-space:nowrap;min-width:12rem;line-height:0;display:block;overflow:hidden}.filterListWrapper .filterItemList{max-height:27.5rem;margin-top:1.5rem;overflow-y:auto}.filterListWrapper .filterAvatar{margin-right:1rem}.filterListWrapper .addFilterText{flex-wrap:wrap;justify-content:flex-start;display:flex}.filterListWrapper .addFilterText .filter{background:var(--cardsBGColor);color:var(--primaryColor);text-transform:capitalize;padding:1rem 1.5rem}.filterListWrapper .addFilterText .filter svg{max-width:1.25rem;margin-left:.5rem}input[type=search]::-webkit-search-decoration:hover{cursor:pointer}input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}@keyframes filter{0%{min-height:0}to{min-height:36.3rem}}
