.input,.input-wrapper{--input-bg:hsl(var(--white));--input-border-color:hsl(var(--grey-200));--input-color:hsl(var(--grey-900));--input-placeholder-color:hsl(var(--grey-400));--input-border-width:1px;--input-border-style:solid;--input-radius:1.5em;--input-line-height:1.5;--input-font-weight:400;--input-font-size:1em;--input-outline-width:2px;--input-outline-offset:2px;--input-outline-color:hsl(var(--black,0 0 0));--input-padding:.6875em 1.1875em;background-color:var(--input-bg);border-color:var(--input-border-color);border-radius:var(--input-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);color:var(--input-color);inline-size:100%;margin-block-end:1.25rem;padding:var(--input-padding)}.input-wrapper:focus-visible,.input-wrapper:focus-within,.input:focus-visible,.input:focus-within{outline-color:var(--input-outline-color,var(--input-border-color));outline-offset:var(--input-outline-offset,calc(var(--input-border-width)*2));outline-style:var(--input-outline-style,var(--input-border-style));outline-width:var(--input-outline-width,var(--input-border-width));--input-bg:hsl(var(--grey-100));--input-border-color:hsl(var(--grey-600))}.input-wrapper[disabled],.input[disabled]{--input-bg:hsl(var(--grey-200));--input-border-color:hsl(var(--grey-300));--input-color:hsl(var(--grey-400));--input-placeholder-color:hsl(var(--input-color));cursor:not-allowed}.input-wrapper:hover:not([disabled]),.input:hover:not([disabled]){--input-bg:hsl(var(--grey-50));--input-border-color:hsl(var(--grey-500))}.input-wrapper[data-error]:not([disabled]),.input[data-error]:not([disabled]){--input-border-color:hsl(var(--error-600));margin-block-end:0}.input-wrapper[data-hint],.input-wrapper[data-tight],.input[data-hint],.input[data-tight]{margin-block-end:0}.input-wrapper[data-size=M],.input[data-size=M]{--input-font-size:1rem;--input-line-height:1.5;--input-padding:.6875em 1.1875em}.input-wrapper[data-size=S],.input[data-size=S]{--input-font-size:.875rem;--input-line-height:1.57142857;--input-padding:.5em 1.07142857em}.input-wrapper[type=password],.input[type=password]{--input-font-size:1.2rem;--input-line-height:1;font-family:caption,monospace;letter-spacing:.15rem}.input-wrapper[data-password][data-size=S],.input[data-password][data-size=S]{--input-padding:.4375em .9375em}.input{font-size:var(--input-font-size,1em);font-weight:var(--input-font-weight);letter-spacing:.05em;line-height:var(--input-line-height,1.5)}.input::-moz-placeholder{color:var(--input-placeholder-color)}.input::placeholder{color:var(--input-placeholder-color)}.input-wrapper{align-items:center;display:flex}.input-wrapper .input{background-color:transparent;border:none;border-radius:0;margin-block-end:0;padding:0}.input-wrapper .input:focus,.input-wrapper .input:focus-visible,.input-wrapper .input:focus-within{outline:none}.input-label{color:hsl(var(--grey-700));font-size:.625rem;font-weight:600;line-height:1.2;margin-block-end:auto;max-inline-size:unset;text-transform:uppercase}.input-label[data-size=M]{font-size:.75rem;font-weight:400;line-height:1.25}.input-label[data-required]:after{color:hsl(var(--error-600));content:" *"}.input-error-message,.input-hint{align-items:center;display:inline-flex;font-size:.625rem;gap:.25rem;line-height:1.6}.input-error-message{color:hsl(var(--error-600))}.input-hint{color:hsl(var(--grey-700))}.input:-webkit-autofill,.input:-webkit-autofill:active,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--input-color);box-shadow:inset 0 0 20px 20px var(--input-bg);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-suffix{margin-inline-start:.5ch;white-space:nowrap}.input-prefix{margin-inline-end:.5ch;white-space:nowrap}.input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}