#status,
.status-message .is-up,
.status-message .is-down{
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 39px;
  line-height: 32px;
  font-size: 1.6em;
  font-weight: normal;
}
#status {
  margin-bottom: .25em;
}
#status-extras.status-extras-two-col {
  max-width: none;
}
#status-extras {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  box-shadow: 0 5px 10px rgba(0,0,0,.3);
  margin: 2em 0;
}
#status-extras > div {
  padding: 2rem 2rem 0;
}
#status-extras > div + div {
  border-top: 1px solid #e0e0e0;
}
@media screen and (min-width: 960px){
  #status-extras {
    flex-direction: row;
  }
  #status-extras > div {
    flex: 1;
  }
  #status-extras > div + div {
    border-top: none;
    border-left: 1px solid #e0e0e0;
  }
  #planned-outages {
    padding-left: 2em;
  }
}
#status-extras h3 {
  border: none;
  padding: 0;
}
#monitors {
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  list-style: none;
  margin-bottom: 1em;
  padding: 0;
  line-height: normal;
  transition: opacity .3s;
}
#monitors.show {
  visibility: visible;
  position: static;
  width: auto;
  height: auto;
  opacity: 1;
}
.mon {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  padding: 1em 32px 1em 0;
  margin: 0;
}
.mon:last-of-type{
  border: none;
}
.mon.is-down {
  color: #df484a;
}
.mon-status {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  text-indent: -999em;
}
#status.is-up,
.status-message .is-up,
.mon.is-up .mon-status {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%233bd671'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}
#status.is-down,
.status-message .is-down,
.mon.is-down .mon-status {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23df484a'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
}
.home-status .status-message small {
  display: block;
  font-size: .9rem;
}
.home-status .status-message .is-up,
.home-status .status-message .is-down {
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 39px;
  line-height: normal;
  font-size: 1.4em;
  font-weight: normal;
}