/* INFINITY-LOGO: logo da hydra animado (brilho, olhos, gemas, faiscas) */
.ibLogo{position:relative;display:inline-block;line-height:0;isolation:isolate}
.ibLogo picture{display:block}
.ibLogo img{display:block;width:100%;height:auto;animation:ibBreath 4.5s ease-in-out infinite}
.ibLogo i{position:absolute;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:screen}
.ibLogo .ey{width:9%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,235,255,1) 0,rgba(214,120,255,.9) 16%,rgba(160,60,255,.45) 42%,rgba(120,30,255,0) 70%);animation:ibEye 2.8s ease-in-out infinite}
.ibLogo .ey.e2{animation-delay:-.9s}.ibLogo .ey.e3{animation-delay:-1.8s}
.ibLogo .gm{width:11%;aspect-ratio:1;background:radial-gradient(circle,rgba(220,255,230,.95) 0,rgba(60,255,120,.75) 18%,rgba(20,200,80,.3) 45%,rgba(0,0,0,0) 70%);animation:ibGem 3.4s ease-in-out infinite}
.ibLogo .go{width:7%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,250,210,.95) 0,rgba(255,160,40,.75) 20%,rgba(255,110,0,.25) 46%,rgba(0,0,0,0) 70%);animation:ibGem 3s ease-in-out infinite}
.ibLogo .go.g2{animation-delay:-1s}.ibLogo .go.g3{animation-delay:-2s}.ibLogo .go.g4{animation-delay:-1.5s}
.ibLogo .sh{position:absolute;inset:0;border-radius:0;transform:none;mix-blend-mode:soft-light;opacity:.95;
 -webkit-mask:url(images/header/mask_letras.png) center/100% 100% no-repeat;mask:url(images/header/mask_letras.png) center/100% 100% no-repeat;
 background:linear-gradient(105deg,rgba(255,255,255,0) 40%,rgba(255,255,230,.95) 50%,rgba(255,255,255,0) 60%) no-repeat;background-size:300% 100%;animation:ibShine 5.5s ease-in-out infinite}
.ibLogo .sh2{mix-blend-mode:screen;opacity:.55}
.ibLogo .em{width:.9%;aspect-ratio:1;background:radial-gradient(circle,#fff6c8 0,#ffae3b 45%,rgba(255,120,0,0) 75%);opacity:0;animation:ibEmber 4.2s linear infinite}
.ibLogo .em.p{background:radial-gradient(circle,#f6e0ff 0,#b36bff 45%,rgba(140,60,255,0) 75%)}
@keyframes ibBreath{0%,100%{filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 5px rgba(150,70,255,.30))}50%{filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(175,95,255,.75))}}
@keyframes ibEye{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.8)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}55%{opacity:.95;transform:translate(-50%,-50%) scale(1.15)}}
@keyframes ibGem{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.85)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}
@keyframes ibShine{0%{background-position:120% 0}55%,100%{background-position:-20% 0}}
@keyframes ibEmber{0%{opacity:0;transform:translate(-50%,0) scale(1)}12%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)),-90px) scale(.4)}}
@media (prefers-reduced-motion:reduce){.ibLogo *,.ibLogo picture{display:block}
.ibLogo img{animation:none!important}}
/* posicao: topo e logo da esquerda */
#InfinityLogoTop{top:2px!important}
#InfinityLogoTop .ibLogo{width:262px}
#InfinityLogoTop .ibLogo img,#TibiaLogoArtworkTop.ibLogo img{width:100%!important;max-width:none!important;height:auto!important;position:static!important;transform:none!important}
#TibiaLogoArtworkTop.ibLogo{position:absolute!important;display:block;width:205px!important;height:auto!important;max-width:none!important;top:-34px!important;left:-20px!important;cursor:pointer;transform:none!important}
#TibiaLogoArtworkTop.ibLogo:hover,#InfinityLogoTop .ibLogo:hover{filter:brightness(1.08)}
@media (max-width:700px){#InfinityLogoTop .ibLogo{width:70vw;max-width:300px}}