.auth-main{align-content:start;min-height:100vh;padding:64px 32px 96px;display:grid}.auth-col{gap:24px;width:100%;max-width:480px;margin:0 auto;display:grid}.auth-wordmark{color:var(--text);justify-self:start;width:88px;display:inline-block}.auth-wordmark svg{width:auto;height:24px}.auth-panel .panel-body{gap:16px;display:grid}.auth-title{font:700 28px/34px var(--font-display);letter-spacing:var(--track-h3)}.auth-body{color:var(--text-2)}.auth-body a{color:var(--text)}.auth-panel .panel-foot{flex-wrap:wrap}.auth-panel .panel-foot p,.auth-panel .notice{margin:0}.auth-qr{background:var(--k-white);width:200px;height:200px;color:var(--k-gunmetal);border:1px solid var(--rule);border-radius:var(--radius-ui);padding:8px}.auth-qr svg{width:100%;height:100%}.auth-key{font:500 13px/20px var(--font-mono);word-break:break-all;color:var(--text)}.auth-uri{font:400 12px/18px var(--font-mono);word-break:break-all;color:var(--text-2)}.auth-codes{font:500 14px/22px var(--font-mono);font-variant-numeric:var(--numerics);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;margin:0;padding:0;list-style:none;display:grid}.auth-foot{color:var(--text-2);justify-content:space-between;align-items:center;gap:16px;font-size:13px;line-height:18px;display:flex}.auth-foot a{color:var(--text-2)}@media (hover:hover){.auth-foot a:hover{color:var(--text)}}@media (max-width:600px){.auth-main{padding:32px 16px 64px}}