.form-input-wrapper{position:relative}.form-input-wrapper .form-input{width:100%;border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));background-color:transparent;padding:.5rem 0;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width:640px){.form-input-wrapper .form-input{padding-top:.75rem;padding-bottom:.75rem;font-size:1rem;line-height:1.5rem}}.form-input-wrapper .form-input:focus{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.form-input-wrapper .form-input::-moz-placeholder{color:transparent}.form-input-wrapper .form-input::placeholder{color:transparent}.form-input-wrapper .form-input:not(:-moz-placeholder-shown)+.form-input-label{--tw-translate-y:-1.5rem;--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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(255 255 255/var(--tw-text-opacity,1))}.form-input-wrapper .form-input:focus+.form-input-label,.form-input-wrapper .form-input:not(:placeholder-shown)+.form-input-label{--tw-translate-y:-1.5rem;--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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(255 255 255/var(--tw-text-opacity,1))}.form-input-wrapper .form-input:focus+.form-input-label{--tw-text-opacity:1;color:rgb(194 194 255/var(--tw-text-opacity,1))}.form-input-wrapper .form-input-label{pointer-events:none;position:absolute;left:0;top:.5rem;transform-origin:0;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width:640px){.form-input-wrapper .form-input-label{top:.75rem;font-size:1rem;line-height:1.5rem}}.form-input-wrapper textarea.form-input{min-height:80px;resize:none}@media (min-width:640px){.form-input-wrapper textarea.form-input{min-height:120px}}.form-input-wrapper .form-input.is-invalid{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.form-input-wrapper .form-input-error{position:absolute;left:0;bottom:100%;z-index:20;margin-bottom:.5rem;display:flex;max-width:320px;align-items:center;gap:.5rem;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem .75rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.form-input-wrapper .form-input-error{font-size:.875rem;line-height:1.25rem}}.form-input-wrapper .form-input-error:after{content:"";position:absolute;left:.75rem;top:100%;height:0;width:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff}.form-input-wrapper .form-input-error__icon{display:inline-flex;height:1.25rem;width:1.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1));font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.form-input-wrapper .form-input-error__text{line-height:1.375}