.modal-bg {
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    z-index: 1;
}
.modal-box {
	background: white;
	position: absolute;
	float: left;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 32px;
	width: 600px;
	max-height: 90vh;
    overflow: scroll;
	h1 {
		margin: 0 0 $gap-default 0;
		font-size: 24px;
		font-weight: 600;
	}
	label {
		display: block;
	}
	button {
		font-size: 16px;
		background: $c-secondary;
		color: $fc-light;
		min-width: 130px;
		&:hover {
			background: $c-secondary-dark;
			color: $fc-light;
		}
	}
}