.illustration { display: block; color: var(--colorInk); }
.illustration .fillInk { fill: currentColor; stroke: none; }
.illustration .panel { fill: var(--colorBg); stroke: currentColor; stroke-width: 5; stroke-linejoin: round; }
.illustration .panelFill { fill: var(--colorBg); stroke: none; }
.illustration .line { fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.illustration .lineThick { fill: none; stroke: currentColor; stroke-width: 16; stroke-linecap: round; stroke-linejoin: round; }
.illustration .lineMedium { stroke-width: 10; }
.illustration .tint { fill: currentColor; fill-opacity: .15; stroke: none; }
.status .illustration { width: min(320px, 80%); margin: 0 auto 1.8rem; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes slide { from { transform: translateX(-72px); } to { transform: translateX(162px); } }
.gear { transform-box: fill-box; transform-origin: center; animation: spin calc(var(--loop) * 5) linear infinite; }
.loaderBar { animation: slide var(--loop) ease-in-out infinite; }