.skip-to-navigation {
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	gap: 0;
	left: 20px;
	outline: 1px solid var(--main_color);
	overflow: hidden;
	position: fixed;
	top: 20px;
	transform: translateY(-200%);
	transition: transform 0.2s ease-in-out;
	z-index: 10000;
}

.skip-to-navigation:focus-within {
	transform: translateY(0);
}

.skip-to-navigation-title {
	background-color: var(--white);
	color: var(--text_color);
	border-bottom: 1px solid var(--main_color);
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	padding: 10px;
}

.skip-to-navigation-link {
	background-color: var(--white);
	color: var(--main_color);
	font-size: 14px;
	font-weight: 600;
	height: 40px;
	padding: 10px;
}

.skip-to-navigation-link:focus {
	background-color: var(--white);
	color: var(--main_color);
	outline: 2px solid var(--text_color);
	outline-offset: -2px;
}

.skip-to-navigation-link:hover {
	background-color: #003550;
	color: #FFFFFF;
}