/* Terms */
.start__termsOfUse {
	color: #fff;
	font-size: max(0.8em, 12px);
	font-weight: 100;
	cursor: pointer;
}
.start__termsOfUse span {
	text-decoration: underline;
}

.termsWrapper{
	position: absolute !important;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	pointer-events: none;
}
.termsBg{
	position: absolute !important;
    background: #00000080;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
	pointer-events: all;
}
.terms{
	pointer-events: all;
	color: #000;
    background: #fff;
    position: absolute;
    width: min(800px, 100%);
    height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
	padding: 2em;
}
.terms h1, .terms h2{
	color:var(--colorPrimaryBlue) !important;
	margin: 1em 0;
}
.terms h1{
	font-size: 2em !important;
}
.terms h2{
	font-family: var(--fontRegular);
	font-weight: 600;
}
.terms li{
	margin: 0;
}
.termsCloseButton{
	position: absolute;
    top: 0.5em;
    right: 0.5em;
    z-index: 1;	
}
.termsCloseButton::before{
	content: "";
	position: absolute;
	top:0;
	left:0;
	pointer-events: none;
	width:100%;
	height:100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: var(--menuCloseIcon);
	z-index: 2;
	transition: all 0.3s var(--menuAnimation);
}

body.hasHover .termsCloseButton:hover{
	box-shadow: var(--buttonOverOutline);
}

body.hasHover .termsCloseButton:hover::before{
	transform: rotate(-90deg) scale(110%) !important;
}
body.hasHover .termsCloseButton:hover::before {
	transform:  scaleX(110%);
}
.termsBgClose{
	display: none;
}
/* Terms */