@charset "UTF-8";
.carousel{
	position: relative;
	max-width:640px;
	margin-right: auto;
	margin-left: auto;
	background-color: #eee;
}

	.carousel-track {
		overflow: hidden;
		max-height: 360px;
		position: relative;
	}
		.carousel-slide {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 2px;
			opacity: 0;
			visibility: hidden;
			transition: opacity 1s ease-in;
		}
		.carousel-slide.active {
			opacity: 1;
			visibility: visible;
		}
			.carousel-slide video {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}

	.carousel-dots {
		text-align: center;
		margin-top: 5px;
		padding-bottom: 5px;
	}
		.carousel-dots button {
			border: none;
			background-color: #ccc;
			border-radius: 50%;
			width: 12px;
			height: 12px;
			margin: 5px;
			cursor: pointer;
		}
		.carousel-dots .active {
			background-color: #333;
		}