@import "variables";
@import "mixins";

section.video {
  .video-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    picture {
      display: flex;
      justify-content: center;
      max-width: 100%;
      filter: brightness(0.8);
    }
    a.link {
      position: absolute;
      bottom: 0;
      left: 0;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 2rem;
      margin: 3rem;
      color: $white;
      @include bp("sm") {
        margin: 1rem;
      }
    }
    .play-button {
      position: absolute;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      img {
        z-index: 9;
      }
      &::after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: $black;
        opacity: 0.1;
        position: absolute;
        z-index: 1;
      }
    }
  }
}

.glightbox-container .ginner-container input[type="range"] {
  padding: inherit !important;
  border: inherit !important;
  background-color: transparent !important;
}
