.customSelect{position:relative;cursor:pointer}.customSelect.disabled{opacity:.5;cursor:not-allowed}.customSelect .selectedItemWrapper{display:flex;align-items:center;font-weight:500;font-size:16px;transition:color .3s ease}.customSelect .selectedItemWrapper:hover{color:var(--branding-color)}.customSelect .selectedItemWrapper .selectedValue{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.customSelect .selectedItemWrapper svg{margin-left:5px}.optionListWrapper{display:none;position:absolute;bottom:30px;right:0;border-radius:5px;background:#fff;box-shadow:3px 0 15px 0 rgba(0,0,0,.1);max-height:300px;overflow:scroll;overflow-x:hidden}.optionListWrapper .optionsHeaderTitle{font-size:13px;font-weight:500;line-height:17px;color:#747474;padding:5px 10px;background-color:#f6f6f9}.optionListWrapper .optionList{width:210px;padding:10px;list-style-type:none;margin:0}.optionListWrapper .optionList li{cursor:pointer;color:#747474;font-weight:400;transition:color .3s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.optionListWrapper .optionList li:not(:last-child){padding-bottom:5px}.optionListWrapper .optionList li:not(:first-child){padding-top:5px}.optionListWrapper .optionList li:hover{color:#2872ef;font-weight:500}.active{display:block}@media screen and (max-width:572px){.customSelect .selectedItemWrapper .selectedValue{max-width:125px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.optionList{right:60px}}