.inputGroup{max-width:190px;margin:1em 0;font-family:Segoe UI,sans-serif;position:relative}.inputGroup input{background-color:#0000;border:2px solid #c8c8c8;border-radius:20px;outline:none;width:100%;padding:.8em;font-size:100%}.inputGroup label{pointer-events:none;color:#646464;margin-left:.5em;padding:.8em;font-size:100%;transition:all .3s;position:absolute;left:0}.inputGroup :is(input:focus,input:valid)~label{background-color:#e8e8e8;margin:0 0 0 1.3em;padding:.4em;transform:translateY(-50%)scale(.9)}.inputGroup :is(input:focus,input:valid){border-color:#9696c8}