/* vars */
.bump-l {
  animation: bump-l 0.8s linear 0s 1, bump-end-l 0.3s linear 0.8s 1;
  animation-fill-mode: forwards;
}
.bump-r {
  animation: bump-r 0.8s linear 0s 1, bump-end-r 0.3s linear 0.8s 1;
  animation-fill-mode: forwards;
}
@keyframes bump-l {
0% {
    opacity: 0;
    transform: translateX(2px);
}
60% {
    opacity: 1;
    transform: translateX(-2px);
}
100% {
    opacity: 0;
    transform: translateX(-4px);
}
}
@keyframes bump-r {
0% {
    opacity: 0;
    transform: translateX(-2px);
}
60% {
    opacity: 1;
    transform: translateX(2px);
}
100% {
    opacity: 0;
    transform: translateX(4px);
}
}
@keyframes bump-end-l {
0% {
    opacity: 0;
    transform: translateX(2px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes bump-end-r {
0% {
    opacity: 0;
    transform: translateX(-2px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}

/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#component-on-air {
  position: absolute;
  right: 196px;
  height: 58px;
  width: 86px;
  padding-top: 6px;
}
#component-on-air:hover {
    background-color: #454545;
}
#component-on-air a {
    display: flex;
    flex-direction: column;
}
#component-on-air a svg {
      display: block;
      margin: 0 auto;
}
#component-on-air a svg circle {
        fill: #7c8083;
        transition: fill 2s ease;
}
#component-on-air a svg.alive circle {
        fill: #be0a26;
}
#component-on-air a div {
      margin: 3px auto;
      color: #fff;
      font-size: 11px;
      font-weight: bold;
      line-height: 14px;
      letter-spacing: .05em;
      text-transform: uppercase;
}
#component-on-air .notranslate {
    display: block;
    text-align: center;
    white-space: nowrap;
}
@media screen and (max-width: 63.99875em) {
#component-on-air {
      right: 48px;
}
}
@media screen and (max-width: 320px) {
#component-on-air {
      width: 56px;
}
}