.\37 games-skip-link {
	position: fixed;
	z-index: 100000;
	top: calc(var(--7games-admin-offset) + 12px);
	left: 12px;
	padding: 12px 20px;
	transform: translateY(-200%);
	background: var(--7games-color-background);
	color: var(--7games-color-text);
}

.\37 games-skip-link:focus {
	transform: translateY(0);
}

@media (max-width: 1200px) and (min-width: 1025px) {
	.\37 games-header-workspace {
		gap: 14px;
	}
}

@media (max-width: 1024px) {
	:root {
		--7games-header-height: 112px;
	}

	.\37 games-header {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: 64px 48px;
	}

	.\37 games-header-brand {
		grid-column: 1;
		grid-row: 1;
		gap: 12px;
		padding-inline: 16px 0;
		border: 0;
		background: transparent;
	}

	.\37 games-header-workspace {
		display: contents;
	}

	.\37 games-header-links {
		grid-column: 1 / -1;
		grid-row: 2;
		gap: 8px;
		padding-inline: 16px;
		overflow-x: auto;
		border-top: 1px solid var(--7games-color-border);
		scrollbar-width: none;
	}

	.\37 games-navigation {
		flex: 0 0 auto;
		overflow: visible;
	}

	.\37 games-account-actions {
		grid-column: 2;
		grid-row: 1;
		padding-right: 16px;
	}

	.\37 games-sidebar {
		z-index: 95;
		width: min(280px, calc(100vw - 48px));
		visibility: hidden;
		transform: translateX(-100%);
	}

	.\37 games-site {
		padding-left: 0;
	}

	.\37 games-sidebar-open {
		overflow: hidden;
	}

	.\37 games-sidebar-open .\37 games-sidebar {
		visibility: visible;
		transform: translateX(0);
	}

	.\37 games-sidebar-open .\37 games-sidebar-backdrop {
		position: fixed;
		z-index: 91;
		top: calc(var(--7games-header-height) + var(--7games-admin-offset));
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		padding: 0;
		border: 0;
		background: #0009;
		cursor: pointer;
	}
}

@media (max-width: 782px) {
	.\37 games-site.admin-bar {
		--7games-admin-offset: 46px;
	}
}

@media (max-width: 600px) {
	.\37 games-site.admin-bar #wpadminbar {
		position: fixed;
	}

	.\37 games-container {
		width: calc(100% - 32px);
	}

	.\37 games-header-brand {
		gap: 6px;
		padding-left: 12px;
	}

	.\37 games-menu-toggle {
		flex-basis: 34px;
		width: 34px;
		height: 36px;
	}

	.\37 games-brand {
		flex-basis: 110px;
	}

	.\37 games-account-actions {
		gap: 6px;
		padding-right: 12px;
	}

	.\37 games-button {
		min-height: 34px;
		padding-inline: 10px;
		font-size: 11px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.\37 games-site,
	.\37 games-sidebar,
	.\37 games-sidebar-button,
	.\37 games-promo-image,
	.\37 games-game-image,
	.\37 games-game-overlay {
		transition: none;
	}
}