div.modal-box {
	position:fixed; top:0; left:0; bottom:0; right:0; z-index:999999; width:100%; height:100vh; background:rgba(50,50,50,0.5); display:grid; place-items:center; transform-origin:center;
}
div.modal-box .box.load {
	width:100px; height:100px; display:grid; place-items:center;
}
div.modal-box .box {
	box-sizing:border-box; padding:10px; background:white; box-shadow:0 2px 5px rgba(188,188,188); border-radius:22px;
}
div.modal-box .box .icon {
	width:fit-content; height:fit-content; box-sizing:border-box; font-size:72px;
}

div.modal-box .box.error,
div.modal-box .box.success {
	width:300px; height:220px; display:grid; place-items:center;
}
div.modal-box .box.error .icon {
	color:#9F0000;
}
div.modal-box .box.success .icon {
	font-size:0 !important;
}
div.modal-box .box lord-icon {
	width:144px; height:144px; box-sizing:border-box;
}
div.modal-box .box h6 {
	font-size:20px; line-height:1.2; font-weight:500; font-family:var(--custom-font);
}
div.modal-box .box p {
	font-size:14px; line-height:1.2; font-family:var(--custom-font);
}

@keyframes zoom-out {
	0% {
		transform:scale(0);
	}
	100% {
		transform:scale(1);
	}
}
@keyframes delay-out {
	0% {
		opacity:0;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
/*div.modal-box .content .panel-input span {
	display:block; width:100%; box-sizing:border-box; margin-top:4px; margin-left:0 !important;
}
div.modal-box .content .panel-input span,
div.modal-box .content p.error {
	font-size:12px; color:#800000; text-transform:none;
}

div.modal-box .content h6 span {
	font-size:14px; text-transform:none;
}*/
div.modal-box .button {
	width:125px; margin:0 auto; font-size:13px; padding:7px 20px; box-sizing:border-box; text-align:center; background:linear-gradient(0deg, #800000, #B20000); cursor:pointer; margin-top:12px; color:white; border-radius:6px; box-shadow:0 1px 3px rgba(199,199,199); font-family:var(--custom-font);
}