.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-404{color:hsl(var(--brand-accent));-webkit-user-select:none;user-select:none;align-items:center;gap:.04em;font-size:clamp(96px,20vw,168px);line-height:1;display:flex}.status-404 [data-four]{transform-origin:50% 100%;animation:.52s cubic-bezier(.34,1.56,.64,1) 60ms backwards status-drop;display:inline-block}.status-404 [data-four]:last-child{animation-delay:.18s}@keyframes status-drop{0%{opacity:0;transform:translateY(-40px)scale(.9)}}.status-eye{background:hsl(var(--brand-accent));cursor:pointer;border-radius:50%;place-items:center;width:.74em;height:.9em;animation:.52s cubic-bezier(.34,1.56,.64,1) .12s backwards status-eye-in;display:grid;position:relative}@keyframes status-eye-in{0%{opacity:0;transform:scale(.4)}}.status-eye [data-white]{background:hsl(var(--neutral-0));width:78%;height:84%;box-shadow:0 0 0 .05em hsl(var(--neutral-950));border-radius:50%;position:relative;overflow:hidden}.status-eye [data-pupil]{background:hsl(var(--neutral-950));border-radius:50%;width:40%;height:34%;transition:transform .14s ease-out;position:absolute;top:33%;left:30%}.status-eye [data-pupil]:after{content:"";background:hsl(var(--neutral-0));border-radius:50%;width:28%;height:28%;position:absolute;top:16%;right:18%}.status-eye [data-lid]{background:hsl(var(--brand-accent));transform-origin:50% 0;transition:transform 90ms ease-in;position:absolute;inset:0;transform:scaleY(0)}.status-eye[data-blink] [data-lid]{transform:scaleY(1)}.status-sniff{width:100%;height:72px;position:relative}.status-sniff .sl-critter{cursor:pointer;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.status-sniff .ink-text{font:700 64px/1 var(--font-caveat-raw,"Caveat"), "Segoe Print", "Bradley Hand", cursive;fill:hsl(var(--brand-accent))}.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-404 [data-four],.status-eye,.status-purl,.status-purl *,.status-offline{animation:none!important}.status-pane>*{animation:.3s ease-out backwards status-fade!important}.status-eye [data-pupil],.status-eye [data-lid],.status-purl [data-pup],.status-offline[data-leaving]{transition:none}.status-offline[data-leaving]{transform:none}}@keyframes status-fade{0%{opacity:0}}
