.input{display:flex;flex-direction:column;font-size:1rem;gap:.25rem;position:relative;width:100%}.input__wrapper{height:3.5rem}.input--fluid{max-width:100%}.input--small{width:100%}@media screen and (min-width:768px){.input--small{max-width:8.125rem}}.input--active .input__label{font-size:.875rem;line-height:1.3125rem;top:.5rem}.input--active .input__filed{padding-top:2.125rem}.input--valid .input__label{color:#008a00}.input--valid .input__filed{background-color:#eaf9de;border:.125rem solid #008a00;border-radius:1rem}.input--error .input__label{color:#1a1a34}.input--error .input__filed{background-color:#ffecfc;border:.125rem solid #ca024f;border-radius:1rem}.input--error .input__error-message{color:#ca024f}.input--disable .input__label{color:#6e7191}.input--disable .input__filed{background-color:#eff0f6}.input__label{color:#6e7191;cursor:pointer;left:1.25rem;position:absolute;top:1rem;transition:all .1s}@media screen and (max-width:767px){.input__label--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}}@media screen and (max-width:479px){.input__label--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:180px}}.input__filed{background-color:#f7f7fc;border:none;border-radius:1rem;height:inherit;outline:none;padding:1.125rem 1.25rem;width:100%}.input__filed:focus{border:.125rem solid #1a1a34}.input__check,.input__close,.input__exclamation{color:#6e7191;height:.8125rem;position:absolute;right:1.375rem;top:1.375rem;width:.8125rem}.input__close{cursor:pointer}.input__check{fill:#008a00;height:1.75rem;right:1rem;top:.875rem;width:1.75rem}.input__exclamation{height:1.375rem;right:1.25rem;top:1.125rem;width:1.375rem}.input-message,.input__error-message{color:#1a1a34;font-size:.75rem;line-height:1.25rem}.input__info{display:flex;justify-content:flex-start;margin-top:1.25rem}.input__info .note{gap:.5rem;justify-content:center;padding:0}@media screen and (min-width:768px){.input__info{display:none}}.input-phone__wrapper{align-items:center;display:flex;gap:.625rem;justify-content:center}.input-phone__select{background-color:#eaf9de;border:.125rem solid #008a00;border-radius:1rem;height:3.4375rem}.input-phone__field{min-width:8.75rem;width:100%}@media screen and (min-width:768px){.input-phone__field{min-width:14.375rem}}
