.menu-icon{position:relative;flex:0 0 80px;width:80px;height:80px;margin-right:12px;overflow:hidden;border-radius:8px}
.menu-icon__image{display:block;width:100%;height:100%;object-fit:contain}
.menu-icon__fallback{display:none;position:absolute;inset:24px;width:32px;height:32px;color:#888}
.js .menu-icon--loading{background:#ececef}
.js .menu-icon--loading::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.75) 50%,transparent 80%);transform:translateX(-100%);animation:menu-icon-loading 1.3s ease-in-out infinite}
.js .menu-icon--loading .menu-icon__image,.menu-icon--error .menu-icon__image{opacity:0}
.menu-icon--error{background:#f0f0f2}
.menu-icon--error .menu-icon__fallback{display:block}
@keyframes menu-icon-loading{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.js .menu-icon--loading::after{animation:none;transform:none;background:none}}