/* compiled by scssphp 1.6.0 on Fri, 27 Mar 2026 13:08:33 +0000 (0.1005s) */

.video-tabs {
  position: relative;
}
.video-tabs__container {
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: subgrid;
}
.video-tabs .heading {
  margin-block-end: 2rem;
}
@media (min-width: 64rem) {
  .video-tabs .heading {
    margin-block-end: 3rem;
  }
}
.video-tabs__wrapper {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  gap: 1.5rem;
}
.video-tabs__tabpanel {
  height: 100%;
}
.video-tabs__tablist {
  grid-column: 1/-1;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 64rem) {
  .video-tabs__tablist {
    grid-column: 7/-1;
    grid-row: 1;
  }
}
@media (min-width: 85rem) {
  .video-tabs__tablist {
    grid-column: 8/-1;
  }
}
.video-tabs__tab {
  cursor: pointer;
  background-color: transparent;
  border: solid 0.0625rem var(--color-border);
  border-radius: 1.25rem 1.25rem 1.25rem 0;
  padding: 1rem;
  display: grid;
  grid-template-columns: 5rem 1fr;
  grid-template-rows: unset;
  gap: 0 1.5rem;
  color: var(--color-text);
  text-align: left;
  font-size: 1rem;
  font-weight: var(--font-weight--light);
  align-items: center;
}
@media (min-width: 48rem) {
  .video-tabs__tab {
    grid-template-rows: repeat(4, auto);
  }
}
@media (min-width: 64rem) {
  .video-tabs__tab {
    grid-template-columns: 6.25rem 1fr;
    gap: 0 1.5rem;
  }
}
@media (min-width: 85rem) {
  .video-tabs__tab {
    grid-template-columns: 9.25rem 1fr;
    gap: 0 2rem;
  }
}
.video-tabs__tab .focus {
  grid-column: 2;
  grid-row: 1;
  font-size: 1rem;
  font-weight: var(--font-weight--regular);
  color: var(--color-white);
}
@media (min-width: 48rem) {
  .video-tabs__tab .focus {
    grid-row: 2;
  }
}
.video-tabs__tab:hover, .video-tabs__tab:focus-visible, .video-tabs__tab[aria-selected="true"] {
  background-color: var(--color-grey-12);
  border-color: var(--color-grey-12);
}
.video-tabs__thumbnail {
  width: 5rem;
  height: 5rem;
  object-fit: cover;
  order: -1;
  grid-row: 1 / -1;
  grid-column: 1;
  border-radius: 1.125rem;
}
@media (min-width: 64rem) {
  .video-tabs__thumbnail {
    width: 6.25rem;
    height: 5.85rem;
  }
}
@media (min-width: 85rem) {
  .video-tabs__thumbnail {
    width: 9.25rem;
    height: 7.85rem;
  }
}
.video-tabs__content {
  grid-column: 2;
  grid-row: 3;
  display: none;
}
@media (min-width: 48rem) {
  .video-tabs__content {
    display: flex;
  }
}
.video-tabs__content :last-child {
  margin-block-end: 0;
}
.video-tabs__panel-wrapper {
  grid-column: 1/-1;
  grid-row: 1;
}
@media (min-width: 64rem) {
  .video-tabs__panel-wrapper {
    grid-column: 7/1;
    grid-row: 1/-1;
  }
}
@media (min-width: 85rem) {
  .video-tabs__panel-wrapper {
    grid-column: 8/1;
  }
}
.video-tabs .media {
  height: 100%;
}
.video-tabs .media img {
  border-radius: 1.25rem 1.25rem 1.25rem 0;
}
.video-tabs .video__wrapper {
  height: 100%;
}
.video-tabs .video__wrapper.--playing .video__player {
  opacity: 1;
  visibility: visible;
}
.video-tabs .video__wrapper.--playing .video__overlay {
  opacity: 0;
  visibility: hidden;
}
.video-tabs .video__player {
  opacity: 0;
  visibility: hidden;
  position: relative;
}
.video-tabs .video__player > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 1.25rem 1.25rem 1.25rem 0;
}
.video-tabs .video__button {
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: 0 none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.video-tabs .video__button svg {
  inline-size: 1.5rem;
  block-size: 1.5rem;
}
.video-tabs .video__button .button__title {
  display: none;
}
.video-tabs .video__poster img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fvaibs%2Fdomains%2Fvaibs.com%2Fpublic_html%2Fwp-content%2Fthemes%2Fvaibs%2Fsass%2Fsections%2Fvideo-tabs.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAGK%3BAAAA%3BAAAA%3BAAMD%3BAAAA%3BAAAA%3BAAIQ%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAOR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcI%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */