.wbkb-modal {
	position: fixed;
	inset: 0;
	display: none;
	z-index: 999999;
}

.wbkb-modal.is-open {
	display: block;
}

.wbkb-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.45);
	backdrop-filter: blur(2px);
	opacity: 0;
	transition: .25s;
}

.wbkb-modal.is-open
.wbkb-modal-overlay {
	opacity: 1;
}

.wbkb-modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 550px;
	max-width: 95%;
	background: #fff;
	border-radius: 18px;
	box-shadow:
		0 20px 60px
		rgba(0,0,0,.18);

	transform:
		translate(-50%, -50%)
		scale(.92);

	opacity: 0;

	transition:
		transform .25s ease,
		opacity .25s ease;
}

.wbkb-modal.is-open
.wbkb-modal-dialog {
	transform:
		translate(-50%, -50%)
		scale(1);

	opacity: 1;
}

.wbkb-modal-close {
	position: absolute;
	top: 18px;
	left: 18px;
	width: 36px;
	height: 36px;
	border: 0;
	background: transparent;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	color: #666;
}

.wbkb-modal-body {
	padding: 30px;
}