@layer bcc-design-layer{.bcc-countdown-timer{width:100%;font-style:normal;font-size:var(--b-text-body-1-font-size);line-height:var(--b-text-body-1-line-height);color:var(--b-color-text-neutral-strong-700);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:500;display:flex}.bcc-countdown-timer__countdown{flex-direction:row;justify-content:center;align-items:center;display:flex}.bcc-countdown-timer__timer{min-width:42px;min-height:48px;margin-left:var(--g-spacing-2);flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.bcc-countdown-timer__preservedSpace{min-height:48px}}
@layer bcc-design-layer{.bcc-input-code{font-family:var(--g-text-body-font-family);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;display:flex}.bcc-input-code__inputs{padding:var(--g-spacing-3) var(--g-spacing-4);flex-direction:row;justify-content:center;align-items:center;font-family:inherit;display:flex}.bcc-input-code__inputs>div{align-items:center;gap:var(--g-spacing-4);display:flex}.bcc-input-code__input-wrapper{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:24px;height:36px;display:flex;position:relative}.bcc-input-code__input-wrapper:not(:focus-within):has(input:-moz-placeholder-shown):before{content:"";background-color:var(--b-color-object-bg-neutral-weak-200);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bcc-input-code__input-wrapper:not(:focus-within):has(input:-ms-placeholder-shown):before{content:"";background-color:var(--b-color-object-bg-neutral-weak-200);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bcc-input-code__input-wrapper:not(:focus-within):has(input:placeholder-shown):before{content:"";background-color:var(--b-color-object-bg-neutral-weak-200);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bcc-input-code__input-wrapper:focus-within:has(input:-moz-placeholder-shown):after{content:"";width:10px;height:10px;box-shadow:0 0 0 2px var(--b-color-object-bg-process-strong-500);pointer-events:none;border-radius:50%;animation:1s step-end infinite input-code-caret-blink;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bcc-input-code__input-wrapper:focus-within:has(input:-ms-placeholder-shown):after{content:"";width:10px;height:10px;box-shadow:0 0 0 2px var(--b-color-object-bg-process-strong-500);pointer-events:none;border-radius:50%;animation:1s step-end infinite input-code-caret-blink;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bcc-input-code__input-wrapper:focus-within:has(input:placeholder-shown):after{content:"";width:10px;height:10px;-webkit-box-shadow:0 0 0 2px var(--b-color-object-bg-process-strong-500);box-shadow:0 0 0 2px var(--b-color-object-bg-process-strong-500);pointer-events:none;border-radius:50%;animation:1s step-end infinite input-code-caret-blink;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bcc-input-code__input{font-family:var(--b-font-family-heading);box-sizing:border-box;color:var(--b-color-text-neutral-strong-900);-webkit-box-shadow:none;box-shadow:none;text-align:center;-webkit-font-kerning:none;font-kerning:none;border-radius:var(--b-border-radius-cof-6);caret-color:#0000;background-color:#0000;border:none;outline:none;width:24px;height:36px;padding:0;font-size:32px;font-weight:700;line-height:36px}.bcc-input-code__input::selection{background-color:#0000}.bcc-input-code__input::-webkit-input-placeholder{color:#0000}.bcc-input-code__input::placeholder{color:#0000}.bcc-input-code__input:-ms-placeholder-shown{color:#0000}.bcc-input-code__input::placeholder{color:#0000}.bcc-input-code__input:disabled{cursor:not-allowed;color:var(--b-color-text-neutral-weak-400)}.bcc-input-code__input_error{color:var(--b-color-text-error-strong-500)}.bcc-input-code_gap_0{gap:0}.bcc-input-code_gap_1{gap:var(--g-spacing-1)}.bcc-input-code_gap_2{gap:var(--g-spacing-2)}.bcc-input-code_gap_3{gap:var(--g-spacing-3)}.bcc-input-code_gap_4{gap:var(--g-spacing-4)}.bcc-input-code_gap_5{gap:var(--g-spacing-5)}.bcc-input-code_gap_6{gap:var(--g-spacing-6)}.bcc-input-code_gap_7{gap:var(--g-spacing-7)}.bcc-input-code_gap_8{gap:var(--g-spacing-8)}}
@layer bcc-design-layer{.bcc-input-code-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.bcc-input-code-header__title{margin:0}.bcc-input-code-header__title:empty{display:none}.bcc-input-code-header__caption{margin:0;font-size:16px;font-weight:400;line-height:24px}.bcc-input-code-header__caption:empty{display:none}}
@layer bcc-design-layer{.bcc-input-code-error{font-family:var(--g-text-body-font-family);font-size:var(--b-text-body-2-font-size);font-weight:var(--b-text-caption-medium-font-weight);line-height:var(--b-text-body-2-line-height);min-height:20px;color:var(--b-color-text-error-strong-500);text-align:center}}