.container {
	width: 100%;
	max-width: 100%;
	overflow-x: scroll;
	padding: 1rem;
}

.line {
	padding: 0.1rem 0;
}

button:focus-visible {
	box-shadow: var(--input-shadow);
}

@media (prefers-color-scheme: light) {
	.bg-turquoise-light {
		background-color: #d9f4ef;
	}

	.bg-blue-light {
		background-color: #d9edff;
	}

	.button-danger {
		background-color: #b00020 !important;
		color: #ffffff;
	}

	.button-danger:hover {
		background-color: #9f0020 !important;
		color: #ffffff;
	}
}

@media (prefers-color-scheme: dark) {
	.bg-turquoise-light {
		background-color: #25403b;
	}

	.bg-blue-light {
		background-color: #25394b;
	}

	.button-danger {
		background-color: #cf6679 !important;
		color: #ffffff;
	}

	.button-danger:hover {
		background-color: #b85a6d !important;
		color: #ffffff;
	}
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.gap-2 {
	gap: 4px;
}

.no-decoration {
	text-decoration: none;
	text-decoration-line: none;
}

.no-decoration:hover {
	text-decoration: none;
	text-decoration-line: none;
}

.text-xxs {
	font-size: 0.65rem;
}

.py-2 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.mr-8 {
	margin-right: 8px;
}

.mb-16 {
	margin-bottom: 80px;
}

.text-gray {
	color: #919191;
}