.select-wrapper{width:100%;position:relative}.select-wrapper select{color:#fff;cursor:pointer;appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:.75rem .75rem .75rem 2.5rem;font-size:.9rem;transition:all .3s}.select-wrapper select:hover{background:#ffffff14;border-color:#fff3}.select-wrapper select:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f133}.select-wrapper select option{color:#fff;background:#1a1a2e;padding:.75rem}.select-wrapper .select-icon{color:#ffffff80;pointer-events:none;font-size:1.1rem;transition:color .3s;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.select-wrapper:hover .select-icon{color:#ffffffb3}.select-wrapper select:invalid,.select-wrapper select option[value=""]{color:#ffffff80}.select-wrapper select:valid{color:#fff}