.ttw-fx-layer{position:fixed;inset:0;pointer-events:none;z-index:var(--ttw-z-fx);overflow:hidden}@keyframes ttw-sparkle-twinkle{0%,100%{opacity:.3}50%{opacity:1}}body.fx-sparkles .ttw-fx-layer::before{content:'';position:absolute;top:0;left:0;width:4px;height:4px;background:var(--ttw-particle-color);box-shadow:20px 30px 0 var(--ttw-particle-color),50px 80px 0 var(--ttw-particle-color),80px 20px 0 var(--ttw-particle-color),110px 90px 0 var(--ttw-particle-color),140px 50px 0 var(--ttw-particle-color),170px 120px 0 var(--ttw-particle-color),200px 40px 0 var(--ttw-particle-color),230px 100px 0 var(--ttw-particle-color),260px 60px 0 var(--ttw-particle-color),290px 130px 0 var(--ttw-particle-color),320px 20px 0 var(--ttw-particle-color),350px 90px 0 var(--ttw-particle-color),380px 150px 0 var(--ttw-particle-color),410px 70px 0 var(--ttw-particle-color),440px 110px 0 var(--ttw-particle-color),470px 30px 0 var(--ttw-particle-color),500px 80px 0 var(--ttw-particle-color),530px 140px 0 var(--ttw-particle-color),560px 50px 0 var(--ttw-particle-color),590px 100px 0 var(--ttw-particle-color);animation:ttw-sparkle-twinkle var(--ttw-anim-fx) ease-in-out infinite;border-radius:50%}@keyframes ttw-dust-drift{0%{transform:translateY(0) translateX(0);opacity:.5}100%{transform:translateY(100vh) translateX(20px);opacity:0}}body.fx-dust .ttw-fx-layer::before{content:'';position:absolute;top:-10px;left:0;width:3px;height:3px;background:rgb(150 150 150 / .6);box-shadow:30px 50px 0 rgb(150 150 150 / .5),60px 100px 0 rgb(150 150 150 / .6),90px 40px 0 rgb(150 150 150 / .5),120px 80px 0 rgb(150 150 150 / .6),150px 120px 0 rgb(150 150 150 / .5),180px 60px 0 rgb(150 150 150 / .6),210px 90px 0 rgb(150 150 150 / .5),240px 130px 0 rgb(150 150 150 / .6),270px 70px 0 rgb(150 150 150 / .5),300px 110px 0 rgb(150 150 150 / .6),330px 50px 0 rgb(150 150 150 / .5),360px 100px 0 rgb(150 150 150 / .6),390px 140px 0 rgb(150 150 150 / .5),420px 80px 0 rgb(150 150 150 / .6),450px 120px 0 rgb(150 150 150 / .5);animation:ttw-dust-drift var(--ttw-anim-slow) linear infinite;border-radius:50%}@keyframes ttw-petal-fall{0%{transform:translateY(0) translateX(0) rotate(0deg);opacity:.7}25%{transform:translateY(25vh) translateX(15px) rotate(90deg)}50%{transform:translateY(50vh) translateX(-10px) rotate(180deg)}75%{transform:translateY(75vh) translateX(20px) rotate(270deg)}100%{transform:translateY(100vh) translateX(5px) rotate(360deg);opacity:0}}body.fx-petals .ttw-fx-layer::before{content:'';position:absolute;top:-10px;left:0;width:5px;height:5px;background:rgb(255 150 180 / .7);box-shadow:40px 60px 0 rgb(255 130 160 / .6),80px 100px 0 rgb(255 170 190 / .7),120px 50px 0 rgb(255 140 175 / .6),160px 90px 0 rgb(255 160 185 / .7),200px 130px 0 rgb(255 145 178 / .6),240px 70px 0 rgb(255 155 182 / .7),280px 110px 0 rgb(255 135 172 / .6),320px 150px 0 rgb(255 165 188 / .7),360px 80px 0 rgb(255 148 180 / .6),400px 120px 0 rgb(255 158 183 / .7),440px 160px 0 rgb(255 142 176 / .6),480px 100px 0 rgb(255 162 186 / .7);animation:ttw-petal-fall var(--ttw-anim-slow) ease-in-out infinite;border-radius:50%}@keyframes ttw-snowdust-fall{0%{transform:translateY(0);opacity:.6}100%{transform:translateY(100vh);opacity:0}}body.fx-snowdust .ttw-fx-layer::before{content:'';position:absolute;top:-5px;left:0;width:2px;height:2px;background:rgb(255 255 255 / .8);box-shadow:25px 40px 0 rgb(255 255 255 / .7),50px 80px 0 rgb(255 255 255 / .8),75px 30px 0 rgb(255 255 255 / .7),100px 70px 0 rgb(255 255 255 / .8),125px 110px 0 rgb(255 255 255 / .7),150px 50px 0 rgb(255 255 255 / .8),175px 90px 0 rgb(255 255 255 / .7),200px 130px 0 rgb(255 255 255 / .8),225px 60px 0 rgb(255 255 255 / .7),250px 100px 0 rgb(255 255 255 / .8),275px 140px 0 rgb(255 255 255 / .7),300px 80px 0 rgb(255 255 255 / .8),325px 120px 0 rgb(255 255 255 / .7),350px 160px 0 rgb(255 255 255 / .8),375px 100px 0 rgb(255 255 255 / .7),400px 140px 0 rgb(255 255 255 / .8),425px 180px 0 rgb(255 255 255 / .7),450px 120px 0 rgb(255 255 255 / .8);animation:ttw-snowdust-fall var(--ttw-anim-slow) linear infinite;border-radius:50%}@keyframes ttw-glitter-twinkle{0%,100%{opacity:.3}25%{opacity:.8}50%{opacity:.4}75%{opacity:.9}}body.fx-glitter .ttw-fx-layer::before{content:'';position:absolute;top:0;left:0;width:3px;height:3px;background:rgb(255 215 0 / .8);box-shadow:30px 50px 0 rgb(255 105 180 / .7),60px 90px 0 rgb(0 191 255 / .8),90px 40px 0 rgb(255 140 0 / .7),120px 80px 0 rgb(138 43 226 / .8),150px 120px 0 rgb(255 20 147 / .7),180px 60px 0 rgb(0 255 127 / .8),210px 100px 0 rgb(255 215 0 / .7),240px 140px 0 rgb(255 105 180 / .8),270px 70px 0 rgb(0 191 255 / .7),300px 110px 0 rgb(255 140 0 / .8),330px 150px 0 rgb(138 43 226 / .7),360px 90px 0 rgb(255 20 147 / .8),390px 130px 0 rgb(0 255 127 / .7),420px 170px 0 rgb(255 215 0 / .8),450px 110px 0 rgb(255 105 180 / .7),480px 150px 0 rgb(0 191 255 / .8);animation:ttw-glitter-twinkle var(--ttw-anim-fast) ease-in-out infinite;border-radius:50%}@keyframes ttw-rain-fall{0%{transform:translateY(-100vh);opacity:.6}100%{transform:translateY(100vh);opacity:0}}body.fx-rain-drops .ttw-fx-layer::before{content:'';position:absolute;top:0;left:0;width:2px;height:15px;background:rgb(100 150 200 / .6);box-shadow:30px 40px 0 rgb(100 150 200 / .5),60px 80px 0 rgb(100 150 200 / .6),90px 30px 0 rgb(100 150 200 / .5),120px 70px 0 rgb(100 150 200 / .6),150px 110px 0 rgb(100 150 200 / .5),180px 50px 0 rgb(100 150 200 / .6),210px 90px 0 rgb(100 150 200 / .5),240px 130px 0 rgb(100 150 200 / .6),270px 60px 0 rgb(100 150 200 / .5),300px 100px 0 rgb(100 150 200 / .6),330px 140px 0 rgb(100 150 200 / .5),360px 80px 0 rgb(100 150 200 / .6),390px 120px 0 rgb(100 150 200 / .5),420px 160px 0 rgb(100 150 200 / .6),450px 100px 0 rgb(100 150 200 / .5),480px 140px 0 rgb(100 150 200 / .6);animation:ttw-rain-fall var(--ttw-anim-fast) linear infinite}@keyframes ttw-bubble-float{0%{transform:translateY(100vh) translateX(0);opacity:.6}25%{transform:translateY(75vh) translateX(10px)}50%{transform:translateY(50vh) translateX(-10px)}75%{transform:translateY(25vh) translateX(15px)}100%{transform:translateY(-20vh) translateX(5px);opacity:0}}body.fx-bubbles .ttw-fx-layer::before{content:'';position:absolute;bottom:0;left:0;width:8px;height:8px;border:1px solid rgb(255 255 255 / .6);background:#fff0;box-shadow:40px 50px 0 1px rgb(255 255 255 / .5),80px 90px 0 1px rgb(255 255 255 / .6),120px 40px 0 1px rgb(255 255 255 / .5),160px 80px 0 1px rgb(255 255 255 / .6),200px 120px 0 1px rgb(255 255 255 / .5),240px 60px 0 1px rgb(255 255 255 / .6),280px 100px 0 1px rgb(255 255 255 / .5),320px 140px 0 1px rgb(255 255 255 / .6),360px 70px 0 1px rgb(255 255 255 / .5),400px 110px 0 1px rgb(255 255 255 / .6),440px 150px 0 1px rgb(255 255 255 / .5),480px 90px 0 1px rgb(255 255 255 / .6);animation:ttw-bubble-float var(--ttw-anim-slow) ease-in-out infinite;border-radius:50%}@keyframes ttw-leaves-fall{0%{transform:translateY(0) translateX(0) rotate(0deg);opacity:.7}25%{transform:translateY(25vh) translateX(20px) rotate(90deg)}50%{transform:translateY(50vh) translateX(-15px) rotate(180deg)}75%{transform:translateY(75vh) translateX(25px) rotate(270deg)}100%{transform:translateY(100vh) translateX(10px) rotate(360deg);opacity:0}}body.fx-falling-leaves .ttw-fx-layer::before{content:'';position:absolute;top:-10px;left:0;width:6px;height:6px;background:rgb(180 140 50 / .7);box-shadow:45px 65px 0 rgb(120 180 80 / .6),90px 105px 0 rgb(200 150 60 / .7),135px 55px 0 rgb(140 190 90 / .6),180px 95px 0 rgb(190 145 55 / .7),225px 135px 0 rgb(130 185 85 / .6),270px 75px 0 rgb(195 148 58 / .7),315px 115px 0 rgb(125 188 88 / .6),360px 155px 0 rgb(185 143 57 / .7),405px 85px 0 rgb(135 187 87 / .6),450px 125px 0 rgb(192 147 59 / .7),495px 165px 0 rgb(128 186 86 / .6),540px 105px 0 rgb(188 144 56 / .7);animation:ttw-leaves-fall var(--ttw-anim-slow) ease-in-out infinite;border-radius:50%}