:root {
   --swiper-theme-color: var(--theme-palette-color-1);
   /* --swiper-pagination-bullet-size: 16px; */
   --swiper-pagination-bottom: 0;
   --swiper-scrollbar-border-radius: 10px;
   --swiper-scrollbar-top: auto;
   --swiper-scrollbar-bottom: auto;
   --swiper-scrollbar-left: auto;
   --swiper-scrollbar-right: auto;
   --swiper-scrollbar-sides-offset: 0%;
   --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
   --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
   --swiper-scrollbar-size: 4px;
}

.new-version .swiper-container {
   width: initial;
   position: relative;
}

.new-version .swiper-wrapper .swiper-slide {
   height: auto !important;
}

.new-version .swiper-wrapper .swiper-slide article {
   height: 100%;
   display: flex;
   flex-direction: column;
   flex: 1;
   --card-inner-spacing: 0;
}


.new-version .swiper-navigation {
   display: flex;
   align-items: center;
   justify-content: var(--swipeaslider-navigation-justify, space-between);
   position: absolute;
   left: 0;
   right: 0;
   z-index: 10;
   top: var(--swipeaslider-navigation-top, 50%);
   bottom: var(--swipeaslider-navigation-bottom, auto);
   transform: var(--swipeaslider-navigation-transform, translateY(-50%));
   gap: var(--swipeaslider-navigation-gap, 12px);
   margin: var(--swipeaslider-navigation-margin, 0);
   margin-left: var(--swipeaslider-navigation-margin-left, 0);
   margin-right: var(--swipeaslider-navigation-margin-right, 0);
   margin-top: var(--swipeaslider-navigation-margin-top, 0);
   margin-bottom: var(--swipeaslider-navigation-margin-bottom, 0);
   max-width: var(--swipeaslider-navigation-max-width, initial) !important;
   width: var(--swipeaslider-navigation-width, auto) !important;
   pointer-events: none;
}

.new-version .swiper-container.swiper-navigation-disabled~.swiper-navigation {
   display: none;
}

.new-version .swiper-pagination {
   /* position: relative; */
   pointer-events: none;
   text-align: var(--swipeaslider-pagination-align, center);
   transform: var(--swipeaslider-pagination-transform, none);
}

.new-version .pagination-attached-to-arrows .swiper-pagination {
   position: relative !important;
   ;
}

.new-version .pagination-attached-to-arrows:empty {
   display: none;
}

.new-version .swiper-pagination .swiper-pagination-bullet {
   pointer-events: auto;
}

.new-version .swiper-button-next,
.new-version .swiper-button-prev {
   position: relative;
   left: auto;
   right: auto;
   top: auto;
   bottom: auto;
   margin-top: auto;
   pointer-events: auto;
   color: var(--swiper-navigation-color, #fff);
   background-color: var(--swiper-navigation-bg-color, var(--theme-button-background-initial-color, #000));
   border-radius: var(--swipeaslider-navigation-button-radius, 50%);
   border-width: var(--swipeaslider-navigation-button-border-width, 0);
   border-style: var(--swipeaslider-navigation-button-border-style, solid);
   border-color: var(--swipeaslider-navigation-button-border-color, transparent);
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.new-version .swiper-navigation .swiper-button-prev {
   transform: translateX(var(--swipeaslider-navigation-prev-offset, 0));
}

.new-version .swiper-navigation .swiper-button-next {
   transform: translateX(var(--swipeaslider-navigation-next-offset, 0));
}

.new-version .has-custom-navigation .swiper-button-next::after,
.new-version .has-custom-navigation .swiper-button-prev::after {
   display: none;
}

.new-version .swiper-navigation svg {
   width: var(--swipeaslider-navigation-icon-size, 20px);
   height: var(--swipeaslider-navigation-icon-size, 20px);
}

.new-version.swiper-container-wrapper {
   margin-bottom: var(--swipeaslider-wrapper-margin-bottom, 0);
}

.new-version.swiper-container-wrapper .swiper-container {
   overflow: var(--swipeaslider-container-overflow, hidden);
   margin: var(--swipeaslider-container-margin, 0);
   margin-left: var(--swipeaslider-container-margin-left, 0);
   margin-right: var(--swipeaslider-container-margin-right, 0);
   margin-top: var(--swipeaslider-container-margin-top, 0);
   margin-bottom: var(--swipeaslider-container-margin-bottom, 0);
}

.new-version.swiper-container-wrapper .swiper-slide:not(.swiper-slide-visible) {
   opacity: var(--swipeaslider-out-of-range-opacity, 1);
}

.new-version .swiper-free-mode>.swiper-wrapper {
   transition-timing-function: linear;
}

.new-version .swiper-scrollbar {
   position: relative !important;
   margin-top: 10px;
   margin-bottom: 10px;
   background-color: var(--swipeaslider-scrollbar-color, rgba(0, 0, 0, 0.1));
}

.new-version .swiper-scrollbar-drag {
   background-color: var(--swipeaslider-scrollbar-drag-color, rgba(0, 0, 0, 0.25));
}

.new-version .swiper-slide-video-toggle {
   position: absolute;
   bottom: 0;
   right: 0;
   transform: translate(-50%, -50%);

   color: #fff;

   border-radius: 4px;
   cursor: pointer;
   z-index: 10;
}

.stk-block.hide-if-slider-empty:has(* .swiper-wrapper):not(:has(* .swiper-wrapper>*)) {
   display: none;
}

.new-version .swiper-pagination-bullet {
   transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
   width: var(--swipeaslider-pagination-bullet-size, 8px);
   height: var(--swipeaslider-pagination-bullet-size, 8px);
   border-radius: var(--swipeaslider-pagination-bullet-size, 8px);
   background: var(--swipeaslider-pagination-bullet-color, #ccc);
}

.new-version .swiper-pagination-bullet.swiper-pagination-bullet-active {
   width: var(--swipeaslider-pagination-active-bullet-size, 24px);
   background: var(--swipeaslider-pagination-active-bullet-color, #000);
}

.stk-block.hide-if-slider-empty:has(* .swiper-wrapper):not(:has(* .swiper-wrapper>*)) {
   display: none;
}


.new-version.equalise-columns .swiper-slide.entries article>div {
   display: flex;
   height: 100%;
}

.new-version.equalise-columns .swiper-slide.entries article .stk-block-columns {
   display: flex;
   height: 100%;
}

.new-version.equalise-columns .swiper-slide.entries>article .stk-block-columns {
   display: flex;
   flex: 1;
}

.new-version.equalise-columns .swiper-slide.entries>article .stk-column-wrapper {
   display: flex;
}

.new-version :is(.swiper-button-prev, .swiper-button-next) {
   position: relative !important;
   width: var(--swiper-navigation-size) !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
   content: "" !important;
}