#preview-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: var(--p-pos);
	padding-bottom: var(--p-pos);
}

#preview-container.theme-red {
	background: linear-gradient(180deg, #3A231B, #8b4b39);
}

#preview-container.theme-green {
	background: linear-gradient(180deg, #1b2017, #48583c);
}

.preview-card {
	border-radius: 20px;
	width: 370px;
	box-shadow: 0 4px 15px rgb(0, 0, 0, 0.3);
}

#previewCarousel {
	width: 370px;
	margin: auto;
	position: relative;
}

.previewWrapper {
	display: flex;
}

.preview {
	opacity: 0.5;
	margin-left: 15px;
	margin-right: 15px;
}

.active {
	opacity: 1;
	transition: opacity 0.5s ease;
}