:root {
	--vblive-tabs-tab-active-color: #000;
	--feed-container-border-color: #ddd;
	--feed-container-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: #cfcfcf;
	--feed-container-border-color: #555;
	--feed-container-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;
}

.tabs-list {
	position: relative;
	top: 0.075rem; /* 1px */
}
.tabs-tab {
	padding: 0.9rem 0.75rem; /* 12px 10px */
}
.tabs-tab a {
	text-decoration: none;
}
.tabs-tab.active {
	border: 0.075rem solid var(--feed-container-border-color); /* 1px */
	border-bottom: none;
	border-top-left-radius: 0.3rem; /* 4px */
	border-top-right-radius: 0.3rem; /* 4px */
	background-color: var(--feed-container-bg-color);
}
.tabs-tab.active a,
.tabs-tab.active i {
	color: var(--vblive-tabs-tab-active-color);
}

.feed-container-wrapper {
	border: 1px solid var(--feed-container-border-color);
}
.feed-container-wrapper.no-content {
	display: flex;
	justify-content: center;
	padding: 1.2rem 2rem;
}
.feed-container > * {
	border: none;
}
.feed-container > *:not(:last-child) {
	border-bottom: 0.075rem solid var(--feed-container-border-color); /* 1px */
}
.feed-container-loadbtn {
	border-top: 0.075rem solid var(--feed-container-border-color); /* 1px */
}

.vblive-postbit-container {
	margin: 0;
	padding: 0.9rem 1.2rem; /* 12px 16px */
}
.vblive-postbit-tag {
	border-radius: 0.3rem; /* 4px */
	background-color: var(--vblive-postbit-tag-bg-color);
	padding: 0.3rem; /* 4px */
}
.vblive-postbit-tag-alt{
	border-radius: 0.3rem; /* 4px */
	background-color: var(--vblive-postbit-tag-bg-color-alt);
	padding: 0.3rem; /* 4px */
	vertical-align: middle;
}
.vblive-postbit-quote {
	margin-bottom: 0.75rem; /* 1rem (13.33px ≈ 1rem) */
	padding: 0.6rem 0.6rem 0.6rem 0.975rem; /* 8px 8px 8px 13px */
	font-style: italic;
	color: var(--vblive-postbit-quote-color);
	background-color: var(--vblive-postbit-quote-bg-color);
	border-left: 0.225rem solid var(--vblive-postbit-quote-border-color); /* 3px */
}

.vblive-useravatar-container {
	width: 3rem; /* 40px */
	height: 3rem; /* 40px */
	border-radius: 50%;
	margin-right: 0.9rem; /* 12px */
	overflow: hidden;
}
.vblive-useravatar-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}