.select-container{position:relative;width:250px;margin:30px auto;font-family:'Roboto',sans-serif}.select-container select{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;background:0 0;font-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;outline:none;background-color:#fff}.select-container label{position:absolute;left:12px;top:12px;color:#999;font-size:16px;pointer-events:none;transition:.2s ease all}.select-container select:focus+label,.select-container select:not([value=""])+label,.select-container select:valid+label{top:-8px;font-size:12px;color:#1a73e8;background-color:#fff;padding:0 4px}.select-container:after{content:'▼';position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#999}