picture {
	display: block;
}

.column-flex-center {
	align-self: center;
}

.lockup-hero {
	margin-top: 4px;
	width: 344px;
}

.device-resize {
	margin: 2em auto 0;
}

.device-resize.device-macbook-pro-5th-gen-16-silver.device-medium-for-large {
	width: 574px;
	height: 351px;
}

.device-resize.device-macbook-pro-5th-gen-16-silver.device-medium-for-large
	.device-screen {
	top: 8px;
	left: 53px;
	width: 468px;
	height: 304px;
}

.section-console .badge {
	margin-bottom: 1em;
}

.section-documentation .callout {
	height: 100%;
}

#main
	section.section-documentation
	.section-content
	.row.justify-content-spacebetween
	> .column {
	padding: 10px;
}

@media only screen and (max-width: 1068px) {
	.lockup-console {
		width: 90%;
	}
	.lockup-hero {
		width: 280px;
	}
}

@media only screen and (max-width: 734px) {
	.column-flex-center {
		align-self: unset;
	}
	.section-hero {
		text-align: center;
	}
	.lockup-hero {
		margin-top: 2em;
	}
	.lockup-console {
		width: 100%;
	}
	.device-resize.device-macbook-pro-5th-gen-16-silver.device-small-for-small {
		width: 375px;
		height: 229px;
	}
	.device-resize.device-macbook-pro-5th-gen-16-silver.device-small-for-small
		.device-screen {
		top: 7.5px;
		left: 33px;
		width: 308px;
		height: 199px;
	}
}

@media only screen and (max-width: 428px) {
	.device-resize.device-macbook-pro-5th-gen-16-silver.device-small-for-small {
		width: 300px;
		height: 183px;
	}
	.device-resize.device-macbook-pro-5th-gen-16-silver.device-small-for-small
		.device-screen {
		top: 5px;
		left: 28px;
		width: 244px;
		height: 159px;
	}
}
@media only screen and (max-width: 375px) {
	.device-resize.device-macbook-pro-5th-gen-16-silver.device-small-for-small {
		width: 272px;
		height: 166px;
	}
	.device-resize.device-macbook-pro-5th-gen-16-silver.device-small-for-small
		.device-screen {
		left: 26px;
		width: 220px;
		height: 143px;
	}
}

/* Light/Dark modes */
body[data-color-scheme="light"] .callout {
	background-color: #fff;
}
body[data-color-scheme="light"] .image-light {
	display: block;
}
body[data-color-scheme="light"] .image-dark {
	display: none;
}

body[data-color-scheme="dark"] .callout {
	background-color: #000;
}
body[data-color-scheme="dark"] .image-dark {
	display: block;
}
body[data-color-scheme="dark"] .image-light {
	display: none;
}