.pixel-loader{--pixel-size:8px;--pixel-gap:3px;grid-template-columns:repeat(3, var(--pixel-size));grid-template-rows:repeat(3, var(--pixel-size));gap:var(--pixel-gap);width:max-content;display:grid}.pixel-loader[data-size=compact]{--pixel-size:5px;--pixel-gap:2px}.pixel-loader__pixel{width:var(--pixel-size);aspect-ratio:1;background-color:var(--foreground);opacity:.14;animation:.64s step-end infinite pixel-loader-trace;animation-delay:var(--pixel-delay);transform:scale(.72)}@keyframes pixel-loader-trace{0%,11%{opacity:.14;transform:scale(.72)}12%,24%{opacity:1;transform:scale(1)}25%,37%{opacity:.46;transform:scale(.86)}38%,to{opacity:.14;transform:scale(.72)}}@media (prefers-reduced-motion:reduce){.pixel-loader__pixel{animation-name:pixel-loader-reduced-trace;animation-duration:1.28s;animation-timing-function:cubic-bezier(.77,0,.175,1);transform:none}}@keyframes pixel-loader-reduced-trace{0%,to{opacity:.18}50%{opacity:.62}}.blog-article-reveal{animation:.22s cubic-bezier(.23,1,.32,1) both blog-article-reveal;animation-delay:calc(min(var(--blog-article-index), 6) * 36ms)}@keyframes blog-article-reveal{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.blog-article-reveal{animation:none}}
