.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:9999}.confetti-piece{position:absolute;font-size:1.5rem;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0}@keyframes fall{0%{transform:translateY(-10vh) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(2turn);opacity:0}}.static-noise{position:absolute;inset:0;overflow:hidden;background:#000;z-index:10}.static-noise:after{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200%;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48ZmlsdGVyIGlkPSJub2lzZSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNSIgbnVtT2N0YXZlcz0iMiIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNub2lzZSkiLz48L3N2Zz4=");opacity:.15;animation:noise .2s steps(4) infinite}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,-5%)}60%{transform:translate(15%,10%)}70%{transform:translate(5%,5%)}80%{transform:translate(-15%,-10%)}90%{transform:translate(10%,10%)}to{transform:translate(0)}}