/* Hidden only while JavaScript runs (agl-js on <html>), so content stays visible without it */
.agl-js .agl {
	visibility: hidden;
}

/* No entrance: shown as itself from the start, drawn with WebGL only for its scroll and hover effects */
.agl-js .agl.agl-in-none {
	visibility: inherit;
}

.agl-viewport-height {
	min-height: 100vh;
	/* fall-back */
	min-height: -moz-available;
	min-height: -webkit-fill-available;
	min-height: fill-available;
	visibility: hidden;
	position: fixed;
}

.agl-html2canvas{
	background-attachment: unset !important;
}

.agl-html2canvas *{
	background-attachment: unset !important;
}


.lil-gui .move {
	cursor: move;
	user-select: none;
	width: 100%;
	height: 15px;
	background: #1f1f1f;
	text-align: center;
}

.lil-gui .move:before {
	content: "=";
}

.lil-gui input[type="checkbox"] {
	color: white;
}

.lil-gui input {
	min-height: 0;
}

.lil-gui .controller .widget {
	margin: 0;
}

.lil-gui button {
	background-color: #2271b1;
}

.lil-gui input[type=checkbox]:checked:before {
	width: initial;
	height: initial;
	margin: initial;
}

.lil-gui {
	--folder-indent: 12px;
	--spacing: 2px;
	--widget-height: 24px;
}

.lil-gui .btn-play button {
	background-color: #555;
}

.lil-gui .btn-save button {
	/* background-color: rgb(0, 75, 115); */
}

.lil-gui .btn-reset button {
	background-color: #555;
}
/* Count-up numbers: digits of one width, so the text doesn't shift while they count */
.agl-count {
	font-variant-numeric: tabular-nums;
}
/* The typewriter: text not typed yet keeps its place, and the caret takes none */
.agl-typewriter-rest {
	opacity: 0;
}
.agl-typewriter-caret {
	position: relative;
}
.agl-typewriter-caret::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -0.04em;
	border-left: 0.08em solid currentColor;
}