.form-element{position:relative;background-color:#fff;border-radius:4px;transition:all .3s;margin-bottom:1rem;width:100%}.form-element--no-mb{margin-bottom:0}.form-element--px-3{padding-left:1rem;padding-right:1rem}.form-element--transparent{background-color:transparent}.form-element__label{color:#635d5c;position:absolute;top:0;left:0;margin-bottom:0;pointer-events:none;border:1px solid transparent}.form-element__input,.form-element__label{font-size:1em;width:100%;max-width:100%;line-height:1.5;transition:all .3s;padding:.75rem}.form-element__input{position:relative;background-color:transparent;color:#111;margin:0;border:1px solid #faf1e9;border-radius:4px;outline:0}.form-element__input:focus{color:#111;border-color:#f7e7da;outline:0;box-shadow:0 0 0 .2rem rgba(221,160,109,.25)}.form-element__input:not(.not-placeholder):not(:placeholder-shown){padding-top:1.25rem;padding-bottom:.25rem}.form-element__input:not(:placeholder-shown)~label{font-size:.75em;color:#505050;padding-bottom:1.25rem;padding-top:.25rem}.form-element__input::-webkit-input-placeholder{color:transparent}.form-element__input::-moz-placeholder{color:transparent}.form-element__input:-ms-input-placeholder{color:transparent}.form-element__input::-ms-input-placeholder{color:transparent}.form-element__input::placeholder{color:transparent}.form-element__input:-webkit-autofill,.form-element__input:-webkit-autofill:focus,.form-element__input:-webkit-autofill:hover{background-color:transparent!important}.form-element__input:disabled{background:#f4f4f4;cursor:not-allowed}.form-element__radio-label{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%}.form-element__radio-input{opacity:0;visibility:hidden;display:none}.form-element__radio-input:checked+label .form-element__radio{border:1px solid #635d5c}.form-element__radio-input:checked+label .form-element__radio:before{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:"";width:.5rem;height:.5rem;border-radius:100%;background:#635d5c;transition:all .3s}.form-element__radio{position:relative;width:1rem;height:1rem;background-color:transparent;border:1px solid #635d5c;border-radius:100%;transition:all .3s}.form-element__radio-text{font-size:1em;color:#635d5c;line-height:1.5;pointer-events:none;transition:all .3s;padding-left:.5rem}.form-element__select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-element__icon{position:absolute;top:0;bottom:0;height:100%;padding:8px;z-index:1}.form-element__icon-symbol{left:0;width:50px;background-color:#f7e7da;border:1px solid #f7e7da;border-top-left-radius:4px;border-bottom-left-radius:4px}.form-element__icon-symbol~:not(.form-element__tip-error):not(svg){padding-left:62px}.form-element__icon-cancel{right:0;width:40px;cursor:pointer}.form-element__icon-cancel~:not(.form-element__tip-error):not(svg){padding-right:42px}.form-element__icon-password{right:0;width:40px;cursor:pointer}.form-element__icon-password~:not(.form-element__tip-error):not(svg){padding-right:40px}.form-element__tip-error{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-13px;text-align:center;background-color:#fff;border-radius:4px;padding:.25rem .5rem;display:inline-block;opacity:0;pointer-events:none;transition:all .3s;font-size:.75em;box-shadow:0 5px 10px 0 #f05a67;white-space:nowrap}.form-element--background .form-element__input{background-color:#faf1e9}.form-element--error .form-element__input{color:#f05a67;border-color:#f05a67;box-shadow:0 0 4px 0 #f05a67}.form-element--error .form-element__icon-symbol{border-color:#f05a67 transparent #f05a67 #f05a67}.form-element--error .form-element__tip-error{opacity:1}.form-element--success .form-element__input{border-color:#80972f;box-shadow:0 0 4px 0 #80972f}.form-element--success .form-element__icon-symbol{border-color:#80972f transparent #80972f #80972f}.textarea-element .form-element__input{resize:none}@supports (-ms-ime-align:auto){.form-element__label{display:none}.form-element__input::-ms-input-placeholder{color:#635d5c}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.form-element__input:not(.not-placeholder){padding-top:1.5rem!important;padding-bottom:.5rem!important}.form-element__input~label{font-size:.87em!important;color:#635d5c!important;padding-bottom:1.25rem!important;padding-top:.25rem!important}}