/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-scroll-slider/block-scroll-slider.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.scroll-slider {
  padding: 10px 0; }
  .scroll-slider_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
  .scroll-slider_outer {
    will-change: transform; }
  .scroll-slider_slider {
    position: relative;
    overflow: hidden;
    height: 560px;
    user-select: none;
    width: 100%; }
    @media screen and (max-width: 1250px) {
      .scroll-slider_slider {
        height: 400px; } }
    @media screen and (max-width: 750px) {
      .scroll-slider_slider {
        height: 300px; } }
    .scroll-slider_slider-inner {
      position: absolute;
      z-index: 4;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      will-change: transform; }
  .scroll-slider_slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    width: 100%; }
    .scroll-slider_slide img {
      width: 560px;
      height: 560px;
      object-fit: cover; }
      @media screen and (max-width: 1250px) {
        .scroll-slider_slide img {
          width: 400px;
          height: 400px; } }
      @media screen and (max-width: 750px) {
        .scroll-slider_slide img {
          height: 300px;
          width: 300px; } }