body.cube-body {
  font-family: 'Barlow', 'Inter', Arial, sans-serif;
  scrollbar-gutter: stable;
  overflow-x: hidden;
}

body.cube-body:has(.loader-v2) {
	overflow: hidden;
}

body.cube-body:has(.loader-v2) header {
	opacity: 0.3;
    background: linear-gradient(0deg, var(--Dark, #052330) 0%, var(--Dark, #052330) 100%), linear-gradient(180deg, #1A3947 0%, #052330 100%);
    pointer-events: none;
	position: relative;
	z-index: 25;
	transition: none;
}

body.cube-body header {
	transition: opacity 0.8s ease;
}

body.cube-body:has(.loader-v2) {
	.search-header-container,
	.nav-menu-item--create,
	.nav-menu-item--ask-jizo,
	.nav-menu-item--messages,
	.nav-menu-item--profile,
	.nav-menu-item--logout {
		display: none !important;
	}
}

.cesium-globe-rendered.cesium-topbar:is(.cesium-topbar--top, .cesium-topbar--hidden) header {
    position: absolute;
    top: 0;
    width: 100%;
	background: transparent;
    z-index: 9999;
}

/* right-v2-transparent: semi-transparent navbar on mobile only */
@media screen and (max-width: 480px) {
	.cesium-globe-rendered.cesium-topbar--right-v2-transparent header {
		position: absolute;
		top: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.50);
		z-index: 9999;
	}

	.cesium-globe-rendered.cesium-topbar--right-v2-transparent footer {
		display: none !important;
	}
}

/* top-v2-transparent: semi-transparent navbar on mobile only */
@media screen and (max-width: 480px) {
	.cesium-globe-rendered.cesium-topbar--top-v2-transparent header {
		position: absolute;
		top: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.50);
		z-index: 9999;
	}

	.cesium-globe-rendered.cesium-topbar--top-v2-transparent footer {
		display: none !important;
	}
}

#modal-filter-list--ask_jizo {
  z-index: 99999;
}
/* liquid glass */
#modal-filter-list--ask_jizo .modal-content {
 	background: linear-gradient(
		135deg,
		rgba(255, 255, 255, 0.15) 0%,
		rgba(255, 255, 255, 0.05) 100%
	);

	backdrop-filter: blur(20px) saturate(160%);
	-webkit-backdrop-filter: blur(20px) saturate(160%);

	border: 1px solid rgba(255, 255, 255, 0.18);

	box-shadow:
		0 8px 32px rgba(0, 0, 0, 0.25),
		inset 0 1px 1px rgba(255, 255, 255, 0.4),
		inset 0 -1px 1px rgba(255, 255, 255, 0.08);

	position: relative;
}
#modal-filter-list--ask_jizo .modal-content::before {
	  content: "";
		position: absolute;
		top: 0;
		left: -50%;
		width: 200%;
		height: 100%;
		background: linear-gradient(
			120deg,
			transparent 40%,
			rgba(255, 255, 255, 0.25) 50%,
			transparent 60%
		);
		transform: translateX(-100%);
		transition: transform 0.8s ease;
		pointer-events: none;
}
#modal-filter-list--ask_jizo .modal-body {
  background: none !important;
}
/* .cube-body header .logo {
  margin-left: 0;
}

.cube-body .toggler {
  display: none !important;
} */

.cube-body .custom-container {
  max-width: 1600px;
}

body.cube-body:not(.cesium-globe-rendered) .dark-cube-bg {
  background: #052330 !important;
}

body.cesium-globe-rendered,
body.cesium-globe-rendered .dark-cube-bg,
body.cesium-globe-rendered footer:not(.driver-popover-footer) {
  background: #021822 !important;
}

body.cesium-globe-rendered footer:not(.driver-popover-footer) ul:not(.social-links) a {
	color: var(--7A8E96, #7A8E96);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 128.571% */
	transition: color 0.1s ease;
}
body.cesium-globe-rendered footer:not(.driver-popover-footer) ul:not(.social-links) a:hover {
	color: var(--White, #FFF);
}

body.cesium-globe-rendered footer:not(.driver-popover-footer) nav ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

@media (max-width: 500px) {
	.cesium-globe-rendered.cesium-topbar:is(.cesium-topbar--top, .cesium-topbar--hidden) #ask-jizo-btn,
	.cesium-globe-rendered.cesium-topbar:is(.cesium-topbar--top, .cesium-topbar--hidden) footer,
	.cesium-globe-rendered.cesium-topbar:is(.cesium-topbar--top, .cesium-topbar--hidden) .logo {
		display: none !important;
	}
}