/* stylelint-disable */
.c-modal-wrapper {
	background: var(--color-modal-overlay);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: var(--z-modal);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-y: auto;
	padding: 1rem;
}

.c-modal-wrapper.is-active {
	display: flex !important;
}

.c-modal {
	max-width: 40rem;
	background-color: var(--color-white);
	width: 100%;
}

.c-modal__header {
	background-color: var(--color-blue-1);
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.c-modal__title {
	font-family: var(--font-family-accent);
	font-size: var(--font-size-20);
	margin: 0;
	padding: 1em;
}

.c-modal__close {
	font-size: var(--font-size-20);
	width: 2em;
	height: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: none;
	color: var(--color-white);
}

.c-modal__close:hover {
	color: var(--color-orange);
}

.c-modal__body {
	padding: 1rem;
}

/*# sourceMappingURL=modal.css.map */