body.js.is-fullscreen-mode {

	@include break-medium {
		// Reset the html.wp-topbar padding.
		// Because this uses negative margins, we have to compensate for the height.
		margin-top: -$admin-bar-height-big;
		height: calc(100% + #{ $admin-bar-height-big });
		@include break-medium() {
			margin-top: -$admin-bar-height;
			height: calc(100% + #{ $admin-bar-height });
		}

		#adminmenumain,
		#wpadminbar {
			display: none;
		}

		#wpcontent,
		#wpfooter {
			margin-left: 0;
		}

		// Animations.
		@include edit-post__fade-in-animation(0.3s);

		.edit-post-header {
			transform: translateY(-100%);
			animation: edit-post-fullscreen-mode__slide-in-animation 0.1s forwards;
			@include reduce-motion;
		}
	}
}

@keyframes edit-post-fullscreen-mode__slide-in-animation {
	100% {
		transform: translateY(0%);
	}
}