.df-events-preview .df-events-plugin,
.df-events-plugin {
	--df-events-accent: #c9984f;
	--df-events-ink: #242424;
	--df-events-surface: #f7f4f2;
}

.df-events-preview .df-event-image,
.df-events-plugin .df-event-image {
	grid-column: 1 / -1;
	overflow: hidden;
	border-radius: 14px 14px 0 0;
	aspect-ratio: 16 / 8;
}

.df-events-preview .df-event-image img,
.df-events-plugin .df-event-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.df-events-preview .df-events-empty,
.df-events-plugin .df-events-empty {
	grid-column: 1 / -1;
	padding: 28px;
	text-align: center;
	border: 1px solid rgba(36, 36, 36, 0.1);
	border-radius: 14px;
	background: var(--df-events-surface);
}

.df-events-preview .df-holiday-events {
	background: #fff8ef;
}

.df-events-preview .df-holiday-events + .df-upcoming {
	padding-top: 54px;
}