matrix-room-state {
	display: flex;
	flex-direction: column;
}
matrix-room-name {
	font-weight: bold;
	font-size: var(--s);
}
matrix-event {
	display: flex;
	flex-direction: column;
	margin-top: var(--s);
}

matrix-room-context {
	&:not([event-id]) {
		:is(button[dir="after"]) {
			display: none;
		}
	}
	:is(button[dir="before"], button[dir="after"]) {
		margin: calc(var(--s) / 3);
		align-self: center;
	}
	display: flex;
	flex-direction: column;
}

matrix-auth::part() {
}