/* TraffiqGen brewing overlay: single tipping potion into a cauldron */
.tg-vial.right,
.tg-stream.right{display:none!important}

.tg-vial.left{
  left:58px!important;
  top:44px!important;
  transform:rotate(110deg)!important;
  transform-origin:50% 52%!important;
  animation:tgVialTip 3.2s ease-in-out infinite!important;
  filter:drop-shadow(0 16px 20px rgba(34,211,238,.18))!important;
}

.tg-vial.left .tg-vial-body{
  border-color:rgba(224,242,254,.9)!important;
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.015))!important;
}

.tg-vial.left .tg-vial-neck{border-color:rgba(224,242,254,.9)!important}
.tg-vial.left .tg-vial-liquid{
  background:linear-gradient(180deg,#67e8f9 0%,#22d3ee 34%,#2563eb 100%)!important;
  box-shadow:0 -10px 26px rgba(34,211,238,.5)!important;
}

.tg-stream.left{
  display:block!important;
  left:142px!important;
  top:121px!important;
  width:9px!important;
  height:128px!important;
  border-radius:999px!important;
  transform-origin:top center!important;
  background:linear-gradient(180deg,#67e8f9 0%,#22d3ee 42%,rgba(37,99,235,.18) 88%,rgba(37,99,235,0) 100%)!important;
  box-shadow:0 0 18px rgba(34,211,238,.38)!important;
  animation:tgPourCauldron 1.7s ease-in-out infinite!important;
}

.tg-flask{
  left:50%!important;
  bottom:6px!important;
  width:270px!important;
  height:176px!important;
  transform:translateX(-50%)!important;
  filter:drop-shadow(0 28px 30px rgba(0,0,0,.38))!important;
}

.tg-flask-neck{display:none!important}

.tg-flask-rim{
  left:31px!important;
  top:20px!important;
  width:200px!important;
  height:26px!important;
  border:5px solid rgba(224,242,254,.9)!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#152a46,#071426)!important;
  box-shadow:inset 0 4px 8px rgba(0,0,0,.45),0 0 28px rgba(34,211,238,.12)!important;
  z-index:5!important;
}

.tg-flask-body{
  left:29px!important;
  top:34px!important;
  width:204px!important;
  height:126px!important;
  border:5px solid rgba(224,242,254,.88)!important;
  border-top-width:4px!important;
  border-radius:18px 18px 78px 78px / 16px 16px 78px 78px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(18,42,74,.98),rgba(3,12,23,.98))!important;
  box-shadow:inset 0 -18px 35px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08),0 0 42px rgba(56,189,248,.09)!important;
  z-index:3!important;
}

.tg-flask:before,
.tg-flask:after{
  content:""!important;
  position:absolute!important;
  top:52px!important;
  width:58px!important;
  height:48px!important;
  border:6px solid rgba(224,242,254,.82)!important;
  border-radius:50%!important;
  background:transparent!important;
  z-index:1!important;
  box-shadow:0 6px 16px rgba(0,0,0,.22)!important;
}
.tg-flask:before{left:2px!important}
.tg-flask:after{right:2px!important}

.tg-liquid-main{
  left:-7%!important;
  right:-7%!important;
  bottom:-3px!important;
  height:80px!important;
  background:linear-gradient(145deg,#0ea5e9 0%,#2563eb 34%,#8b5cf6 70%,#ec4899 100%)!important;
  box-shadow:0 -16px 32px rgba(56,189,248,.34)!important;
  animation:tgCauldronGlow 2.2s ease-in-out infinite!important;
}
.tg-liquid-main:before{
  top:-13px!important;
  height:28px!important;
  background:linear-gradient(90deg,#22d3ee,#60a5fa,#c084fc,#f472b6)!important;
  box-shadow:0 0 24px rgba(125,211,252,.24)!important;
}

.tg-bubble{z-index:6!important}
.tg-bubble.b1{left:54px!important;bottom:26px!important}
.tg-bubble.b2{left:103px!important;bottom:15px!important}
.tg-bubble.b3{left:145px!important;bottom:35px!important}
.tg-bubble.b4{left:82px!important;bottom:8px!important}

@keyframes tgVialTip{
  0%,100%{translate:0 0;rotate:0deg}
  45%{translate:3px 3px;rotate:4deg}
  65%{translate:2px 1px;rotate:2deg}
}

@keyframes tgPourCauldron{
  0%,100%{opacity:.18;transform:scaleY(.45) rotate(-25deg)}
  18%{opacity:.9}
  50%{opacity:1;transform:scaleY(1.02) rotate(-25deg)}
  82%{opacity:.65}
}

@keyframes tgCauldronGlow{
  0%,100%{filter:saturate(1) brightness(.98);transform:translateY(0)}
  50%{filter:saturate(1.35) brightness(1.09);transform:translateY(2px)}
}

@media(max-width:800px){
  .tg-vial.left{left:72px!important;top:55px!important}
  .tg-stream.left{left:151px!important;top:132px!important;height:112px!important}
  .tg-flask{transform:translateX(-50%) scale(.9)!important;bottom:10px!important}
}