/* Native dot artwork retains the shared article cover dimensions. */
.editorial-cover.mx-dot-hero { position:relative; background:#f6f8fa; scroll-margin-top:112px; }
.mx-dot-hero>svg { display:block; width:100%; height:100%; }
.mx-dot-hero .mx-dot-pulse { opacity:1; }
@keyframes mx-dot-signal { 0%,100% { opacity:1; } 45% { opacity:.3; } 70% { opacity:.75; } }
.mx-dot-hero.is-playing .mx-dot-pulse { animation:mx-dot-signal 3.8s ease-in-out infinite; animation-delay:var(--phase,0s); }
@keyframes mx-dot-travel { to { stroke-dashoffset:-156; } }
.mx-dot-hero .mx-dot-travel { animation:mx-dot-travel 7s linear infinite; animation-delay:var(--phase,0s); animation-play-state:paused; }
.mx-dot-hero.is-playing .mx-dot-travel { animation-play-state:running; }
.mx-dot-hero-control { position:absolute; right:16px; bottom:16px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid #cbd5e1; border-radius:50%; background:#f6f8fa; color:#2451a4; cursor:pointer; transition:background .18s,color .18s; }
.mx-dot-hero-control[hidden] { display:none; }
.mx-dot-hero-control>svg { width:14px; height:14px; }
.mx-dot-hero-control:hover { color:#fff; background:#2451a4; }
.mx-dot-hero-control:focus-visible { outline:2px solid #2451a4; outline-offset:4px; }
.mx-dot-hero-control .mx-dot-pause { display:none; }
.mx-dot-hero.is-playing .mx-dot-play { display:none; }
.mx-dot-hero.is-playing .mx-dot-pause { display:block; }
@media(max-width:650px) { .mx-dot-hero-control { right:10px; bottom:10px; width:32px; height:32px; } }
@media(prefers-reduced-motion:reduce) {
 .mx-dot-hero.is-playing .mx-dot-pulse,.mx-dot-hero .mx-dot-travel { animation:none; }
 .mx-dot-hero-control { display:none; transition:none; }
}