.mck-elementor {

	.slider-videos {
		display: flex;
		flex-direction: column;
		gap: 28px;
	}

	.slider-videos__thumbnail,
	.slider-videos__video {

		.slider__container {
			padding-block: 0;
			width: min(var(--site-width-wide), 100%);
		}
	}

	.slider-videos__video {

		.swiper {
			overflow: hidden;
			position: relative;
		}
	}

	.slider-videos__thumbnail:has(.swiper-button-prev.swiper-button-lock[disabled],
	.swiper-button-next.swiper-button-lock[disabled]) .slider__wrapper {
		justify-content: center;
	}

	.slider-videos__thumbnail {

		.swiper-slide {
			cursor: pointer;
			width: min(225px, 100%);
		}
		.slider__controls {
			margin-inline: auto;
			width: min(776px, 100%);
		}
	}

	.slider-video {
		position: relative;

		@media (width < var(--site-width-wide)) {
			display: flex;
			flex-direction: column;
			gap: 16px;
		}

		.video {
			padding: 0;
			width: 100%;
		}
	}

	.slider-video__content {
		display: block;
		width: 100%;

		@media (width >= 1024px) {
			background: var(--color-white);
			border: 1px solid var(--color-primary-stroke);
			border-radius: var(--border-radius--md);
			display: flex;
			flex-direction: column;
			gap: 8px;
			inset-block-start: 50%;
			inset-inline-start: calc(50vw - 470px);
			padding: 51px 48px;
			position: absolute;
			transform: translateY(-50%);
			width: min(355px, 100%);
			z-index: 1;
		}
		@media (width >= 1200px) {
			inset-inline-start: 110px;
		}

		.grid-container__title,
		h3 {
			font-size: 18px;
			font-weight: 600;
			line-height: 28px;
		}
	}

	@media (width >= 720px) {
		.slider-video:has(.vidyard-player-container.paused) .slider-video__content,
		.slider-video:has(.vidyard-player-container.playing) .slider-video__content {
			opacity: 0;
			visibility: hidden;
		}
	}

	.slider-thumbnail {
		border-radius: var(--border-radius--md);
		box-shadow: 0 4px 25px 0 #0000001f;
		height: 100%;
		pointer-events: none;
		position: relative;

		img {
			aspect-ratio: 225/184;
			border-radius: var(--border-radius--md) var(--border-radius--md) 0 0;
			object-fit: cover;
			object-position: center;
		}
	}

	.slider-thumbnail__image-container {
		position: relative;
	}

	.slider-thumbnail__state {
		align-items: center;
		border-radius: var(--border-radius--md) var(--border-radius--md) 0 0;
		display: grid;
		grid-template-areas: "state";
		inset: 0;
		justify-content: center;
		position: absolute;
	}

	.slider-thumbnail-active {

		.slider-thumbnail__state {
			background: #00000080;

			.slider-thumbnail__state-active {
				opacity: 1;
				visibility: visible;
			}
			.slider-thumbnail__state-inactive {
				opacity: 0;
				visibility: hidden;
			}
		}
	}

	.slider-thumbnail__state-active,
	.slider-thumbnail__state-inactive {
		align-self: center;
		grid-area: state;
		justify-self: center;
	}

	.slider-thumbnail__state-active {
		color: var(--color-white);
		font-size: 14px;
		font-weight: 500;
		line-height: 21px;
		opacity: 0;
		visibility: hidden;
	}

	.slider-thumbnail__state-inactive {
		align-items: center;
		background: var(--color-white);
		border-radius: 50%;
		display: flex;
		height: 64px;
		justify-content: center;
		width: 64px;
	}

	.slider-thumbnail__state {

		svg {
			color: var(--color-link);
			height: 28px;
			inset-inline-start: 3px;
			position: relative;
			width: 22px;
		}
	}

	.slider-thumbnail__content {
		color: var(--color-primary);
		font-size: 16px;
		font-weight: 600;
		line-height: 24px;
		padding: 22px;
	}

}