/** @format */

.image-container {
	max-width: 800px;
}

.darkmode {
	position: fixed;
	top: 0.5em;
	right: 0.5em;
	display: flex;
	align-items: center;
	gap: 0.5em;
	justify-content: center;
}
body.dark-mode {
	background-color: #222;
	color: #fff;
}
.dark-mode .card {
	background-color: #333;
	color: #fff;
}
.dark-mode .btn-secondary {
	background-color: #555;
	border-color: #555;
}
.dark-mode .form-select {
	background-color: #333;
	color: #fff;
	border-color: #555;
}
.image-container {
	width: 100%;
	aspect-ratio: 1/1;
}
.image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.5em;
}
.navigation {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 1rem;
	gap: 0.5rem;
}
.navigation button {
	font-size: 1rem;
}

.yea,
.nay {
	opacity: 1;
}

.yea.inactive {
	opacity: 0.25;
}
.nay.inactive {
	opacity: 0.25;
}

.yea:after,
.nay:after,
.darkmode:after,
.darkmode:before {
	content: '';
	width: 1.5rem;
	height: 1.5rem;
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: #fff;
	display: block;
}

.yea:after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M240 67.7L240 32l96 0 0 35.7c0 38.1-9 75.1-25.8 108.3L464 176l48 0 0 96-16 0 0 80-24 0 0 72-24 0 0 56-48 0-120 0-14.5 0-12.1-8.1-72-48L160 409.7l0-25.7 0-64 0-96 0-23.1 18-14.4 7.9-6.4c34.2-27.3 54-68.7 54-112.4zM128 192l0 288L0 480 0 192l128 0z'/%3E%3C/svg%3E");
}

.nay:after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M240 444.3l0 35.7 96 0 0-35.7c0-38.1-9-75.1-25.8-108.3L464 336l48 0 0-96-16 0 0-80-24 0 0-72-24 0 0-56-48 0L280 32l-14.5 0-12.1 8.1-72 48L160 102.3l0 25.7 0 64 0 96 0 23.1 18 14.4 7.9 6.4c34.2 27.3 54 68.7 54 112.4zM128 384l0-288L0 96 0 384l128 0z'/%3E%3C/svg%3E");
}

.darkmode:before {
	background-color: #666;
	height: 1rem;
	width: 1rem;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z'/%3E%3C/svg%3E");
}

.darkmode:after {
	background-color: #666;
	height: 1rem;
	width: 1rem;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z'/%3E%3C/svg%3E");
}

.darkmode input {
	float: none !important;
	margin: 0 !important;
}