.gs-pwa-bottom-nav,
.gs-pwa-bottom-nav * {
	box-sizing: border-box;
}

.gs-pwa-bottom-nav {
	display: none;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.15;
}

.gs-pwa-bottom-nav[hidden] {
	display: none !important;
}

@media (max-width: 782px) {
	body.gs-pwa-has-bottom-nav {
		padding-bottom: calc(126px + env(safe-area-inset-bottom, 0px)) !important;
	}

	body.gs-pwa-standalone .gs-pwa-bottom-nav:not([hidden]) {
		position: fixed !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: 999999 !important;
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 10px 10px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
		background:
			linear-gradient(180deg, rgba(15, 32, 72, 0.92), rgba(3, 10, 32, 0.97)),
			rgba(5, 14, 39, 0.92) !important;
		border: 0 !important;
		border-top: 1px solid rgba(80, 140, 255, 0.36) !important;
		border-radius: 0 !important;
		box-shadow: 0 -14px 34px rgba(0, 0, 0, 0.38) !important;
		-webkit-backdrop-filter: blur(18px) saturate(145%);
		backdrop-filter: blur(18px) saturate(145%);
		transform: none !important;
	}

	.gs-pwa-bottom-nav .gs-pwa-bottom-nav__inner {
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		gap: 5px !important;
		width: 100% !important;
		max-width: 560px !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	.gs-pwa-bottom-nav .gs-pwa-bottom-nav__item {
		display: flex !important;
		min-width: 0 !important;
		min-height: 66px !important;
		align-items: center !important;
		justify-content: center !important;
		flex-direction: column !important;
		gap: 4px !important;
		margin: 0 !important;
		padding: 8px 2px !important;
		color: rgba(229, 238, 255, 0.72) !important;
		background: transparent !important;
		text-align: center !important;
		text-decoration: none !important;
		text-transform: none !important;
		border: 1px solid transparent !important;
		border-radius: 8px !important;
		box-shadow: none !important;
		outline: 0;
		-webkit-tap-highlight-color: transparent;
	}

	.gs-pwa-bottom-nav .gs-pwa-bottom-nav__item:focus-visible {
		outline: 2px solid rgba(104, 166, 255, 0.95);
		outline-offset: 2px;
	}

	.gs-pwa-bottom-nav .gs-pwa-bottom-nav__item.is-active {
		color: #ffffff !important;
		background: linear-gradient(180deg, rgba(37, 99, 235, 0.32), rgba(14, 49, 126, 0.3)) !important;
		border-color: rgba(101, 164, 255, 0.48) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
	}

	.gs-pwa-bottom-nav .gs-pwa-bottom-nav__icon {
		display: block !important;
		width: auto !important;
		height: 27px !important;
		margin: 0 !important;
		color: inherit !important;
		font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
		font-size: 23px !important;
		font-style: normal !important;
		font-weight: 400 !important;
		line-height: 27px !important;
		text-shadow: none !important;
	}

	.gs-pwa-bottom-nav .gs-pwa-bottom-nav__label {
		display: block !important;
		max-width: 100% !important;
		margin: 0 !important;
		overflow: hidden !important;
		color: inherit !important;
		font-size: 10.8px !important;
		font-weight: 800 !important;
		letter-spacing: 0 !important;
		line-height: 1.1 !important;
		text-overflow: ellipsis !important;
		text-shadow: none !important;
		text-transform: none !important;
		white-space: nowrap !important;
	}
}

@media (min-width: 783px) {
	body.gs-pwa-has-bottom-nav {
		padding-bottom: 0 !important;
	}

	.gs-pwa-bottom-nav {
		display: none !important;
	}
}