.mdrhp .mdrj-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3;display:none}
.mdrhp .mdrj-layer.mdrj-running{display:block}
.mdrj-tail{fill:none;stroke:#eee0ff;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 3px #9458e8)}
.mdrj-spark-core{fill:#fff;filter:drop-shadow(0 0 3px #9a56ec)}
.mdrj-spark-halo{fill:#b87cfa;opacity:.24}
.mdrj-ring{fill:none;stroke:#a369ec;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.mdrj-ring.mdrj-pulse{animation:mdrj-dot-pulse 900ms ease-out both}
.mdrhp .mdrj-card{display:none}
@container(min-width:768px){
 [data-mdrj=steps] .mdrhp-steps li{isolation:isolate}
 [data-mdrj=steps] .mdrj-card{display:block;position:absolute;inset:65px -12px -14px;z-index:-1;pointer-events:none;border:1px solid #bfa0e65c;border-radius:13px;background:linear-gradient(135deg,#ffffffc4,#eee4ff82);box-shadow:0 9px 24px #4422650a;opacity:0;transition:opacity .4s ease}
 [data-mdrj=steps] .mdrj-current .mdrj-card{opacity:1}
 [data-mdrj=steps] .mdrhp-step-number{z-index:4;transition:box-shadow .4s,background .4s}
 [data-mdrj=steps] .mdrj-current .mdrhp-step-number{background:#3e246d;box-shadow:0 0 0 5px #ae79ed24,0 0 16px #ab70eb30}
 [data-mdrj=steps] .mdrhp-step-number:after{content:'';position:absolute;inset:-7px;border:1.5px solid #a770ef;border-radius:50%;opacity:0;pointer-events:none}
 [data-mdrj=steps] .mdrj-arrive .mdrhp-step-number:after{animation:mdrj-number-pulse 900ms ease-out both}
}
@keyframes mdrj-number-pulse{0%{opacity:0;transform:scale(.85)}22%{opacity:.85}100%{opacity:0;transform:scale(1.25)}}
@keyframes mdrj-dot-pulse{0%{opacity:0;transform:scale(.45)}22%{opacity:.85}100%{opacity:0;transform:scale(1.55)}}
@media(prefers-reduced-motion:reduce){.mdrhp .mdrj-layer{display:none!important}.mdrhp .mdrj-card{transition:none}.mdrhp .mdrhp-step-number:after{animation:none!important}}