@import url("/static/assets/css/argon.css?v=1.2.0");

.mobile-sidenav-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	border-radius: 0.8rem;
	padding: 0.45rem 0.8rem;
	font-weight: 700;
	position: relative;
	z-index: 1031;
}

.mobile-sidenav-toggle-icon {
	display: inline-flex;
	flex-direction: column;
	gap: 3px;
}

.mobile-sidenav-toggle .sidenav-toggler-line {
	display: block;
	width: 18px;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
}

.mobile-sidenav-toggle-label {
	line-height: 1;
}

.sidenav-header {
	position: relative;
}

.mobile-sidenav-close {
	position: absolute;
	top: 0.4rem;
	right: 0.45rem;
	z-index: 1035;
	font-size: 1rem;
}

@media (max-width: 1199.98px) {
	.sidenav {
		transition: transform 0.25s ease, box-shadow 0.25s ease;
		box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
		z-index: 1030;
	}

	.backdrop {
		z-index: 1025;
	}

	body.g-sidenav-hidden .sidenav {
		transform: translateX(-100%);
	}

	body.g-sidenav-show .sidenav,
	body.g-sidenav-pinned .sidenav {
		transform: translateX(0);
	}

	.navbar-top .navbar-nav .nav-item .mobile-sidenav-toggle {
		margin-right: 0.25rem;
	}

	body.g-sidenav-show .mobile-sidenav-toggle,
	body.g-sidenav-pinned .mobile-sidenav-toggle {
		position: fixed;
		top: 0.9rem;
		left: 0.9rem;
		z-index: 1045;
		background: rgba(17, 24, 39, 0.72);
		border-color: rgba(255, 255, 255, 0.2) !important;
		color: #fff !important;
		box-shadow: 0 12px 26px rgba(15, 23, 42, 0.24);
		backdrop-filter: blur(4px);
	}

	body.g-sidenav-show .mobile-sidenav-toggle:hover,
	body.g-sidenav-pinned .mobile-sidenav-toggle:hover {
		color: #fff;
		background: rgba(17, 24, 39, 0.82);
	}

	body.g-sidenav-show .mobile-sidenav-toggle-label,
	body.g-sidenav-pinned .mobile-sidenav-toggle-label {
		display: none;
	}
}