::selection{color:#fff;background:#4285f4}.select-btn,li{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.select-btn i{font-size:1vmax!important}.select-btn{padding-left:1vmax}.select-btn i{font-size:31px;transition:transform .3s linear}.wrapper.active .select-btn i{transform:rotate(-180deg)}.content{z-index:999;background:#fff;border-radius:.5vmax;width:100%;margin-top:2vmax;padding:.5vmax 1vmax;display:none;position:absolute;top:80%;left:0}.wrapper.active .content{display:block}.content .search{position:relative}.search i{color:#999;pointer-events:none;font-size:1vmax;position:absolute;top:50%;left:1vmax;transform:translateY(-50%)}.search input{border:1px solid #b3b3b3;border-radius:5px;outline:none;width:100%;padding:.5vmax 1vmax .5vmax 3vmax;font-size:1.2vmax}.search input:focus{border:2px solid #4285f4}.search input::placeholder{color:#bfbfbf}.content .options{max-height:15vmax;margin-top:.7vmax;overflow-y:auto}.options li{color:#3a3a3a;padding:.4vmax 1vmax;font-size:1.1vmax;font-weight:500}.options li:hover,li.selected{background:#f2f2f2;border-radius:5px}