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

.component-video-slider {
  .heading {
    margin-bottom: $space-md;
  }
  .video-card {
    picture {
      position: relative;
      display: block;
      &:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba($color: $black, $alpha: 0.5);
        z-index: 0;
        top: 0;
        left: 0;
      }
    }
    .link-play {
      z-index: 1;
      display: flex;
      align-items: center;
      position: absolute;
      transform: translate($space-md, calc(-100% - #{$space-md}));
      color: $white;
      @include bp("sm") {
        transform: translate(15px, calc(-100% - 15px));
      }
      svg {
        margin-right: 2rem;
        rect {
          fill: $col-prm;
        }
      }
    }
  }
}

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