.xl-login{--xl-ink:#fbf7ef;--xl-dim:rgba(251,247,239,0.6);--xl-hot:#ff4d1c;--xl-red:#ff6b78;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:var(--font-sans),system-ui,sans-serif}.xl-form{flex-direction:column;width:100%;max-width:22rem;animation:xl-in .8s cubic-bezier(.16,1,.3,1) backwards}.xl-field,.xl-form{display:flex;gap:.75rem}.xl-field{align-items:center;min-height:3.5rem;padding:0 .375rem 0 1.25rem;border:1px solid rgba(251,247,239,.2);border-radius:999px;background:rgba(20,20,24,.55);backdrop-filter:blur(14px);transition:border-color .15s,background-color .15s}.xl-field:focus-within{border-color:var(--xl-hot);background:rgba(20,20,24,.75)}.xl-field svg{flex:none;width:1.25rem;height:1.25rem;color:var(--xl-dim)}.xl-field input{flex:1;min-width:0;height:3rem;border:0;outline:none;background:transparent;color:var(--xl-ink);caret-color:var(--xl-hot);font-size:1rem}.xl-field input::-moz-placeholder{color:var(--xl-dim)}.xl-field input::placeholder{color:var(--xl-dim)}.xl-field input:-webkit-autofill,.xl-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--xl-ink);caret-color:var(--xl-hot);-webkit-transition:background-color 9999s;transition:background-color 9999s}.xl-go{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:var(--xl-hot);color:#050506;cursor:pointer;transition:background-color .15s,transform .15s}.xl-go svg{color:inherit}.xl-go:hover:not(:disabled){background:var(--xl-ink);transform:translateX(2px)}.xl-go:focus-visible{outline:2px solid var(--xl-ink);outline-offset:2px}.xl-go:disabled{cursor:progress}.xl-go:disabled svg{animation:xl-spin .8s linear infinite}.xl-error{margin:.25rem 0 0;color:var(--xl-red);font-size:.875rem;font-weight:500;text-align:center}.xl-login[data-phase=error] .xl-form{animation:xl-shake .42s ease-in-out}.xl-login[data-phase=error] .xl-field{border-color:var(--xl-red)}.xl-login[data-phase=launch] .xl-form{transition:transform .65s cubic-bezier(.7,0,.84,0),opacity .65s ease-in;transform:scale(2.6);opacity:0}@keyframes xl-in{0%{opacity:0;transform:scale(.94)}}@keyframes xl-spin{to{transform:rotate(1turn)}}@keyframes xl-shake{20%{transform:translateX(-12px)}40%{transform:translateX(10px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.xl-form,.xl-go:disabled svg,.xl-login[data-phase=error] .xl-form{animation:none}.xl-login[data-phase=launch] .xl-form{transition:none;transform:none;opacity:1}}