/* RTC Weihnachten – FINAL
   Frost: dezent, ca. alle 15 Minuten
   Schlitten: selten, ca. alle 25 Minuten
   Nur in der großen Chat-/Nachrichtenfläche.
*/

.chat-body .messages{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.chat-body .messages > *{
  position:relative !important;
  z-index:3 !important;
}

/* Schemenhafter Frost */
.chat-body .messages::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;

  background:url("https://schnegge.de.cool/chatcss/weihnachten/frost.png")
             center/100% 100% no-repeat !important;

  opacity:0;
  animation:rtcXmasFrostFinal 900s linear infinite;
}

/* Schlittenschatten */
.chat-body .messages::after{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  pointer-events:none !important;

  width:min(520px,60vw) !important;
  height:260px !important;
  left:-45%;
  top:8% !important;

  background:url("https://schnegge.de.cool/chatcss/weihnachten/schlitten.png")
             center/contain no-repeat !important;

  opacity:0;
  animation:rtcXmasSleighFinal 1500s linear infinite;
}

/* ca. alle 15 Minuten, nur wenige Sekunden sichtbar */
@keyframes rtcXmasFrostFinal{
  0%,29.70% { opacity:0; }
  29.86%     { opacity:.06; }
  30.08%     { opacity:.10; }
  30.30%     { opacity:.07; }
  30.52%,100%{ opacity:0; }
}

/* ca. alle 25 Minuten, einmal ruhig quer durch */
@keyframes rtcXmasSleighFinal{
  0%,41.90% {
    left:-45%;
    opacity:0;
    transform:scale(.90);
  }
  42.08% {
    left:-35%;
    opacity:.42;
  }
  42.58% {
    left:34%;
    opacity:.42;
    transform:scale(.95);
  }
  43.08% {
    left:90%;
    opacity:.30;
    transform:scale(.90);
  }
  43.28%,100% {
    left:110%;
    opacity:0;
  }
}