#bbb-holiday-overlay,
.bbb-rose-overlay {
  position: fixed;
  inset: 0;
  z-index: 999998;
  pointer-events: none;
  overflow: hidden;
}

.bbb-holiday-item {
  position: absolute;
  top: -10vh;
  animation: bbb-holiday-fall linear infinite;
  opacity: 0.78;
  transform: translate3d(0, -10vh, 0) rotate(var(--rotate));
}

@keyframes bbb-holiday-fall {
  to {
    transform: translate3d(var(--drift), 120vh, 0) rotate(var(--rotate));
  }
}

.bbb-rose {
  position: absolute;
  top: -12vh;
  border-radius: 60% 20% 60% 20%;
  background: #e85a9b;
  opacity: 0.75;
  animation: bbb-rose-fall linear forwards;
}

@keyframes bbb-rose-fall {
  to {
    transform: translate3d(var(--drift), 120vh, 0) rotate(var(--spin));
  }
}