/* Video section - START */
.video-section-wrapper .video-header:not(:last-child){
  margin-bottom: calc(2rem * var(--body-scale));
}
.video-section-wrapper .video-section-player{
  position: relative;
  z-index: 0;
  border-radius: calc(0.22px * var(--layout-radius));
  overflow: hidden;
}
.video-section-wrapper .video-section-player.video-ratio-square{
  aspect-ratio: 1 / 1;
}
.video-section-wrapper .video-section-player.video-ratio-portrait{
  aspect-ratio: 4 / 5;
}
.video-section-wrapper .video-section-player.video-ratio-landscape{
  aspect-ratio: 5 / 4;
}
.video-section-wrapper .video-section-player.video-ratio-wide{
  aspect-ratio: 16 / 9;
}
.video-section-wrapper .video-section-player.video-ratio-extra-wide{
  aspect-ratio: 21 / 9;
}

.video-section-wrapper .video-poster{
  width: 100%;
  height: 100%;
  background-color: rgb(var(--primary-background));
}
.video-section-wrapper .video-poster.hidden{
  display: none;
}
.video-section-wrapper .video-poster img,
.video-section-wrapper .video-poster svg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: rgb(var(--secondary-background) / 0.3);
}
.video-section-wrapper video,
.video-section-wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video-section-wrapper .video-section-player.show-background video,
.video-section-wrapper .video-section-player.show-background iframe{
  background-color: #000;
}
.video-section-wrapper .video-play-button{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: transparent;
  z-index: 2;
}
.video-section-wrapper .video-play-button .icon-btn{
    border-radius: calc(0.22px * var(--button-radius));
  }
@media(min-width: 1200px){
  .video-section-wrapper .video-play-button .icon-btn{
    border-radius: calc(0.32px * var(--button-radius));
    padding: calc(1rem * var(--body-scale));
  }
  .video-section-wrapper .video-play-button .icon-btn svg{
    width: calc(2rem * var(--body-scale));
    height: calc(2rem * var(--body-scale));
  }
}
/* Video section - END */