.security-verify{place-items:center;min-height:100dvh;padding:24px;display:grid}.security-card{width:100%;max-width:560px;padding:28px}.security-card h1{margin-bottom:16px;font-size:1.6rem}.security-settings,.security-form,.security-options,.security-group,.security-confirm{gap:14px;display:grid}.security-settings{padding:8px 0 24px}.security-status-row{align-items:center;gap:10px;display:flex}.security-status-tag{border:1px solid var(--cj-edge2);color:var(--cj-dim);background:rgb(var(--color-paper) / .04);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.4}.security-status-tag.is-enabled{color:rgb(var(--color-sage));border-color:rgb(var(--color-sage) / .45);background:rgb(var(--color-sage) / .12)}.security-status{border:1px solid var(--cj-edge2);width:42px;height:42px;color:var(--cj-dim);background:rgb(var(--color-paper) / .04);border-radius:50%;justify-self:start;place-items:center;display:grid}.security-status svg{width:25px;height:25px}.security-status.is-enabled{color:rgb(var(--color-sage));border-color:rgb(var(--color-sage) / .45);background:rgb(var(--color-sage) / .12)}.security-settings p,.security-card p{line-height:1.6}.security-settings h5{font-size:1.05rem;font-weight:600}.security-explainer{gap:10px;padding-top:12px;display:grid}.security-explainer p{color:var(--cj-dim)}.security-provider-hint{color:var(--cj-dim);font-size:12.5px}.security-explainer a,.security-recommendation a{color:rgb(var(--color-paper));text-underline-offset:3px;text-decoration:underline}.security-explainer a:hover,.security-recommendation a:hover{color:var(--cj-wheat2)}.security-explainer a:focus-visible,.security-recommendation a:focus-visible{outline:2px solid rgb(var(--color-sage));outline-offset:4px;border-radius:2px}.security-settings label,.security-form label{gap:8px;display:grid}.security-options label{align-items:center;gap:10px;display:flex}.security-options input{flex-shrink:0;width:18px;height:18px}.security-options,.security-group{border:0;border-bottom:1px solid var(--line,#8884);padding:12px 0 20px}.security-options legend{font-weight:600}.security-recovery-details{display:block;overflow:hidden}.security-recovery-details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:40px;list-style:none;display:flex}.security-recovery-details>summary::-webkit-details-marker{display:none}.security-recovery-details>summary:focus-visible{outline:2px solid rgb(var(--color-sage));outline-offset:4px;border-radius:2px}.security-recovery-details>summary svg{width:18px;height:18px;color:var(--cj-dim);flex:none}.security-recovery-details[data-expanded=true]>summary svg{transform:rotate(180deg)}.security-recovery-content{gap:14px;padding-top:14px;display:grid}.security-confirm{border:1px solid var(--line,#8886);border-radius:12px;padding:20px}.security-form .se-tx,.security-settings .se-tx{width:100%;max-width:380px;padding:10px 12px}.security-actions{flex-wrap:wrap;gap:10px;display:flex}.security-settings .cj-pill,.security-form .cj-pill{white-space:normal;text-align:left;justify-self:start}.security-keys{gap:16px;padding:0;list-style:none;display:grid}.security-keys li{justify-content:space-between;align-items:center;gap:16px;display:flex}.security-method-copy{flex:1;min-width:0}.security-method-actions{flex:none;gap:4px;display:flex}.security-icon-button{border:1px solid var(--cj-edge2);width:40px;height:40px;color:var(--cj-dim);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.security-icon-button svg{width:17px;height:17px}.security-icon-button:hover{background:rgb(var(--color-paper) / .08);color:rgb(var(--color-paper))}.security-icon-button:focus-visible{outline:2px solid rgb(var(--color-sage));outline-offset:3px}.security-icon-button:disabled{opacity:.4;cursor:not-allowed}.security-name-form{align-items:center;gap:16px;width:100%;height:100%;display:flex;position:relative}.security-settings .security-name-form .se-tx{flex:1;width:0;min-width:0;max-width:none;height:40px}.security-keys strong,.security-secret{overflow-wrap:anywhere}.security-recovery{-webkit-user-select:all;user-select:all;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:0;list-style:none;display:grid}.security-secret{padding-top:12px;display:block}.security-confirm img{max-width:100%;height:auto}.security-card>*+*{margin-top:16px}.security-settings [role=alert],.security-card [role=alert]{color:var(--danger,#c84c45)}@media (width<=480px){.security-card{padding:20px}.security-verify,.security-confirm{padding:14px}}.security-confirm{scroll-margin-top:100px}.security-entry{border:1px solid rgb(var(--color-paper) / .14);background:rgb(var(--color-paper) / .04);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:background .2s,border-color .2s;display:flex}.security-entry:hover{background:rgb(var(--color-paper) / .08);border-color:rgb(var(--color-paper) / .3)}.security-entry:focus-visible{outline:2px solid rgb(var(--color-sage));outline-offset:3px}.security-entry-icon{width:24px;height:24px;color:rgb(var(--color-sage));flex:none}.security-entry-copy{flex:1;gap:4px;min-width:0;display:grid}.security-entry-title{font:500 17px var(--display-font)}.security-entry-description{color:var(--cj-dim);font-size:12.5px;line-height:1.5}.security-entry-chevron{width:18px;height:18px;color:var(--cj-dim);flex:none}.security-drawer .sheet-x:disabled{opacity:.4;cursor:not-allowed}.security-drawer{flex-direction:column;display:flex;overflow:hidden}.security-drawer>h2{flex:none}.security-drawer>.sheet-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.security-recommendation{border-top:1px solid var(--line,#8884);color:var(--cj-dim);flex:none;margin-top:16px;padding-top:16px;font-size:12.5px;line-height:1.6}.security-drawer .security-settings{padding-top:18px;font-size:14px}.security-settings .se-tx{border:1px solid var(--cj-edge2);background:rgb(var(--color-paper) / .04);color:inherit;border-radius:12px}.security-enrollment-dialog{overscroll-behavior:contain;border:1px solid var(--cj-edge2);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:rgb(var(--color-paper));background:linear-gradient(#142c1e,#0c1c13);border-radius:24px;margin:auto;padding:24px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 30px 90px #00000080}.security-enrollment-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040a07a6}:root[data-theme=herbarium-day] .security-enrollment-dialog{background:linear-gradient(#fcf9f0,#f6f0e2)}.security-enrollment-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.security-enrollment-header h2{font:500 26px/1.15 var(--display-font)}.security-enrollment-header button{flex:none}.security-enrollment-dialog .security-settings{padding:0;font-size:14px}.security-enrollment-dialog .security-confirm{border:0;padding:0}@media (width<=480px){.security-enrollment-dialog{padding:20px}.security-enrollment-header h2{font-size:23px}}.cj-drawer-host[data-sheet=account-security][data-closing=true]>.cj-drawer-scrim{animation:.24s ease-in both security-scrim-out}.security-recovery-details>summary svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.security-icon-button,.security-settings .cj-pill{transition:color .14s ease-out,background-color .14s ease-out,border-color .14s ease-out,opacity .14s ease-out,transform .12s ease-out}.security-icon-button:active:not(:disabled),.security-settings .cj-pill:active:not(:disabled){transform:scale(.96)}.security-name-form .se-tx{animation:.18s ease-out both security-input-in}.security-method-copy{animation:.16s ease-out both security-copy-in}.security-edit-flourish{pointer-events:none;width:40px;height:40px;color:var(--cj-dim);place-items:center;margin-top:-20px;animation:.3s ease-out both security-pencil-write;display:grid;position:absolute;top:50%;right:44px}.security-edit-flourish svg{width:17px;height:17px}.security-edit-flourish:after{content:"";transform-origin:0;background:currentColor;width:13px;height:1px;animation:.3s ease-out both security-pencil-line;position:absolute;bottom:9px;left:12px}.security-name-form .security-method-actions>button:first-child svg{animation:.3s ease-out both security-save-in}.security-enrollment-dialog[open]{animation:.22s cubic-bezier(.16,1,.3,1) both security-popup-in}.security-enrollment-dialog[open]::backdrop{animation:.18s ease-out both security-backdrop-in}.security-enrollment-dialog[data-closing=true]::backdrop{animation:.18s ease-in both security-scrim-out}.security-confirm,.security-settings>[role=status],.security-settings>[role=alert]{animation:.18s ease-out both security-step-in}@keyframes security-pencil-write{0%{opacity:1;transform:rotate(0)}20%{transform:translate(-2px,1px)rotate(-14deg)}40%{transform:translate(2px,-1px)rotate(-8deg)}60%{opacity:1;transform:translate(-1px,1px)rotate(-14deg)}80%,to{opacity:0;transform:translate(3px,-2px)rotate(0)}}@keyframes security-pencil-line{0%{transform:scaleX(0)}65%,to{transform:scaleX(1)}}@keyframes security-save-in{0%,55%{opacity:0}to{opacity:1}}@keyframes security-input-in{0%{opacity:.35;clip-path:inset(0 8% 0 0 round 12px)}to{opacity:1;clip-path:inset(0 round 12px)}}@keyframes security-copy-in{0%{opacity:.4}to{opacity:1}}@keyframes security-popup-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes security-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes security-scrim-out{to{opacity:0}}@keyframes security-step-in{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.security-drawer,.cj-drawer-host[data-sheet=account-security]>.cj-drawer-scrim,.security-settings *,.security-settings :after,.security-enrollment-dialog,.security-enrollment-dialog::backdrop{transition:none!important;animation:none!important}.security-edit-flourish{display:none}.security-icon-button:active:not(:disabled),.security-settings .cj-pill:active:not(:disabled){transform:none}}
