.account-auth{max-width:42rem;margin:auto}.account-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.account-tabs button{flex:1;min-width:8rem}.account-tabs [aria-current]{border-color:#28c6dc;color:#28c6dc;background:#102c3b}.account-divider{display:flex;align-items:center;gap:1rem;color:#a6b7ba;margin:1rem 0}.account-divider:before,.account-divider:after{content:"";height:1px;background:#34474c;flex:1}.account-providers{display:flex;flex-wrap:wrap;gap:.75rem}.account-providers button{flex:1;min-width:12rem}.account-security{margin-bottom:1.5rem}.account-link-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0;border-bottom:1px solid #34474c}.account-link-row h4,.account-link-row h3{margin:0 0 .5rem}.account-link-row p{margin:.4rem 0}.account-link-row button{flex-shrink:0}.account-id{font-family:monospace;overflow-wrap:anywhere;letter-spacing:0;font-size:1rem;max-width:100%}.account-secret{font-family:monospace;color:#28c6dc;font-size:1.15rem;line-height:1.6;resize:none}.account-details{border-top:1px solid #34474c;padding:1.2rem 0}.account-details summary{cursor:pointer;font-weight:700;font-size:1rem;padding:.25rem 0}.account-details form{margin-top:1.25rem}.account-dialog{color:#f3f0e6;background:#142126;border:1px solid #46617b;border-radius:12px;padding:1.6rem;max-width:36rem;width:calc(100% - 2rem);max-height:90vh;overflow:auto}.account-dialog::backdrop{background:#020914cc}.account-dialog h2{padding-right:1.75rem}.account-close{position:absolute;top:.7rem;right:.7rem;font-size:1.5rem;padding:.25rem .65rem}.account-dialog .card{border:0;padding:0;background:transparent}.account-dialog .stack{display:grid;gap:1rem}.account-auth input,.account-security input,.account-dialog input{font-size:1rem}.account-main-message:empty,[data-account-message]:empty{display:none}.account-security .badge{font-size:.875rem}.account-auth .check,.account-dialog .check{align-items:flex-start;line-height:1.6}.account-auth h2{font-size:1.8rem}.account-link-row code{display:block}.account-security h3{font-size:1.2rem}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:540px){.account-link-row{align-items:flex-start;flex-direction:column}.account-link-row button{width:100%}.account-providers{flex-direction:column}.account-providers button{min-width:0}.account-id{font-size:.9rem}.account-secret{font-size:1rem}.account-dialog{padding:1.1rem}.account-tabs button{min-width:7rem}}.account-auth .card p,.account-security.card p,.account-dialog p{font-size:1rem;line-height:1.6}.account-auth label,.account-security label,.account-dialog label{font-size:.875rem;line-height:1.6}.account-auth .note,.account-security .note,.account-dialog .note{font-size:.875rem}.account-auth a,.account-security a,.account-dialog a{font-size:inherit}.account-auth .badge{font-size:.875rem}.account-auth button,.account-security button,.account-dialog button{font-size:.875rem;min-height:2.75rem}.account-dialog textarea{min-height:0}.account-security .account-main-message{font-size:1rem}.account-page{max-width:62rem;padding-inline:clamp(1rem,4vw,2rem)}.account-page.account-access-page{max-width:46rem}.account-page>.page-head{padding:2.5rem 0 1rem}.account-page>.section{max-width:none;padding:1rem 0 3rem}.account-auth{max-width:none}.account-auth .card,.account-security{gap:1.25rem}.account-auth .card>p,.account-security>p,.account-security form>p{margin:0}.account-security>.section-heading{align-items:center;margin-bottom:.25rem}.account-security .section-heading h2{margin:.5rem 0 0;line-height:1.2}.account-security>h3{margin:.5rem 0 0}.account-security .account-details{margin:0;border:0;border-top:1px solid #34474c;padding:1.1rem 0;background:transparent}.account-link-row>div{min-width:0;flex:1}.account-id-display{display:block;white-space:normal;overflow-wrap:anywhere;user-select:all;background:#111d22;border:1px solid #34474c;border-radius:3px;padding:.75rem .8rem;color:#f3f0e6}.account-auth input,.account-auth textarea,.account-security input,.account-dialog input,.account-dialog textarea{min-width:0}.account-dialog[open]{display:grid;gap:1rem;box-shadow:0 1.5rem 5rem #0008}.account-dialog>p,.account-dialog>h2{margin:0}.account-dialog .check input{flex-shrink:0;margin-top:.35rem}.account-dialog a,.account-auth .check a{text-decoration:underline;text-underline-offset:3px}.account-auth p.error,.account-security p.error,.account-dialog p.error{color:#ffb49e}.account-security>p[role=alert]{border-left:3px solid #c6a361;padding:.8rem 1rem;background:#c6a3610d}.masthead .account-link{max-width:min(16rem,42vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:540px){.account-page>.page-head{padding-top:2rem}.account-auth .card,.account-security.card{padding:1.1rem}.account-security>.section-heading{flex-direction:row;align-items:flex-start;gap:.75rem}.account-security .section-heading h2{font-size:1.5rem}.account-security .badge{font-size:.75rem;letter-spacing:.04em}.account-dialog{max-height:calc(100dvh - 2rem)}.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem}.masthead .brand{font-size:23px;min-width:0}.masthead .brand img{width:40px;height:40px}.masthead .brand small{font-size:7px;letter-spacing:1.3px}.masthead .account-link{grid-column:2;grid-row:1;max-width:7.5rem;font-size:.75rem;padding:.65rem}.masthead nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;flex-wrap:wrap;gap:.75rem 1.25rem}}
