.post > .post-ava, .post.classic > .post-side {
	background-image: var(--banner-image-no-subject);
	background-size: cover;
	background-position: var(--banner-image-position);
}
.post > .post-ava > .buffer, .post.classic > .post-side > .buffer {
	background-color: var(--base-bg-color-faded);
	backdrop-filter: blur(3px);
	padding: 1rem;
}
.post > .post-ava > .buffer > .flex > .author_avatar {
	max-width: 170px;
}
.post > .post-ava > .buffer > .flex > .author_avatar img {
	max-width: 170px;
	max-height: 170px;
}
@media (max-width: 699.98px) {
	.post > .post-ava > .buffer > .flex > .author_avatar, .post > .post-ava > .buffer > .flex > .author_avatar img {
		max-width: 100px;
	}
}


.post.classic {
	display: flex;
}
@media (max-width: 649.98px) {
	.post.classic {
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.post.classic .ava-wraps {
		display: flex;
		flex-direction: row;
		justify-content: stretch;
		align-items: center;
		gap: 1rem;
	}
	.post.classic .ava-wraps > .ava-user {
		flex-grow: 1;
	}
	.post.classic .ava-wraps > .author_avatar, .post.classic .ava-wraps > .author_avatar img {
		max-width: 100px;
	}
	.post.classic > .post-side > .buffer > .accordion {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: stretch;
		align-items: center;
		gap: 1rem;
		border: 1px solid var(--base-border-color);
		padding: 0.5rem 1rem;
	}
	.post.classic > .post-side > .buffer > .accordion > span {
		flex-grow: 1;
	}
	.post.classic > .post-side > .buffer > .panel > .pan-wrap {
		padding-top: 0.5rem;
	}
}
@media (min-width: 650px) {
	.post.classic {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: stretch;
	}
	.post.classic > .post-side {
		display: flex;
		flex-direction: column;
		justify-content: stretch;
		flex: 1 1;
		min-width: 200px;
		max-width: 200px;
	}
	.post.classic > .post-side > .buffer {
		flex-grow: 1;
	}
	.post.classic .ava-wraps {
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	.post.classic .ava-wraps > .ava-user {
		padding-top: 1rem;
		text-align: center;
	}
	.post.classic > .post-side > .buffer > .accordion {
		display: none;
	}
	.post.classic > .post-side > .buffer > .panel {
		max-height: initial;
		overflow: auto;
	}
}
@media (min-width: 850px) {
	.post.classic > .post-side {
		min-width: 250px;
		max-width: 250px;
	}
}
@media (min-width: 1000px) {
	.post.classic > .post-side {
		min-width: 300px;
		max-width: 300px;
	}
}
@media (min-width: 1200px) {
	.post.classic > .post-side {
		min-width: 350px;
		max-width: 350px;
	}
}
.post.classic > .post_content {
	flex-grow: 1;
}