.input__wrapper{display:flex;flex-direction:column;font-size:.875rem;position:relative}.input__label{left:0;pointer-events:none;position:absolute;top:0;transform-origin:left;--tw-translate-y:1.25rem;animation-duration:.1s;animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.input input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-color:rgb(209 213 219/var(--tw-border-opacity));border-radius:0;border-width:0 0 1px;box-sizing:border-box;font-size:.875rem;padding:1.25rem 0 .5rem;width:100%}.input input,.input input:focus{--tw-border-opacity:1}.input input:focus{border-color:rgb(0 48 87/var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.input--invalid input,.input--invalid input:-webkit-autofill{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity))}.input--invalid input:-webkit-autofill:focus,.input--invalid input:focus{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity))}.input input:-webkit-autofill~label,.input input:focus~label,.input--has-text label{--tw-translate-y:0px;--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.input--invalid input:-webkit-autofill~label,.input--invalid input:focus~label,.input--invalid label{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.input__error-message{font-size:.75rem;margin-top:.5rem;--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}
