#tm-spin {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.45);
	z-index: 99999;
	backdrop-filter: blur(4px);
}
#tm-spin.on {
	display: flex;
	animation: tm-fade-in 0.18s ease;
}
.tm-ring {
	width: 56px;
	height: 56px;
	border: 4px solid rgba(255, 255, 255, 0.18);
	border-top-color: #e85800;
	border-radius: 50%;
	animation: tm-spin 0.7s linear infinite;
}
@keyframes tm-spin {
	to { transform: rotate(360deg); }
}
@keyframes tm-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes tm-rise {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}
#rl-content:not([hidden]) {
	animation: tm-rise 0.28s ease;
}
.messageListItem,
.b-message-list-wrapper .e-item {
	animation: tm-rise 0.22s ease;
}
.LoginView form {
	animation: tm-rise 0.3s ease;
}