/* DMX Studio v7.4 — lightweight app-style navigation */
.dmxgf-app-progress{
  position:fixed;
  top:0;
  left:0;
  width:0;
  height:3px;
  z-index:2147483000;
  opacity:0;
  pointer-events:none;
  background:var(--dmx-brand, var(--dmx-primary, currentColor));
  box-shadow:0 0 14px color-mix(in srgb, var(--dmx-brand, #111) 35%, transparent);
  transition:width .24s ease,opacity .16s ease;
}
.dmxgf-app-progress.is-active{
  width:72%;
  opacity:1;
  animation:dmxgf-app-progress 1.15s ease-in-out infinite alternate;
}
body:not(.dmxgf-app-loading) .dmxgf-app-progress{
  width:100%;
  opacity:0;
  transition:width .16s ease,opacity .22s ease .08s;
}
body.dmxgf-app-loading .dmxgf-client-page{
  opacity:.62;
  pointer-events:none;
  transition:opacity .16s ease;
}
.dmxgf-client-page.dmxgf-app-enter{
  animation:dmxgf-app-enter .24s ease both;
}
@keyframes dmxgf-app-progress{
  from{transform:translateX(-12%)}
  to{transform:translateX(28%)}
}
@keyframes dmxgf-app-enter{
  from{opacity:.35;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
  .dmxgf-app-progress,
  .dmxgf-client-page.dmxgf-app-enter,
  body.dmxgf-app-loading .dmxgf-client-page{animation:none!important;transition:none!important;transform:none!important}
}