#audios {
  display: none;
}

#channel_alert:empty {
  display: none;
}
#channel_alert p {
  font-weight: bold;
  text-align: center;
}

#histroy-mask {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  background: #8e8e8e;
}
#histroy-mask button {
  padding: 0.25em 0.5em;
  border-radius: 5px;
  background: white;
}
#histroy-mask button:hover {
  background: #f3f3f3;
}

#histroy {
  display: grid;
  grid-template-columns: 12em 1fr;
  gap: 10px 15px;
  width: 100%;
  max-height: 80vh;
  padding: 10px;
  overflow-y: scroll;
}
#histroy > article {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  padding: 5px 10px;
  border-radius: 10px;
}
#histroy > article.attention {
  animation: attention 0.75s alternate infinite;
}
@keyframes attention {
  0% {
    background: #fbecec;
  }
  100% {
    background: #fddada;
  }
}

/*# sourceMappingURL=application.css.map */