html{--input_font-size:var(--font-size-base);--input_font-size-small:var(--font-size_body-small);--input_font-size-status:var(--font-size_body-small);--input_border-color:var(--color-grey-300);--input_border-color-invalid:var(--input-message_color-error);--input_border-color-disabled:var(--input_border-color);--input_border-radius:var(--border-radius);--input_color:var(--color-dark-600);--input_color-disabled:var(--color-disabled);--input-message_color-success:var(--color-green-300);--input-message_color-error:var(--color-red-300);--input-legend_color:var(--color-dark-600);--input-legend_margin-top:var(--spacing-xs);--input-prefix_margin-left:var(--spacing-medium);--input-prefix_color:var(--color-grey-400);--input-prefix_font-size:var(--input_font-size);--input-prefix_font-size-small:var(--input_font-size-small);--input_bg-color:var(--color-white);--input_bg-color-invalid:var(--color-red-100);--input_bg-color-disabled:var(--color-grey-100);--input_padding:var(--spacing-medium) var(--spacing-normal);--input_padding-small:var(--spacing-medium) var(--spacing-normal);--input_line-height:var(--line-height_10);--input_line-height-small:1.375rem;--input-icon_right:var(--spacing-medium);--input-icon_size:1.5em}.input{box-sizing:border-box;color:var(--input_color);position:relative;width:100%}.input.hidden{--input-password-icon-scaleX:1}.input:has(.input__input:disabled) .input__label{color:var(--input_color-disabled)}.input--small .input__input,.input--small .input__label{font-size:var(--input_font-size-small);line-height:var(--input_line-height-small)}.input--small .input__input{padding:var(--input_padding-small)}.input--required{--input-label-required:" *"}.input__input{background-color:var(--input_bg-color);border:1px solid var(--input_border-color);border-radius:var(--input_border-radius);box-sizing:border-box;display:block;font-size:var(--input_font-size);line-height:var(--input_line-height);padding:var(--input_padding)}.input__input:focus-visible{border-color:var(--color-dark-600)}.input__input:disabled{background-color:var(--input_bg-color-disabled);border-color:var(--input_border-color-disabled);color:var(--input_color-disabled);cursor:not-allowed}.input--invalid .input__input{background-color:var(--input_bg-color-invalid);border-color:var(--input_border-color-invalid)}.input__label{color:var(--input-label-color);display:inline-block;line-height:var(--input_line-height);margin-bottom:var(--spacing-xs)}.input__label:after{color:var(--input-label-color);content:var(--input-label-required)}.input__legend{color:var(--input-legend_color);display:flex;flex-direction:column;font-size:var(--input_font-size-status);line-height:var(--line-height_0);margin-top:var(--input-legend_margin-top)}.input__prefix{color:var(--input-prefix_color);font-size:var(--input-prefix_font-size);left:var(--input-prefix_margin-left);position:absolute;top:50%;transform:translateY(-50%)}.input--small .input__prefix{font-size:var(--input-prefix_font-size-small)}.input__status-error{color:var(--input-message_color-error)}.input__status-success{color:var(--input-message_color-success)}.input__password-strength{font-style:italic;margin-right:10px}.input__input,.input__wrapper{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.input__wrapper{position:relative}.input__wrapper-inner{display:flex;gap:var(--spacing-xs);position:relative}.input__password-button{margin:0;padding:var(--spacing-medium) var(--input-icon_right) var(--spacing-medium) var(--spacing-normal);right:0}.input__icon,.input__password-button{position:absolute;top:50%;transform:translateY(-50%)}.input__icon{font-size:var(--input-icon_size);right:var(--input-icon_right)}.input__password-icon{cursor:pointer;font-size:var(--input-icon_size);position:relative}.input__password-icon.hidden{--input-password-icon-scaleX:1}.input__password-icon:after{background:var(--color-black);content:"";height:1px;left:0;position:absolute;top:50%;transform:translate3d(0,-50%,0) rotate(45deg) scaleX(var(--input-password-icon-scaleX,0));transition:transform .15s linear;width:100%}