.elm-livefeed-container {
}

.elm-livefeed-container .feed-item {
  list-style: none;
  padding: 0px;
  margin-bottom: 1em;
  display: flex;
}

.elm-livefeed-container .feed-item .icon-container {
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  margin-right: 15px;
}

.elm-livefeed-container .feed-item .metadata {
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translateZ(10px);

  text-transform: uppercase;
  color: #666;
  margin-top: .3em;
  font-size: 65%;
}

.elm-livefeed-container .feed-item .headline {
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translateZ(10px);

  font-size: 90%;
  font-weight: 700;
  text-transform: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.elm-livefeed-container .feed-item .icon {
  max-width: 100%;
}

.elm-livefeed-container .feed-item .item-link {
  text-decoration: none;
  color: inherit;
}

.elm-livefeed-container .feed-item.loaded, .feed-item.loaded {
  /* animation: popIn 0.3s ease-out; */
  animation: popIn 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(.5);
  }
  100% {
    opacity: 1;
  }
}

.example-header {
  text-transform: uppercase;
  font-size: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.rec {
  color: #d00;
  animation: recBlink 2s infinite;
  margin-right: 10px;
  line-height: 0;
  font-size: 130%;
  margin-bottom: 0.2em;
}

@keyframes recBlink {
  0% {
    opacity: 1;
  }
  /* 40% { opacity: 1; } */
  50% {
    opacity: 0.2;
  }
  /* 90% { opacity: .4; } */
}