@keyframes signin-draw{0%{stroke-dashoffset:var(--len);animation-timing-function:cubic-bezier(.45,0,.2,1)}52%{stroke-dashoffset:0;animation-timing-function:linear}64%{stroke-dashoffset:0;animation-timing-function:cubic-bezier(.4,0,.6,1)}92%,to{stroke-dashoffset:calc(-1 * var(--len))}}.signin-glyph{display:block;overflow:visible}.signin-glyph path{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-linejoin:round}.signin-glyph-track{opacity:.16}.signin-glyph-draw{stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len)}.signin-glyph[data-state=drawing] .signin-glyph-draw{animation:1.25s linear infinite signin-draw}.signin-glyph[data-state=done] .signin-glyph-draw{stroke-dashoffset:0}@keyframes signin-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.signin-glyph .signin-glyph-draw{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.signin-glyph .signin-glyph-track{opacity:0}:root .signin-glyph[data-state=drawing].signin-glyph{animation-name:signin-pulse!important;animation-duration:1.4s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important}}
.signin-input{border-color:var(--border-strong);transition:border-color var(--motion-fast) var(--easing-standard), box-shadow var(--motion-fast) var(--easing-standard)}@media (hover:hover){.signin-input:hover{border-color:color-mix(in srgb, var(--foreground) 28%, transparent)}}.signin-input:focus{border-color:var(--foreground);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 14%, transparent);outline:none}.signin-input[aria-invalid=true]{border-color:var(--destructive)}@keyframes signin-autofill-start{0%{opacity:1}to{opacity:1}}@keyframes signin-autofill-end{0%{opacity:1}to{opacity:1}}.signin-input:-webkit-autofill{-webkit-text-fill-color:var(--foreground);box-shadow:inset 0 0 0 1000px var(--surface-1);animation:1ms signin-autofill-start}.signin-input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px var(--surface-1), 0 0 0 3px color-mix(in srgb, var(--ring) 14%, transparent)}.signin-input:not(:-webkit-autofill){animation:1ms signin-autofill-end}.signin-button{background-color:var(--surface-3);color:var(--muted-foreground);transition:background-color var(--motion-base) var(--easing-standard), color var(--motion-base) var(--easing-standard), transform var(--motion-fast) var(--easing-spring-snappy);position:relative}.signin-button[data-ready=true],.signin-button[data-state=busy],.signin-button[data-state=success]{background-color:var(--primary);color:var(--primary-foreground)}@media (hover:hover){.signin-button[data-ready=true][data-state=idle]:hover{background-color:var(--primary-hover)}}.signin-button[data-state=busy],.signin-button[data-state=success]{cursor:progress}.signin-button-label,.signin-button-glyph{transition:opacity 90ms var(--easing-standard)}.signin-button-glyph{opacity:0;place-items:center;display:grid;position:absolute;inset:0}.signin-button[data-state=idle] .signin-button-label,.signin-button:not([data-state=idle]) .signin-button-glyph{transition-duration:var(--motion-fast);transition-delay:60ms}.signin-button:not([data-state=idle]) .signin-button-label{opacity:0}.signin-button:not([data-state=idle]) .signin-button-glyph{opacity:1}@keyframes signin-shake-a{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes signin-shake-b{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.signin-button[data-shake=a]{animation:signin-shake-a .34s var(--easing-standard)}.signin-button[data-shake=b]{animation:signin-shake-b .34s var(--easing-standard)}@keyframes signin-ring{0%{outline-color:color-mix(in srgb, var(--brand-glow) 0%, transparent);outline-offset:0px}20%{outline-color:var(--brand-glow);outline-offset:2px}to{outline-color:color-mix(in srgb, var(--brand-glow) 0%, transparent);outline-offset:12px}}.signin-button[data-state=success]{animation:signin-ring .6s var(--easing-decelerate) both;outline:2px solid #0000}@media (prefers-reduced-motion:reduce){.signin-button[data-shake]{animation:none}.signin-button[data-state=success]{outline:2px solid var(--brand-glow);outline-offset:2px;animation:none}}@media (forced-colors:active){.signin-button[aria-disabled=true][data-state=idle]{color:graytext;border-color:graytext}}
.signin-screen{--signin-lift:clamp(16px, calc(10vh - 12px), 72px)}@supports (height:100svh){.signin-screen{--signin-lift:clamp(16px, calc(10svh - 12px), 72px)}}@media (min-width:768px){.signin-screen{--signin-lift:max(24px, calc((100vh - 56px - 540px) / 2))}@supports (height:100svh){.signin-screen{--signin-lift:max(24px, calc((100svh - 56px - env(safe-area-inset-top,0px) - 540px) / 2))}}}.signin-lockup{margin-top:var(--signin-lift)}.signin-supergraphic{--foot:476px;--u:calc(100vw / 108);--x:calc(100% - 33 * var(--u));--y:max(calc(100% - 32 * var(--u)), calc(56px + env(safe-area-inset-top,0px) + var(--signin-lift) + var(--foot) + 36 * var(--u)));width:calc(128 * var(--u));height:calc(128 * var(--u));left:calc(var(--x) - 64 * var(--u));top:calc(var(--y) - 64 * var(--u));fill:var(--surface-3);position:absolute;overflow:visible}@media (max-width:389px){.signin-supergraphic{--foot:494px}}.signin-supergraphic .signin-level-line{fill:none;stroke:var(--surface-3);stroke-width:1px;vector-effect:non-scaling-stroke}@media (min-width:768px){.signin-supergraphic{--u:min(calc(100vw / 160), calc(100vh / 100));--x:calc(100% - 38 * var(--u));--y:calc(100% - 29.4 * var(--u))}}@media (forced-colors:active){.signin-supergraphic{display:none}}