.hystmodal__opened,.hystmodal__shadow{
	position:fixed;
	right:0;
	left:0;
	overflow:hidden
}
.hystmodal__shadow{
	border:none;
	display:block;
	width:100%;
	top:0;
	bottom:0;
	pointer-events:none;
	z-index:1098;
	opacity:0;
	transition:opacity .15s ease;
	background-color:#000
}
.hystmodal__shadow--show{
	pointer-events:auto;
	opacity:.6
}
.hystmodal{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	opacity:1;
	pointer-events:none;
	display:flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	z-index:1099;
	visibility:hidden
}
.hystmodal--active{
	opacity:1
}
.hystmodal--active,.hystmodal--moved{
	pointer-events:auto;
	visibility:visible
}
.hystmodal__wrap{
	flex-shrink:0;
	flex-grow:0;
	width:100%;
	min-height:100%;
	margin:auto;
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	justify-content:center
}
.hystmodal__window{
	margin:50px 0;
	box-sizing:border-box;
	flex-shrink:0;
	flex-grow:0;
	background:#fff;
	width:400px;
	max-width:100%;
	overflow:visible;
	transition:transform .2s ease 0s,opacity .2s ease 0s;
	transform:scale(.9);opacity:0
}
.hystmodal--active .hystmodal__window{
	transform:scale(1);
	opacity:1
}
.hystmodal__close{
	position:absolute;
	z-index:10;
	top:0;
	right:-40px;
	display:block;
	width:30px;
	height:30px;
	background-color:transparent;
	background-position:50%;
	background-repeat:no-repeat;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
	background-size:100% 100%;
	border:none;
	font-size:0;
	cursor:pointer;
	outline:none
}
.hystmodal__close:focus{
	outline:2px dotted #afb3b9;
	outline-offset:2px
}
@media (max-width:767px){
	.hystmodal__close{
		top:10px;
		right:10px;
		width:24px;
		height:24px;
		background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E")
	}.hystmodal__window{
		margin:0
	}
}