:root {
  --mainColor: #0063c8;
  --contrastColor: #000;
  --contrastColorRGB: 0, 0, 0;
  --contrastColorInverted: #fff;
  --baseTransition: all .3s ease-in-out;
  --baseWidth: 92%;
  --maxWidthBig: 1500px;
}

.px-textimages-slider {
  position: relative;
  container-type: inline-size;
}
.px-textimages-slider .px-textimages-inner {
  margin: 0 auto;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .px-textimages-slider .px-textimages-inner {
    max-width: 80%;
  }
}
.px-textimages-slider figure.wp-block-image {
  width: 100%;
}
.px-textimages-slider .swiper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 768px) {
  .px-textimages-slider .swiper {
    gap: 20px;
  }
}
.px-textimages-slider .textimages-slider-single {
  padding: 0 100px;
  box-sizing: border-box;
}
.px-textimages-slider .swiper-wrapper {
  align-items: stretch;
}
.px-textimages-slider .swiper-slide {
  height: auto;
}
.px-textimages-slider .swiper-slide:not(.swiper-slide-active) .content {
  transform: translateX(10vw);
  opacity: 0;
}
.px-textimages-slider .swiper-slide.swiper-slide-active .content {
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.px-textimages-slider .swiper-slide .text:not(.has-icon) {
  overflow: hidden;
}
.px-textimages-slider .navButton {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-bottom: 30px;
}
.px-textimages-slider .slide-counter {
  white-space: nowrap;
  min-width: clamp(40px, 2.7vw, 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.px-textimages-slider .slide-counter,
.px-textimages-slider .btn-prev,
.px-textimages-slider .btn-next {
  background-color: var(--contrastColorInverted);
  box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  height: clamp(40px, 2.7vw, 50px);
}
.px-textimages-slider .btn-prev,
.px-textimages-slider .btn-next {
  pointer-events: all;
  width: clamp(40px, 2.7vw, 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--baseTransition);
  border: none;
  z-index: 99;
  cursor: pointer;
}
.px-textimages-slider .btn-prev::after,
.px-textimages-slider .btn-next::after {
  content: "";
  display: inline-block;
  background-color: var(--contrastColor);
  mask-image: url("../img/arrow.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  width: calc(clamp(40px, 2.7vw, 50px) * 0.375);
  height: calc(clamp(40px, 2.7vw, 50px) * 0.375);
  transition: var(--baseTransition);
}
.px-textimages-slider .btn-prev:hover,
.px-textimages-slider .btn-next:hover {
  background-color: var(--main-color);
}
.px-textimages-slider .btn-prev:hover::after,
.px-textimages-slider .btn-next:hover::after {
  background-color: var(--contrastColorInverted);
}
.px-textimages-slider .btn-next::after {
  transform: rotate(180deg);
}

.wp-block-columns .textimages-slider,
.px-frame-layout .textimages-slider,
.accordion-content .textimages-slider,
.tab_wrapper .textimages-slider {
  width: 100%;
}

.editor-styles-wrapper .px-textimages-slider .content {
  transform: translateX(0) !important;
  opacity: 1 !important;
}