/* Element skeletons. Ready server-rendered content is never concealed. */
:root{--mef-skeleton:#f2f2f2;--mef-skeleton-soft:#f7f7f7;--mef-skeleton-radius:8px}
img.mef-skeleton-image{background-color:var(--mef-skeleton);color:transparent!important}
.mef-skeleton-svg{fill:var(--mef-skeleton);pointer-events:none}
.mef-skeleton-host{position:relative}
.mef-skeleton-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit;box-sizing:border-box;padding:24px;background:#fff;display:grid;gap:16px;align-content:start;color:transparent}
.mef-skeleton-layer *, .mef-skeleton-layer::before,.mef-skeleton-layer::after{box-sizing:border-box;pointer-events:none}
.mef-skeleton-line,.mef-skeleton-block,.mef-skeleton-circle{display:block;background:var(--mef-skeleton);border-radius:var(--mef-skeleton-radius)}
.mef-skeleton-line{height:12px;width:62%;border-radius:5px}.mef-skeleton-line:nth-child(2n){width:85%}.mef-skeleton-line:last-child{width:43%}
.mef-skeleton-circle{width:52px;height:52px;border-radius:50%;flex:none}.mef-skeleton-row{display:flex;align-items:center;gap:16px}.mef-skeleton-row>div{display:grid;gap:12px;flex:1}
.mef-skeleton-layer[data-kind=profile]{grid-template-columns:96px minmax(0,1fr);align-content:center;gap:28px}.mef-skeleton-layer[data-kind=profile]>.mef-skeleton-circle{width:88px;height:88px}.mef-skeleton-layer[data-kind=profile]>div{display:grid;gap:18px}
.mef-skeleton-layer[data-kind=map],.mef-skeleton-layer[data-kind=chart]{align-content:stretch}.mef-skeleton-map{width:100%;height:100%;min-height:120px;fill:var(--mef-skeleton)}
.mef-skeleton-chart{display:flex;align-items:end;gap:6%;padding:20px 8% 0;border-left:1px solid var(--mef-skeleton);border-bottom:1px solid var(--mef-skeleton);height:100%;min-height:120px}.mef-skeleton-chart i{width:10%;height:45%;background:var(--mef-skeleton);border-radius:5px 5px 0 0}.mef-skeleton-chart i:nth-child(2n){height:65%}.mef-skeleton-chart i:nth-child(3n){height:82%}
.mef-skeleton-refresh{position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px;background:var(--mef-skeleton);z-index:2;pointer-events:none}
.mef-skeleton-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:500px){.mef-skeleton-layer{padding:16px;gap:12px}.mef-skeleton-layer[data-kind=profile]{grid-template-columns:64px minmax(0,1fr);gap:18px}.mef-skeleton-layer[data-kind=profile]>.mef-skeleton-circle{width:64px;height:64px}}
/* Static by default: no shimmer, timers or artificial loading duration. */
@media(prefers-reduced-motion:reduce){.mef-skeleton-layer,.mef-skeleton-image,.mef-skeleton-refresh{animation:none!important;transition:none!important}}
.mef-skeleton-layer[data-kind=map-mz]{align-content:stretch;grid-template-rows:minmax(0,1fr);padding:0}.mef-skeleton-layer[data-kind=ranking]{gap:18px}.mef-skeleton-layer[data-kind=ranking] .mef-skeleton-line{width:85%;height:12px}.mef-skeleton-layer[data-kind=ranking] .mef-skeleton-line:nth-child(even){width:70%}