.stickynavigation{
	overflow: auto;
	white-space: nowrap;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1000;
	transition: transform .3s ease;

	padding: 16px 0;
	background: var(--wp--preset--color--gray-50);
}
.scrolled.scrolling-up .stickynavigation{
	transform: translateY(80px);
}
.stickynavigation nav{
	display: flex;
	gap: 20px;
}
.stickynavigation nav a{
	position: relative;
	text-decoration: none;
	padding: 8px 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--wp--preset--color--gray-400);

	&:last-child{
		padding-right: 16px;
	}
}
.stickynavigation nav a:hover,
.stickynavigation nav a.active{
	color: var(--wp--preset--color--primary-900);
}
.stickynavigation nav a.active::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--wp--preset--color--primary-900);
}