@layer mf-lib {
  .mf-hslider-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    user-select: none;
  }
  .mf-hslider-wrapper * {
    user-select: none;
  }
  .mf-hslider {
    display: flex;
    width: 100%;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 100%;
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .mf-hslider:not(.js_in_work) {
    scroll-snap-type: x mandatory;
  }
  .mf-hslider::-webkit-scrollbar {
    display: none;
  }
  .mf-hslider .single-slide {
    width: 100%;
    height: 100%;
    min-width: 100%;
    scroll-snap-align: end;
    overflow: hidden;
    scroll-snap-stop: always;
  }
  .mf-hslider .single-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.4rem 0.4rem 0 0;
  }
  .hslider-dots {
    display: none;
  }
  @media (max-width: 1023px) {
    .hover-block {
      display: none;
    }
    .hslider-dots {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      display: flex;
    }
    .hslider-dots > * {
      display: flex;
      width: 100%;
      height: 3px;
      border-radius: 99px;
      margin: 0 2px;
      background: var(--color-gray);
    }
    .hslider-dots > *:first-child {
      margin-left: 0;
    }
    .hslider-dots > *:last-child {
      margin-right: 0;
    }
    .hslider-dots > *.current {
      background: var(--color-gray);
    }
  }
  @media (min-width: 1024px) {
    .mf-hslider .single-slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: all 0.15s linear;
    }
    .mf-hslider .single-slide img {
      padding: 0;
    }
    .hover-block {
      width: 100%;
      position: relative;
      z-index: 1;
      cursor: pointer;
    }
    .hover-block::after {
      content: "";
      display: block;
      width: calc(100% - 4px);
      height: 3px;
      background-color: var(--color-gray);
      position: absolute;
      bottom: 0;
      left: 2px;
    }
    .hover-block:first-child::after {
      left: 0;
      width: calc(100% - 2px);
    }
    .hover-block:nth-last-child(2)::after {
      width: calc(100% - 2px);
    }
    .hover-block:hover + .single-slide {
      opacity: 1 !important;
    }
    .hover-block:hover + .single-slide .mf-iframe-video-container-image [class*=ico-] {
      transform: scale(1.05);
      opacity: 1;
    }
    .hover-block:hover::after,
    .mf-hslider:not(:hover) .hover-block:first-child::after {
      background-color: #fff;
    }
    .hover-block:nth-child(n+2) + .single-slide,
    .mf-hslider:hover .hover-block:not(:hover) + .single-slide {
      opacity: 0;
      pointer-events: none;
    }
    .mf-hslider.iframe-active .single-slide.current {
      opacity: 1 !important;
      pointer-events: all !important;
    }
  }
}

/*# sourceMappingURL=mf-hslider.css.map */