/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/blocks/logo-slider/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.logo-slider {
  background-color: whitesmoke;
}
.logo-slider__wrapper {
  width: 100%;
}
@media screen and (max-width: 499px) {
  .logo-slider__wrapper {
    position: relative;
  }
}
.logo-slider__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(20px, clamp(20px, 20px + 1.212vw - 4.545px, 30px), 30px);
}
.logo-slider__heading-wrapper {
  display: flex;
  align-items: center;
  gap: clamp(15px, clamp(15px, 15px + 0.606vw - 2.2725px, 20px), 20px);
}
@media screen and (max-width: 499px) {
  .logo-slider__heading-wrapper {
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (max-width: 499px) {
  .logo-slider__button-wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (max-width: 781px) {
  .logo-slider .wp-block-button {
    margin: 0 auto;
  }
}
.logo-slider__heading {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.2;
  color: #35435f;
  margin: 0;
  letter-spacing: 0.44px;
}
.logo-slider__pause-btn {
  width: 45px;
  height: 45px;
  border: 1px solid #35435f;
  border-radius: 50px;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.logo-slider__pause-btn:hover {
  background-color: #E8E8E8;
}
.logo-slider__pause-icon {
  width: 13px;
  height: 13px;
  position: relative;
  transition: all 0.3s ease;
}
.logo-slider__pause-icon--pause::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2215%22%20viewBox%3D%220%200%2010%2015%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9%201L9%2014%22%20stroke%3D%22%2335435F%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.41797%201L1.41797%2014%22%20stroke%3D%22%2335435F%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  display: block;
  width: 12px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.logo-slider__pause-icon--play::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3%202.5L10%206.5L3%2010.5V2.5Z%22%20fill%3D%22%2335435F%22%2F%3E%3C%2Fsvg%3E");
  display: block;
  width: 13px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.logo-slider__content {
  height: 111px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.logo-slider__track {
  display: flex;
  align-items: center;
  gap: clamp(60px, clamp(65px, 65px + 6.667vw - 25.00125px, 120px), 100px);
  height: 100%;
  will-change: transform;
  position: absolute;
  left: 7px;
  top: 0;
}
.logo-slider__blur-left, .logo-slider__blur-right {
  position: absolute;
  top: 0;
  width: 58px;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
.logo-slider__blur-left {
  left: 0;
  background: linear-gradient(90deg, rgba(245, 245, 245, 0.57) 0%, rgba(245, 245, 245, 0) 94.048%);
  filter: blur(2px);
}
.logo-slider__blur-right {
  right: 0;
  background: linear-gradient(270deg, rgba(245, 245, 245, 0.57) 0%, rgba(245, 245, 245, 0) 94.048%);
  filter: blur(2px);
}

/*# sourceMappingURL=style-index.css.map*/