
	.pwa-page-toolbar.svelte-109iaf5,
	.pwa-page-toolbar-spacer.svelte-109iaf5 {
		display: none;
	}

	@media (display-mode: window-controls-overlay) {
		body:has(.pwa-page-toolbar) {
			/* Extend slightly below the titlebar area so the bottom border is not
			   painted over by the native window control backgrounds. */
			--pwa-page-toolbar-buffer: 1px;
			--pwa-page-toolbar-height: calc(
				max(2.25rem, env(titlebar-area-height, 2.25rem)) + var(--pwa-page-toolbar-buffer)
			);
		}

		.pwa-page-toolbar-spacer.svelte-109iaf5 {
			display: block;
			height: var(--pwa-page-toolbar-height);
		}

		.pwa-page-toolbar.svelte-109iaf5 {
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: 40;
			display: flex;
			align-items: center;
			gap: 0.125rem;
			height: var(--pwa-page-toolbar-height);
			/* Center the controls on the titlebar row, not the buffered height. */
			padding-bottom: var(--pwa-page-toolbar-buffer);
			padding-left: max(0.5rem, env(titlebar-area-x, 0px));
			padding-right: max(
				0.5rem,
				calc(100vw - env(titlebar-area-x, 0px) - env(titlebar-area-width, 100vw))
			);
			background-color: light-dark(
				var(--amp-shell-light-background-color),
				var(--amp-shell-dark-background-color)
			);
			border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
			/* Prefixed only: window-controls-overlay is Chromium-only. */
			-webkit-app-region: drag;
		}

		.pwa-page-toolbar.svelte-109iaf5 :is(a, button) {
			-webkit-app-region: no-drag;
		}

		/* Window-centered via auto margins (a translateX(-50%) lands on subpixels
		   and blurs the 1px border). currentColor keeps it theme-agnostic. */
		.pwa-page-toolbar.svelte-109iaf5 .pwa-page-toolbar-return-link {
			position: absolute;
			left: 0;
			right: 0;
			margin-inline: auto;
			width: fit-content;
			border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
		}

		.pwa-page-toolbar.svelte-109iaf5 .pwa-page-toolbar-return-link:hover {
			background-color: color-mix(in srgb, currentColor 10%, transparent);
		}

		.pwa-page-toolbar.svelte-109iaf5 .pwa-page-toolbar-share {
			margin-inline-start: auto;
		}
	}
