.floating-input-wrapper{position:relative;z-index:0;width:100%}.floating-input{display:block;width:100%;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:#ffffff;color:var(--color-dark);padding:.875rem 1rem;border:1px solid color-mix(in oklab,var(--color-mint) 45%,white);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.floating-input::-moz-placeholder{color:transparent}.floating-input::placeholder{color:transparent}.floating-input:hover{border-color:color-mix(in oklab,var(--color-blue) 30%,var(--color-mint) 50%)}.floating-input:focus,.floating-input:focus-visible{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-blue) 25%,white 80%)}.floating-input:disabled,.floating-input[readonly]{background-color:color-mix(in oklab,#ffffff 80%,var(--color-sand) 20%);color:color-mix(in oklab,var(--color-dark),var(--color-muted) 40%);border-color:color-mix(in oklab,var(--color-mint) 25%,white);cursor:not-allowed}.floating-input.is-invalid{border-color:#dc2626;box-shadow:0 0 0 3px color-mix(in oklab,#dc2626,white 85%)}.floating-input-label{position:absolute;top:.5rem;left:.75rem;font-size:.875rem;color:color-mix(in oklab,var(--color-ocean-dark) 60%,white);z-index:10;transform-origin:0 0;transform:translateY(1rem) scale(1);transition:transform .2s ease,color .2s ease,background-color .2s ease}.floating-input:not(:-moz-placeholder)+.floating-input-label{transform:translateY(-.6rem) scale(.82);color:var(--color-blue);background:#ffffff;padding:0 .25rem}.floating-input:focus+.floating-input-label,.floating-input:not(:placeholder-shown)+.floating-input-label{transform:translateY(-.6rem) scale(.82);color:var(--color-blue);background:#ffffff;padding:0 .25rem}.floating-input-help{margin-top:.375rem;font-size:.8125rem;color:color-mix(in oklab,var(--color-dark),white 40%)}.floating-input-help.is-error{color:#dc2626}.floating-input:-webkit-autofill{-webkit-text-fill-color:var(--color-dark);-webkit-transition:background-color 9999s ease-out,color 9999s ease-out;transition:background-color 9999s ease-out,color 9999s ease-out}