body {
	background-color: var(--bs-tertiary);
	overflow-y: auto;
	overflow-x: hidden;
}

#logo {
	width: 100%;
	max-width: 480px;
	height: auto;
}

.page-title {
	width: 100%;
	background-color: var(--bs-gray);
	color: var(--bs-white);
	padding: 0.25rem 1rem;
	font-size: var(--bs-lg);
	font-weight: bold;
}

.detail-pane {
	display: none;
}

.detail-pane.show {
	display: block;
}

i[type="button"]:hover {
	color: var(--bs-primary);
}


/* Animations */
.blink-fade {
	animation: blink 2s linear infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	30% {
		opacity: 0.75;
	}

	40% {
		opacity: 0.5;
	}

	50% {
		opacity: 0;
	}

	75% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

/* Sizing */
.w-min {
	width: min-content;
}

/* Text */
.empty {
	font-style: italic;
	font-weight: lighter;
	color: #666666;
}

.d-empty:empty {
    display: none;
}