html,
body {
	margin: 0;
	overflow-x: hidden;
}

#innerbody {
	box-sizing: border-box;
	position: relative;
	left: var(--viewport-offset, 0);
	width: var(--viewport-base-width, 1920px);
	margin-bottom: var(--viewport-bottom-compensation, 0);
	transform: scale(var(--viewport-scale, 1));
	transform-origin: top left;
	will-change: transform;
}

.header,
header,
#header {
	position: fixed;
	top: 0;
	left: var(--viewport-offset, 0);
	z-index: 1000;
	box-sizing: border-box;
	width: var(--viewport-base-width, 1920px);
	max-width: none;
	transform: scale(var(--viewport-scale, 1));
	transform-origin: top left;
	will-change: transform;
}

body header.header.sticky {
	top: calc(var(--viewport-sticky-inset, 12px) * var(--viewport-scale, 1));
	left: calc(var(--viewport-offset, 0px) + 12px);
	width: var(--viewport-sticky-width, calc(var(--viewport-base-width, 1920px) - 24px));
	transform: scale(var(--viewport-scale, 1));
	transform-origin: top left;
}

#header-placeholder.active {
	height: 0 !important;
}

@media screen and (min-width: 1920px) {
	.header,
	header,
	#header {
		width: 100%;
		left: 0;
	}
}