body {
	background-image: url('/assets/hex.png');
	background-size: 50%;
	min-width: 400px;
}

.nav-item .dropdown-menu {
	min-width: initial;
	padding: .5rem 0;
}

.nav-item .dropdown-item {
	padding: 0;
}

.nav-item .dropdown-item .dropdown-divider {
	margin: .25rem 0;
}

.nav-item .dropdown-item .nav-link {
	padding: .5rem 1.25rem .5rem 1rem;
}

.nav-item .dropdown-toggle::after {
	display: none;
}

.nav-link .svg-inline--fa {
	margin-right: .5rem;
}

.svg-inline--fa.fix-shift {
	position: relative;
	top: .05rem;
}

.toast {
	width: auto;
}

.toast-body + .btn-close {
	position: relative;
	top: .1rem;
}

@keyframes fade-out {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
		/* visibility: hidden; */
	}

	to {
		opacity: 1;
	}
}

@keyframes flip-out {
	from {
		opacity: 1;
		transform: scale(1, 1);
	}

	to {
		opacity: 0;
		visibility: hidden;
		transform: scale(0, 1);
	}
}

@keyframes flip-in {
	from {
		opacity: 0;
		visibility: hidden;
		transform: scale(0, 1);
	}

	to {
		opacity: 1;
		transform: scale(1, 1);
	}
}

#composer .message-header {
	background-color: rgba(33, 37, 41, 0.85);
}

#composer .message-header > div {
	display: block;
}

#composer .message-header > div > * {
	display: inline-block;
}

#composer .message-header > div > label:first-child {
	font-size: .875rem;
	padding-top: .275rem;
	text-align: right;
	width: 4rem;
}

#composer .message-header > div > input,
#composer .message-header > div > select,
#composer .message-header > div > textarea {
	width: calc(100% - 9.7rem);
}

#composer .message-header > div > textarea {
	field-sizing: content;
	max-height: calc(4.5em + .5rem + calc(var(--bs-border-width) * 2));
}

#composer #composer-files.dropdown-toggle::after {
	display: none;
}

#composer #composer-files + ul.dropdown-menu > li .dropdown-item {
	cursor: default;
}

#composer #composer-files + ul.dropdown-menu > li.file .dropdown-item:hover {
	background: initial;
}