.hero-fx{--hfx-color: 255, 241, 214;--hfx-twinkle: .7;--hfx-smoke: .4;--hfx-smoke-speed: 1;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;contain:strict}.hero-fx__haze{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),#000 28%,#000 82%,rgba(0,0,0,.55));mask-image:linear-gradient(to bottom,#0006,#000 28% 82%,#0000008c)}.hero-fx__smoke{position:absolute;left:-60%;top:-60%;width:220%;height:220%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='700' preserveAspectRatio='none'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0022 0.0045' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 0.94  0 0 0 0 0.84  2.6 0 0 0 -1.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;mix-blend-mode:screen;opacity:calc(var(--hfx-smoke) * var(--layer-a, 1));will-change:transform;animation:hfx-drift var(--dur) ease-in-out infinite alternate;animation-duration:calc(var(--dur) / var(--hfx-smoke-speed))}.hero-fx__smoke--1{--dur: 70s;--layer-a: 1;--x0: -14%;--y0: -6%;--x1: 14%;--y1: 6%}.hero-fx__smoke--2{--dur: 110s;--layer-a: .75;--x0: 12%;--y0: 8%;--x1: -12%;--y1: -9%;animation-delay:-35s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='700' preserveAspectRatio='none'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0016 0.0032' numOctaves='2' seed='29'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 0.95  0 0 0 0 0.86  2.4 0 0 0 -1.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E")}@keyframes hfx-drift{0%{transform:translate3d(var(--x0),var(--y0),0) scale(1)}to{transform:translate3d(var(--x1),var(--y1),0) scale(1.08)}}.hero-fx__smoke:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;background-size:inherit;mix-blend-mode:screen;opacity:.3;animation:hfx-breathe 16s ease-in-out infinite alternate}@keyframes hfx-breathe{0%{opacity:.05}to{opacity:.4}}.hero-fx__sparks{position:absolute;left:0;top:0;width:100%;height:100%;opacity:var(--hfx-twinkle)}.hero-fx__spark{position:absolute;left:var(--x);top:var(--y);width:var(--sz);height:var(--sz);margin:calc(var(--sz) / -2) 0 0 calc(var(--sz) / -2);mix-blend-mode:screen;animation-name:hfx-twinkle;animation-duration:var(--dur, 4s);animation-delay:var(--delay, 0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform,opacity}.hero-fx__spark:nth-child(5n+1){animation-duration:3.1s;animation-delay:-.4s}.hero-fx__spark:nth-child(5n+2){animation-duration:4.7s;animation-delay:-2.9s}.hero-fx__spark:nth-child(5n+3){animation-duration:2.6s;animation-delay:-1.7s}.hero-fx__spark:nth-child(5n+4){animation-duration:5.6s;animation-delay:-4.1s}.hero-fx__spark:nth-child(5n){animation-duration:3.8s;animation-delay:-3.3s}.hero-fx__spark:nth-child(7n+3){animation-duration:4.2s;animation-delay:-5.2s}.hero-fx__spark:nth-child(7n+5){animation-duration:2.9s;animation-delay:-.9s}.hero-fx__spark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(var(--hfx-color),.95) 0%,rgba(var(--hfx-color),.45) 22%,rgba(var(--hfx-color),.08) 48%,transparent 70%)}.hero-fx__spark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(var(--hfx-color),.95) 48%,#fff 50%,rgba(var(--hfx-color),.95) 52%,transparent 100%) center / 100% 5% no-repeat,linear-gradient(0deg,transparent 0%,rgba(var(--hfx-color),.95) 48%,#fff 50%,rgba(var(--hfx-color),.95) 52%,transparent 100%) center / 5% 100% no-repeat;transform:rotate(var(--rot, 0deg));animation:hfx-spin 4s ease-in-out infinite alternate;animation-duration:inherit;animation-delay:inherit}.hero-fx__spark i{position:absolute;left:-110%;right:-110%;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent,rgba(var(--hfx-color),.55) 35%,#fff 50%,rgba(var(--hfx-color),.55) 65%,transparent);opacity:.8;transform:scaleX(var(--streak, 1))}.hero-fx__spark--l i{left:-160%;right:-160%;height:3px;margin-top:-1.5px}@keyframes hfx-twinkle{0%{transform:scale(.55);opacity:.25}40%{transform:scale(1.08);opacity:var(--peak, 1)}55%{transform:scale(.9);opacity:calc(var(--peak, 1) * .75)}70%{transform:scale(1);opacity:var(--peak, 1)}to{transform:scale(.55);opacity:.25}}@keyframes hfx-spin{0%{transform:rotate(calc(var(--rot, 0deg) - 10deg))}to{transform:rotate(calc(var(--rot, 0deg) + 10deg))}}@media(max-width:767px){.hero-fx__smoke--2,.hero-fx__spark i{display:none}}@media(prefers-reduced-motion:reduce){.hero-fx__smoke,.hero-fx__smoke:after,.hero-fx__spark,.hero-fx__spark:after{animation:none!important}.hero-fx__spark{opacity:.6;transform:scale(.8)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hero-fx.css.map */