@keyframes moveChevron {
  0%   {padding: 0 var(--space-5) 0 0;}
  100% {padding: 0 var(--space-6) 0 0;}
}
@keyframes moveChevronSmall {
  0%   {padding: 0 var(--space-3) 0 0;}
  100% {padding: 0 var(--space-4) 0 0;}
}
@keyframes moveChevronInactive {
  0%   {background-position: var(--space-4) center; }
  100% {background-position: var(--space-5) center; }
}
@keyframes showCollapsed {
  0%   {background-color: rgba(0, 0, 0, 0.66); background-size: auto 100%; }
  100% {background-color: rgba(255, 255, 255, 1); background-size: auto 110%; }
}
@keyframes scaleBackgroundUp {
  0%   {background-size: auto 100%; }
  100% {background-size: auto 110%; }
}
@keyframes scaleBackgroundDown {
  0%   {background-size: auto 110%; }
  100% {background-size: auto 100%; }
}
@keyframes scaleBackgroundDownWidth {
  0%   {background-size: 110% auto; }
  100% {background-size: 100% auto; }
}
@keyFrames fadeToBlack {
  0%   {filter: brightness(100%); }
  100% {filter: brightness(40%); }	
}
@keyFrames fadeBody {
  0%   {background: var(--color-light-grey);}
  100% {background: #525252;}	
}
@keyFrames rotateElement {
  0%   {transform: rotate(0turn);}
  100% {transform: rotate(1turn);}	
}
@keyFrames rotateElement2 {
  0%   {transform: rotate(0turn);}
  100% {transform: rotate(1turn);}	
}
@keyFrames invalidate {
  0%   {color: var(--color-white); background-color: var(--brand-color-orange);}
  100% {color: var(--brand-color-orange); background-color: var(--color-white);}	
}
@keyFrames invalidate2 {
  0%   {color: var(--color-white); background-color: var(--brand-color-orange);}
  100% {color: var(--brand-color-orange); background-color: var(#f1f1f1);}	
}
@keyFrames muffin {
		0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-60px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-7px); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
}
@keyFrames revealIcon {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes flip-show {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
            transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(28px);
            transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}