:root{--firefly-color: #6fc8ff}.firefly-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.firefly{position:fixed;width:.4vw;height:.4vw;animation:var(--move-animation) ease-in-out 200s infinite alternate;pointer-events:none}.firefly:before,.firefly:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:-10vw}.firefly:before{background:#000;opacity:.4;animation:drift ease-in-out infinite;animation-duration:var(--drift-speed)}.firefly:after{background:var(--firefly-color);opacity:0;box-shadow:0 0 0 0 var(--firefly-color);animation:drift ease-in-out infinite,flash ease-in-out infinite;animation-duration:var(--drift-speed),var(--flash-duration);animation-delay:0s,var(--flash-delay)}@keyframes flash{0%,30%,to{opacity:0;box-shadow:0 0 0 0 var(--firefly-color)}5%{opacity:1;box-shadow:0 0 2vw .4vw var(--firefly-color)}}@keyframes drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}