@charset "utf-8";

/* SLICK SLIDER */
	.slick-slider {
		--size: 2.4rem;
		--size-big: calc(var(--size) * 2);
		}
	.slick-prev,
	.slick-next,
	.slick-dots li button {
		background: transparent;
		border: none;
		color: transparent;
		cursor: pointer;
		display: block;
		font-size: 0;
		line-height: 0;
		outline: none;
		}
	.slick-prev,
	.slick-next {
		height: var(--size-big);
		position: absolute;
		top: 50%;
		width: var(--size-big);
		z-index: 50;
		transform: translate(0, -50%);
		}
	.slick-prev::before,
	.slick-next::before,
	.slick-dots li button::before {
		font-family: 'Font Awesome 6 Pro';
		font-weight: 900;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		transition: opacity 200ms ease;
		}
	.slick-prev::before,
	.slick-next::before {
		color: var(--color-text);
		font-size: var(--size-big);
		opacity: 0.25;
		}
	.slick-prev {
		left: 0;
		text-align: left;
		}
	.slick-prev::before {
		content: '\f053';
		}
	.slick-next {
		right: 0;
		text-align: right;
		}
	.slick-next::before {
		content: '\f054';
		}
	.slick-slider .slick-prev::before,
	.slick-slider .slick-next::before {
		opacity: 0;
		}
	@media (hover: hover) and (pointer: coarse), (hover: hover) and (pointer: fine) {
		.slick-slider:hover .slick-prev::before,
		.slick-slider:hover .slick-next::before {
			opacity: 0.5;
			}
		.slick-slider:hover .slick-prev:hover::before,
		.slick-slider:hover .slick-next:hover::before {
			color: var(--color-link);
			opacity: 1;
			}
		.slick-slider:hover .slick-prev.slick-disabled::before,
		.slick-slider:hover .slick-next.slick-disabled::before {
			opacity: .15;
			}
	}
	.slick-arrow.slick-hidden {
		display: none;
		}
	.slick-dots {
		display: none;
		padding: 2rem var(--size) 0;
		text-align: center;
		width: 100%;
		}
	.slick-arrow + .slick-dots {
		display: block;
		}
	.slick-dots li {
		cursor: pointer;
		display: inline-block;
		position: relative;
		}
	.slick-dots li,
	.slick-dots li button,
	.slick-dots li button::before {
		height: var(--size);
		line-height: var(--size);
		width: var(--size);
		}
	.slick-dots li button:hover::before,
	.slick-dots li button:focus::before {
		color: var(--color-link);
		opacity: 1;
		}
	.slick-dots li button::before {
		color: var(--color-text);
		content: '\f111';
		font-size: 1rem;
		left: 0;
		opacity: .15;
		position: absolute;
		text-align: center;
		top: 0;
		}
	.slick-dots li.slick-active button::before {
		opacity: .75;
		}
	.slick-slider {
		display: block;
		position: relative;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
		width: auto;
		}
	.slick-list {
		display: block;
		position: relative;
		}
	.slick-list:focus {
		outline: none;
		}
	.slick-list.dragging {
		cursor: pointer;
		cursor: hand;
		}
	.slick-slider .slick-track,
	.slick-slider .slick-list {
		transform: translate3d(0, 0, 0);
		}
	.slick-track {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		margin-inline: auto;
		position: relative;
		}
	.slick-loading .slick-track {
		visibility: hidden;
		}
	.slick-slide {
		display: none;
		min-height: 0.1rem;
		}
	.slick-slide > div,
	.slick-slide > div > a,
	.slick-slide > div > div,
	.slick-slide > div > span {
		height: 100%;
		}
	.slick-initialized .slick-slide {
		display: block;
		}