.CodeInput{cursor:text;position:relative;width:100%}.CodeInput--disabled{cursor:default;opacity:.4}.CodeInput__input{color:transparent;height:46px;left:0;margin:0;opacity:1;padding:0;position:absolute;right:0;top:0;width:100%;z-index:3;-webkit-text-fill-color:transparent;background:transparent;border:0;caret-color:transparent;clip-path:inset(0);cursor:text;outline:0}.CodeInput__input:disabled{cursor:default}.CodeInput__input::-moz-selection{background:transparent;color:transparent}.CodeInput__input::selection{background:transparent;color:transparent}.CodeInput__input:-webkit-autofill{-webkit-text-fill-color:transparent;box-shadow:inset 0 0 0 1000px transparent;-webkit-transition:background-color 9999s ease-out;transition:background-color 9999s ease-out}.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-variant-numeric:tabular-nums;font-weight:600;height:46px;justify-content:center;line-height:24px;margin-right:-1px;transition:border-color .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1)}.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{box-shadow:0 0 0 1px var(--fill-accent);z-index:2}.CodeInput__cell--active,.CodeInput__cell--filled{border-color:var(--fill-accent)}.CodeInput__cell--error{border-color:var(--text-destructive);box-shadow:none}.CodeInput__error{color:var(--text-destructive);font-size:14px;line-height:18px;margin-top:4px;text-align:center}