:not(:defined) > * {
	display: none;
}

body {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	background-color: #1a1a1c;
	font-family: Droid Sans, Helvetica, Arial, sans-serif;;
}


/* Link Text */
a {
	color: #fdfdfd;
	text-decoration: none;
	transition: color 2s linear;
}
a:visited {
	color: #fdfdfd;
}
a:hover {
	color: #fdfdfd;
	text-decoration: none;
	transition: color 2s linear;
}


/* Model View/Progress Bar/AR Button */
model-viewer {
	width: 100%;
	height: 90%;
	background-color: #1a1a1c;
}

.progress-bar {
	display: block;
	width: 33%;
	height: 10%;
	max-height: 2%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	border-radius: 25px;
	box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.5), 0px 0px 5px 1px rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.9);
	background-color: rgba(0, 0, 0, 0.5);
}

.progress-bar.hide {
	visibility: hidden;
	transition: visibility 0.3s;
}

.update-bar {
	background-color: rgba(255, 255, 255, 0.9);
	width: 0%;
	height: 100%;
	border-radius: 25px;
	float: left;
	transition: width 0.3s;
}

#ar-button {
	background-image: url(images/ar_icon.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 12px 50%;
	background-color: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	bottom: 16px;
	padding: 0px 16px 0px 40px;
	font-family: Droid Sans, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#4285f4;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	border: 1px solid #DADCE0;
}

#ar-button:active {
	background-color: #E8EAED;
}

#ar-button:focus {
	outline: none;
}

#ar-button:focus-visible {
	outline: 1px solid #4285f4;
}

@keyframes circle {
	from { transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg); }
	to   { transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg); }
}

@keyframes elongate {
	from { transform: translateX(100px); }
	to   { transform: translateX(-100px); }
}

model-viewer > #ar-prompt {
	position: absolute;
	left: 50%;
	bottom: 60px;
	animation: elongate 2s infinite ease-in-out alternate;
	display: none;
}

model-viewer[ar-status="session-started"] > #ar-prompt {
	display: block;
}

model-viewer > #ar-prompt > img {
	animation: circle 4s linear infinite;
}


/* Glitch Text */
.glitch-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

.glitch {
	color: #fff;
	font-size: 20px;
	position: relative;
	display: inline-block;
}

.glitch::before,
.glitch::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
}
.glitch::before {
	left: 2px;
	text-shadow: -2px 0 red;
	clip: rect(24px, 550px, 90px, 0);
	animation: glitch-anim-2 3s infinite linear alternate-reverse;
}
.glitch::after {
	left: -2px;
	text-shadow: -2px 0 #b300fc;
	clip: rect(85px, 550px, 140px, 0);
	animation: glitch-anim 2.5s infinite linear alternate-reverse;
}


@-webkit-keyframes glitch-anim {
	0% {
	clip: rect(131px, 9999px, 38px, 0);
	}
	4.166666666666666% {
	clip: rect(80px, 9999px, 120px, 0);
	}
	8.333333333333332% {
	clip: rect(138px, 9999px, 140px, 0);
	}
	12.5% {
	clip: rect(15px, 9999px, 68px, 0);
	}
	16.666666666666664% {
	clip: rect(98px, 9999px, 147px, 0);
	}
	20.833333333333336% {
	clip: rect(30px, 9999px, 116px, 0);
	}
	25% {
	clip: rect(40px, 9999px, 132px, 0);
	}
	29.166666666666668% {
	clip: rect(89px, 9999px, 145px, 0);
	}
	33.33333333333333% {
	clip: rect(85px, 9999px, 143px, 0);
	}
	37.5% {
	clip: rect(25px, 9999px, 67px, 0);
	}
	41.66666666666667% {
	clip: rect(134px, 9999px, 25px, 0);
	}
	45.83333333333333% {
	clip: rect(46px, 9999px, 94px, 0);
	}
	50% {
	clip: rect(36px, 9999px, 108px, 0);
	}
	54.166666666666664% {
	clip: rect(143px, 9999px, 44px, 0);
	}
	58.333333333333336% {
	clip: rect(70px, 9999px, 47px, 0);
	}
	62.5% {
	clip: rect(142px, 9999px, 1px, 0);
	}
	66.66666666666666% {
	clip: rect(134px, 9999px, 120px, 0);
	}
	70.83333333333334% {
	clip: rect(122px, 9999px, 110px, 0);
	}
	75% {
	clip: rect(137px, 9999px, 106px, 0);
	}
	79.16666666666666% {
	clip: rect(76px, 9999px, 67px, 0);
	}
	83.33333333333334% {
	clip: rect(2px, 9999px, 62px, 0);
	}
	87.5% {
	clip: rect(29px, 9999px, 61px, 0);
	}
	91.66666666666666% {
	clip: rect(64px, 9999px, 27px, 0);
	}
	95.83333333333334% {
	clip: rect(114px, 9999px, 101px, 0);
	}
	100% {
	clip: rect(66px, 9999px, 18px, 0);
	}
}
@keyframes glitch-anim {
	0% {
	clip: rect(131px, 9999px, 38px, 0);
	}
	4.166666666666666% {
	clip: rect(80px, 9999px, 120px, 0);
	}
	8.333333333333332% {
	clip: rect(138px, 9999px, 140px, 0);
	}
	12.5% {
	clip: rect(15px, 9999px, 68px, 0);
	}
	16.666666666666664% {
	clip: rect(98px, 9999px, 147px, 0);
	}
	20.833333333333336% {
	clip: rect(30px, 9999px, 116px, 0);
	}
	25% {
	clip: rect(40px, 9999px, 132px, 0);
	}
	29.166666666666668% {
	clip: rect(89px, 9999px, 145px, 0);
	}
	33.33333333333333% {
	clip: rect(85px, 9999px, 143px, 0);
	}
	37.5% {
	clip: rect(25px, 9999px, 67px, 0);
	}
	41.66666666666667% {
	clip: rect(134px, 9999px, 25px, 0);
	}
	45.83333333333333% {
	clip: rect(46px, 9999px, 94px, 0);
	}
	50% {
	clip: rect(36px, 9999px, 108px, 0);
	}
	54.166666666666664% {
	clip: rect(143px, 9999px, 44px, 0);
	}
	58.333333333333336% {
	clip: rect(70px, 9999px, 47px, 0);
	}
	62.5% {
	clip: rect(142px, 9999px, 1px, 0);
	}
	66.66666666666666% {
	clip: rect(134px, 9999px, 120px, 0);
	}
	70.83333333333334% {
	clip: rect(122px, 9999px, 110px, 0);
	}
	75% {
	clip: rect(137px, 9999px, 106px, 0);
	}
	79.16666666666666% {
	clip: rect(76px, 9999px, 67px, 0);
	}
	83.33333333333334% {
	clip: rect(2px, 9999px, 62px, 0);
	}
	87.5% {
	clip: rect(29px, 9999px, 61px, 0);
	}
	91.66666666666666% {
	clip: rect(64px, 9999px, 27px, 0);
	}
	95.83333333333334% {
	clip: rect(114px, 9999px, 101px, 0);
	}
	100% {
	clip: rect(66px, 9999px, 18px, 0);
	}
}
@-webkit-keyframes glitch-anim-2 {
	6.666666666666667% {
	clip: rect(17px, 9999px, 18px, 0);
	}
	10% {
	clip: rect(88px, 9999px, 44px, 0);
	}
	13.333333333333334% {
	clip: rect(21px, 9999px, 45px, 0);
	}
	16.666666666666664% {
	clip: rect(51px, 9999px, 10px, 0);
	}
	20% {
	clip: rect(47px, 9999px, 61px, 0);
	}
	23.333333333333332% {
	clip: rect(53px, 9999px, 32px, 0);
	}
	26.666666666666668% {
	clip: rect(138px, 9999px, 35px, 0);
	}
	30% {
	clip: rect(75px, 9999px, 121px, 0);
	}
	33.33333333333333% {
	clip: rect(145px, 9999px, 128px, 0);
	}
	36.666666666666664% {
	clip: rect(116px, 9999px, 22px, 0);
	}
	40% {
	clip: rect(68px, 9999px, 78px, 0);
	}
	43.333333333333336% {
	clip: rect(8px, 9999px, 44px, 0);
	}
	46.666666666666664% {
	clip: rect(19px, 9999px, 34px, 0);
	}
	50% {
	clip: rect(113px, 9999px, 113px, 0);
	}
	53.333333333333336% {
	clip: rect(135px, 9999px, 75px, 0);
	}
	56.666666666666664% {
	clip: rect(99px, 9999px, 88px, 0);
	}
	60% {
	clip: rect(121px, 9999px, 46px, 0);
	}
	63.33333333333333% {
	clip: rect(116px, 9999px, 145px, 0);
	}
	66.66666666666666% {
	clip: rect(72px, 9999px, 2px, 0);
	}
	70% {
	clip: rect(118px, 9999px, 126px, 0);
	}
	73.33333333333333% {
	clip: rect(81px, 9999px, 0px, 0);
	}
	76.66666666666667% {
	clip: rect(55px, 9999px, 124px, 0);
	}
	80% {
	clip: rect(8px, 9999px, 121px, 0);
	}
	83.33333333333334% {
	clip: rect(9px, 9999px, 148px, 0);
	}
	86.66666666666667% {
	clip: rect(27px, 9999px, 49px, 0);
	}
	90% {
	clip: rect(22px, 9999px, 35px, 0);
	}
	93.33333333333333% {
	clip: rect(32px, 9999px, 23px, 0);
	}
	96.66666666666667% {
	clip: rect(16px, 9999px, 75px, 0);
	}
	100% {
	clip: rect(122px, 9999px, 7px, 0);
	}
}
@keyframes glitch-anim-2 {
	6.666666666666667% {
	clip: rect(17px, 9999px, 18px, 0);
	}
	10% {
	clip: rect(88px, 9999px, 44px, 0);
	}
	13.333333333333334% {
	clip: rect(21px, 9999px, 45px, 0);
	}
	16.666666666666664% {
	clip: rect(51px, 9999px, 10px, 0);
	}
	20% {
	clip: rect(47px, 9999px, 61px, 0);
	}
	23.333333333333332% {
	clip: rect(53px, 9999px, 32px, 0);
	}
	26.666666666666668% {
	clip: rect(138px, 9999px, 35px, 0);
	}
	30% {
	clip: rect(75px, 9999px, 121px, 0);
	}
	33.33333333333333% {
	clip: rect(145px, 9999px, 128px, 0);
	}
	36.666666666666664% {
	clip: rect(116px, 9999px, 22px, 0);
	}
	40% {
	clip: rect(68px, 9999px, 78px, 0);
	}
	43.333333333333336% {
	clip: rect(8px, 9999px, 44px, 0);
	}
	46.666666666666664% {
	clip: rect(19px, 9999px, 34px, 0);
	}
	50% {
	clip: rect(113px, 9999px, 113px, 0);
	}
	53.333333333333336% {
	clip: rect(135px, 9999px, 75px, 0);
	}
	56.666666666666664% {
	clip: rect(99px, 9999px, 88px, 0);
	}
	60% {
	clip: rect(121px, 9999px, 46px, 0);
	}
	63.33333333333333% {
	clip: rect(116px, 9999px, 145px, 0);
	}
	66.66666666666666% {
	clip: rect(72px, 9999px, 2px, 0);
	}
	70% {
	clip: rect(118px, 9999px, 126px, 0);
	}
	73.33333333333333% {
	clip: rect(81px, 9999px, 0px, 0);
	}
	76.66666666666667% {
	clip: rect(55px, 9999px, 124px, 0);
	}
	80% {
	clip: rect(8px, 9999px, 121px, 0);
	}
	83.33333333333334% {
	clip: rect(9px, 9999px, 148px, 0);
	}
	86.66666666666667% {
	clip: rect(27px, 9999px, 49px, 0);
	}
	90% {
	clip: rect(22px, 9999px, 35px, 0);
	}
	93.33333333333333% {
	clip: rect(32px, 9999px, 23px, 0);
	}
	96.66666666666667% {
	clip: rect(16px, 9999px, 75px, 0);
	}
	100% {
	clip: rect(122px, 9999px, 7px, 0);
	}
}