.sp-security__status{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.sp-security__badge{border-radius:999px;padding:.1rem .55rem;font-size:.75rem}.sp-security__badge--on{color:var(--darkmode-font-green-on-tint,var(--s-color-success,#146b27));background:#00c8001a}.sp-security__badge--off{color:var(--s-color-muted-on-tint,#595959);background:#00000014}.sp-security__warn{color:var(--s-color-danger,#b3261e)}.sp-security__setup{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.sp-security__qr{background:#fff;border-radius:8px;max-width:100%;height:auto}.sp-security__secret{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:monospace;font-size:1rem}.sp-security__code-form,.sp-security__codes{flex-direction:column;gap:.5rem;display:flex}.sp-security__code-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sp-security__code-input{letter-spacing:.1em;max-width:14rem;font-family:monospace}.sp-security__code-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1.5rem;max-width:28rem;margin:0;padding:0;list-style:none;display:grid}.sp-security__code-list code{-webkit-user-select:all;user-select:all;font-family:monospace;font-size:1rem}.sp-security__error{color:var(--s-color-danger,#b3261e)}