.pic-loader{--pic-loader-cycle:6s;--pic-loader-step:1.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-6);width:100%;min-height:100vh;min-height:100dvh;padding:var(--spacing-5);background:var(--color-pic-paper)}.pic-loader-wheel{width:clamp(132px,26vw,168px);aspect-ratio:1}.pic-loader-wheel svg{display:block;width:100%;height:100%;overflow:visible}.pic-loader-arcs,.pic-loader-orbit,.pic-loader-sweep{transform-box:view-box;transform-origin:60px 60px}.pic-loader-orbit{animation:pic-loader-spin 12s linear infinite}.pic-loader-arcs{animation:pic-loader-spin 18s linear infinite reverse}.pic-loader-spoke{stroke:var(--color-pic-rule);stroke-width:.8}.pic-loader-arc{opacity:.22;animation:pic-loader-arc-step var(--pic-loader-cycle) ease-in-out infinite;animation-delay:calc(var(--i) * var(--pic-loader-step))}.pic-loader-track{fill:none;stroke:var(--color-pic-rule);stroke-width:1.5}.pic-loader-sweep{fill:none;stroke:var(--color-pic-mint-deep);stroke-width:2.5;stroke-linecap:round;animation:pic-loader-spin 1.4s linear infinite}.pic-loader-mark{fill:var(--color-pic-white);font-family:var(--font-heading);font-size:15px;font-weight:700;letter-spacing:var(--tracking-tight)}.pic-loader-steps{display:grid;justify-items:center;margin:0;min-height:1.5em;max-width:30ch;text-align:center}.pic-loader-step{grid-area:1/1;opacity:0;font-family:var(--font-heading);font-size:var(--text-body);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--color-pic-ink);animation:pic-loader-step-in var(--pic-loader-cycle) ease-in-out infinite;animation-delay:calc(var(--i) * var(--pic-loader-step))}@keyframes pic-loader-spin{to{rotate:1turn}}@keyframes pic-loader-arc-step{0%{opacity:.22;stroke-width:7}16%,4%{opacity:1;stroke-width:9}20%,to{opacity:.22;stroke-width:7}}@keyframes pic-loader-step-in{0%{opacity:0;translate:0 5px}16%,4%{opacity:1;translate:0 0}20%,to{opacity:0;translate:0 -5px}}@media (prefers-reduced-motion:reduce){.pic-loader-arc{opacity:.9}.pic-loader-step{opacity:0}.pic-loader-step:first-child{opacity:1}}.screenshot-mode .pic-loader-arc,[data-screenshot=true] .pic-loader-arc{opacity:.9}.screenshot-mode .pic-loader-step:first-child,[data-screenshot=true] .pic-loader-step:first-child{opacity:1}