:root {
	--wp-admin-bar-height: 0px;
}

body.admin-bar {
	--wp-admin-bar-height: 32px;

	@media (width <= 782px) {
		--wp-admin-bar-height: 46px;
	}

	> header {
		top: var(--wp-admin-bar-height);
	}

	@media (width <= 600px) {
		> header {
			position: sticky;
			top: 0;
		}
	}
}