@charset "UTF-8";

:root { --filter: #000; }

/*iframe { aspect-ratio: 16 / 9; height: auto; }*/

.fade { animation: opacity 1s forwards !important; }

.bottom-left { position: absolute; bottom: 8px; left: 8px; }
.bottom-right { position: absolute; bottom: 8px; right: 8px; }

.filterDiv { filter: brightness(50%); }

.show {
	filter: brightness(100%);
}
.filter {
	--bs-btn-border-color: #00000000;
	--bs-btn-hover-border-color: #fff;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #fff;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	margin: 3px;
	filter: brightness(50%);
	cursor: pointer;
	background-color: transparent !important;
}
.filter:active { filter: brightness(100%); transform: scale(.90); }
.filter.active, .filter:hover { filter: brightness(100%); background-color: var(--filter) !important; }

.default { color: #fff; --filter: #0a58ca75; background-color: var(--filter); border-color: var(--filter); border-width: 1px; border-radius: 10px; border-style: solid; }
.ue5-filter { color: #fff; --filter: #4c4c4c; background-color: var(--filter); border-color: var(--filter); border-width: 1px; border-radius: 10px; border-style: solid; }
.blender-filter { color: #fff; --filter: rgb(198,141,32); background-color: var(--filter); border-color: var(--filter); border-width: 1px; border-radius: 10px; border-style: solid; }
.unity-filter { color: #fff; --filter: #808080; background-color: var(--filter); border-color: var(--filter); border-width: 1px; border-radius: 10px; border-style: solid; }
.university-filter { color: #fff; --filter: #6f42c175; background-color: var(--filter); border-color: var(--filter); border-width: 1px; border-radius: 10px; border-style: solid; }
.college-filter { color: #fff; --filter: #b02a3775; background-color: var(--filter); border-color: var(--filter); border-width: 1px; border-radius: 10px; border-style: solid; }
.personal-filter { color: #fff; --filter: #0f513275; background-color: var(--filter); border-color: var(--filter); border-width: 1px; border-radius: 10px; border-style: solid; }
.solo-filter { color: #fff; --filter: #ff7300; background-color: var(--filter); border-color: var(--filter); border-width: 1px; border-radius: 10px; border-style: solid; }
.team-filter { color: #fff; --filter: #87007c; background-color: var(--filter); border-color: var(--filter); border-width: 1px; border-radius: 10px; border-style: solid; }