.CodeInput{position:relative}.CodeInput .BaseInput__input{height:100%;opacity:0;position:absolute;right:0;top:0;z-index:3}.CodeInput .BaseInput__error{text-align:center}.CodeInput__cell,.CodeInput__cells{display:flex;width:100%}.CodeInput__cell{align-items:center;background:var(--bg-primary);border:1px solid var(--fill-separator);color:var(--text-primary);font-size:18px;font-weight:600;height:46px;justify-content:center;line-height:24px;margin-right:-1px;transition:all .2s ease}.CodeInput__cell:first-child{border-radius:8px 0 0 8px}.CodeInput__cell:last-child{border-radius:0 8px 8px 0;margin-right:0}.CodeInput__cell--active{z-index:2}.CodeInput__cell--active,.CodeInput__cell--filled{border-color:var(--fill-accent)}.CodeInput__cell--error{border-color:var(--text-destructive)}