input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:inherit!important;transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset!important;border-color:#00cbef!important}input:autofill{background-color:#fff!important;color:inherit!important}.inputGroup{font-family:'Segoe UI',sans-serif;margin:1.5em 0 .5em 0;position:relative}.inputGroup input{font-size:100%;padding:.8em;outline:0;border:1px solid #c8c8c8;background-color:transparent!important;border-radius:15px;width:100%}.inputGroup label{color:#00cbef;font-size:100%;position:absolute;left:0;padding:.8em;margin-left:.5em;pointer-events:none;transition:all .3s ease}.inputGroup :is(input:focus,input:valid,input:not(:placeholder-shown))~label{border-color:#00cbef}.inputGroup :is(input:focus,input:valid,input:not(:placeholder-shown))~label{transform:translateY(-50%) scale(.9);margin:0;margin-left:1.3em;padding:.4em;background-color:#fff;border-color:#00cbef}.inputGroup :is(input:focus,input:valid){border-color:#00cbef}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.inputGroup input[type=password]{padding-right:30px}.inputGroup.blue input{border-color:#00cbef}.inputGroup.blue label{color:#00cbef}.inputGroup.blue :is(input:focus,input:valid,input:not(:placeholder-shown))~label{background-color:#fff;border-color:#00cbef}.inputGroup.red input{border-color:#ff4d4d}.inputGroup.red label{color:#ff4d4d}.inputGroup.red :is(input:focus,input:valid,input:not(:placeholder-shown))~label{background-color:#fff;border-color:#ff4d4d}.inputGroup.gray input{border-color:grey}.inputGroup.gray label{color:grey}.inputGroup.gray :is(input:focus,input:valid,input:not(:placeholder-shown))~label{background-color:#fff;border-color:grey}