h1 {
  text-align: center;
}

body a,
#component-0 a {
  background-color: transparent;
  color: #58a6ff;
  text-decoration: none;
}

body a:active,
body a:hover {
  outline-width: 0;
}

body a:hover {
  text-decoration: underline;
}

/* set colors for statuses */
div.status-running {
  color: green;
}

div.status-stopped {
  color: orange;
}

div.status-paused {
  color: gray;
}

div.status-runtime_error,
div.status-build_error {
  color: red;
}

/* set colors for sdks */
div.sdk-gradio {
  color: orange;
}

div.sdk-docker {
  color: deepskyblue;
}

/* set colors for hardware types */
div.hardware-a100-large,
div.hardware-zero-a10g,
div.hardware-a10g-large,
div.hardware-a10g-small {
  color: red;
}

div.hardware-t4-medium,
div.hardware-t4-small {
  color: orange;
}

div.hardware-cpu-upgrade {
  color: green;
}

div.hardware-cpu-basic {
  color: deepskyblue;
}

/* set colors for sleep time */
div.sleep-time-cpu-basic {
  color: gray;
}

div.sleep-time-5-minutes,
div.sleep-time-10-minutes,
div.sleep-time-15-minutes,
div.sleep-time-30-minutes {
  color: green;
}

div.sleep-time-1-hour,
div.sleep-time-10-hours {
  color: orange;
}

div.sleep-time-24-hours,
div.sleep-time-48-hours,
div.sleep-time-72-hours,
div.sleep-time-1-week {
  color: orangered;
}

div.sleep-time-null {
  color: red;
}

/* set colors for replica */
div.multiple-replicas {
  color: red;
}