/* MAJIFO Toolkit, service icons: the pixel blocks inside .mj-service-icon (made by service-icons.js). */
.mj-si{display:grid;grid-template-columns:repeat(13,1fr);gap:clamp(2px,.3vw,4px);width:100%}
.mj-si i{aspect-ratio:1;background:#151515;transition:background-color 400ms cubic-bezier(.76,0,.24,1) var(--d,0ms)}
.mj-si i.dim{background:#2A2A2A}   /* the icon's blocks at rest */
.mj-si i.on{background:#F5F5F5}    /* lit: hover or the passing wave */
@media (prefers-reduced-motion:reduce){ .mj-si i{transition:none} }