@charset "UTF-8";

body,
body * {
	border: 0;
	font-family: Helvetica, Arial, Gotham, "sans-serif";
	margin: 0;
	outline: 0;
	padding: 0;
	/* vertical-align: baseline; */
	/* box-sizing: border-box; */

	-webkit-user-select: none;
	/* Safari */
	-ms-user-select: none;
	/* IE 10 and IE 11 */
	user-select: none;
	/* Standard syntax */

}


:focus {
	outline: none;
}

::-moz-focus-inner {
	border: 0;
}



/* ********************************************************************************************* */
/* ********************************************************************************************* */
#container,
#content,
#wrap,
#block_b {
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 300px;
	height: 250px;
	overflow: hidden;
}


.shadow {
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .99));
}

.glow {
	filter: drop-shadow(0px 0px 5px rgba(120, 190, 32, 0.50));
}

#legal,
#legalx {
	font-family: Arial, Gotham, "sans-serif";
	height: auto;
	letter-spacing: -.01em;
	line-height: 90%;
	/* z-index: 150; */
	font-size: 7px;
	margin: .75%;

}

/* #legalx {

	margin: 1%;
	font-size: 6.5px;

} */


#legal_wrap {
	background-color: white;
	position: relative;
	flex-shrink: 0;
}

#logo_wrap {
	background-color: transparent;
	position: relative;
	top: 0;
	height: 100%;
	flex-shrink: 0;
}

/* #part1{
	top: -2%;
}

#t1a{
	top: 2%;
} */



#block_b {
	background-color: transparent;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	/* align-items: flex-end; */
	overflow: hidden;
}


#light1_wrap {
	filter: brightness(2.7) drop-shadow(0px 0px 5px #d6d91a) drop-shadow(0px 0px 7px #d6d91a) drop-shadow(0px 0px 10px #e1e1b9);

	mix-blend-mode: hard-light;

}

#light2_wrap {
	filter: brightness(10.7) blur(2px);
	/* -webkit-filter: brightness(1.1) blur(.3px); */
	mix-blend-mode: screen;

}

#light4_wrap {
	filter: brightness(10.7) blur(4px);
	/* -webkit-filter: brightness(1.1) blur(.3px); */
	mix-blend-mode: screen;

}

#light5_wrap {
	filter: brightness(20.7) blur(10px);
	/* -webkit-filter: brightness(1.1) blur(.3px); */
	mix-blend-mode: screen;

}

#light3 {
	filter: brightness(0.75) blur(0px);

}

#light1,
#light2,
#light4,
#light5 {
	clip-path: inset(55% 90% 42% 5%);

	/* opacity: 0; */
}


#bg{

	mask-image: linear-gradient(-61deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0)0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%,rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);



}



@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
	#light2_wrap {
		filter: brightness(2.5) blur(1.5px);
		/* -webkit-filter: brightness(1.1) blur(.3px); */
		mix-blend-mode: screen;
		/* background-color: violet; */

	}

	#light4_wrap {
		filter: brightness(2.5) blur(2.0px);
		/* -webkit-filter: brightness(1.1) blur(.3px); */
		mix-blend-mode: screen;
		/* background-color: violet; */

	}

	#light5_wrap {
		filter: brightness(1) blur(0px);
		/* -webkit-filter: brightness(1.1) blur(.3px); */
		mix-blend-mode: screen;
		/* background-color: violet; */

	}

	#light1_wrap {
		filter: brightness(5.7) blur(10px) hue-rotate(-25deg);
		mix-blend-mode: hard-light;

	}



}


/* ********************************************************************************************* */
/* Util classes ******************************************************************************** */
/* Only change the width and height in container and content */



#container {
	/* border: #a6a6a6 solid .5px; */
	position: absolute;
	left: -0px;
	top: -0px;
	overflow: hidden;

}

#content {
	position: absolute;
	left: -0px;
	top: -0px;
	background-color: #e2e2e4;
	animation-timing-function: cubic-bezier(1, 0, 0, 1);
	/* animation: MaskInit 1s 1; */
}

@keyframes MaskInit {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}


.hidden {
	opacity: 0;
}

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

.asset {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: visible;
	transform-style: preserve-3d;
	backface-visibility: hidden;

}





.clickX {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	transform-style: preserve-3d;
	cursor: pointer;
	opacity: 0;
}


/* ********************************************************************************************* */
/* ********************************************************************************************* */




/* ********************************************************************************************* */
/* Editable CSS here *************************************************************************** */

/* •••••••••••••••• legal ••••••••••••••• */

:root {
	--font_size: 6px;
	--font_size1: 0.01px;
	/* --content_size: 65px; */
}

#panel {
	position: absolute;
	overflow: visible;
	width: 100%;
	/* bottom: calc(var(--content_size) * -1); */
	bottom: 0px;
	left: 0px;
	transition: bottom 0.2s ease-out 0.1s;
	z-index: 500;
	background-color: transparent;
}

#panel:hover {
	--font_size1: var(--font_size);

}

#panel {
	/* font-size: 0.01px;
	 */
	font-size: var(--font_size1);
	line-height: 110%;
}


#panel #content2,
#panel #content3 {
	width: 100%;
	overflow: auto;

	text-decoration: none;

	text-align: justify;
	color: #000000;
	height: auto;

	padding: calc(var(--font_size1)/2);
	font-family: "Helvetica Neue", Helvetica, Arial, Gotham, "sans-serif";
	background: rgba(255, 255, 255, .9);
	position: relative;

	transition: all .2s ease-out .1s;
	-webkit-transition: all .2s ease-out .1s;
	-moz-transition: all .2s ease-out .1s;
}

#title {
	font-size: var(--font_size);
	line-height: var(--font_size);
	top: 0px;
	left: 0%;
	width: fit-content;
	height: auto;
	background: rgba(245, 245, 245, .9);
	opacity: .9;
	color: #000;
	padding: calc(var(--font_size)/6);
	padding-left: var(--font_size);
	padding-right: var(--font_size);
	font-family: "Helvetica Neue", Helvetica, Arial, Gotham, "sans-serif";
	text-align: center;
	position: relative;
	/* z-index: 501; */
	border: 1px solid #ccc;
}