.header {
	height: 50px;
	background-color: var(--ov-background-color);
	color: var(--ov-text-primary-color);
}

.center-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background-color: var(--ov-secondary-action-color);
}

.card-container {
	text-align: center;
	background-color: var(--ov-surface-color);
	padding: 10px;
	max-width: 300px;
	min-width: 300px;
	border-radius: 10px;
}

.form-btn {
	background-color: var(--ov-accent-action-color) !important;
	color: var(--ov-text-primary-color) !important;
}

.form-field,
.form-btn {
	width: 100%;
}

::ng-deep .mat-mdc-progress-spinner {
	--mat-progress-spinner-active-indicator-color: var(--ov-accent-action-color);
}
