.smartdropdown{width:200px;margin-top:20px;display:inline-block;position:relative}.smartdropdown input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:10px 54px 10px 8px;font-size:16px}.smartdropdown input:hover{border-color:#888}.smartdropdown input:focus{border-color:#333;box-shadow:0 0 4px #0000001a}.smartdropdown label{color:#999;pointer-events:none;font-size:16px;font-weight:400;transition:all .2s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.smartdropdown input:focus+label,.smartdropdown input:not(:placeholder-shown)+label{color:#333;font-size:14px;font-weight:700;top:-14px;left:8px}.smartdropdown-content{z-index:2;background-color:#f9f9f9;min-width:100%;max-height:250px;display:none;position:absolute;overflow-y:auto;box-shadow:0 8px 16px #0003}.smartdropdown-content ul{margin:0;padding:0;list-style:none}.smartdropdown-content li{cursor:pointer;padding:8px}.smartdropdown-content li:hover{background-color:#f1f1f1}.smartdropdown-icons{color:#999;font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.smartdropdown-icon{right:10px}.smartdropdown-clear-icon{font-size:16px;right:36px}.smartdropdown-clear-icon:hover{color:#333;cursor:pointer}.smartdropdown-highlight{font-weight:700}