@charset "utf-8";
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,ul,li,form,label,table{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,strong,ul,li,form,label,input,textarea,select,button{
	-webkit-tap-highlight-color: transparent;
	font-family: 'Sofia Sans', sans-serif;
}
:focus{outline:0;}
input, textarea{
	display:block;
	box-sizing:border-box;
	font-size:1rem;
	box-shadow: none;
}
*{margin:0;}
html,body{
	position:relative;
	overflow: hidden;
}
button{
	appearance: none;
	border:none;
	border-radius:0;
	box-shadow: none;
	border:0;
	font-size:1rem;
}
input[type="checkbox"],
input[type="radio"]{
	display:none;
}
svg{
	display:block;
	height:100%;
	margin:0 auto;
}
html,body,
#app,
#app .container,
.app .body,
.app .containApp{
	height:100%;
	box-sizing: border-box;
}
@media all and (min-width:768px){
	html,body{
		font-size:15px;
	}
}
@media all and (max-width:767px){
	html,body{
		font-size:17px;
	}
}
/************************STANDART*************/
@supports (height: 100dvh){
	#app,
	html,body{
		height:100dvh;
	}
	#app .container{
		height:100dvh;
	}
}
#app{
	overflow: hidden;
}
.app .container{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99;
}
.app .body{
	position:relative;
	z-index:1;
}
.app .containApp{
	position:relative;
	z-index:1;
	overflow: auto;
	box-sizing: border-box;
}
.background{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	background: var(--color_fade_box);
	opacity:.5;
}
.center{
	text-align:center;
}
.mainApp:not(.show){
	opacity:0;
}
input[type='number'] {
	-moz-appearance: textfield;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
	-webkit-appearance: none;
}