.box-form{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%;max-width:360px;padding:15px;margin:0 auto}.box-form .form-label-group{position:relative;margin-bottom:2.1rem;border-radius:.3rem;outline:none;box-shadow:none;display:flex;justify-content:center;align-items:center}.box-form .form-label-group:before{content:" ";position:absolute;background-color:transparent;width:100%;height:100%;border-radius:.3rem;border-radius:10px!important;border:1px solid transparent}.box-form .form-label-group.active:before{border-color:#237eef}.box-form .form-label-group.active input[type=password]:not(:-moz-placeholder-shown)~label,.box-form .form-label-group.active input[type=text]:not(:-moz-placeholder-shown)~label{cursor:default;transform:scale(.95) translateY(-26px);z-index:4}.box-form .form-label-group.active input[type=password]:not(:-ms-input-placeholder)~label,.box-form .form-label-group.active input[type=text]:not(:-ms-input-placeholder)~label{cursor:default;transform:scale(.95) translateY(-26px);z-index:4}.box-form .form-label-group.active input[type=password]:not(:-moz-placeholder-shown)~label, .box-form .form-label-group.active input[type=text]:not(:-moz-placeholder-shown)~label{cursor:default;transform:scale(.95) translateY(-26px);z-index:4}.box-form .form-label-group.active input[type=password]:not(:-ms-input-placeholder)~label, .box-form .form-label-group.active input[type=text]:not(:-ms-input-placeholder)~label{cursor:default;transform:scale(.95) translateY(-26px);z-index:4}.box-form .form-label-group.active input[type=password]:not(:placeholder-shown)~label,.box-form .form-label-group.active input[type=text]:not(:placeholder-shown)~label{cursor:default;transform:scale(.95) translateY(-26px);z-index:4}.box-form .form-label-group>input{background-color:transparent;font-size:1.2rem;height:calc(1.7em + 1rem + 5px);position:relative;z-index:3;padding:.75rem .9rem;border-radius:10px!important;transition:box-shadow .15s ease-in-out 0s}.box-form .form-label-group>input:-webkit-autofill,.box-form .form-label-group>input:-webkit-autofill:focus,.box-form .form-label-group>input:-webkit-autofill:hover{box-shadow:inset 0 0 0 30px #f0f5f9}.box-form .form-label-group>input:focus{padding-top:.75rem;padding-bottom:.5rem;border-color:transparent;outline:none;box-shadow:none}.box-form .form-label-group>input:focus~label{transform:scale(.95) translateY(-26px)}.box-form .form-label-group>input:not(:-moz-placeholder-shown){padding-top:.75rem;padding-bottom:.5rem;border-color:#237eef;border-width:1px}.box-form .form-label-group>input:not(:-ms-input-placeholder){padding-top:.75rem;padding-bottom:.5rem;border-color:#237eef;border-width:1px}.box-form .form-label-group>input:not(:placeholder-shown){padding-top:.75rem;padding-bottom:.5rem;border-color:#237eef;border-width:1px}.box-form .form-label-group>label{position:absolute;background-color:#fff;color:#bfc1c3;font-size:1.14em;font-weight:400;left:8px;max-width:calc(100% - 16px);overflow:hidden;padding:0 8px;text-overflow:ellipsis;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:auto;z-index:4;cursor:text;margin-bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box-form .form-label-group>span{position:absolute;bottom:-19px;left:0;z-index:5;font-weight:500;font-size:.85em}.box-form .form-label-group>span.show{display:block}.box-form .form-label-group>span.validation{color:#e83a23}.box-form .form-label-group>span.information{color:#00c08b}.box-form .form-label-group input:-ms-input-placeholder{color:transparent}.box-form .form-label-group input::-moz-placeholder{color:transparent}.box-form .form-label-group input::placeholder{color:transparent}