#myearth {
	width: 100%;
	height: 100vh;
	max-height: 100vw;
	overflow: hidden;

	opacity: 0;
	transition: opacity 1.5s ease-in;
}

#myearth.earth-ready {
	opacity: 1;
}

#myearth::before {
	content: none;
}


/* background glow */

#glow {
	/*
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 100vh;
	height: 100vh;
	max-height: 100vw;
	transform: translate(-50%, -50%);

	background: radial-gradient(ellipse at center, rgba(68,214,44,0.05) 25%,rgba(68,214,44,0.15) 53%,rgba(68,214,44,0.05) 56%,rgba(68,214,44,0) 70%);
	z-index: 200;
	pointer-events: none;
	*/
}
.earth-container{position:relative;z-index:1}
.earth-container::before{content:"";display:block;padding-top:100%}
.earth-container>canvas{
	/*position:absolute;top:0;left:0;*/
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	/*max-width: 100vh;*/
	height: 100vh;
	max-height: 100vw;
	transform: translate(-50%, -50%);
	z-index:1000;
	user-select:none,
}
.earth-draggable{cursor:all-scroll;cursor:-webkit-grab;cursor:grab}
.earth-dragging *{cursor:all-scroll;cursor:-webkit-grabbing!important;cursor:grabbing!important}
.earth-clickable{cursor:pointer}
.earth-overlay{position:absolute;top:0;left:0;user-select:none;pointer-events:none;transform-origin:0 0}
.earth-overlay a,.earth-overlay input,.earth-overlay button{pointer-events:all}
.earth-hittest{position:fixed;width:200vh;max-width:100%;top:0;left:0;z-index:999999}
.earth-hittest svg{max-width:100%;height:auto;display:block;margin:0;opacity:0}