:root { --nuvio-loading-css: ready; }
.nuvio-sr,
.nuvio-loading-ready .player-loading:not([data-actionable]) #player-loading-text {
  position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}
.nuvio-loading-ready .nuvio-reveal-mark[hidden] {
  display: grid !important; position: relative; flex: none; width: var(--nuvio-mark-width, min(54vw, 228px));
  aspect-ratio: 3 / 1;
}
.nuvio-reveal-mark img { grid-area: 1 / 1; display: block; width: 100%; height: 100%; object-fit: contain; }
.nuvio-reveal-mark img:first-child { opacity: .32; }
.nuvio-reveal-mark img:last-child { animation: nuvio-reveal 1.75s ease-in-out infinite; }
@keyframes nuvio-reveal {
  0% { clip-path: inset(0 100% 0 0); }
  57%, 73% { clip-path: inset(0); }
  100% { clip-path: inset(0 0 0 100%); }
}
#nuvio-splash[open], .nuvio-wait--page {
  position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center;
  margin: 0; border: 0; width: 100%; height: 100%; max-width: none; max-height: none;
  background: #101016; padding: 16px;
}
#nuvio-splash { --nuvio-mark-width: clamp(170px, 48vw, 270px); }
#nuvio-splash::backdrop { background: #101016; }
html:has(#nuvio-splash[open]) { overflow: hidden; }
.nuvio-wait--page { background: #101016ef; pointer-events: none; }
.nuvio-wait--inline { --nuvio-mark-width: 106px; display: grid; place-items: center; min-height: 42px; padding: 5px 8px; }
.nuvio-loading-ready .player-loading:not([hidden]) {
  --nuvio-mark-width: clamp(150px, 56%, 228px);
  inset: 0; width: 100%; max-width: none; display: flex; flex-direction: column;
  padding: 16px; border-radius: 0; pointer-events: none;
  background: radial-gradient(ellipse at center, #08080be8, #08080b65 67%, #08080b22);
}
.nuvio-loading-ready .player-loading button { pointer-events: auto; }
.player-loading[data-actionable] .nuvio-reveal-mark img:last-child { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .nuvio-reveal-mark img:last-child { animation: none; }
}