.matrix-loader{--ml-ink:#001c40;--ml-bg:transparent;--ml-cell:44px;--ml-gap:12px;--ml-radius:2px;--ml-dur:2.6s;display:grid;grid-template-columns:repeat(3,var(--ml-cell));grid-template-rows:repeat(3,var(--ml-cell));gap:var(--ml-gap);width:calc(3 * var(--ml-cell) + 2 * var(--ml-gap));height:calc(3 * var(--ml-cell) + 2 * var(--ml-gap));background:var(--ml-bg)}.matrix-loader__cell{background:var(--ml-ink);border-radius:var(--ml-radius);opacity:.3;will-change:opacity;animation:matrix-settle var(--ml-dur) ease-in-out infinite;animation-delay:var(--d,0s)}@keyframes matrix-settle{0%,to{opacity:var(--n1,.3)}14%{opacity:var(--n2,.6)}28%{opacity:var(--n3,.4)}42%{opacity:var(--n4,.7)}50%,64%{opacity:var(--t,1)}76%{opacity:var(--n5,.5)}88%{opacity:var(--n6,.4)}}@media (prefers-reduced-motion:reduce){.matrix-loader__cell{animation:none;opacity:var(--t,.5)}}html.dark .matrix-loader{--ml-ink:#ccd4dd}