.pop-up-container {
	display : block;
	position : fixed;
	top : 0;
	left : 0;

	width : 100%;
	height : 100%;

	z-index : 8888;

	transition : top 1.5s ease;
}

.pop-up-box {
	display : flex;
	flex-direction : column;

	gap : 0.5rem;

	width : fit-content;
	max-width : 25%;
	height : fit-content;

	margin-left : auto;
	margin-right : 1rem;
	margin-top : 7%;
	padding-left : 1em;
	padding-right : 1em;
	padding-top : 0.5em;
	padding-bottom : 0.5em;

	font-weight: 400;

	border-left : 5px solid var(--color-info-border);
	background-color : var(--color-info-bg);
	z-index : 9999;
}

.pop-up-title {
	display : flex;

	font-size : 1.5em;
	font-weight : 500;
}

.pop-up-content {
}

.pop-up-validate {
	color : var(--color-success-strong);

	border-left : 5px solid var(--color-success-strong);
	background-color : var(--color-success-bg);
}

.pop-up-warning {
	color : var(--color-danger-strong);
	border-left : 5px solid var(--color-error-border);
	background-color : var(--color-error-bg);
}



@media (max-width: 950px) {

	.pop-up-box {
		width : 90%;
		max-width : 90%;
	}


}