.nav {
	display: flex;
	justify-content: center;
	width: 100%;
}

.list {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--component-spacing-xs);
	list-style: none;
	padding: 0;
	margin: 0;
}

.linkBase {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: var(--color-neutral-surface-ghost-idle-fg-default);
	background-color: var(--color-neutral-surface-ghost-idle-bg);
	border: 1px solid transparent;
	border-radius: var(--component-radii-sm);
	cursor: pointer;
	transition: all 0.2s;
	font: var(--font-label-md);
	padding: var(--component-spacing-md);
}

.linkBase:hover {
		background-color: var(--color-neutral-surface-ghost-hover-bg);
		color: var(--color-neutral-surface-ghost-hover-fg-default);
	}

.linkBase[aria-current]:not([aria-current='false']) {
		background-color: var(--color-neutral-surface-ghost-active-bg);
		border-color: var(--stroke-subtle);
		color: var(--color-neutral-surface-ghost-active-fg-default);
	}

.ellipsis {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-neutral-canvas-default-fg-default);
	font: var(--font-label-md);
	padding: var(--component-spacing-xs);
}