/*! public/css/modals/auth-tabs.css */

.auth-separator {
	display: flex;
	align-items: center;
	gap: 1rem;
	color: var(--color-text-muted);
	font-size: 0.875rem;
}

.auth-separator::before,
.auth-separator::after {
	content: '';
	flex: 1;
	height: 1px;
	background-color: var(--border-subtle);
	opacity: 0.5;
}

.auth-separator__text {
	white-space: nowrap;
	opacity: 0.8;
}

#authTabs.nav-tabs {
	border-color: var(--color-primary);
}

#authTabs .nav-link {
	color: var(--color-primary);
	background-color: var(--color-bg);
	border-color: var(--color-primary);
}

#authTabs .nav-link.active {
	color: var(--color-text-inverse);
	background-color: var(--color-primary);
}

.oauth-buttons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
	align-items: center;
}