/**/
.espa_backend{
	position: fixed;
	top:0;
	left:-100vw;
	width: 1px;
	overflow: hidden;
	height: 1px;
	z-index:100;
	background-color: rgba(51, 51, 51, 0);
	user-select: none;
	transition:all linear 0.1s 0.3s, background-color ease 0.3s;
}
.espa_backend.active{
	left:0;
	width: 100vw;
	height: 100%;
	background-color: rgba(51, 51, 51, 0.4);
	transition:  background-color ease 0.3s;
}
.espa_backend .espa_panel{
	position: absolute;
	bottom:-100%;
	left:0;
	width:100vw;
	height:auto;
	padding: 22px 16px 80px;
	border-radius: 24px 24px 0 0;
	background: #fff;
	min-height:80px;
	max-height: 78vh;
	transition: bottom ease 0.3s;
}
.espa_backend.active .espa_panel{
	bottom:-0;
	transition: bottom ease 0.3s;
}
.espa_backend .espa_panel .espa_close {
	display: block;
	width: 100%;
	height: 96vh;
	position: absolute;
	top: calc(-100vh + 32px);
	left: 0;
	backdrop-filter: blur(4px);
}
.espa_close_min{
	display: none;
}
.espa_backend:not(.active) .espa_panel .espa_close{
	display: none;
}
.espa_panel::after {
	content: "";
	display: block;
	border-radius: 16px;
	width: 40px;
	height: 2px;
	background: #8b8b8b;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -20px;
}
.espa_panel::before {
	content: "";
	display: block;
	width: 100vw;
	height: 8.5vw;
	background: transparent;
	background-size: cover;
	position: absolute;
	top: -8.5vw;
	left: 0;
	z-index: 2;
}

.espa_body{
	position: relative;
}

.espa_body_text {
	font-family: var(--third-family);
	font-weight: 400;
	line-height: 130%;
	color: #000;
	max-height: 100%;
	overflow-y: auto;
	font-size: 18px;
}

@media(min-width:900px){
	.espa_backend .espa_panel {
		position: absolute;
		bottom: auto;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		padding: 0;
		border-radius: 0;
		min-height: 100vh;
		max-height: 100vh;
		background: transparent;
	}
	.espa_backend .espa_body{
		top: 100%;
		opacity:0;
		transition: all ease 0.3s;
	}
	.espa_backend.active .espa_body{
		top: 50%;
		opacity:1;
		transition: all ease 0.3s;
	}
	.espa_panel::before,
	.espa_panel::after {
		display: none;
	}
	.espa_body {
		position: absolute;
		left: 50%;
		width: 880px;
		height: auto;
		border-radius: 16px;
		padding: 20px 0;
		background: #fff;
		max-height: 84vh;
		transform: translate(-50%,-50%);
		box-shadow: 0 0 14px #999;
	}
	.espa_backend .espa_panel .espa_close {
		display: block;
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		backdrop-filter: blur(4px);
		cursor:pointer;
	}
	.espa_close_min {
		position: absolute;
		z-index: 2;
		width: 20px;
		height: 20px;
		background: url(images/close.svg) no-repeat center;
		background-size: contain;
		cursor: pointer;
		margin-top: 12px;
		margin-right: 12px;
	}
	.espa_backend .espa_close_min{
		display: none !important;
	}
	.espa_backend.active .espa_close_min{
		display: block !important;
	}
}