::selection{color:#fff;background:#4285f4}.wrapper{width:100%;margin:0 auto;font-family:Montserrat;position:relative;font-size:smaller}.select-btn,li{display:flex;align-items:center;cursor:pointer}.select-btn{height:40px;padding:0 20px;background:#fff;border-radius:7px;justify-content:space-between;box-shadow:0 10px 25px #0000001a;align-items:center;position:relative;font-weight:700;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-btn i{transition:transform .3s linear}.wrapper.active .select-btn i{transform:rotate(-180deg)}.content{display:none;padding:20px;margin-top:15px;background:#fff;border-radius:7px;box-shadow:0 10px 25px #0000001a;position:absolute;z-index:100;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrapper.active .content{display:block}.content .search{position:relative}.search i{top:50%;left:15px;color:#999;font-size:10px;pointer-events:none;transform:translateY(-50%);position:absolute}.search input{height:inherit;width:100%;outline:none;font-size:17px;border-radius:5px;padding:0 20px 0 43px;border:1px solid #B3B3B3}.search input:focus{padding-left:42px;border:2px solid #4285f4}.search input::placeholder{color:#bfbfbf}.content .options{margin-top:10px;max-height:250px;overflow-y:auto;padding-right:7px;font-size:medium;overflow-x:auto;max-width:100%}.options::-webkit-scrollbar{width:7px}.options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}.options::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.options::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.options li{height:30px;padding:3px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center}.options li:hover{background:#4285f4}.options li:hover,li.selected{color:#fff;border-radius:5px}li.selected{background:#090921}.arrow{border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.disabled{background-color:#ccc;color:#666;opacity:.6;pointer-events:none;opacity:.5;cursor:not-allowed}span.title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center}