:root{--input_code-dimension-size-base_width:48px;--input_code-dimension-border_radius-indicator:var(--border_radius-round);--input_code-dimension-border_radius-base_top_right:var(--border_radius-xs);--input_code-dimension-border_radius-base_top_left:var(--border_radius-xs);--input_code-dimension-border_radius-base_bottom_left:var(--border_radius-zero);--input_code-dimension-border_radius-base_bottom_right:var(--border_radius-zero);--input_code-dimension-size-base_height:68px;--input_code-dimension-size-indicator_height:3px;--input_code-dimension-size-num_hidden:var(--size-icon-m);--input_code-color-num-default:var(--colors-neutral-white-0_trans);--input_code-color-indicator-default:var(--colors-app-bg-blue_deep);--input_code-color-indicator-hover:var(--colors-app-bg-blue);--input_code-color-indicator-active:var(--colors-app-bg-blue);--input_code-color-indicator-type:var(--colors-app-bg-blue);--input_code-color-indicator-text_full:var(--colors-app-bg-blue_deep);--input_code-color-indicator-success:var(--colors-app-bg-blue_deep);--input_code-color-indicator-error:var(--colors-app-error-icon);--input_code-color-num-hover:var(--colors-neutral-white-0_trans);--input_code-color-num-active:var(--colors-app-text-primary);--input_code-color-num-type:var(--colors-app-text-primary);--input_code-color-num-text_full:var(--colors-app-text-primary);--input_code-color-num-success:var(--colors-app-text-primary);--input_code-color-bg-default:var(--colors-neutral-white-0_trans);--input_code-color-bg-hover:var(--colors-app-bg-trans-primary);--input_code-color-bg-active:var(--colors-app-bg-trans-primary);--input_code-color-bg-type:var(--colors-app-bg-trans-primary);--input_code-color-bg-text_full:var(--colors-neutral-white-0_trans);--input_code-color-bg-success:var(--colors-neutral-white-0_trans)}.buip-CodeFieldItem__wrapper{position:relative;font-family:var(--font-family-title,Inter);font-style:normal}.buip-CodeFieldItem__wrapper.buip-CodeFieldItem__filled{background:var(--input_code-color-bg-text_full,rgb(255 255 255/0))}.buip-CodeFieldItem__wrapper.buip-CodeFieldItem__filled .buip-CodeFieldItem__underLine{background:var(--input_code-color-indicator-text_full,#155cc6)}.buip-CodeFieldItem__wrapper.buip-CodeFieldItem__error{background:var(--input_code-color-bg-default,rgb(255 255 255/0))}.buip-CodeFieldItem__wrapper.buip-CodeFieldItem__error .buip-CodeFieldItem__underLine{background:var(--input_code-color-indicator-error,#FF3A4E)}.buip-CodeFieldItem__wrapper.buip-CodeFieldItem__success{background:var(--input_code-color-bg-success,rgb(255 255 255/0))}.buip-CodeFieldItem__wrapper.buip-CodeFieldItem__success .buip-CodeFieldItem__underLine{background:var(--input_code-color-indicator-success,#155cc6)}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:hover){background:var(--input_code-color-bg-hover,rgb(255 255 255/2%))}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:hover):not(.buip-CodeFieldItem__error,.buip-CodeFieldItem__disabled) .buip-CodeFieldItem__underLine{background:var(--input_code-color-indicator-hover,#197deb)}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:active){background:var(--input_code-color-bg-active,rgb(255 255 255/2%))}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:active):not(.buip-CodeFieldItem__error,.buip-CodeFieldItem__disabled) .buip-CodeFieldItem__underLine{background:var(--input_code-color-indicator-active,#197deb)}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:focus-visible){background:var(--input_code-color-bg-type,rgb(255 255 255/2%))}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:focus-visible):not(.buip-CodeFieldItem__error,.buip-CodeFieldItem__disabled) .buip-CodeFieldItem__underLine{background:var(--input_code-color-indicator-type,#197deb)}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:disabled){background-color:transparent}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:disabled) .buip-CodeFieldItem__input{color:var(--general-disabled-text,#373c42)}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:disabled) .buip-CodeFieldItem__input[type=password]{color:transparent}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:disabled) .buip-CodeFieldItem__underLine{background:var(--general-disabled-bg_trans,rgb(255 255 255/10%))}.buip-CodeFieldItem__wrapper:has(.buip-CodeFieldItem__input:disabled) .buip-CodeFieldItem__hiddenIcon{color:var(--general-disabled-text,#373c42)}.buip-CodeFieldItem__input{position:relative;z-index:2;box-sizing:border-box;flex-shrink:0;width:48px;height:66px;padding:var(--size-xs-4,4px) 0 0 0;font-size:var(--font-size-title-h2,28px);font-weight:var(--font-weight-regular,400);line-height:var(--font-line_height-l,36px);color:var(--colors-neutral-white-100,#fff);text-align:center;caret-color:transparent;background-color:transparent;border:0}.buip-CodeFieldItem__input:focus,.buip-CodeFieldItem__input:focus-visible{outline:0}.buip-CodeFieldItem__input::-moz-selection{background-color:transparent}.buip-CodeFieldItem__input::selection{background-color:transparent}.buip-CodeFieldItem__input:focus-visible:-moz-placeholder~.buip-CodeFieldItem__focusedCursor{display:flex}.buip-CodeFieldItem__input:focus-visible:placeholder-shown~.buip-CodeFieldItem__focusedCursor{display:flex}.buip-CodeFieldItem__input[type=password]{color:transparent}@keyframes buip-CodeFieldItem__blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.buip-CodeFieldItem__focusedCursor{position:absolute;bottom:0;box-sizing:border-box;display:none;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--size-xs-4,4px) 0 0 0;font-size:var(--font-size-title-h6,16px);font-weight:var(--font-weight-medium,500);line-height:var(--font-line_height-sm,20px);color:var(--input_code-color-num-type,#fff);text-align:center;animation:buip-CodeFieldItem__blink 1s infinite}.buip-CodeFieldItem__underLine{position:absolute;bottom:0;display:block;width:100%;height:3px;content:"";background:var(--input_code-color-indicator-default,#155cc6);border-radius:var(--size-xl-120,120px)}.buip-CodeFieldItem__hiddenIcon{position:absolute;top:50%;left:50%;z-index:1;width:var(--input_code-dimension-size-num_hidden,24px);height:var(--input_code-dimension-size-num_hidden,24px);color:var(--input_code-color-num-text_full,rgb(255 255 255/100%));transform:translate(-50%,-50%)}:root{--code_field-dimension-padding-vert:var(--space-s-var_02);--code_field-dimension-padding-hor:var(--space-s-var_02);--code_field-dimension-space_enter-base:var(--space-s-var_01);--code_field-dimension-space_enter-field_body:var(--space-xs-var_03);--code_field-color-text:var(--colors-app-error-text);--code_field-color-bg:var(--colors-app-bg-secondary);--code_field-color-stroke-active:var(--colors-app-stroke-third);--code_field-color-stroke-focus:var(--colors-app-stroke-third);--code_field-dimension-border_radius:var(--border_radius-l);--code_field-dimension-size-stroke:var(--size-line_widht-var_01);--code_field-dimension-size-width:372px}.buip-CodeField__codeFieldWrapper{display:flex;flex-direction:column;gap:var(--code_field-dimension-space_enter-base,8px);align-items:center;justify-content:center}.buip-CodeField__codeField:has(div input:focus-visible){outline:var(--code_field-dimension-size-stroke,1px) solid var(--code_field-color-stroke-focus,rgb(255 255 255/10%))}.buip-CodeField__codeField{box-sizing:border-box;display:flex;gap:var(--code_field-dimension-space_enter-field_body,4px);align-items:center;justify-content:center;min-width:var(--code_field-dimension-size-width,372px);padding:var(--code_field-dimension-padding-hor,12px) var(--code_field-dimension-padding-vert,12px);background:var(--code_field-color-bg,#1c232a);border-radius:var(--code_field-dimension-border_radius,20px)}.buip-CodeField__errorText{color:var(--code_field-color-text,#ff3a4e)}