@charset "utf-8";

/* SLIDER STYLES */
.wp-theme-mywp .splide {
	padding-bottom: 2rem;
	}
.wp-theme-mywp .splide .splide__arrow--prev {
	left: 1rem;
	}
.wp-theme-mywp .splide .splide__arrow--next {
	right: 1rem;
	}
.wp-theme-mywp .splide .splide__arrow {
	background: var(--background-reverse);
	height: 2rem;
	opacity: 0;
	transition: opacity var(--animation-duration) var(--animation-easing);
	width: 2rem;
	}
.wp-theme-mywp .splide .splide__arrow:disabled {
	opacity: 0;
	}
.wp-theme-mywp .splide .splide__arrow svg {
	fill: var(--color-reverse);
	height: 1em;
	transition: fill var(--animation-duration) var(--animation-easing);
	width: 1em;
	}
.wp-theme-mywp .splide__arrow:focus-visible {
	outline-color: var(--color-focus);
	outline-offset: 2px;
	}
.wp-theme-mywp .splide .splide__pagination {
	bottom: 0;
	opacity: 0.5;
	padding: 0 1em;
	transition: opacity var(--animation-duration) var(--animation-easing);
	z-index: 1;
	}
.wp-theme-mywp .splide .splide__pagination li {
	display: inline-block;
	}
.wp-theme-mywp .splide .splide__pagination__page {
	background: var(--background-divider);
	border-radius: 4px;
	height: 8px;
	margin: 3px;
	opacity: 1;
	transition: width var(--animation-duration) var(--animation-easing);
	transition-property: width, background;
	width: 8px;
	}
.wp-theme-mywp .splide .splide__pagination__page.is-active {
	background: var(--color-dimmed);
	transform: none;
	width: 24px;
	}
@media (hover: hover) and (pointer: coarse), (hover: hover) and (pointer: fine) {
	.wp-theme-mywp .splide:hover .splide__arrow {
		opacity: 0.5;
		}
	.wp-theme-mywp .splide:hover .splide__arrow:disabled {
		opacity: 0.1;
		}
	.wp-theme-mywp .splide .splide__arrow:hover {
		background: var(--color-button);
		opacity: 1;
		}
	.wp-theme-mywp .splide .splide__arrow:hover svg {
		fill: var(--color-button-text);
		}
	.wp-theme-mywp .splide:hover .splide__pagination {
		opacity: 1;
		}
	.wp-theme-mywp .splide .splide__pagination__page:hover,
	.wp-theme-mywp .splide .splide__pagination__page.is-active:hover {
		background: var(--color-button);
		opacity: 1;
		}
}