.hai-respira,.hai-respira__pagina{z-index:-1;pointer-events:none;overflow:hidden;--tinta: var(--hai-accent, #4f6499);--cielo: var(--hai-sky, #8fcdff)}.hai-respira{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;--ka: .85}.hai-respira--viva{animation:hai-respira-entra 1.6s ease-out forwards}@keyframes hai-respira-entra{0%{opacity:0}to{opacity:1}}.hai-respira[data-nivel=muy-sutil]{--ka: .55}.hai-respira[data-nivel=visible]{--ka: 1.2}.hai-respira__pagina{position:absolute;top:0;right:0;bottom:0;left:0}.hai-respira__auras{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--ka)}.hai-respira__aura{position:absolute;border-radius:50%;will-change:transform,opacity;animation:hai-respira-aura 10s ease-in-out infinite}.hai-respira__aura--a{width:80vmax;height:80vmax;right:-30vmax;top:-34vmax;background:radial-gradient(closest-side,#8fcdff75,#8fcdff00)}.hai-respira__aura--b{width:72vmax;height:72vmax;left:-34vmax;top:20vh;background:radial-gradient(closest-side,#8fcdff52,#8fcdff00);animation-delay:-3.3s}.hai-respira__aura--c{width:68vmax;height:68vmax;right:-28vmax;bottom:-30vmax;background:radial-gradient(closest-side,#4f64992e,#4f649900);animation-delay:-6.6s}@keyframes hai-respira-aura{0%,to{transform:scale(.84);opacity:.5}40%{transform:scale(1.08);opacity:1}}.hai-respira__red{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hai-respira__pieza{position:absolute;opacity:0;animation:hai-respira-vida var(--vida, 13s) ease-in-out both}@keyframes hai-respira-vida{0%{opacity:0}22%{opacity:1}72%{opacity:1}to{opacity:0}}.hai-respira__tinta{position:relative;width:100%;height:100%;opacity:var(--a, .34)}.hai-respira__pieza svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--tinta)}.hai-respira__pieza--ondas .hai-respira__tinta{animation:hai-respira-deriva 12s ease-in-out infinite alternate}@keyframes hai-respira-deriva{0%{transform:translate(-16px)}to{transform:translate(16px)}}.hai-respira__pieza--arco .hai-respira__tinta{animation:hai-respira-gira 10s ease-in-out infinite}@keyframes hai-respira-gira{0%,to{transform:rotate(-5deg) scale(.96)}40%{transform:rotate(4deg) scale(1.04)}}.hai-respira__pieza--anillo .hai-respira__tinta{animation:hai-respira-exhala var(--vida, 13s) cubic-bezier(.2,.6,.3,1) both}@keyframes hai-respira-exhala{0%{transform:scale(.45)}to{transform:scale(1.15)}}.hai-respira__disco{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(closest-side,#8fcdff99,#8fcdff00);animation:hai-respira-late 10s ease-in-out infinite}@keyframes hai-respira-late{0%,to{transform:scale(.84)}40%{transform:scale(1.08)}}.hai-respira__punto{position:absolute;bottom:0;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--cielo);opacity:0;animation:hai-respira-sube 6s ease-out var(--r, 0s) infinite}@keyframes hai-respira-sube{0%{transform:translateY(0);opacity:0}25%{opacity:1}to{transform:translateY(-80px);opacity:0}}.hai-respira__lluvia{position:absolute;opacity:var(--a, .42)}.hai-respira__gota{position:absolute;left:50%;top:var(--iy, 50%);width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--cielo);opacity:0;animation:hai-respira-cae .5s cubic-bezier(.55,0,1,.45) both}.hai-respira__lluvia--corta .hai-respira__gota{animation-name:hai-respira-cae-corta}@keyframes hai-respira-cae{0%{transform:translateY(-56px) scaleY(1.9);opacity:0}25%{opacity:1}92%{transform:translateY(-2px) scaleY(1.1);opacity:1}to{transform:translateY(0);opacity:0}}@keyframes hai-respira-cae-corta{0%{transform:translateY(-36px) scaleY(1.9);opacity:0}25%{opacity:1}92%{transform:translateY(-2px) scaleY(1.1);opacity:1}to{transform:translateY(0);opacity:0}}.hai-respira__onda{position:absolute;left:50%;top:var(--iy, 50%);width:var(--d);height:calc(var(--d) * .4);margin-left:calc(var(--d) / -2);margin-top:calc(var(--d) * -.2);border:1.5px solid var(--tinta);border-radius:50%;opacity:0;animation:hai-respira-crece 2.8s cubic-bezier(.2,.65,.35,1) var(--r) both,hai-respira-apaga 2.8s cubic-bezier(.45,0,.8,.6) var(--r) both}@keyframes hai-respira-crece{0%{transform:scale(.06)}to{transform:scale(1)}}@keyframes hai-respira-apaga{0%{opacity:0}6%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.hai-respira--viva{animation:none;opacity:1}.hai-respira__aura{animation:none}.hai-respira__pagina{display:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/hai-respira.css.map */