.df-sign-in-form input:not(.df-code-input){box-sizing:border-box;width:100%;height:44px;padding:0 var(--df-space-3);border:1px solid var(--df-color-field-border);border-radius:var(--df-radius);background:var(--df-color-surface);color:var(--df-color-text);font:inherit}.df-auth-summary{gap:var(--df-space-2);padding:var(--df-space-3) 14px;border:1px solid var(--df-color-border);border-radius:var(--df-radius-card);background:var(--df-color-page);margin:0;display:grid}.df-auth-summary>div{justify-content:space-between;gap:var(--df-space-3);display:flex}.df-auth-summary dt{color:var(--df-color-muted)}.df-auth-summary dd{color:var(--df-color-text-strong);text-align:right;margin:0}.df-auth-summary-note{margin:calc(-1 * var(--df-space-1)) 0 0;color:var(--df-color-muted);font-size:12px}.df-auth-step{color:var(--df-color-muted);font-family:var(--df-font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px}.df-auth-enrol{align-items:center;gap:var(--df-space-4);display:flex}.df-auth-qr{border:1px dashed var(--df-color-field-border);border-radius:var(--df-radius);width:112px;height:112px;color:var(--df-color-muted);flex:none;justify-content:center;align-items:center;font-size:12px;display:flex}.df-auth-key{gap:var(--df-space-1);color:var(--df-color-muted);font-size:13px;display:grid}.df-auth-key code{color:var(--df-color-text);font-family:var(--df-font-mono);letter-spacing:.08em;font-size:15px}.df-sign-in-card .df-skeleton{height:44px}.df-sign-in{align-content:center;justify-items:center;gap:var(--df-space-5);padding:var(--df-space-10) var(--df-space-4);font-size:.875rem;display:grid}.df-sign-in-brand{align-items:center;gap:10px;display:flex}.df-sign-in-brand img{width:auto;height:26px;display:block}.df-sign-in-product{border-left:1px solid var(--df-color-border);color:var(--df-color-muted);font-family:var(--df-font-mono);letter-spacing:.12em;text-transform:uppercase;padding-left:10px;font-size:11px}.df-sign-in-card{gap:var(--df-space-3);box-sizing:border-box;width:min(400px,100%);padding:var(--df-space-7);border:1px solid var(--df-color-border);border-radius:var(--df-radius-dialog);background:var(--df-color-surface);display:grid}.df-sign-in-card h1{color:var(--df-color-heading);font-family:var(--df-font-heading);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.df-sign-in-card h1:focus{outline:none}.df-sign-in-card>p{margin:0 0 var(--df-space-2);color:var(--df-color-muted)}.df-sign-in-box{border:1px solid var(--df-color-border);border-radius:var(--df-radius-card);background:var(--df-color-page);color:var(--df-color-text);margin:0;padding:14px}.df-sign-in-box--warning{border-color:var(--df-color-warning-border);background:var(--df-color-warning-surface);color:var(--df-color-warning)}.df-sign-in-link{color:var(--df-color-link);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.df-sign-in-link:hover{color:var(--df-color-link-hover)}.df-sign-in-form{gap:var(--df-space-3);display:grid}.df-sign-in-form .df-field{margin:0}.df-code-input{box-sizing:border-box;border:1px solid var(--df-color-field-border);border-radius:var(--df-radius);background:var(--df-color-surface);width:100%;height:52px;color:var(--df-color-text);font-family:var(--df-font-mono);letter-spacing:.3em;text-align:center;font-size:24px}.df-sign-in-submit{width:100%;min-height:48px}.df-sign-in-footer{max-width:400px;color:var(--df-color-muted);text-align:center;margin:0;font-size:13px}.df-sign-in-brand .df-sign-in-logo-dark,:root[data-theme=dark] .df-sign-in-brand .df-sign-in-logo-light{display:none}:root[data-theme=dark] .df-sign-in-brand .df-sign-in-logo-dark{display:block}