.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body { color: #677;
  background: #333333;
  font-family: sans-serif;
  line-height: 1.4;
  margin: 0;
  font-size: 14px;}

a { color: #566;
  text-decoration: none; }
a:hover { background: #eee;}

img {
  display: block;
}

table {
  width: auto;
}
th, td {
  text-align: left;
}

iframe {
  display: block;
  border: 0;
}


/* - library */
.library__title {
  text-align: center;
}

.library__items {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-end;
}

.library-item {
  margin: 0.5rem;
  padding: 0.5rem;
  width: calc(400px + 2rem);
  transition: all 300ms;
}

.library-item:hover {
  /*box-shadow: 0 19px 38px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 22%);*/
  box-shadow: 0 19px 38px rgba(254, 232, 0, 0.10), 0 15px 12px rgba(254, 232, 0, 0.05);
}

.library-item__mixcloud {
  height: 120px;
  background: #252A2C;
}

.library-item__mixcloud iframe {
  width: 100%;
  height: 100%;
}

.library-item__art {
  background: #252A2C;
}

.library-item__art img {
  width: auto;
  height: 120px;
}

.library-item__title {
  /* has the visually-hidden class */
}

.library-item__data-table {
}

.library-item__download {
  display: block;
  margin-top: 0.5rem;
  padding: 0.5rem;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 300ms;
  border:0.0125rem solid #FEE800;
  text-align: center;
  background: #252A2C;
  color: #FEE800;
}

.library-item__download:hover,
.library-item__download:active {
  background: #FEE800;
  color: #252A2C;
}


/* - data table */
.data-table {
  width: 100%;
  background: #3F4446;
}

.data-table td {
  padding: 0.25rem;
  background: #252A2C;
  color: #D1D1D1;
}
.data-table td:nth-child(1) {
}
.data-table td:nth-child(2) {
  width: 100%;
}