.musi-submenu {
	position: fixed;
	top: var(--musi-header-h, 100px);
	left: 0;
	right: 0;
	z-index: 59;
	background: #fff;
	border-bottom: 1px solid rgba(14, 26, 52, .1);
	box-shadow: 0 2px 16px rgba(14, 26, 52, .07);
	transform: translateY(calc(-100% - var(--musi-header-h, 100px)));
	transition: transform .35s cubic-bezier(.4, 0, .2, 1);
	will-change: transform;
}

.musi-submenu--visible {
	transform: translateY(0);
}

.musi-submenu__container {
	max-width: var(--musi-container, 1300px);
	margin: 0 auto;
	padding: 0 3%;
	box-sizing: border-box;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.musi-submenu__container::-webkit-scrollbar {
	display: none;
}

.musi-submenu__inner {
	display: flex;
	align-items: center;
	gap: 4px;
	height: 48px;
	white-space: nowrap;
}

.musi-submenu__link {
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: 0 14px;
	font-size: 13px;
	font-weight: 500;
	color: #334067;
	text-decoration: none;
	border-radius: 999px;
	transition: background .15s, color .15s;
	flex-shrink: 0;
}

.musi-submenu__link:hover {
	background: rgba(19, 53, 122, .08);
	color: #13357a;
}

.musi-submenu__link.is-active {
	background: var(--musi-blue);
	color: #fff;
}

@media (max-width: 720px) {
	.musi-submenu {
		top: var(--musi-header-h, 80px);
		transform: translateY(calc(-100% - var(--musi-header-h, 80px)));
	}
}