@font-face {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('/wp-content/themes/vtube/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
}

/* Match VTube's DOM-ready menu trimming before first paint to prevent CLS. */
@media (max-width: 991.98px) {
	ul.navbar-nav > li.tag-menu:nth-last-child(-n+44):not(:last-child) {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1599.98px) {
	ul.navbar-nav > li.tag-menu:nth-last-child(-n+29):not(:last-child) {
		display: none;
	}
}

.xpage-player-facade {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #000;
}

.xpage-player-poster {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xpage-player-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 76px;
	height: 54px;
	padding: 0;
	transform: translate(-50%, -50%);
	border: 0;
	border-radius: 13px;
	background: rgba(220, 0, 0, .92);
	cursor: pointer;
}

.xpage-player-button-icon {
	display: block;
	width: 0;
	height: 0;
	margin: auto;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 18px solid #fff;
}

.xpage-player-button:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 4px;
}

.xpage-player-error .xpage-player-button::after {
	content: '';
	position: absolute;
	inset: -6px;
	border: 2px solid #fff;
	border-radius: 17px;
}

.xpage-lazy-ad {
	contain: layout style;
}