/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/legacy/logo_slider/view.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.logos-block .logos .logo {
  padding: 0px 2rem;
}
.logos-block .logos .logo img {
  max-height: 60px;
  width: auto;
  transition: 0.2s all ease-in;
  margin: 0 auto;
  max-width: 200px;
}
.logos-block .logos .logo.greyscale img {
  transition: 0.2s all ease-in;
  filter: grayscale(1);
  opacity: 0.25;
}
.logos-block .logos .logo.greyscale img:hover {
  opacity: 1;
  filter: none;
}
.logos-block .logos .logo:not(.greyscale) a:hover img {
  opacity: 0.75;
}
.logos-block.logo-grid .logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem 1rem;
}
.logos-block.logo-grid .logos .logo {
  flex: 0 0 calc(25% - 1rem);
  padding: 0px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .logos-block.logo-grid .logos {
    gap: 1rem;
  }
  .logos-block.logo-grid .logos .logo {
    flex: 0 0 calc(50% - 1rem) !important;
  }
  .logos-block.logo-grid .logos .logo img {
    max-width: 150px;
  }
}
@media screen and (max-width: 400px) {
  .logos-block.logo-grid .logos .logo {
    flex: 0 0 100% !important;
  }
}
.logos-block.logo-grid.column-count-3 .logo {
  flex: 0 0 calc(33.3333% - 1rem);
}
.logos-block.logo-grid.column-count-4 .logo {
  flex: 0 0 calc(25% - 1rem);
}
.logos-block.logo-grid.column-count-5 .logo {
  flex: 0 0 calc(20% - 1rem);
}
.logos-block.logo-grid.column-count-6 .logo {
  flex: 0 0 calc(16.66667% - 1rem);
}
.logos-block.logo-animated-slider .logo-slider-row {
  overflow: hidden;
}
.logos-block.logo-animated-slider .logo-slider-row .logos.animation {
  width: auto;
  height: 100px;
  font-size: 0px;
  animation: sliderscroll 40s linear infinite;
}
.logos-block.logo-animated-slider .logo-slider-row .logos .logo {
  display: inline-block;
  width: auto;
  float: none;
  vertical-align: middle;
}
@media screen and (max-width: 782px) {
  .logos-block.logo-animated-slider .logo-slider-row .logos .logo img {
    height: 40px;
  }
  .logos-block.logo-animated-slider .logo-slider-row .logos.animation .logo {
    padding: 0px 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  .logos-block.logo-animated-slider .logo-slider-row .logos .logo img {
    height: 22px;
  }
  .logos-block.logo-animated-slider .logo-slider-row .logos.animation .logo {
    padding: 0px 1rem;
  }
}
.logos-block.logo-manual-slider .slick-track {
  display: flex;
}
.logos-block.logo-manual-slider .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}

/*# sourceMappingURL=view.css.map*/