/*
* MEDIA QUERIES
* Breakpoints for responsive sites
*/
#video-ajax-tabs {
  display: flex;
  gap: 1rem;
}
@media (max-width: 767px) {
  #video-ajax-tabs {
    flex-wrap: wrap;
  }
}
#video-ajax-tabs .video-tabs {
  width: 33.3333333333%;
  border-right: 1px solid #ccc;
  padding-right: 1rem;
}
@media (max-width: 767px) {
  #video-ajax-tabs .video-tabs {
    width: 100%;
  }
}
#video-ajax-tabs .video-tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: calc(37.50001875vw - 3.125rem);
  overflow-y: scroll;
}
@media (max-width: 767px) {
  #video-ajax-tabs .video-tabs ul {
    height: 400px;
  }
}
#video-ajax-tabs .video-tabs ul li {
  margin-bottom: 0.5rem;
  padding: 15px 0;
}
#video-ajax-tabs .video-tabs ul li:not(:last-child) {
  border-bottom: 1px solid rgba(221, 221, 221, 0.8666666667);
}
#video-ajax-tabs .video-tabs ul li a {
  text-decoration: none;
  color: var(--wp--preset--color--secondary);
  cursor: pointer;
}
#video-ajax-tabs .video-tabs ul li a:hover {
  opacity: 0.7;
}
#video-ajax-tabs .video-tabs ul li a.active {
  color: var(--wp--preset--color--primary);
}
#video-ajax-tabs .video-content {
  height: 100%;
  width: 66.6666666667%;
  background-color: rgba(221, 221, 221, 0.8666666667);
  padding: 0;
  aspect-ratio: 16/9;
}
@media (max-width: 767px) {
  #video-ajax-tabs .video-content {
    width: 100%;
  }
}
#video-ajax-tabs .video-content iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}/*# sourceMappingURL=block-video-embed.css.map */