.smoke-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2;pointer-events:none;opacity:.4}.smoke{position:absolute;bottom:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 40%,transparent 70%);border-radius:50%;filter:blur(40px);animation:smoke-rise 15s infinite ease-out;opacity:0}.smoke:nth-child(1){left:10%;width:250px;height:250px;animation-delay:0s;animation-duration:12s}.smoke:nth-child(2){left:30%;width:350px;height:350px;animation-delay:4s;animation-duration:16s}.smoke:nth-child(3){left:50%;width:300px;height:300px;animation-delay:8s;animation-duration:14s}.smoke:nth-child(4){left:70%;width:280px;height:280px;animation-delay:2s;animation-duration:13s}.smoke:nth-child(5){left:85%;width:320px;height:320px;animation-delay:6s;animation-duration:15s}@keyframes smoke-rise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:.6}50%{opacity:.8;transform:translateY(-300px) translate(50px) scale(1.3)}80%{opacity:.3}to{transform:translateY(-600px) translate(100px) scale(1.8);opacity:0}}.dark-texture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px);z-index:1;pointer-events:none}.charcoal-bg{background:linear-gradient(180deg,#000000e6,#1a1a1af2),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect fill="%23111" width="100" height="100"/><circle fill="%23181818" cx="25" cy="25" r="20"/><circle fill="%23151515" cx="75" cy="75" r="25"/><circle fill="%23191919" cx="50" cy="50" r="15"/></svg>');background-size:cover,200px 200px}.text-glow-white{text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3),0 0 60px rgba(255,255,255,.1)}.text-glow-green{text-shadow:0 0 20px rgba(46,204,113,.6),0 0 40px rgba(46,204,113,.4),0 0 60px rgba(46,204,113,.2)}.card-glow-hover:hover{box-shadow:0 0 30px #2ecc714d}@media(prefers-reduced-motion:reduce){.smoke{animation:none;display:none}}@media(max-width:768px){.smoke:nth-child(4),.smoke:nth-child(5){display:none}.smoke-container{opacity:.25}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/smoke-effect.css.map */