.security-code{justify-content:center;align-items:center;gap:8px;display:flex}.security-code-slot{display:contents}.security-code-gap{background:#3a403c;border-radius:1px;flex-shrink:0;width:10px;height:2px}.security-code .security-code-box{color:#e8ece9;caret-color:#e8a13f;text-align:center;background:#0b0d0c;border:1px solid #303733;border-radius:8px;outline:none;flex:0 52px;width:52px;min-width:0;height:60px;margin:0;padding:0;font:500 24px JetBrains Mono,ui-monospace,monospace;transition:border-color .14s,box-shadow .14s,background-color .14s,color .14s}.security-code .security-code-box.is-filled{border-color:#4a4436}.security-code .security-code-box:focus{border-color:var(--input-focus-border,#c89a49);box-shadow:var(--input-focus-shadow,0 0 0 1px #dfb55c55, 0 0 18px #e8b66024)}.security-code[data-state=error] .security-code-box{color:#ef9b94;background:#1a0e0c;border-color:#7a3a33}.security-code[data-state=busy] .security-code-box{opacity:.6}.security-code-error{color:#ef9b94;background:#261311;border:1px solid #5c2f2a;border-radius:7px;margin:14px 0 0;padding:10px 12px;font-size:12.5px;line-height:1.5}.security-code-switch{color:#d8b76f;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:0;font-size:12.5px;-webkit-text-decoration:underline #6a5327;text-decoration:underline #6a5327;display:block}.security-code-switch:hover{color:#f2cc8a}.security-code-recovery{letter-spacing:.06em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace}.mfa-setup-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.mfa-setup-row .mfa-qr{align-self:auto}.mfa-setup-row .mfa-qr img{width:150px;height:150px}.mfa-setup-key{color:#8c968f;gap:8px;min-width:0;font-size:12px;display:grid}.mfa-setup-key code{color:#e8ece9;letter-spacing:.06em;overflow-wrap:anywhere;font:13px JetBrains Mono,ui-monospace,monospace}.mfa-setup-key button{color:#c9ccd1;height:30px;font:inherit;cursor:pointer;background:0 0;border:1px solid #3a3d42;border-radius:6px;justify-self:start;padding:0 12px;font-size:12.5px}.mfa-setup-key button:hover{color:#f2cc8a;border-color:#c59b4e}.mfa-badge{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12.5px;display:inline-flex}.mfa-badge[data-mfa-badge=off]{color:#e8a13f;background:#241b0c;border:1px solid #6a5327}.mfa-badge[data-mfa-badge=on]{color:#e9cf9c;background:#1a150c;border:1px solid #4a3a1c}.mfa-badge[data-mfa-badge=on]:before{content:"";background:#e4a53d;width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.mfa-badge:hover{filter:brightness(1.15)}.mfa-badge:focus-visible{outline-offset:2px;outline:2px solid #d9b263}.security-code-field{gap:0;display:grid}@media (width<=520px){.security-code{gap:6px}.security-code .security-code-box{height:52px;font-size:21px}.security-code-gap{width:4px}}@media (prefers-reduced-motion:reduce){.security-code .security-code-box{transition:none}}