.zsm-runtime-overlay {
position: fixed;
inset: 0;
z-index: 2147483000;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 105ms ease, visibility 0s linear 130ms;
contain: strict;
}
.zsm-runtime-overlay__shade {
position: absolute;
inset: 0;
background: rgba(7, 11, 16, .105);
}
.zsm-runtime-overlay__line {
position: absolute;
top: 0;
left: 0;
height: 2px;
width: 32%;
transform: translate3d(-120%, 0, 0);
background: currentColor;
opacity: .78;
box-shadow: 0 2px 10px rgba(0,0,0,.16);
will-change: transform;
}
html.zsm-runtime-loading .zsm-runtime-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
}
html.zsm-runtime-loading .zsm-runtime-overlay__line {
animation: zsm-runtime-progress 680ms cubic-bezier(.32,.72,.28,1) infinite;
}
html.zsm-runtime-loading #proradio-ajax-master {
opacity: .955;
transition: opacity 90ms ease;
} html.zsm-runtime-enabled .proradio-apl-preloader {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
@keyframes zsm-runtime-progress {
0% { transform: translate3d(-120%,0,0); }
62% { transform: translate3d(175%,0,0); }
100% { transform: translate3d(330%,0,0); }
}
@media (prefers-reduced-motion: reduce) {
.zsm-runtime-overlay,
html.zsm-runtime-loading #proradio-ajax-master { transition: none; }
html.zsm-runtime-loading .zsm-runtime-overlay__line { animation: none; transform: none; width: 100%; opacity: .48; }
}