.signin-stage{animation:signin-rise .3s var(--ease-out,ease-out) both;animation-delay:calc(var(--i,0) * .1s)}.signin-artefact{animation:signin-rise .4s var(--ease-out,ease-out) .12s both}.signin-rule{transform-origin:0;animation:signin-rule .4s var(--ease-out,ease-out) .2s both}@keyframes signin-rise{0%{opacity:0;translate:0 12px}}@keyframes signin-fade{0%{opacity:0}}@keyframes signin-rule{0%{scale:0 1}}[data-screen=sign-in][data-phase=leave]>*{opacity:0;transition:opacity .18s var(--ease-out,ease-out)}.signin-orbit{border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:999px;flex:none;width:18px;height:18px;display:inline-block;position:relative}.signin-orbit:before{content:"";background:currentColor;border-radius:999px;position:absolute;inset:5px}.signin-orbit-moon{border-radius:999px;animation:.9s linear infinite signin-spin;position:absolute;inset:-1px}.signin-orbit-moon:before{content:"";background:currentColor;border-radius:999px;width:4px;height:4px;position:absolute;top:-2px;left:calc(50% - 2px)}@keyframes signin-spin{to{rotate:1turn}}@media (prefers-reduced-motion:no-preference){.signin-caret{animation:1s steps(2,start) infinite signin-blink}}@keyframes signin-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.signin-stage,.signin-artefact{animation-name:signin-fade}.signin-rule,.signin-orbit-moon{animation:none}}@media (width<64rem){html:has([data-screen=sign-in]){background-color:var(--chrome-bg)}}