.status-pane>*{animation:.3s cubic-bezier(.23,1,.32,1) backwards status-rise}.status-pane>:nth-child(2){animation-delay:40ms}.status-pane>:nth-child(3){animation-delay:80ms}.status-pane>:nth-child(4){animation-delay:.12s}.status-pane>:nth-child(5){animation-delay:.16s}@keyframes status-rise{0%{opacity:0;transform:translateY(12px)}}.status-purl{--purl-body:hsl(var(--brand-accent));--purl-eye:hsl(var(--neutral-0));--purl-pupil:hsl(var(--neutral-950));--purl-sweat:#7ed4fc;width:112px;height:98px}.status-purl svg{width:100%;height:100%;display:block;overflow:visible}.status-purl svg *{transform-box:fill-box;transform-origin:50%}.status-purl [data-body]{transform-origin:50% 100%;animation:3.4s cubic-bezier(.65,0,.35,1) infinite purl-bob}.status-purl [data-lid]{animation:4.1s linear infinite purl-blink}.status-purl [data-pup]{transition:transform .14s ease-out}.status-purl [data-drop]{fill:var(--purl-sweat);opacity:0}.status-purl [data-drop="1"]{animation:1.8s ease-in-out .3s infinite purl-sweat}.status-purl [data-drop="2"]{animation:1.8s ease-in-out 1.2s infinite purl-sweat}.status-purl[data-shake]{animation:.42s ease-in-out purl-shake}@keyframes purl-bob{50%{transform:translateY(-.8px)}}@keyframes purl-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}@keyframes purl-sweat{0%{opacity:0;transform:translateY(-.4px)scale(.2)}12%{opacity:1;transform:none}55%{opacity:1;transform:translateY(1.6px)}75%,to{opacity:0;transform:translateY(3.4px)scale(.7,1.2)}}@keyframes purl-shake{20%,60%{transform:translate(-4px)rotate(-3deg)}40%,80%{transform:translate(4px)rotate(3deg)}}html[data-offline] main{opacity:.6;transition:opacity .3s ease-out}.status-offline{animation:.3s cubic-bezier(.23,1,.32,1) status-banner-in}.status-offline[data-leaving]{opacity:0;transition:opacity .2s ease-in,transform .2s ease-in;transform:translateY(-8px)}@keyframes status-banner-in{0%{opacity:0;transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.status-pane>*,.status-purl,.status-purl *,.status-offline{animation:none!important}.status-pane>*{animation:.3s ease-out backwards status-fade!important}.status-purl [data-pup],.status-offline[data-leaving]{transition:none}.status-offline[data-leaving]{transform:none}}@keyframes status-fade{0%{opacity:0}}
