body, .background {width: 300px; height: 600px; margin: 0px;}
#mainContainer {position: absolute; width: 300px; height: 600px; overflow: hidden; background-color: #fff}
.animObj {position: absolute;}
.start-invis {visibility: hidden;}
.set-WH { width: 300px; height: 600px; }
	

.st0{opacity:0.05;}
	.st1{fill:#3831AB;}
	.st2{fill:#CBF6FF;}
	.st3{fill:#2dd4d9;}

.st6{opacity:0.6;filter:url(#AI_GaussianBlur_7);}
.st7{opacity:0.05;filter:url(#AI_GaussianBlur_7);}
.st8{clip-path:url(#mask-card_00000116943951612478173860000002658128248477561992_);}

/*#highlight-top{
	mix-blend-mode: overlay;
    overflow: visible;
    opacity: 0.9;
}
#highlight-bottom{
	opacity: .25;
    mix-blend-mode: hard-light;
	transform: translateZ(0);
    overflow: visible;
}*/
#highlight, #highlight-logo{
	mix-blend-mode: hard-light;
	overflow: visible;
	opacity: .25;
}
#highlight-b, #highlight-logo_top{
	mix-blend-mode: overlay;
	overflow: visible;
	opacity: .92;
}
.panel {
	position: absolute;
	perspective: 480px;
	width: 800px;
}
#card{
	transform-style: preserve-3d;
	filter: drop-shadow(0px 0px 0px #fff);
}
#shadow-bottom-dark{
	overflow: visible;
}