.mw-codeinput{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-sans)}.mw-codeinput__label{font-size:var(--text-m);font-weight:500;line-height:1.4;color:var(--ink)}.mw-codeinput--site .mw-codeinput__label{font-size:var(--text-base)}.mw-codeinput__boxes{display:flex;gap:var(--space-2)}.mw-codeinput--site .mw-codeinput__boxes{gap:10px}.mw-codeinput__cell{position:relative;display:flex;flex:none}.mw-codeinput__cell.is-half{margin-left:var(--space-2)}.mw-codeinput--site .mw-codeinput__cell.is-half{margin-left:var(--space-3)}.mw-codeinput__box{box-sizing:border-box;width:40px;height:48px;margin:0;padding:0;text-align:center;border:1px solid var(--line-control);border-radius:var(--radius-s);background:var(--surface);color:transparent;caret-color:transparent;font-family:inherit;font-size:var(--text-2xl);font-weight:500;box-shadow:0 0 color-mix(in srgb,var(--brand) 0%,transparent);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-m) var(--ease-out)}.mw-codeinput__box::selection{background:transparent;color:transparent}.mw-codeinput--site .mw-codeinput__box{width:48px;height:56px;border-radius:var(--radius-m);font-size:28px}.mw-codeinput__box:hover{border-color:var(--ink-3)}.mw-codeinput__box:focus,.mw-codeinput__box:focus-visible{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.mw-codeinput__digit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:.06em;pointer-events:none;color:var(--ink);font-size:var(--text-2xl);font-weight:500;font-variant-numeric:tabular-nums;animation:mw-codeinput-digit var(--dur-m) var(--ease-out)}.mw-codeinput--site .mw-codeinput__digit{font-size:28px}@keyframes mw-codeinput-digit{0%{opacity:0;transform:translateY(4px) scale(.92)}}.mw-codeinput__caret{position:absolute;left:50%;top:50%;width:1.5px;height:22px;margin:-11px 0 0 -.75px;border-radius:1px;background:var(--brand);opacity:0;pointer-events:none}.mw-codeinput--site .mw-codeinput__caret{height:26px;margin-top:-13px}.mw-codeinput__box:focus:not(.is-filled)~.mw-codeinput__caret{animation:mw-codeinput-caret var(--dur-loop) var(--ease-breathe) infinite}@keyframes mw-codeinput-caret{0%,to{opacity:1}50%{opacity:.15}}.mw-codeinput.is-error .mw-codeinput__box{border-color:var(--danger)}.mw-codeinput.is-error .mw-codeinput__box:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)}.mw-codeinput__msg{contain:inline-size;display:flex;align-items:flex-start;gap:6px;margin:0;font-size:var(--text-s);line-height:1.45;color:var(--ink-3)}.mw-codeinput__msg.is-error{color:var(--danger);font-weight:500}.mw-codeinput__msg .mw-icon{flex:none;margin-top:2px}.mw-codeinput.is-disabled{opacity:.45}@media(prefers-reduced-motion:reduce){.mw-codeinput__digit{animation:none}.mw-codeinput__box:focus:not(.is-filled)~.mw-codeinput__caret{animation:none;opacity:1}.mw-codeinput__box{transition:none}}