:root {
	--vblive-tabs-tab-active-color: #000;
	--vblive-tabs-border-color: #ddd;
	--vblive-tabs-bg-color: #fff;
	--vblive-postbit-quote-color: #707070;
	--vblive-postbit-quote-bg-color: #f5f5f5;
	--vblive-postbit-quote-border-color: #ddd;
	--vblive-postbit-tag-bg-color: color-mix(in srgb, currentColor 20%, white);
	--vblive-postbit-tag-bg-color-alt: #ddd;
}

.dark-theme {
	--vblive-tabs-tab-active-color: #fff;
	--vblive-tabs-border-color: #555;
	--vblive-tabs-bg-color: #333;
	--vblive-postbit-quote-bg-color: #2E2E2E;
	--vblive-postbit-quote-border-color: #252525;
	--vblive-postbit-tag-bg-color: #252525;
	--vblive-postbit-tag-bg-color-alt: #252525;
}

.m-tabs-list {
	display: flex;
	position: relative;
	top: 0.0625rem; /* 1px */
	margin-top: 0.7rem;
	z-index: 1;
}
.m-tabs-tab {
	padding: 0.75rem 0.5rem; /* 12px 8px */
	font-weight: bold;
}
.m-tabs-tab a {
	text-decoration: none;
}
.m-tabs-tab.m-tab-config {
	margin-left: auto;
}
.m-tabs-tab.active {
	border: 0.0625rem solid var(--vblive-tabs-border-color); /* 1px */
	border-bottom: none;
	border-top-left-radius: 0.25rem; /* 4px */
	border-top-right-radius: 0.25rem; /* 4px */
	background-color: var(--vblive-tabs-bg-color);
	font-weight: normal;
}
.m-tabs-tab.active a,
.m-tabs-tab.active i {
	color: var(--vblive-tabs-tab-active-color);
}

.feed-container {
	border-top: 1px solid var(--vblive-tabs-border-color);
	padding: 1rem;
	background-color: var(--vblive-tabs-bg-color);
}

.m-container:first-child {
	border-top: none;
}

.m-vblive-useravatar-container {
	margin-right: 0.75rem; /* 12px */
	vertical-align: middle;
}
.m-vblive-useravatar-container img {
	width: 2.5rem; /* 40px */
	height: 2.5rem; /* 40px */
	border-radius: 50%;
}

.m-vblive-postbit-tag {
	border-radius: 0.25rem; /* 4px */
	background-color: var(--vblive-postbit-tag-bg-color);
	padding: 0.25rem; /* 4px */
}
.m-vblive-postbit-tag-alt {
	border-radius: 0.25rem; /* 4px */
	background-color: var(--vblive-postbit-tag-bg-color-alt);
	padding: 0.25rem; /* 4px */
	font-size: 0.65rem;
}
.m-vblive-postbit-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.m-vblive-postbit-quote {
	margin-bottom: 0.5rem; /* 8px */
	padding: 0.5rem 0.5rem 0.5rem 0.8125rem; /* 8px 8px 8px 13px */
	font-style: italic;
	color: var(--vblive-postbit-quote-color);
	background-color: var(--vblive-postbit-quote-bg-color);
	border-left: 0.1875rem solid var(--vblive-postbit-quote-border-color); /* 3px */
}