/* CS PLUS MEDICAL v1.7.20.18 — premium mascot motion only. Keeps the locked mascot artwork unchanged. */
.csplus-mascot-conversion.is-visible .csplus-mascot-avatar{
  transform-origin:50% 88%;
  animation:csplusMascotFloat 5.4s ease-in-out infinite;
  will-change:transform;
}
.csplus-mascot-conversion.is-visible .csplus-mascot-avatar img{
  animation:csplusMascotShadowBreath 5.4s ease-in-out infinite;
  will-change:filter;
}
.csplus-mascot-conversion.is-visible:not(.is-collapsed) .csplus-mascot-bubble{
  animation:csplusMascotBubbleBreath 5.4s ease-in-out infinite;
}
.csplus-mascot-conversion.is-visible .csplus-mascot-primary{
  animation:csplusMascotCtaPulse 4.2s ease-in-out infinite;
}
.csplus-mascot-avatar:hover,
.csplus-mascot-avatar:focus-visible{
  animation-play-state:paused!important;
  transform:translate3d(0,-5px,0) scale(1.025)!important;
}
.csplus-mascot-avatar:active{
  transform:translate3d(0,-2px,0) scale(.985)!important;
}
@keyframes csplusMascotFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-.55deg)}
  50%{transform:translate3d(0,-8px,0) rotate(.55deg)}
}
@keyframes csplusMascotShadowBreath{
  0%,100%{filter:drop-shadow(0 14px 22px rgba(7,31,61,.20))}
  50%{filter:drop-shadow(0 20px 26px rgba(7,31,61,.14))}
}
@keyframes csplusMascotBubbleBreath{
  0%,100%{box-shadow:0 18px 42px rgba(7,20,38,.22)}
  50%{box-shadow:0 22px 48px rgba(7,20,38,.27)}
}
@keyframes csplusMascotCtaPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(215,168,75,0)}
  50%{box-shadow:0 0 0 4px rgba(215,168,75,.10)}
}
@media(max-width:768px){
  @keyframes csplusMascotFloat{
    0%,100%{transform:translate3d(0,0,0) rotate(-.4deg)}
    50%{transform:translate3d(0,-6px,0) rotate(.4deg)}
  }
}
@media(prefers-reduced-motion:reduce){
  .csplus-mascot-conversion,
  .csplus-mascot-conversion .csplus-mascot-avatar,
  .csplus-mascot-conversion .csplus-mascot-avatar img,
  .csplus-mascot-conversion .csplus-mascot-bubble,
  .csplus-mascot-conversion .csplus-mascot-primary{
    animation:none!important;
    transition:none!important;
  }
}
