.content-slider {
  width: var(--baseWidth);
  max-width: var(--maxWidthBig);
  margin: 0 auto;
  position: relative;
  container-type: inline-size;
}
.content-slider:has(.valuation) {
  width: 100%;
  max-width: 1338px;
}
.content-slider:has(.valuation) .informations {
  margin: 0 auto clamp(1.6666666667rem, 1.3213213213rem + 1.9425675676vw, 2.9444444444rem);
}
.content-slider:has(.product) .informations {
  margin: 0 auto clamp(1.6666666667rem, 1.1711711712rem + 2.7871621622vw, 3.5rem);
}
.content-slider .informations {
  width: fit-content;
  text-align: center;
  max-width: 50%;
}
.content-slider .informations .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}
.content-slider .informations .icon img {
  max-height: 110px;
  width: auto;
}
.content-slider figure.wp-block-image {
  width: 100%;
}
.content-slider .splide__track {
  margin: 0 auto;
  z-index: 1;
  padding-bottom: 10px;
}
.content-slider .splide__track:has(.product) {
  max-width: calc(1130px + 2 * 12px);
}
.content-slider .splide__track .splide__list {
  gap: 10px;
  padding: 0 20px !important;
}
.content-slider .splide__track .splide__list .splide__slide > div, .content-slider .splide__track .splide__list .splide__slide > div > div, .content-slider .splide__track .splide__list .splide__slide > div > div > div, .content-slider .splide__track .splide__list .splide__slide > div > div > div > div {
  height: 100%;
}
.content-slider .splide__arrows {
  position: absolute;
  bottom: 50%;
  left: 0;
  translate: 0 -50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 0;
  padding: 0 77px;
  pointer-events: visible;
}
@container (width <=1420px) {
  .content-slider .splide__arrows {
    padding: unset;
  }
}
@container (width <=1420px) {
  .content-slider .splide__arrows {
    bottom: 0;
    height: 20px;
    left: 50%;
    translate: -50% -50%;
    width: var(--baseWidth);
    max-width: var(--reducedInfoWidth);
  }
}
.content-slider .splide__arrows .splide__arrow {
  z-index: 4;
  pointer-events: all;
  position: relative;
  top: auto;
  transform: none;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid var(--secondColor);
  background-color: transparent;
  opacity: 1;
  transition: var(--baseTransition);
}
@container (width <=1420px) {
  .content-slider .splide__arrows .splide__arrow {
    border: unset;
  }
}
.content-slider .splide__arrows .splide__arrow::before {
  content: "";
  display: inline-block;
  width: 49px;
  height: 49px;
  background-color: var(--secondColor);
  mask: url("../../img/splide_arrow.svg") no-repeat center/20px auto;
  position: absolute;
  top: 0;
  left: 0;
  transition: var(--baseTransition);
}
.content-slider .splide__arrows .splide__arrow svg {
  display: none;
}
.content-slider .splide__arrows .splide__arrow.splide__arrow--prev {
  left: auto;
}
.content-slider .splide__arrows .splide__arrow.splide__arrow--prev::before {
  rotate: -180deg;
}
.content-slider .splide__arrows .splide__arrow.splide__arrow--next {
  right: auto;
}
.content-slider .splide__arrows .splide__arrow:hover {
  border-color: var(--mainColor);
}
.content-slider .splide__arrows .splide__arrow:hover::before {
  background-color: var(--mainColor);
}
.content-slider.bottom-arrows li[role="presentation"] .splide__arrow {
  position: unset;
  transform: unset;
  content: "";
  display: inline-block;
  width: 49px;
  height: 49px;
  background-color: var(--secondColor);
  mask: url("../../img/splide_arrow.svg") no-repeat center/20px auto;
  transition: var(--baseTransition);
  opacity: 1;
}
.content-slider .arrows {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 49px;
}
.content-slider .arrows > li {
  list-style: none;
  height: 100%;
}
.content-slider .arrows li[role="presentation"] .splide__arrow {
  display: unset;
  position: unset;
  height: 100%;
  transform: unset;
}
.content-slider .arrows .splide__pagination {
  height: 49px;
  bottom: 0;
}
.content-slider .splide__pagination {
  position: relative;
}
.content-slider .splide__pagination li {
  margin: 0 4px;
  line-height: 10px;
  display: block;
  padding: 0;
}
.content-slider .splide__pagination li button {
  width: 10px;
  height: 10px;
  display: block;
  line-height: 10px;
  background-color: var(--contrastColorInverted);
  border-radius: 50px;
  border: 1px solid var(--mainColor);
  outline: none;
  cursor: pointer;
  transform: none;
  padding: 0;
  transition: var(--baseTransition);
  opacity: 1;
  box-shadow: 0 2px 15px 0 rgba(var(--contrastColorRGB), 0.1);
}
.content-slider .splide__pagination li button.is-active {
  background-color: var(--secondColor);
  border: 1px solid var(--secondColor);
  width: 25px;
}
li[role="presentation"]:has(.splide__arrow--next) {
  order: 99;
  padding-left: clamp(0rem, -0.9009009009rem + 5.0675675676vw, 3.3333333333rem);
  position: relative;
}
li[role="presentation"]:has(.splide__arrow--prev) {
  padding-left: clamp(0rem, -0.9009009009rem + 5.0675675676vw, 3.3333333333rem);
  rotate: 180deg;
  position: relative;
}