.mod_searchform {
	width: 100%;
	height: 100%;
	background-color: var(--cl1);
	opacity: 0;
	transition: transform 0.3s ease, opacity .3s ease;
	pointer-events: none;
	position: fixed;
	z-index: 9999;
	
}
.mod_searchform .ce_form {
	width: min(100%,30rem);
	
}
.mod_searchform .widget-submit {
	/* display: flex; */
	align-self: center;
}
.mod_searchform__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	flex-direction: column;
	gap: var(--sp1);
	padding: var(--sp2);
	
}
.mod_searchform__title {
	font-size: var(--xxl);
	text-align: center;
	font-family: var(--font-hl);
	margin-bottom: clamp(2rem,3vw,4rem);
}
.mod_searchform__close {
	position: absolute;
	top:
	var(--sp2);
	right:
	var(--sp2);
	z-index: 99999;
	/* background-color: red; */
	width: clamp(2rem,3vw,4rem);
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.mod_searchform__close svg {
	width: 80%;
	height: auto;
	
}
.mod_searchform__close svg .svg-stroke {
	stroke: white;
}
.search-active .mod_searchform {
	pointer-events: auto;
	opacity: 1;
	
}
.mod_searchform .text {
	
}
.mod_searchform button {
	
}
.mod_searchform button:after {
	
}
.mod_searchform .formbody {
	/* justify-content: center; */
	/* align-items: center; */
}
@media screen and (min-width: 768px){
	.mod_searchform {
		
	}
	
}