.loader{display:none}.booting .loader{z-index:29;place-content:center;justify-items:center;gap:var(--sp-3);background:var(--paper);transition:opacity .5s var(--ease),transform .6s var(--ease);display:grid;position:fixed;inset:0}.booting{overflow:hidden}.loader-fig{justify-items:center;margin:0;display:grid;position:relative}.loader-fig .sprite{--h:clamp(140px,22vh,200px);image-rendering:pixelated}.loader-line{width:clamp(180px,26vw,280px);height:14px;margin-top:-2px;overflow:visible}.loader-line path{fill:none;stroke:var(--signal);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:var(--p,1);transition:stroke-dashoffset .35s ease-out}.loader-note{font:400 var(--fs-hand-s,22px)/1 var(--hand);color:var(--signal);transform:rotate(-3deg)}.loader-note i{font-style:normal;animation:1.2s infinite loader-dot;display:inline-block}.loader-note i:nth-child(2){animation-delay:.15s}.loader-note i:nth-child(3){animation-delay:.3s}@keyframes loader-dot{0%,60%,to{opacity:.25}30%{opacity:1}}.booted .loader{opacity:0;pointer-events:none;transform:translateY(-24px)}