@charset "UTF-8";
.text-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		transform: translateZ(0);
		text-align: left;
		overflow: hidden;
		font-size: 18px;
		color: var(--grey);
}
.text-modal:not(.open), .text-modal:not(.open) * {
		pointer-events: none !important;
}
html.open-text-modal {
		overflow: hidden;
}
.text-modal .fader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		backface-visibility: hidden;
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
		transition: opacity 0.5s var(--move-timing);
		opacity: 0;
		transition-delay: 0.25s;
}
.text-modal.open .fader {
		opacity: 1;
		transition-delay: 0s;
}
.text-modal .wrap {
		width: 100%;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		padding: 40px 10px;
}
.text-modal .close {
		cursor: pointer;
		user-select: none;
		position: absolute;
		z-index: 10;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background: var(--white);
		transition: transform 0.5s var(--move-timing);
		backface-visibility: hidden;
}
.text-modal.open .close {
		transition-delay: 0.5s;
}
@media only screen and (max-width: 839px) {
		.text-modal .close {
				bottom: 0;
				left: 50%;
				transform: translate3d(-50%, 71px, 0);
		}
		.text-modal.open .close {
				transform: translate3d(-50%, -20px, 0);
		}
}
@media only screen and (min-width: 840px) {
		.text-modal .close {
				top: 40px;
				right: 0;
				transform: translate3d(61px, 0, 0);
		}
		.text-modal.open .close {
				transform: translate3d(calc(var(--side-padding) * -1), 0, 0);
		}
}
.text-modal .close:before, .text-modal .close:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 19px;
		height: 2.5px;
		background: var(--black);
		border-radius: 1.25px;
}
.text-modal .close:before {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.text-modal .close:after {
		transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.text-modal .bg {
		border-radius: 20px;
		flex: 1 0 auto;
		width: 100%;
		margin: 0 auto;
		max-width: 820px;
		background: var(--block-bg);
		border: 2px solid var(--block-border);
		position: relative;
		z-index: 2;
		padding: 50px 25px 80px 25px;
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.5s;
		transition-timing-function: var(--move-timing);
		transform: scale(0.8);
		opacity: 0;
}
.text-modal.open .bg {
		opacity: 1;
		transform: scale(1);
}
.text-modal .bg > *:first-child {
		margin-top: 0 !important;
}
.text-modal .bg > *:last-child, .text-modal .bg li:last-child {
		margin-bottom: 0 !important;
}
.text-modal .h1, .text-modal .h2, .text-modal .h3 {
		color: var(--white);
}
.text-modal .h1 {
		font-weight: 600;
		line-height: 1.2;
		font-size: 30px;
		margin: 0 0 30px 0;
}
.text-modal .h2, .text-modal .h3 {
		font-weight: 500;
		line-height: inherit;
		font-size: 24px;
		margin: 30px 0 20px 0;
}
.text-modal p, .text-modal li {
		margin: 0 0 1.5em 0;
}
.text-modal ul, .text-modal ol {
		margin: 30px 0;
}
@media only screen and (min-width: 840px) {
		.text-modal .bg {
				padding-top: 70px;
				padding-left: 80px;
				padding-right: 80px;
		}
		.text-modal .h1 {
				font-size: 36px;
				margin-bottom: 50px;
		}
		.text-modal .h2, .text-modal .h3 {
				margin-top: 50px;
		}
		.text-modal ul, .text-modal ol {
				margin: 50px 0;
		}
}