//   Copyright 2024 Cisco Systems, Inc.
//
//   Licensed under the Apache License, Version 2.0 (the "License");
//   you may not use this file except in compliance with the License.
//   You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//   Unless required by applicable law or agreed to in writing, software
//   distributed under the License is distributed on an "AS IS" BASIS,
//   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//   See the License for the specific language governing permissions and
//   limitations under the License.
//
//   SPDX-License-Identifier: Apache-2.0

.training-status {
	display: flex;
	justify-content: space-between;
	align-items: center;

	.status-bar {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.runnning-title-container {
		display: flex;
		align-items: center;
	}

	.metrics {
		display: flex;
		gap: 10px;
		.metric {
			display: flex;
			gap: 10px;

			.metric-value {
				font-size: 1.25rem;
			}

			&.sparsity .metric-value {
				font-weight: 700;
				color: var(--metrics-sparsity);
			}

			&.accuracy .metric-value {
				font-weight: 700;
				color: var(--metrics-accuracy);
			}

			&.loss .metric-value {
				font-weight: 700;
				color: var(--metrics-loss);
			}

			&.testing .metric-value {
				font-weight: 700;
				color: var(--metrics-testing);
			}
		}
	}
}
