
:root{--gmlx-ease:cubic-bezier(.22,1,.36,1)}

body.gocce-motion-pro-max-lite .gmlx-gpu{
  transform:translateZ(0);
  backface-visibility:hidden;
}

/* SEARCH */
body.gocce-motion-pro-max-lite .gmlx-search{transform-origin:center!important}
@media (hover:hover) and (pointer:fine){
  body.gocce-motion-pro-max-lite .gmlx-search:hover{
    animation:gmlxSearchBall .68s cubic-bezier(.33,.02,.18,1) infinite alternate!important;
  }
  body.gocce-motion-pro-max-lite .gmlx-search:hover svg,
  body.gocce-motion-pro-max-lite .gmlx-search:hover i,
  body.gocce-motion-pro-max-lite .gmlx-search:hover [class*="icon"]{
    animation:gmlxSearchInner .68s ease-in-out infinite alternate!important;
    transform-origin:center!important;
  }
}
@keyframes gmlxSearchBall{
  0%{transform:translate3d(-2px,0,0) rotate(-5deg) scale(1)}
  45%{transform:translate3d(0,-2px,0) rotate(0deg) scale(1.04)}
  100%{transform:translate3d(3px,0,0) rotate(6deg) scale(1)}
}
@keyframes gmlxSearchInner{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}

/* CENTER / HEADER LOGO: no dropping down */
body.gocce-motion-pro-max-lite .gmlx-logo{
  transform-origin:center center!important;
  transition:transform .28s var(--gmlx-ease),opacity .22s ease!important;
}
body.gocce-motion-pro-max-lite .gmlx-logo,
body.gocce-motion-pro-max-lite .gmlx-logo:active,
body.gocce-motion-pro-max-lite .gmlx-logo:focus{
  translate:none!important;
}
@media (hover:hover) and (pointer:fine){
  body.gocce-motion-pro-max-lite .gmlx-logo:hover{
    animation:gmlxLogoIdle 1.15s ease-in-out infinite alternate!important;
  }
}
body.gocce-motion-pro-max-lite .gmlx-logo.gmlx-logo-pop{
  animation:gmlxLogoPop .42s var(--gmlx-ease) 1!important;
}
@keyframes gmlxLogoIdle{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(0,-1px,0) scale(1.018)}
}
@keyframes gmlxLogoPop{
  0%{transform:translate3d(0,0,0) scale(1) rotate(0deg)}
  28%{transform:translate3d(0,1px,0) scale(.94,1.055) rotate(-1.3deg)}
  56%{transform:translate3d(0,-1px,0) scale(1.045,.965) rotate(1.1deg)}
  78%{transform:translate3d(0,0,0) scale(.985,1.012) rotate(-.4deg)}
  100%{transform:translate3d(0,0,0) scale(1) rotate(0deg)}
}

/* MENU TRIGGER */
body.gocce-motion-pro-max-lite .gmlx-menu-trigger{
  transform-origin:center!important;
  transition:transform .32s var(--gmlx-ease),opacity .24s ease!important;
}
@media (hover:hover) and (pointer:fine){
  body.gocce-motion-pro-max-lite .gmlx-menu-trigger:hover{transform:scale(1.08)!important}
  body.gocce-motion-pro-max-lite .gmlx-menu-trigger:hover span,
  body.gocce-motion-pro-max-lite .gmlx-menu-trigger:hover i,
  body.gocce-motion-pro-max-lite .gmlx-menu-trigger:hover svg{
    animation:gmlxMenuBreath .52s ease-in-out infinite alternate!important;
  }
}
@keyframes gmlxMenuBreath{from{transform:translate3d(-1px,0,0)}to{transform:translate3d(2px,0,0)}}
body.gocce-motion-pro-max-lite .gmlx-menu-trigger.gmlx-menu-active{transform:scale(.96) rotate(3deg)!important}

/* MENU PANEL */
body.gocce-motion-pro-max-lite .gmlx-menu-panel.gmlx-menu-enter{
  animation:gmlxPanelIn .36s var(--gmlx-ease) both!important;
}
@keyframes gmlxPanelIn{
  from{opacity:.25;transform:translate3d(-10px,0,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
body.gocce-motion-pro-max-lite .gmlx-menu-panel.gmlx-menu-enter a{
  animation:gmlxMenuLinkIn .38s var(--gmlx-ease) both!important;
}
body.gocce-motion-pro-max-lite .gmlx-menu-panel.gmlx-menu-enter a:nth-of-type(2){animation-delay:.025s!important}
body.gocce-motion-pro-max-lite .gmlx-menu-panel.gmlx-menu-enter a:nth-of-type(3){animation-delay:.05s!important}
body.gocce-motion-pro-max-lite .gmlx-menu-panel.gmlx-menu-enter a:nth-of-type(4){animation-delay:.075s!important}
body.gocce-motion-pro-max-lite .gmlx-menu-panel.gmlx-menu-enter a:nth-of-type(5){animation-delay:.1s!important}
@keyframes gmlxMenuLinkIn{
  from{opacity:.4;transform:translate3d(-6px,0,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

/* LINKS */
body.gocce-motion-pro-max-lite .gmlx-link{
  position:relative!important;
  transition:transform .26s var(--gmlx-ease),opacity .24s ease!important;
}
body.gocce-motion-pro-max-lite .gmlx-link::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-3px!important;height:1px!important;
  background:currentColor!important;
  transform:scaleX(0)!important;
  transform-origin:right center!important;
  transition:transform .32s var(--gmlx-ease)!important;
  opacity:.42!important;
  pointer-events:none!important;
}
@media (hover:hover) and (pointer:fine){
  body.gocce-motion-pro-max-lite .gmlx-link:hover{transform:translate3d(0,-1px,0)!important}
  body.gocce-motion-pro-max-lite .gmlx-link:hover::after{
    transform:scaleX(1)!important;
    transform-origin:left center!important;
  }
}

/* BUTTONS */
body.gocce-motion-pro-max-lite .gmlx-button{
  transition:transform .26s var(--gmlx-ease),opacity .24s ease!important;
}
@media (hover:hover) and (pointer:fine){
  body.gocce-motion-pro-max-lite .gmlx-button:hover{
    transform:translate3d(0,-2px,0) scale(1.015)!important;
  }
  body.gocce-motion-pro-max-lite .gmlx-button:active{
    transform:translate3d(0,0,0) scale(.985)!important;
  }
}

/* SMALL ICONS */
body.gocce-motion-pro-max-lite .gmlx-mini-icon{
  transform-origin:center!important;
  transition:transform .25s var(--gmlx-ease)!important;
}
@media (hover:hover) and (pointer:fine){
  body.gocce-motion-pro-max-lite .gmlx-mini-icon:hover{
    transform:translate3d(0,-1px,0) rotate(4deg) scale(1.05)!important;
  }
}

/* HEADINGS */
body.gocce-motion-pro-max-lite .gmlx-reveal{opacity:0;transform:translate3d(0,10px,0)}
body.gocce-motion-pro-max-lite .gmlx-reveal.gmlx-in{
  opacity:1;transform:translate3d(0,0,0);
  transition:opacity .52s var(--gmlx-ease),transform .52s var(--gmlx-ease)!important;
}

/* SOFT CARD HOVER */
@media (hover:hover) and (pointer:fine){
  body.gocce-motion-pro-max-lite .gmlx-soft-card{
    transition:transform .32s var(--gmlx-ease)!important;
  }
  body.gocce-motion-pro-max-lite .gmlx-soft-card:hover{
    transform:translate3d(0,-3px,0)!important;
  }
}

@media(max-width:767px){
  body.gocce-motion-pro-max-lite .gmlx-reveal{transform:translate3d(0,7px,0)}
  body.gocce-motion-pro-max-lite .gmlx-search,
  body.gocce-motion-pro-max-lite .gmlx-menu-trigger{animation:none!important}
}

@media(prefers-reduced-motion:reduce){
  body.gocce-motion-pro-max-lite *,
  body.gocce-motion-pro-max-lite *::before,
  body.gocce-motion-pro-max-lite *::after{
    animation:none!important;
    transition-duration:.01ms!important;
  }
  body.gocce-motion-pro-max-lite .gmlx-reveal{opacity:1!important;transform:none!important}
}
