.auth-card{background:#fff;border:.8px solid #e1e1e1;box-shadow:0 18px 50px #0000002e;color-scheme:light;max-height:calc(100vh - 32px);overflow:auto;padding:20px;position:relative;width:min(100%,430px)}.auth-accent{background:#00bc34;border-radius:13px 13px 0 0;height:3px;inset:0 0 auto;position:absolute}.auth-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.auth-head h2{color:#161616;font-size:22px;font-weight:500;line-height:1;margin-top:18px}.auth-head p{color:#838383;font-size:14px;font-weight:500;line-height:1.35;margin-top:7px}.auth-close{border-radius:6px;color:#838383;display:grid;flex:none;height:32px;place-items:center;transition:background-color .15s ease,color .15s ease;width:32px}.auth-close:hover{background:#0000000a;color:#161616}.auth-section{margin-top:16px}.auth-label-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.auth-label,.auth-label-row span{color:#838383;font-size:11px;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase}.auth-label-row span{color:#00bc34;text-transform:none}.auth-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.auth-grid,.auth-grid-compact{margin-top:9px}.auth-wallet-grid{align-items:stretch}.auth-guest,.auth-option,.auth-submit{align-items:center;border-radius:7px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:42px;justify-content:center;line-height:1;min-width:0;transition:border-color .15s ease,background-color .15s ease,color .15s ease,opacity .15s ease}.auth-option{background:#fff;border:.8px solid #dfdfdf;color:#161616}.auth-option:hover:not(:disabled){background:#fff;border-color:#bdbdbd}.auth-option-primary{background:#161616;border-color:#161616;color:#fff}.auth-option-primary:hover:not(:disabled){background:#000;border-color:#000}.auth-wallet-option{justify-content:flex-start;padding:0 12px}.auth-wallet-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-wallet-icon{border-radius:4px;flex:none;height:18px;width:18px}.auth-email{padding:0}.auth-email-panel{background:#fff;border:.8px solid #dfdfdf;border-radius:9px;margin-top:0;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.auth-email-status+.auth-email-panel{margin-top:9px}.auth-email-panel:focus-within{border-color:#00bc34;box-shadow:0 0 0 3px #00bc341a}.auth-email-row{align-items:center;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr) auto;min-height:58px;padding:8px 8px 8px 12px;transition:background-color .15s ease}.auth-email-row:focus-within{background:#fbfbfb}.auth-code-row{background:#fafafa;border-top:.8px solid #ededed}.auth-email-icon{color:#838383}.auth-field{display:grid;gap:4px;min-width:0}.auth-field-label{color:#838383;font-size:10px;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase}.auth-input{background:transparent;border:0;color:#161616;font-size:15px;font-weight:500;height:auto;line-height:1.2;min-width:0;outline:none;padding:0;width:100%}.auth-input::-moz-placeholder{color:#838383}.auth-input::placeholder{color:#838383}.auth-submit{background:#00bc34;color:#fff;height:36px;min-width:122px;padding:0 12px}.auth-submit:hover:not(:disabled){background:#00a82e}.auth-submit span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-guest{color:#838383;margin-top:12px;width:100%}.auth-guest:hover:not(:disabled){background:#00000008;color:#161616}.auth-guest:disabled,.auth-option:disabled,.auth-submit:disabled{cursor:default;opacity:.6}.auth-error{background:#fc724c1f;border-radius:7px;color:#b64223;font-size:14px;font-weight:500;line-height:1.35;margin-top:12px;padding:10px 12px}.auth-fade-enter-active,.auth-fade-leave-active{transition:opacity .16s ease}.auth-fade-enter-from,.auth-fade-leave-to{opacity:0}.dark .auth-close:hover,.dark .auth-guest:hover,.dark .auth-head h2,.dark .auth-input,.dark .auth-option{color:#fff}.dark .auth-card{background:#1e1e1e;border-color:#333;box-shadow:0 18px 50px #00000061;color-scheme:dark}.dark .auth-head p,.dark .auth-label{color:#a5a5a5}.dark .auth-close:hover,.dark .auth-guest:hover{background:#ffffff0f}.dark .auth-option{background:#1e1e1e;border-color:#333}.dark .auth-option:hover:not(:disabled){background:#262626;border-color:#555}.dark .auth-option-primary{background:#fff;border-color:#fff;color:#161616}.dark .auth-option-primary:hover:not(:disabled){background:#f2f2f2;color:#161616}.dark .auth-email-panel{background:#1e1e1e;border-color:#333}.dark .auth-email-panel:focus-within{border-color:#00bc34;box-shadow:0 0 0 3px #00bc3424}.dark .auth-email-row:focus-within{background:#232323}.dark .auth-code-row{background:#171717;border-color:#333}.dark .auth-email-icon,.dark .auth-field-label{color:#a5a5a5}.dark .auth-input{background:transparent}.dark .auth-error{background:#fc724c29;color:#ffb19b}@media(max-width:640px){.auth-card{padding:18px}.auth-head h2{font-size:20px}.auth-grid{grid-template-columns:1fr}.auth-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-email-row{grid-template-columns:28px minmax(0,1fr)}.auth-submit{grid-column:2/-1;min-width:0;width:100%}}
