.c-universal-slider {
overflow: hidden;
}
.c-universal-slider.is-loading {
background-color: var(--slider-bg);
}
.c-universal-slider.is-loading > * {
visibility: hidden;
}
.c-universal-slider.is-loading .c-universal-slider__spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
visibility: visible;
}
.c-universal-slider:not(.is-loading) .c-universal-slider__spinner {
display: none;
}
.c-universal-slider .swiper-slide {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-shrink: 0;
width: 100%;
background-color: var(--wp--preset--color--white);
}
.c-universal-slider .swiper-slide > .wp-block-group {
width: 100%;
}
.c-universal-slider .swiper-slide > .wp-block-group > .wp-block-columns {
height: 100%;
}
.c-universal-slider .swiper-button-prev::after,
.c-universal-slider .swiper-button-next::after {
display: none;
}
.c-universal-slider .swiper-button-prev,
.c-universal-slider .swiper-button-next {
display: block;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
}
.c-universal-slider .swiper-button-prev {
left: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41'%3E%3Cpath id='Path_22100' data-name='Path 22100' d='M20.5,0A20.5,20.5,0,1,1,0,20.5,20.5,20.5,0,0,1,20.5,0Z'%3E%3C/path%3E%3Cg id='Group_14712' data-name='Group 14712' transform='translate(731.579 -659) rotate(90)'%3E%3Crect id='Rectangle_3489' data-name='Rectangle 3489' width='3' height='14' transform='translate(678 703)' fill='%23fff'%3E%3C/rect%3E%3Crect id='Rectangle_3490' data-name='Rectangle 3490' width='3' height='13' transform='translate(686.536 708.843) rotate(45)' fill='%23fff'%3E%3C/rect%3E%3Crect id='Rectangle_3491' data-name='Rectangle 3491' width='3' height='13' transform='translate(681.657 718.036) rotate(135)' fill='%23fff'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
}
.c-universal-slider .swiper-button-next {
right: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41'%3E%3Cg id='Component_48_2' data-name='Component 48 – 2' transform='translate(41 41) rotate(180)'%3E%3Ccircle id='Ellipse_851' data-name='Ellipse 851' cx='20.5' cy='20.5' r='20.5'%3E%3C/circle%3E%3Cg id='Group_14712' data-name='Group 14712' transform='translate(731.579 -659) rotate(90)'%3E%3Crect id='Rectangle_3489' data-name='Rectangle 3489' width='3' height='14' transform='translate(678 703)' fill='%23fff'%3E%3C/rect%3E%3Crect id='Rectangle_3490' data-name='Rectangle 3490' width='3' height='13' transform='translate(686.536 708.843) rotate(45)' fill='%23fff'%3E%3C/rect%3E%3Crect id='Rectangle_3491' data-name='Rectangle 3491' width='3' height='13' transform='translate(681.657 718.036) rotate(135)' fill='%23fff'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width: 1330px) {
.c-universal-slider .swiper-button-prev {
left: calc(50% - (var(--wp--style--global--content-size) / 2) - 1.25rem);
}
.c-universal-slider .swiper-button-next {
left: calc(50% + (var(--wp--style--global--content-size) / 2) - 1.25rem);
}
}
.c-universal-slider .swiper-pagination-bullet {
width: 11px;
height: 11px;
margin: 3px;
background-color: #cccccc;
}
.c-universal-slider .swiper-pagination-bullet-active {
background-color: #333333;
}
.c-universal-slider .swiper-pagination {
margin: 0;
margin-top: 21px;
padding: 0;
list-style: none;
text-align: center;
position: relative;
}