/**
 * Classifier Bundle Styles
 *
 * Styles specific to the decision tree classifier page.
 *
 * @author Cylian
 */
.classifier-controls {
  display: flex;
  gap: var(--layout-spacing, 1rem);
  flex-wrap: wrap; }
  .classifier-controls .button {
    flex: 1;
    min-width: 80px; }

.classifier-options {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }
  .classifier-options label {
    font-weight: 600;
    font-size: 0.875rem;
    margin-top: 0.5rem; }
    .classifier-options label:first-child {
      margin-top: 0; }
  .classifier-options select,
  .classifier-options input[type="range"] {
    width: 100%; }
  .classifier-options input[type="range"] {
    cursor: pointer; }

dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem 0.5rem;
  margin: 0; }
  dl dt {
    font-weight: 600;
    color: var(--text-color-muted); }
  dl dd {
    margin: 0;
    text-align: right;
    font-family: monospace; }