/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/custom/testimonial-carousel/style.css ***!
  \*************************************************************************************************************************************************************************************************************/
/** ======================
 ** CAROUSEL STYLES
 ** ==================== */
.testimonial-carousel {
	margin-block: var(--wp--preset--spacing--50);
}

.testimonial-carousel__list {
	display: flex;
	flex-direction: row;
}

/** ======================
 ** SPLIDE GENERAL
 ** ==================== */

.testimonial-carousel .splide {
	display: grid;
	align-items: center;
	isolation: isolate;
}

.testimonial-carousel .splide > .splide__arrows {
	grid-area: 1 / 1;
}

/** ======================
 ** SPLIDE ARROWS
 ** ==================== */

.testimonial-carousel .splide__arrows {
	display: flex;
	justify-content: space-between;
	width: calc(var(--wp--custom--wide-size) - 3rem);
	margin-inline: auto;

	z-index: 999;
}

.testimonial-carousel .splide__arrow {
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3rem;
	width: 3rem;
}

.testimonial-carousel .splide__arrow--prev {
	transform: rotate(180deg);
}

/** ======================
 ** SPLIDE PAGINATION
 ** ==================== */

.testimonial-carousel .splide__pagination {
	display: flex;
	flex-direction: row;
	justify-content: center;

	padding: 0;
	margin-top: var(--wp--preset--spacing--20);
}

.testimonial-carousel .splide__pagination__page {
	background: none;
	border: none;

	cursor: pointer;

	height: 0.5rem;
	width: 0.5rem;

	padding: 0.5em;

	aspect-ratio: 1;
	border-radius: 50%;

	background-color: var(--wp--preset--color--grey-light);
}


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