.acct-page{--acct-border:#4a4447;--acct-ease:.2s ease-out;box-sizing:border-box;flex-direction:column;gap:3rem;width:min(100%,30rem);margin:0 auto;padding:clamp(1.5rem,12vh,8rem) 0 4rem;display:flex}.acct-panel{gap:1.25rem;display:grid}.acct-panel h1,.acct-panel h2,.acct-panel p{margin:0}.acct-panel h1{font-size:1.6rem}.acct-panel h2{font-size:1.1rem}.acct-form{gap:1rem;display:grid}.acct-field{gap:.4rem;display:grid}.acct-field>span,.acct-muted{color:#9e9699;font-size:.85rem}.acct-check{cursor:pointer;align-items:flex-start;gap:.7rem;display:flex}.acct-check input{appearance:none;cursor:pointer;width:1.15rem;height:1.15rem;transition:background-color var(--acct-ease);background:#171515;border:1px solid #6a6266;border-radius:0;flex:none;margin:.15rem 0 0;position:relative}.acct-check input:after{content:"";opacity:0;width:.3rem;height:.6rem;transition:opacity var(--acct-ease);border:2px solid #fff;border-width:0 2px 2px 0;position:absolute;top:.1rem;left:.33rem;transform:rotate(45deg)}.acct-check:hover input:not(:disabled){border-color:#8a8385}.acct-check input:checked{background:var(--color-accent);border-color:var(--color-accent)}.acct-check input:checked:after{opacity:1}.acct-check input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.acct-check input:disabled{opacity:.45;cursor:not-allowed}.acct-check a{color:inherit;text-decoration:underline}.acct-field input,.acct-field textarea,.acct-suffix{box-sizing:border-box;color:#f4f4f4;border:1px solid var(--acct-border);width:100%;min-height:2.75rem;font:inherit;transition:border-color var(--acct-ease);background:#171515}.acct-field input,.acct-field textarea{padding:.65rem .75rem}.acct-field textarea{resize:vertical;min-height:6rem}.acct-field input:hover,.acct-field textarea:hover,.acct-suffix:hover{border-color:#6a6266}.acct-field input:focus,.acct-field textarea:focus,.acct-suffix:focus-within{border-color:var(--color-accent);outline:none}.acct-suffix{align-items:center;display:flex}.acct-field .acct-suffix input{background:0 0;border:none;flex:1;min-width:0;min-height:0}.acct-suffix>span{color:#8a8385;border-left:1px solid var(--acct-border);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:border-color var(--acct-ease);padding:0 .75rem}.acct-suffix:focus-within>span{border-left-color:#6a6266}.acct-field>.acct-status{padding:.3rem .75rem .1rem}.acct-code-row{flex-wrap:wrap;align-items:stretch;gap:1rem;margin-top:.5rem;display:flex}.acct-resend{font-variant-numeric:tabular-nums;width:10rem;min-height:3.5rem}.acct-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.acct-quiet{color:#d8d2d4;min-height:2.75rem;font:inherit;cursor:pointer;transition:color var(--acct-ease), border-color var(--acct-ease);background:0 0;border:1px solid #5b5357;padding:.55rem 1rem}.acct-quiet:hover:not(:disabled){color:#fff;border-color:#8a8385}.acct-page button:focus-visible,.acct-page a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.acct-page button:disabled{opacity:.45;cursor:not-allowed}.acct-page .fb-button{transition:color .2s ease-out,background-color .2s ease-out,opacity .25s ease-out,transform .4s,scale .4s}.acct-page .fb-button:disabled:hover{color:#fff;background-color:var(--color-accent);transform:none}.acct-page .acct-error{color:#ffb3c7}.acct-page .acct-ok{color:#b8f0c8}.acct-badge{color:#b8f0c8;text-transform:uppercase;border:1px solid #3f7a52;padding:.15rem .4rem;font-size:.7rem}.acct-brand{color:#e8346a;text-shadow:0 0 .4rem #c30f4566,0 0 1.2rem #c30f4533}.acct-badged{position:relative}.acct-field .acct-badged input{padding-right:6rem}.acct-badged>.acct-badge{position:absolute;top:50%;right:.75rem;translate:0 -50%}.acct-tip{cursor:help}.acct-tip:after{content:attr(data-tip);z-index:1;color:#d8d2d4;border:1px solid var(--acct-border);letter-spacing:normal;text-transform:none;opacity:0;pointer-events:none;background:#231f21;width:max-content;max-width:16rem;padding:.4rem .6rem;font-size:.8rem;line-height:1.4;transition:opacity .15s ease-out,translate .15s ease-out;position:absolute;top:calc(100% + .5rem);right:0;translate:0 -.2rem;box-shadow:0 4px 12px #0008}.acct-tip:hover:after,.acct-tip:focus:after{opacity:1;translate:0}.acct-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.acct-fade-in{animation:.35s ease-out both acct-fade-in}@keyframes acct-fade-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@media (width<=42rem){.acct-page{gap:2.5rem;padding:.5rem 0 3rem}.acct-actions>*{text-align:center;flex:1 1 0;justify-content:center}.acct-code-row>.code-input{flex:100%}.acct-code-row>.code-input input{flex:1;width:0}.acct-code-row>.acct-resend{flex:100%;width:auto}}@media (prefers-reduced-motion:reduce){.acct-fade-in{animation:none}}