.wbm-theme-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: rgba(0,0,0,0.8);
	transform: translate3d(-50%, -50%, 0);
	z-index: 99999;
	transition: opacity 300ms ease-out 0ms;
	opacity: 0;
	pointer-events: none;
	max-width: 100vw;
	max-height: 100vh;
}


.wbm-theme-popup.open {
	opacity: 1;
	pointer-events: all;
}

.wbm-theme-popup-x {
	position: absolute;
	top: 0;
	right: 10px;
	padding: 10px;
	transition: opacity 200ms ease-out 0ms;
	cursor: pointer;
	z-index: 2;
}
.wbm-theme-popup-x::before {
	content:'x';
}

.wbm-theme-popup-x:hover,
.wbm-theme-popup-x:focus {
	opacity: 0.8;
}

.wbm-theme-popup-content {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	max-height: 80vh;
	padding: 30px;
	z-index: 1;
}