.ui-code-input[data-v-290f6383]{width:100%;position:relative}.ui-code-input__control[data-v-290f6383]{z-index:1;color:#0000;caret-color:#0000;opacity:.01;background:0 0;border:0;outline:none;width:100%;height:100%;position:absolute;inset:0}.ui-code-input__cells[data-v-290f6383]{cursor:text;justify-content:center;gap:12px;width:100%;display:flex}.ui-code-input__cell[data-v-290f6383]{width:50px;height:50px;color:var(--color-white);text-align:center;transition:border-color var(--transition-hover),color var(--transition-hover);background-color:#ffffff0d;border:1px solid #ffffff38;border-radius:5px;justify-content:center;align-items:center;font-size:24px;font-weight:600;line-height:34px;display:inline-flex;position:relative}.ui-code-input__cell[data-v-290f6383]::placeholder{color:#0000009e}.ui-code-input__cell--empty[data-v-290f6383]{color:#ffffff80}.ui-code-input__cell--box[data-v-290f6383]{border-color:var(--color-brand-blue)!important}.ui-code-input__cell--box[data-v-290f6383]:after{background-color:var(--color-brand-blue);content:"";border-radius:2px;width:2px;height:25px;animation:1s steps(2,start) infinite ui-code-input-caret-blink-290f6383;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-code-input__cell--box[data-v-290f6383]:not(.ui-code-input__cell--empty):after{left:calc(50% + 12px)}.ui-code-input__cell--marks[data-v-290f6383]:after{background-color:var(--color-white);content:"";width:2px;height:25px;animation:1s steps(2,start) infinite ui-code-input-caret-blink-290f6383;position:absolute;top:50%;left:20%;transform:translate(-50%,-50%)}.ui-code-input__cell--marks[data-v-290f6383]:not(.ui-code-input__cell--empty):after{left:calc(50% + 12px)}.ui-code-input--marks .ui-code-input__cells[data-v-290f6383]{gap:24px}.ui-code-input--marks .ui-code-input__cell[data-v-290f6383]{background-color:#0000;border-color:#0000;width:34px;height:44px}.ui-code-input--focused .ui-code-input__cell[data-v-290f6383]{border-color:#ffffff9e}.ui-code-input--marks.ui-code-input--focused .ui-code-input__cell[data-v-290f6383]{border-color:#0000}.ui-code-input--error .ui-code-input__cell[data-v-290f6383]{border-color:var(--color-promo-red);color:#fff}.ui-code-input__error[data-v-290f6383]{min-height:16px;color:var(--color-promo-red);text-align:center;opacity:0;margin:5px auto 0;font-size:12px;font-weight:400;line-height:16px}.ui-code-input__error--show[data-v-290f6383]{opacity:1}@keyframes ui-code-input-caret-blink-290f6383{0%,45%{opacity:1}46%,to{opacity:0}}