.input-test .input-wrap{font-size:0px;position:relative}.input-test .input-label{position:absolute;top:0;left:0;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-test .input-field{font-size:.875rem;z-index:20;border-width:0px;--tw-text-opacity: 1;color:rgb(33 43 48 / var(--tw-text-opacity))}.input-test .input-field:focus{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.input-test .input-field::-moz-placeholder{--tw-text-opacity: 1;color:rgb(120 144 156 / var(--tw-text-opacity))}.input-test .input-field::placeholder{--tw-text-opacity: 1;color:rgb(120 144 156 / var(--tw-text-opacity))}.input-test .input-label,.input-test .input-field{display:block;width:100%;line-height:1}.input-test .input-field,.input-test .input-wrap{position:relative}.input-test .input-flex{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important}.input-test .input-field--default{padding:9px 18px;transition:border-color .25s ease-in-out;margin-bottom:2px;display:inline-block;background-color:transparent;--tw-text-opacity: 1;color:rgb(33 43 48 / var(--tw-text-opacity));border-radius:12px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(207 216 220 / var(--tw-border-opacity))}.input-test .input-field--default~.input-label{font-size:.875rem;top:.375em;left:.75em;padding:.5em;transition:transform .25s,opacity .25s,padding .25s ease-in-out;transform-origin:0 0;position:absolute;margin:0;display:inline-block;width:auto;--tw-text-opacity: 1;color:rgb(120 144 156 / var(--tw-text-opacity))}@media screen and (max-width: 375px){.input-test .input-field--default~.input-label{font-size:.8rem}}.input-test .input-field--default:not(:-moz-placeholder-shown) .input-field--default:focus:not(:-moz-placeholder-shown){padding:9px 16px;margin-bottom:0;border-width:2px}.input-test .input-field--default:focus,.input-test .input-field--default:not(:placeholder-shown) .input-field--default:focus:not(:placeholder-shown){padding:9px 16px;margin-bottom:0;border-width:2px}.input-test .input-field--default:not(:-moz-placeholder-shown)~.input-label{padding:.25em .45em;top:.79em;left:1em;font-size:12px;transform:translateY(-1.4em) scale(.9);z-index:30;border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(249 250 250 / var(--tw-bg-opacity));font-weight:500}.input-test .input-field--default:focus~.input-label,.input-test .input-field--default:not(:placeholder-shown)~.input-label{padding:.25em .45em;top:.79em;left:1em;font-size:12px;transform:translateY(-1.4em) scale(.9);z-index:30;border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(249 250 250 / var(--tw-bg-opacity));font-weight:500}.input-test .input-field--default:not(:-moz-placeholder-shown)~.input-label.white-label{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.input-test .input-field--default:focus~.input-label.white-label,.input-test .input-field--default:not(:placeholder-shown)~.input-label.white-label{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.input-test .input-field--default:focus~.input-label{--tw-text-opacity: 1;color:rgb(0 84 194 / var(--tw-text-opacity))}.input-test .input-field--default:focus{--tw-border-opacity: 1;border-color:rgb(0 84 194 / var(--tw-border-opacity))}.input-test .input-field--default:not(:focus):not(:-moz-placeholder-shown){margin-bottom:2px;padding:9px 18px;border-width:1px}.input-test .input-field--default:not(:focus):not(:placeholder-shown){margin-bottom:2px;padding:9px 18px;border-width:1px}.input-test .input-field--default:-moz-read-only{--tw-bg-opacity: 1;background-color:rgb(236 240 241 / var(--tw-bg-opacity))}.input-test .input-field--default:disabled,.input-test .input-field--default:read-only{--tw-bg-opacity: 1;background-color:rgb(236 240 241 / var(--tw-bg-opacity))}.input-test .input-field--default:disabled{--tw-text-opacity: .5}.input-test .input-field--default:disabled~.input-label{z-index:30}.input-test .input-field--default:not(textarea){max-height:4em}.input-test .input-field--default::-moz-placeholder{color:transparent}.input-test .input-field--default::placeholder{color:transparent}.input-test .input-helper{padding:0 1.125rem;margin-top:.5rem;font-size:.75rem;line-height:1.2;--tw-text-opacity: 1;color:rgb(33 43 48 / var(--tw-text-opacity))}.input-test .input-helper a{font-weight:500;--tw-text-opacity: 1;color:rgb(0 84 194 / var(--tw-text-opacity))}.input-test .textarea--default{min-height:3rem}.input-icon-tag{top:.59375rem;right:1rem;position:absolute;z-index:20}.input-has-error .input-field--default:not(:focus):not(:-moz-placeholder-shown){padding:9px 16px;padding-right:3rem;margin-bottom:0;border-width:2px;--tw-border-opacity: 1;border-color:rgb(246 53 53 / var(--tw-border-opacity))}.input-has-error .input-field--default,.input-has-error .input-field--default:not(:focus):not(:placeholder-shown){padding:9px 16px;padding-right:3rem;margin-bottom:0;border-width:2px;--tw-border-opacity: 1;border-color:rgb(246 53 53 / var(--tw-border-opacity))}.input-has-error .input-field--default~.input-label,.input-has-error .input-field--default:focus~.input-label{--tw-text-opacity: 1;color:rgb(246 53 53 / var(--tw-text-opacity))}.input-has-error .input-helper{--tw-text-opacity: 1;color:rgb(202 44 44 / var(--tw-text-opacity))}.input-has-error .input-field--default:focus{padding-right:3rem;--tw-border-opacity: 1;border-color:rgb(246 53 53 / var(--tw-border-opacity))}.input-has-warning .input-field--default:not(:focus):not(:-moz-placeholder-shown){padding:9px 16px;padding-right:3rem;margin-bottom:0;border-width:2px;--tw-border-opacity: 1;border-color:rgb(250 158 11 / var(--tw-border-opacity))}.input-has-warning .input-field--default,.input-has-warning .input-field--default:not(:focus):not(:placeholder-shown){padding:9px 16px;padding-right:3rem;margin-bottom:0;border-width:2px;--tw-border-opacity: 1;border-color:rgb(250 158 11 / var(--tw-border-opacity))}.input-has-warning .input-field--default~.input-label,.input-has-warning .input-field--default:focus~.input-label{--tw-text-opacity: 1;color:rgb(250 158 11 / var(--tw-text-opacity))}.input-has-warning .input-helper{--tw-text-opacity: 1;color:rgb(205 130 10 / var(--tw-text-opacity))}.input-has-warning .input-field--default:focus{padding-right:3rem;--tw-border-opacity: 1;border-color:rgb(250 158 11 / var(--tw-border-opacity))}.input-has-success .input-field--default:not(:focus):not(:-moz-placeholder-shown){padding:9px 16px;padding-right:3rem;margin-bottom:0;border-width:2px;--tw-border-opacity: 1;border-color:rgb(19 189 73 / var(--tw-border-opacity))}.input-has-success .input-field--default,.input-has-success .input-field--default:not(:focus):not(:placeholder-shown){padding:9px 16px;padding-right:3rem;margin-bottom:0;border-width:2px;--tw-border-opacity: 1;border-color:rgb(19 189 73 / var(--tw-border-opacity))}.input-has-success .input-field--default~.input-label,.input-has-success .input-field--default:focus~.input-label{--tw-text-opacity: 1;color:rgb(19 189 73 / var(--tw-text-opacity))}.input-has-success .input-helper{--tw-text-opacity: 1;color:rgb(10 155 56 / var(--tw-text-opacity))}.input-has-success .input-field--default:focus{padding-right:3rem;--tw-border-opacity: 1;border-color:rgb(19 189 73 / var(--tw-border-opacity))}