@layer components{.rs-code{position:relative;display:flex;justify-content:center;gap:8px;padding-top:2px}.rs-code-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;opacity:.01}.rs-code-box{display:flex;align-items:center;justify-content:center;width:48px;height:58px;border-radius:var(--r-control);background:var(--surface-ground);box-shadow:inset 0 0 0 1.5px var(--control);font-size:24px;font-weight:800;transition:box-shadow .1s,background-color .1s}.rs-code[data-state=typing]:focus-within .rs-code-box[data-current]{box-shadow:inset 0 0 0 2.5px var(--accent)}.rs-code[data-state=wrong] .rs-code-box{background:color-mix(in srgb,var(--nope) 8%,transparent);box-shadow:inset 0 0 0 2px var(--nope)}.rs-code[data-state=ok] .rs-code-box{background:color-mix(in srgb,var(--loved) 8%,transparent);box-shadow:inset 0 0 0 2px var(--loved)}.rs-proved{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:22px}.rs-proved+.rs-acts{margin-top:18px}.rs-proved-tick{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--loved);color:var(--on-status);animation:rs-pop .2s var(--ease-pop) both}.rs-proved-line{margin:0;font-size:18px;font-weight:800;line-height:1.3}.rs-msg{min-height:24px;margin:12px 0 0;color:var(--ink-2);font-size:14px;font-weight:600;line-height:1.35;text-align:center}.rs-msg--error{color:var(--nope);font-weight:700}.rs-code[data-state=ok]+.rs-msg:empty{display:none}.rs-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;border:0;border-radius:var(--r-control);background:transparent;color:var(--accent);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.rs-link[aria-disabled=true]{color:var(--ink-2);cursor:default}.rs-center{display:flex;justify-content:center;margin-top:4px}@keyframes rs-pop{0%{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.rs-proved-tick{animation:none}}@media (max-width:340px){.rs-code{gap:6px}.rs-code-box{width:42px}}.rs-sub{margin:8px 0 0;color:var(--ink-2);font-size:15px;font-weight:500;line-height:1.5}.rs-fields{margin-top:20px}.rs-acts{display:flex;flex-direction:column;gap:10px;margin-top:24px}.rs-acts .btn{width:100%}@media (min-width:1024px){.rs-sub{font-size:16px}.rs-acts{flex-direction:row-reverse;justify-content:flex-start}.rs-acts .btn{width:auto}.rs-acts--stretch .btn{width:100%}}}