/* ========== Background override ========== */

html.theme-dark,
body.theme-dark {
	background-color: #161616 !important;
}

/* ========== Intro ========== */

.de-download-intro {
	text-align: center;
}

/* ========== Gallery ========== */

#priority-router .media-card-set {
	--shared-media-gallery-max-width: 980px;
}

#priority-router .item-container {
	grid-gap: 80px;
}

@media (max-width: 734px) {
	#priority-router .item-container {
		grid-gap: 40px;
	}

	#priority-router [data-media-card-gallery] .card.tile,
	#priority-router [data-media-card-gallery] .gallery.media-gallery,
	#priority-router [data-media-card-gallery] .gallery-item {
		height: 400px;
		min-height: 400px;
	}
}

@media (min-width: 565px) and (max-width: 734px) {
	#priority-router [data-media-card-gallery] .card.tile,
	#priority-router [data-media-card-gallery] .gallery.media-gallery,
	#priority-router [data-media-card-gallery] .gallery-item {
		height: 560px;
	}
}

@media (max-width: 734px) {

	#priority-router [data-media-card-gallery] .card.tile,
	#priority-router [data-media-card-gallery] .gallery-item {
		overflow: hidden;
	}

	#priority-router [data-media-card-gallery] .positioned-media-element {
		top: 50%;
		bottom: auto;
		height: 612px;
		transform: translateY(-50%);
	}
}

/* ========== Download button ========== */

.de-download-actions {
	display: flex;
	justify-content: center;
}

/* ========== Instructions stack (cross-fades on device change) ========== */

.de-download-instructions-stack {
	display: grid;
	width: 100%;
	justify-items: center;
}

.de-download-instructions-stack > .de-download-instructions {
	grid-area: 1 / 1;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.15s ease,
		visibility 0s linear 0.15s;
	pointer-events: none;
}

.de-download-instructions-stack > .de-download-instructions.is-current {
	opacity: 1;
	visibility: visible;
	transition:
		opacity 0.9s ease 0.15s,
		visibility 0s linear 0.15s;
	pointer-events: auto;
}

/* Fast-switch mode: collapse the fade-out even further */
.de-download-instructions-stack.is-fast > .de-download-instructions {
	transition:
		opacity 0.05s ease,
		visibility 0s linear 0.05s;
}

.de-download-instructions-stack.is-fast > .de-download-instructions.is-current {
	transition:
		opacity 0.9s ease 0.05s,
		visibility 0s linear 0.05s;
}

.de-download-instructions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5em;
	text-align: center;
	margin-top: 1em;
	/* width: 20em; */
}

/* ========== Steps ========== */

.de-download-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
	text-align: start;
}

.de-download-steps li {
	display: flex;
	align-items: baseline;
	gap: 12px;
}

.de-download-steps li::before {
	content: counter(list-item);
	counter-increment: list-item;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--sk-glyph-gray, rgb(245, 245, 247));
	color: var(--sk-fill, rgb(0, 0, 0));
	font-size: 12px;
	font-weight: 600;
}