@font-face {
    font-family: 'wt011';
    src: url('./Font/wt011.woff2?152.10.9');
}
@font-face {
    font-family: 'wt014';
    src: url('./Font/wt014.woff2?152.10.9');
}
@font-face {
    font-family: 'bet';
    src: url('./Font/bet.woff2?152.10.9');
}
@font-face {
    font-family: 'bet2';
    src: url('./Font/bet2.woff2?152.10.9');
}

html {
	background-color: rgba(255, 255, 255, 0);
}

body {
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

.layaContainer {
	width: 100%;
	height: 100%;
}

iframe {
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	border: none;
}


.PreloadMain {
	width: 100%;
	height: 80%;
	position: relative;
	top: 20%;
	margin: 0 auto;
	text-align: center;
	z-index: 100001;
}
.PreloadMain * {
	touch-action: manipulation;
}


.PreloadBack {
	width: 100%;
	max-width: none;
	min-width: none;
	height: 100%;
	max-height: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: none;
	object-fit: cover;
	object-position: center;
	visibility: hidden;
}

/* .PreloadBack {
	width: var(--preload-back-base-width);
	max-width: min(var(--preload-back-base-width), calc(100vh * var(--preload-back-height-ratio)));
	min-width: 1920px;
	height: 100vh;
	max-height: 100vh;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	object-fit: contain;
	object-position: center;
	visibility: hidden;
} */

.loadback {
	margin-top: 20vh;
	position: relative;
	display: inline-block;
	width: min(90vw, clamp(0px, 52vh, 560px));
	margin: 1%;
	z-index: 99998;
}

@media (max-width: 470px) {
	.loadback {
		width: min(90vw, clamp(0px, 52vh, 560px));
	}
}

#loadingBar img {
	display: block;
	width: 100%;
}

#loadingBar .loading {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 2;
	clip-path: inset(0 100% 0 0);
}

#loadingBar .loading img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}

#loadingBar .loading-frame {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scaleY(1.6) scaleX(1.03);
	transform-origin: center;
	width: 100%;
	height: 100%;
	z-index: 3;
	pointer-events: none;
}

#loadingBar .loading-pointer {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(-50%, -50%);
	height: 300%;
	width: auto;
	z-index: 4;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
}

#loadingText {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 20px;
}

#loadingTextParent {
	margin-top: 55vh;
}

#rotateMain{
	display: none;
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000010;
	top:0px;
	left:0px;
	text-align: center;
	background-position: center;
    background-size: cover;
}

.MouseEvent, .StreamVideo {   
	pointer-events: none;
} 

.VideoImageCanvas{
	width:0px;
	height: 0px;
	left:0px;
	top:0px;
}