.signin-strip{flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.signin-strip.is-rolling{animation:1.46s cubic-bezier(.65,.02,.35,1) both signin-roll}.signin-panel{height:var(--signin-h);flex:none;overflow:hidden}.signin-gutter{height:calc(var(--signin-h) * .42);background:var(--background);flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.signin-mask{flex:none;height:3rem;display:block;overflow:hidden}.signin-letter{font-family:var(--font-mono,ui-monospace, monospace);color:var(--foreground);text-transform:uppercase;letter-spacing:.14em;font-size:3rem;font-weight:500;line-height:1;animation:.64s cubic-bezier(.16,1,.3,1) both signin-letter;display:block;transform:translateY(110%)}@keyframes signin-letter{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes signin-roll{0%{transform:translateY(0)}12%{transform:translateY(12px)}42%{transform:translateY(calc(var(--signin-h) * -.71))}68%{transform:translateY(calc(var(--signin-h) * -.71))}to{transform:translateY(calc(var(--signin-h) * -1.42))}}.signin-ring{animation:.32s cubic-bezier(.23,1,.32,1) signin-ring-in}@keyframes signin-ring-in{0%{opacity:0}}.signin-ring-value{fill:none;stroke:var(--primary);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:88;stroke-dashoffset:88px;transform-origin:50%;transform:rotate(-90deg)}.signin-ring.is-running .signin-ring-value{animation-name:signin-ring;animation-timing-function:linear;animation-fill-mode:forwards}.signin-ring.is-done .signin-ring-value{stroke-dashoffset:0}@keyframes signin-ring{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.signin-strip.is-rolling,.signin-letter{animation:none;transform:none}.signin-ring,.signin-ring-value{animation:none;transform:rotate(-90deg)}}