$dialog-minw: 300px;
$dialog-maxw: 500px;

.dialog-overlay {
	position: fixed;

	width: 100%;
	min-width: 100%;
	max-width: 100%;

	min-height: 100%;
	max-height: 100%;
	height: 100%;

	top: 0;
	left: 0;

	background: rgba(145, 145, 145, 0.4);
	z-index: 10000;
}

.dialog-overlay-hidden {
	display: none;
}

.dialog {
	position: absolute;

	width: 30%;
	min-width: $dialog-minw;
	max-width: $dialog-maxw;

	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	border-radius: 3px;
	background-color: white;
	padding: $s3;
	margin: 0;
}

.dialog-interaction {
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	margin-top: $s3;
}

.dialog-input, .dialog-input-grp {
	width: 100%;
}

.btn-dialog {
	margin: {
		left: $s2;
	}
}

