.htn-team-navigation {
	margin: 1rem 0 1.5rem;
}

.htn-team-navigation .htn-team-navigation__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--htn-gap, 8px);
	margin: 0;
	padding: 0;
	list-style: none !important;
}

.htn-team-navigation .htn-team-navigation__item {
	margin: 0;
	padding: 0;
	list-style: none !important;
}

.htn-team-navigation .htn-team-navigation__item::marker {
	content: "";
}

.htn-team-navigation .htn-team-navigation__item::before {
	display: none !important;
	content: none !important;
}

.htn-team-navigation.htn-align-left .htn-team-navigation__list {
	justify-content: flex-start;
}

.htn-team-navigation.htn-align-center .htn-team-navigation__list {
	justify-content: center;
}

.htn-team-navigation.htn-align-right .htn-team-navigation__list {
	justify-content: flex-end;
}

.htn-team-navigation__link {
	display: block;
	box-sizing: border-box;
	padding: var(--htn-padding-y, 10px) var(--htn-padding-x, 16px);
	border: 2px solid var(--htn-border, #1598c3);
	border-radius: var(--htn-radius, 2px);
	background: var(--htn-background, #fff);
	color: var(--htn-text, #404040);
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.htn-team-navigation__link:visited {
	color: var(--htn-text, #404040);
}

.htn-team-navigation__link:hover,
.htn-team-navigation__link:focus-visible {
	background: var(--htn-hover-background, #e8f5fa);
	color: var(--htn-hover-text, #202020);
	text-decoration: none;
}

.htn-team-navigation__link:focus-visible {
	outline: 3px solid var(--htn-border, #1598c3);
	outline-offset: 3px;
}

.htn-team-navigation__link.is-active,
.htn-team-navigation__link.is-active:visited,
.htn-team-navigation__link.is-active:hover,
.htn-team-navigation__link.is-active:focus-visible {
	border-color: var(--htn-active-background, #404040);
	background: var(--htn-active-background, #404040);
	color: var(--htn-active-text, #fff);
}

@media (max-width: 600px) {
	.htn-team-navigation.htn-mobile-stack .htn-team-navigation__list {
		display: grid;
		grid-template-columns: 1fr;
	}

	.htn-team-navigation.htn-mobile-stack .htn-team-navigation__link {
		width: 100%;
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	.htn-team-navigation__link {
		transition: none;
	}
}