/*
 * HelperMatch curated Magic.css motion subset.
 * Based on Magic.css v1.4.8 by Christian Pucci (miniMAC).
 * https://github.com/miniMAC/magic
 * MIT License. Namespaced for HelperMatch to avoid theme/plugin collisions.
 */
.helpermatch-app .hm-magictime {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.helpermatch-app .hm-magic-puffIn { -webkit-animation-name: hmMagicPuffIn; animation-name: hmMagicPuffIn; }
@-webkit-keyframes hmMagicPuffIn {
  0% { opacity:0; transform-origin:50% 50%; transform:scale(2); filter:blur(2px); }
  100% { opacity:1; transform-origin:50% 50%; transform:scale(1); filter:blur(0); }
}
@keyframes hmMagicPuffIn {
  0% { opacity:0; transform-origin:50% 50%; transform:scale(2); filter:blur(2px); }
  100% { opacity:1; transform-origin:50% 50%; transform:scale(1); filter:blur(0); }
}

.helpermatch-app .hm-magic-swashIn { -webkit-animation-name: hmMagicSwashIn; animation-name: hmMagicSwashIn; }
@-webkit-keyframes hmMagicSwashIn {
  0% { opacity:0; transform-origin:50% 50%; transform:scale(0); }
  90% { opacity:1; transform-origin:50% 50%; transform:scale(.9); }
  100% { opacity:1; transform-origin:50% 50%; transform:scale(1); }
}
@keyframes hmMagicSwashIn {
  0% { opacity:0; transform-origin:50% 50%; transform:scale(0); }
  90% { opacity:1; transform-origin:50% 50%; transform:scale(.9); }
  100% { opacity:1; transform-origin:50% 50%; transform:scale(1); }
}

.helpermatch-app .hm-magic-swashOut { -webkit-animation-name: hmMagicSwashOut; animation-name: hmMagicSwashOut; }
@-webkit-keyframes hmMagicSwashOut {
  0% { opacity:1; transform-origin:50% 50%; transform:scale(1); }
  80% { opacity:1; transform-origin:50% 50%; transform:scale(.9); }
  100% { opacity:0; transform-origin:50% 50%; transform:scale(0); }
}
@keyframes hmMagicSwashOut {
  0% { opacity:1; transform-origin:50% 50%; transform:scale(1); }
  80% { opacity:1; transform-origin:50% 50%; transform:scale(.9); }
  100% { opacity:0; transform-origin:50% 50%; transform:scale(0); }
}

.helpermatch-app .hm-magic-boingInUp { -webkit-animation-name: hmMagicBoingInUp; animation-name: hmMagicBoingInUp; }
@-webkit-keyframes hmMagicBoingInUp {
  0% { opacity:0; transform-origin:50% 0%; transform:perspective(800px) rotateX(-90deg); }
  50% { opacity:1; transform-origin:50% 0%; transform:perspective(800px) rotateX(50deg); }
  100% { opacity:1; transform-origin:50% 0%; transform:perspective(800px) rotateX(0deg); }
}
@keyframes hmMagicBoingInUp {
  0% { opacity:0; transform-origin:50% 0%; transform:perspective(800px) rotateX(-90deg); }
  50% { opacity:1; transform-origin:50% 0%; transform:perspective(800px) rotateX(50deg); }
  100% { opacity:1; transform-origin:50% 0%; transform:perspective(800px) rotateX(0deg); }
}

.helpermatch-app .hm-magic-slideDownReturn { -webkit-animation-name: hmMagicSlideDownReturn; animation-name: hmMagicSlideDownReturn; }
@-webkit-keyframes hmMagicSlideDownReturn { 0% { transform-origin:0 0; transform:translateY(100%); } 100% { transform-origin:0 0; transform:translateY(0); } }
@keyframes hmMagicSlideDownReturn { 0% { transform-origin:0 0; transform:translateY(100%); } 100% { transform-origin:0 0; transform:translateY(0); } }

.helpermatch-app .hm-magic-slideDown { -webkit-animation-name: hmMagicSlideDown; animation-name: hmMagicSlideDown; }
@-webkit-keyframes hmMagicSlideDown { 0% { transform-origin:0 0; transform:translateY(0); } 100% { transform-origin:0 0; transform:translateY(100%); } }
@keyframes hmMagicSlideDown { 0% { transform-origin:0 0; transform:translateY(0); } 100% { transform-origin:0 0; transform:translateY(100%); } }

.helpermatch-app .hm-magic-slideLeftReturn { -webkit-animation-name: hmMagicSlideLeftReturn; animation-name: hmMagicSlideLeftReturn; }
@-webkit-keyframes hmMagicSlideLeftReturn { 0% { transform-origin:0 0; transform:translateX(-100%); } 100% { transform-origin:0 0; transform:translateX(0); } }
@keyframes hmMagicSlideLeftReturn { 0% { transform-origin:0 0; transform:translateX(-100%); } 100% { transform-origin:0 0; transform:translateX(0); } }

.helpermatch-app .hm-magic-slideRightReturn { -webkit-animation-name: hmMagicSlideRightReturn; animation-name: hmMagicSlideRightReturn; }
@-webkit-keyframes hmMagicSlideRightReturn { 0% { transform-origin:0 0; transform:translateX(100%); } 100% { transform-origin:0 0; transform:translateX(0); } }
@keyframes hmMagicSlideRightReturn { 0% { transform-origin:0 0; transform:translateX(100%); } 100% { transform-origin:0 0; transform:translateX(0); } }

.helpermatch-app .hm-magic-active { will-change: transform, opacity; }

@media (prefers-reduced-motion: reduce), print {
  .helpermatch-app .hm-magictime {
    -webkit-animation: none !important;
    animation: none !important;
    transition: none !important;
  }
}