.dialog-background {
	position: fixed;
	background: #00000033;
	z-index: 999999998;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
}

.dialog {
	position: fixed;
	background: #ffffff;
	box-shadow: 0 0 16px #00000088;
	width: 280px;
	top: 50vh;
	left: calc(50vw - 140px);
	transform: translateY(-50%);
	text-align: center;
	border-radius: 15px;
	animation: dialogbubble .25s 1;
	z-index: 999999999;
	min-width:unset;
	min-height:unset;
}

@keyframes dialogbubble {
	0% {
		transform: translateY(-50%) scale(1);
	}

	50% {
		transform: translateY(-50%) scale(1.05);
	}

	100% {
		transform: translateY(-50%) scale(1);
	}
}

.dialog-title {
	padding: 15px 15px 0 15px;
	font-size: 17px;
	font-weight: bold;
}

.dialog-message {
	padding: 15px;
	font-size: 15px;
}

.dialog-buttons {
	display: flex;
	border-top: 1px solid #eeeeee;
}

.dialog-button {
	flex: 1 1 50%;
	padding: 10px;
	border-right: 1px solid #eeeeee;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}

.dialog-button:first-child {
	border-bottom-left-radius: 15px;
}

.dialog-button:last-child {
	border-bottom-right-radius: 15px;
	border-right: 0;
}

.d-none {
	display: none !important;
}

.tile {
	background: #000000;
	position: fixed;
}