.select-container{position:relative;margin:10px 0;transition:border-color .3s ease}.select-box,.select-container{display:inline-block;width:100%}.select-box{border:1px solid #dfdfdf;border-radius:6px;background-color:#fff;padding:10px 30px;color:#7D7D7D;appearance:none;outline:none;font-size:12px}.select-box option{color:#000;background-color:#fff}.select-box option:hover,.select-option:hover{background-color:#DFDFDF}.select-label{color:#AAA;position:absolute;pointer-events:none;left:30px;top:9px;transition:all .3s ease;background-color:#fff;padding:0 5px}.select-container.has-value .select-label,.select-container:focus-within .select-label{top:-10px;left:15px;font-size:12px}.select-container:not(.has-value):not(:focus-within) .select-label{top:50%;transform:translateY(-50%);left:30px;font-size:14px}