.umbw-wrapper {
	position: relative;
	display: block;
	width: 100%;
	height: 400px;
	overflow: hidden;
	cursor: pointer;
}

.umbw-wrapper.umbw-static {
	cursor: default;
}

.umbw-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.umbw-layer-1 {
	z-index: 1;
}

.umbw-layer-2 {
	z-index: 2;
	opacity: 0;
	transition: opacity var(--umbw-duration, 400ms) ease;
}

.umbw-wrapper.umbw-active .umbw-layer-2,
.umbw-wrapper:hover .umbw-layer-2 {
	opacity: 1;
}

.umbw-media {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.umbw-editor-notice {
	padding: 20px;
	background: #fff3cd;
	border: 1px dashed #d3ab35;
	color: #6b5a1e;
	text-align: center;
	font-size: 13px;
}