/* ==========================================================================
   COMPONENTS / MINI-MODAL
   ========================================================================== */
/* line 5, build/core/css/components/_dialog.scss */
.is-inert {
	pointer-events: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}


/* line 10, build/core/css/components/_dialog.scss */
.has-dialog {
	height: 100vh;
	overflow: hidden;
}


/* line 18, build/core/css/components/_dialog.scss */
.c-dialog[aria-hidden="true"] {
	display: none;
}


/* line 22, build/core/css/components/_dialog.scss */
.c-dialog[aria-hidden="false"] {
	display: block;
	position: relative;
	z-index: 500;
}


/* line 28, build/core/css/components/_dialog.scss */
.c-dialog__overlay {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
}


/* line 40, build/core/css/components/_dialog.scss */
.c-dialog__overlay,
.c-dialog__container {
	will-change: transform;
}


/* line 45, build/core/css/components/_dialog.scss */
.c-dialog__container {
	width: 90vw;
	max-width: 40rem;
	min-width: 20rem;
	max-height: 90vh;
	padding: 2rem;
	background-color: #fff;
	border-radius: 0.25rem;
	overflow-y: auto;
}


/* line 56, build/core/css/components/_dialog.scss */
.c-dialog__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


/* line 62, build/core/css/components/_dialog.scss */
.c-dialog__title {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
}


/* line 68, build/core/css/components/_dialog.scss */
.c-dialog__close {
	background-color: transparent;
	border: 0 none;
	line-height: normal;
}


/* line 74, build/core/css/components/_dialog.scss */
.c-dialog__close::before {
	content: "\2715";
}


/* line 78, build/core/css/components/_dialog.scss */
.c-dialog__content {
	margin-top: 2rem;
}


/* line 82, build/core/css/components/_dialog.scss */
.c-dialog__content > *:last-child {
	margin-bottom: 0;
}


/**************************\
  Animation Style
\**************************/
@-webkit-keyframes dialogFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes dialogFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


@-webkit-keyframes dialogFadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}