.audio-demo-table > div {
  transition: background-color 0.5s ease-out;
  padding: 0.4em 2em;
  margin: 0;
  /*&.demo:hover*/
  /*&.selected a
  * color: white*/
}
.audio-demo-table > div.demo audio {
  margin: 1em 0;
  width: 100%;
}
.audio-demo-table > div.demo:hover a {
  text-decoration: underline;
}
.audio-demo-table > div div.comment {
  padding: 5px 2.3em;
  font-style: italic;
  color: gray;
}
.audio-demo-table > div.odd {
  background-color: #F0F0F0;
}
.audio-demo-table > div.even {
  background-color: #FAFAFA;
}
.audio-demo-table > div.separator {
  text-align: center;
  background-color: white;
  font-weight: bold;
  border-top: 1px black solid;
}
.audio-demo-table > div:first-child {
  border-top: none;
}
.audio-demo-table > div.demo:not(.selected):hover {
  background-color: #DDDDDD;
}
.audio-demo-table a {
  color: black;
}
.audio-demo-table a:hover {
  color: black;
  text-decoration: none;
}
.audio-demo-table span.name {
  font-style: italic;
}
.audio-demo-table header {
  position: relative;
  z-index: 1;
  padding: 1em;
  font-size: 100%;
  text-align: justify;
  column-rule-color: white;
  column-rule-style: dotted;
  -moz-column-rule-color: white;
  -moz-column-rule-style: dotted;
  -webkit-column-rule-color: white;
  -webkit-column-rule-style: dotted;
}
.audio-demo-table footer {
  padding: 1em;
  font-size: 90%;
}
.audio-demo-table footer a {
  font-weight: bold;
  color: white;
  cursor: pointer;
}
.audio-demo-table footer a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 576px) {
  .audio-demo-table .listen {
    flex: none;
    max-width: none;
  }
  .audio-demo-table .preset {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .audio-demo-table .row {
    padding: 0.5em 0;
  }
}

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