.brand-logo-shine{display:none}

@media (min-width:921px){
  .template-kids .site-header .brand-orbit-balloons,
  .service-detail-page .site-header .brand-orbit-balloons{
    display:none!important;
  }

  .template-kids .site-header .brand,
  .service-detail-page .site-header .brand{
    position:relative;
    overflow:visible!important;
    isolation:isolate;
  }

  .template-kids .site-header .brand-logo-shine,
  .service-detail-page .site-header .brand-logo-shine{
    display:block;
    position:absolute;
    left:0;
    top:50%;
    z-index:8;
    width:118px;
    height:66px;
    transform:translateY(-50%);
    pointer-events:none;
    overflow:hidden;
    opacity:.9;
    -webkit-mask-image:var(--brand-logo-image);
    mask-image:var(--brand-logo-image);
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:contain;
    mask-size:contain;
  }

  .template-kids .site-header .brand-logo-shine::before,
  .service-detail-page .site-header .brand-logo-shine::before{
    content:"";
    position:absolute;
    inset:-24% -65%;
    background:linear-gradient(112deg,transparent 39%,rgba(255,255,255,.12) 43%,rgba(255,255,255,.96) 50%,rgba(255,255,255,.2) 57%,transparent 62%);
    transform:translate3d(-62%,0,0) skewX(-16deg);
    animation:home533LogoShine 3.8s cubic-bezier(.55,.06,.34,.98) infinite;
    mix-blend-mode:screen;
    will-change:transform;
  }

  .template-kids .site-header .brand-play-scene,
  .service-detail-page .site-header .brand-play-scene{
    display:block!important;
    position:absolute!important;
    left:59px!important;
    top:calc(100% - 24px)!important;
    z-index:220!important;
    width:238px!important;
    height:120px!important;
    max-width:none!important;
    transform:translate3d(-50%,-10px,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow:visible!important;
    isolation:isolate;
    transition:opacity .2s ease,visibility .2s ease,transform .38s cubic-bezier(.18,.86,.22,1.08)!important;
  }

  .template-kids .site-header .brand-scene-mascot,
  .service-detail-page .site-header .brand-scene-mascot{
    display:block!important;
    position:absolute!important;
    top:13px!important;
    z-index:4!important;
    width:76px!important;
    height:96px!important;
    max-width:none!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
    opacity:0!important;
    filter:drop-shadow(0 11px 13px rgba(20,67,101,.22))!important;
    transition:opacity .22s ease,transform .58s cubic-bezier(.17,.88,.22,1.12)!important;
    will-change:transform,opacity;
  }

  .template-kids .site-header .brand-scene-mascot.is-forty,
  .service-detail-page .site-header .brand-scene-mascot.is-forty{
    left:14px!important;
    background-image:url('../img/kids-forty.webp')!important;
    transform:translate3d(63px,-18px,0) scale(.38) rotate(-9deg)!important;
    transform-origin:100% 0!important;
  }

  .template-kids .site-header .brand-scene-mascot.is-fayf,
  .service-detail-page .site-header .brand-scene-mascot.is-fayf{
    right:14px!important;
    background-image:url('../img/kids-fayf.webp')!important;
    transform:translate3d(-63px,-18px,0) scale(.38) rotate(9deg)!important;
    transform-origin:0 0!important;
  }

  .template-kids .site-header .brand-scene-heart,
  .service-detail-page .site-header .brand-scene-heart{
    display:grid!important;
    position:absolute!important;
    left:50%!important;
    top:35px!important;
    z-index:10!important;
    width:50px!important;
    height:50px!important;
    max-width:none!important;
    place-items:center!important;
    border-radius:50%!important;
    color:#fff!important;
    background:linear-gradient(145deg,#ff75b7 0%,#ff1688 48%,#df006f 100%)!important;
    box-shadow:0 0 0 5px rgba(255,255,255,.96),0 10px 20px rgba(222,0,112,.32)!important;
    font-family:Arial,sans-serif!important;
    font-size:30px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:0!important;
    -webkit-text-stroke:0!important;
    opacity:0!important;
    filter:none!important;
    transform:translate3d(-50%,8px,0) scale(.32) rotate(-10deg)!important;
    transition:opacity .2s ease .12s,transform .48s cubic-bezier(.18,.92,.22,1.2) .12s!important;
    will-change:transform,opacity;
  }

  .template-kids .site-header .brand-scene-heart::before,
  .template-kids .site-header .brand-scene-heart::after,
  .service-detail-page .site-header .brand-scene-heart::before,
  .service-detail-page .site-header .brand-scene-heart::after{
    content:none!important;
    display:none!important;
  }

  .template-kids .site-header .brand-scene-spark,
  .service-detail-page .site-header .brand-scene-spark{
    z-index:11!important;
  }

  .template-kids .site-header .brand:hover .brand-play-scene,
  .template-kids .site-header .brand:focus-visible .brand-play-scene,
  .service-detail-page .site-header .brand:hover .brand-play-scene,
  .service-detail-page .site-header .brand:focus-visible .brand-play-scene{
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(-50%,0,0)!important;
  }

  .template-kids .site-header .brand:hover .brand-scene-mascot,
  .template-kids .site-header .brand:focus-visible .brand-scene-mascot,
  .service-detail-page .site-header .brand:hover .brand-scene-mascot,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-mascot{
    opacity:1!important;
  }

  .template-kids .site-header .brand:hover .brand-scene-mascot.is-forty,
  .template-kids .site-header .brand:focus-visible .brand-scene-mascot.is-forty,
  .service-detail-page .site-header .brand:hover .brand-scene-mascot.is-forty,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-mascot.is-forty{
    transform:translate3d(0,0,0) scale(1) rotate(-3deg)!important;
  }

  .template-kids .site-header .brand:hover .brand-scene-mascot.is-fayf,
  .template-kids .site-header .brand:focus-visible .brand-scene-mascot.is-fayf,
  .service-detail-page .site-header .brand:hover .brand-scene-mascot.is-fayf,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-mascot.is-fayf{
    transform:translate3d(0,0,0) scale(1) rotate(3deg)!important;
  }

  .template-kids .site-header .brand:hover .brand-scene-heart,
  .template-kids .site-header .brand:focus-visible .brand-scene-heart,
  .service-detail-page .site-header .brand:hover .brand-scene-heart,
  .service-detail-page .site-header .brand:focus-visible .brand-scene-heart{
    opacity:1!important;
    transform:translate3d(-50%,0,0) scale(1) rotate(-7deg)!important;
    animation:home533HeartBeat 1.5s ease-in-out .7s infinite!important;
  }

  .template-kids .site-header .brand:hover img,
  .template-kids .site-header .brand:focus-visible img,
  .service-detail-page .site-header .brand:hover img,
  .service-detail-page .site-header .brand:focus-visible img{
    transform:translateY(-1px) scale(1.035)!important;
    filter:drop-shadow(0 8px 12px rgba(46,167,224,.18)) drop-shadow(0 0 12px rgba(246,83,151,.12))!important;
  }
}

@keyframes home533LogoShine{
  0%,12%{transform:translate3d(-62%,0,0) skewX(-16deg);opacity:0}
  18%{opacity:.95}
  46%{transform:translate3d(62%,0,0) skewX(-16deg);opacity:.95}
  54%,100%{transform:translate3d(62%,0,0) skewX(-16deg);opacity:0}
}

@keyframes home533HeartBeat{
  0%,100%{transform:translate3d(-50%,0,0) scale(1) rotate(-7deg)}
  18%{transform:translate3d(-50%,-2px,0) scale(1.1) rotate(-4deg)}
  34%{transform:translate3d(-50%,0,0) scale(1.02) rotate(-7deg)}
  52%{transform:translate3d(-50%,-1px,0) scale(1.07) rotate(-9deg)}
  70%{transform:translate3d(-50%,0,0) scale(1) rotate(-7deg)}
}

@media (min-width:921px) and (prefers-reduced-motion:reduce){
  .template-kids .site-header .brand-logo-shine::before,
  .service-detail-page .site-header .brand-logo-shine::before,
  .template-kids .site-header .brand-scene-heart,
  .service-detail-page .site-header .brand-scene-heart{
    animation:none!important;
  }
}

.animations-disabled .brand-logo-shine::before,
.animations-disabled .brand-scene-heart{
  animation:none!important;
}