.hw-cielo{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1;display:block}.hw-bat{position:absolute;display:block;width:34px;height:auto;opacity:.75;will-change:transform}.hw-bat path{fill:#140720}.hw-bat.b1{top:16%;width:30px}.hw-bat.b2{top:34%;width:44px;opacity:.6}.hw-bat.b3{top:9%;width:24px;opacity:.5}.hw-bat.b4{top:52%;width:36px;opacity:.45}.hw-bat .alas{transform-origin:50% 45%}.hw-arana{position:absolute;display:block;top:0;width:26px;will-change:transform}.hw-arana .hilo{stroke:#c9b6e4;stroke-width:1.1;opacity:.5}.hw-arana .cuerpo{fill:#140720}.hw-arana .patas{stroke:#140720;stroke-width:2.4;stroke-linecap:round;fill:none}.hw-arana.a1{left:13%}.hw-arana.a2{right:16%;width:20px}.hw .hw-niebla{display:block;position:absolute;left:-15%;width:130%;height:260px;pointer-events:none;z-index:1;background:radial-gradient(ellipse 50% 50% at 50% 50%,#c9b6e429,#c9b6e400 70%);filter:blur(14px);will-change:transform}.hw .hw-niebla.n1{bottom:-60px;transform:translate3d(0,calc(var(--hw-scroll,0) * -26px),0)}.hw .hw-niebla.n2{bottom:40px;opacity:.6;height:200px;transform:translate3d(0,calc(var(--hw-scroll,0) * -14px),0)}@media(prefers-reduced-motion:no-preference){.hw-bat.b1{animation:hw-cruza 26s linear infinite}.hw-bat.b2{animation:hw-cruza 34s linear infinite 3s}.hw-bat.b3{animation:hw-cruza 21s linear infinite 8s}.hw-bat.b4{animation:hw-cruza 40s linear infinite 14s}.hw-bat.b1 .alas{animation:hw-aletea .42s ease-in-out infinite alternate}.hw-bat.b2 .alas{animation:hw-aletea .55s ease-in-out infinite alternate}.hw-bat.b3 .alas{animation:hw-aletea .36s ease-in-out infinite alternate}.hw-bat.b4 .alas{animation:hw-aletea .6s ease-in-out infinite alternate}.hw-arana.a1{animation:hw-baja 9s ease-in-out infinite}.hw-arana.a2{animation:hw-baja 12s ease-in-out infinite 2.5s}.hw .hw-niebla.n1{animation:hw-deriva 30s ease-in-out infinite alternate}.hw .hw-niebla.n2{animation:hw-deriva 44s ease-in-out infinite alternate-reverse}}@keyframes hw-cruza{0%{transform:translate3d(-16vw,0,0)}25%{transform:translate3d(14vw,-26px,0)}50%{transform:translate3d(46vw,14px,0)}75%{transform:translate3d(78vw,-18px,0)}to{transform:translate3d(116vw,6px,0)}}@keyframes hw-aletea{0%{transform:scaleY(1)}to{transform:scaleY(.58)}}@keyframes hw-baja{0%,to{transform:translateY(-62%)}45%{transform:translateY(0)}60%{transform:translateY(-6%)}}@keyframes hw-deriva{0%{margin-left:-20px}to{margin-left:26px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/mare-halloween-anim.css.map */