.nav-container {
	position: relative;
	display: flex;
	align-items: center;
}

.scrollable-nav {
	flex: 1;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE/Edge */
}

.scrollable-nav::-webkit-scrollbar {
	display: none;
	/* Chrome/Safari */
}

.nav-scroll-btn {
	min-width: 40px !important;
	width: 40px;
	height: 48px;
	margin: 0 !important;
	padding: 0 8px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	z-index: 10;
}

.nav-scroll-left {
	margin-right: 4px !important;
}

.nav-scroll-right {
	margin-left: 4px !important;
}

.nav-scroll-btn md-icon {
	color: rgba(0, 0, 0, 0.54);
}

@media (min-width: 1280px) {
	.md-nav-bar {
		max-width: calc(100vw - 225px) !important;
	}
}