#fireworks{height:500px;left:0;top:0;width:500px;--tw-translate-y:-50%;--tw-translate-x:-50%;--tw-rotate:-180deg;pointer-events:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));z-index:1002}#fireworks,#fireworks .firework{position:absolute}#fireworks .explosion{bottom:0;height:80px;left:-2px;overflow:hidden;position:absolute;transform-origin:50% 100%;width:4px}#fireworks .explosion:first-child{transform:rotate(0) translateY(-15px)}#fireworks .explosion:nth-child(2){transform:rotate(30deg) translateY(-15px)}#fireworks .explosion:nth-child(3){transform:rotate(60deg) translateY(-15px)}#fireworks .explosion:nth-child(4){transform:rotate(90deg) translateY(-15px)}#fireworks .explosion:nth-child(5){transform:rotate(120deg) translateY(-15px)}#fireworks .explosion:nth-child(6){transform:rotate(150deg) translateY(-15px)}#fireworks .explosion:nth-child(7){transform:rotate(180deg) translateY(-15px)}#fireworks .explosion:nth-child(8){transform:rotate(210deg) translateY(-15px)}#fireworks .explosion:nth-child(9){transform:rotate(240deg) translateY(-15px)}#fireworks .explosion:nth-child(10){transform:rotate(270deg) translateY(-15px)}#fireworks .explosion:nth-child(11){transform:rotate(300deg) translateY(-15px)}#fireworks .explosion:nth-child(12){transform:rotate(330deg) translateY(-15px)}#fireworks .explosion:before{background-color:#f5cf52;content:"";height:40px;left:0;position:absolute;right:0;top:100%}@keyframes explosion{0%{top:100%}33%,to{top:-50%}}#fireworks #firework1{left:50%;top:30%;transform:scale(1)}#fireworks #firework1 .explosion:before{animation:explosion 2s ease-in-out infinite}#fireworks #firework2{left:35%;top:40%;transform:scale(.7)}#fireworks #firework2 .explosion:before{animation:explosion 2s ease-in-out .6s infinite}#fireworks #firework3{left:65%;top:65%;transform:scale(.4)}#fireworks #firework3 .explosion:before{animation:explosion 2s ease-in-out .4s infinite}#fireworks.unlocked{display:block;position:absolute}#fireworks.unlocked #firework1{left:10%;top:30%;transform:scale(1)}#fireworks.unlocked #firework2{left:0;top:40%;transform:scale(.7)}#fireworks.unlocked #firework3{left:20%;top:65%;transform:scale(.4)}