.paragraph-type--video .paragraph-content .playlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
  grid-gap: 1rem;
}
.paragraph-type--video .paragraph-content .playlist a {
  display: block;
  position: relative;
  background-color: #f5f5f0;
}
.paragraph-type--video .paragraph-content .playlist a:before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath opacity='0.6' d='M 0 20 C 0 8.9541 8.9542 0 20 0 C 31.0458 0 40 8.9541 40 20 C 40 31.0459 31.0458 40 20 40 C 8.9542 40 0 31.0459 0 20 Z' fill='%23007398'/%3E %3Cpath d='M 16 13.3335 L 27.1111 20 L 16 26.6665 L 16 13.3335 Z' fill='%23fff'/%3E %3C/svg%3E");
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
}
.paragraph-type--video .paragraph-content .playlist a img {
  opacity: 0.4;
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
}
.paragraph-type--video .paragraph-content .playlist a:hover img,
.paragraph-type--video .paragraph-content .playlist a:focus img {
  opacity: 0.75;
}
.paragraph-type--video .paragraph-content .playlist a[aria-current] {
  pointer-events: none;
}
.paragraph-type--video .paragraph-content .playlist a[aria-current] img {
  opacity: 1;
}
.paragraph-type--video .paragraph-content .playlist a[aria-current]:before {
  opacity: 0;
}


/*# sourceMappingURL=autry-paragraph-video.library.css.map*/