.fx-host { position: relative; }
@keyframes fxFadeIn { from { opacity: 0; } }
.fx-layer { position: absolute; left: 0; top: 0; width: 100%; height: var(--fx-page, 100vh); overflow: hidden; pointer-events: none; contain: strict; }
.fx-fall { z-index: 85; opacity: var(--fx-fade, 1); }
.fx-particle { position: absolute; left: calc(var(--fx-size) / -2); top: calc(var(--fx-size) / -2); width: var(--fx-size); height: var(--fx-size); max-width: none; opacity: var(--fx-o, 0); transform: var(--fx-move); will-change: transform; user-select: none; }
.fx-strip { --gs: 1; position: absolute; left: 0; right: 0; bottom: 100%; height: calc(60px * var(--gs)); pointer-events: none; }
@keyframes fxClod {
  0% { opacity: 0; transform: none; animation-timing-function: cubic-bezier(0.15, 0.6, 0.4, 1); }
  8% { opacity: 1; }
  45% { transform: translate(calc(var(--cx) * 0.6 * var(--gs)), calc(var(--cy) * var(--gs))); animation-timing-function: cubic-bezier(0.6, 0, 0.85, 0.5); }
  85% { opacity: 1; }
  100% { opacity: 0; transform: translate(calc(var(--cx) * var(--gs)), 2px); }
}