@import "colors.css";


window#osd {
  border-radius: 20px;
  border: 4px solid var(--border);
  background: var(--background);

  #container {
    margin: 16px;
  }

  image,
  label {
    color: var(--border);
  }

  progressbar:disabled,
  image:disabled {
    opacity: 1.0;
  }

  progressbar,
  segmentedprogress {
    min-height: 6px;
    border-radius: 999px;
    background: var(--background-progress);
    border: none;
  }

  trough,
  segment {
    min-height: inherit;
    border-radius: inherit;
    border: none;
    background: var(--background);
  }

  progress,
  segment.active {
    min-height: inherit;
    border-radius: inherit;
    border: none;
    background: var(--border);
  }

  segment {
    margin-left: 8px;

    &:first-child {
      margin-left: 0;
    }
  }
}

