/* A BETOLTES LATHATO ALLAPOTA az eles v3-ban (az `index.demo.html` beagyazott stilusanak kulso, egyszerusitett parja:
   a same-origin CSP alatt nincs inline tartalom). Amig az `app-root` ures, a betolto latszik; amint az Angular
   renderel, eltunik. A design system tokenjei itt meg nem elnek: rendszerszinek (`Canvas`, `CanvasText`), igy a
   vilagos es a sotet tema is helyes, beegetett szin nelkul. */

#ccBetolto {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: Canvas;
  color: CanvasText;
  z-index: 1;
  color-scheme: light dark;
}
app-root:not(:empty) ~ #ccBetolto { display: none; }
#ccBetolto b { font-size: 20px; font-weight: 400; letter-spacing: .01em; }
#ccBetolto i {
  display: block;
  width: 220px;
  height: 12px;
  border-radius: 8px;
  background: currentColor;
  opacity: .08;
  animation: cc-betolt 1.2s ease-in-out infinite alternate;
}
#ccBetolto i:nth-of-type(2) { width: 150px; }
@keyframes cc-betolt { from { opacity: .06 } to { opacity: .14 } }
@media (prefers-reduced-motion: reduce) {
  #ccBetolto i { animation: none; }
}
app-root > mat-progress-bar:first-child { display: none !important; }
.app { overflow: visible; }