#popup {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
	font-family: 'BullyG-b';
	font-size: calc(2vw + 2vh);
	color: #2e2c4d;
	transition-duration: 0.2s;
	opacity: 0;
	pointer-events: none;
}

#popup__panel {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.3);
}

#popup__base {
	height: calc(20vw + 20vh);
}

#popup__text {
	position: absolute;
	top: 0;
	width: 100%;
	height: calc(15vw + 15vh);
	padding: calc(2vw + 2vh);
	box-sizing: border-box;
}

#popup__buttons {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: calc(1vw + 1vh);
	padding: calc(1vw + 1vh);
	box-sizing: border-box;
}

#popup__buttons__cancel, #popup__buttons__ok {
	width: calc(9vw + 9vh);
	cursor: pointer;
	transition-duration: 0.2s;
}

#popup__buttons__cancel:hover, #popup__buttons__ok:hover {
	transform: scale(1.1);
}

#popup__buttons__cancel {
	padding-top: calc(0.1vw + 0.1vh);
}

#popup__buttons__ok {
	margin-left: calc(1vw + 1vh);
}

@media (orientation: landscape) {
	#popup__panel {
		transform: translate(-50%, -50%);
	}
}