.broadcast {
  margin: 16px 16px 32px 16px;
  padding: 16px;
  word-wrap: break-word;
  border-radius: 8px;
  background-color: #fff5cb;
  position: relative;
}

@media (min-width: 480px) {
  .broadcast {
    margin: 16px;
  }
}

.broadcast *:last-child {
  margin-bottom: 0 !important;
}

.broadcast--severity3 {
  background-color: #ffced7;
}

.broadcast--severity2 {
  background-color: #fff5cb;
}

.broadcast--severity1 {
  background-color: #ccffec;
}

.broadcast__content {
  display: table-cell;
  padding-left: 44px;
  min-height: 32px;
  vertical-align: middle;
}

.broadcast::before {
  content: ' ';
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22%3E %3Cpath fill=%22currentColor%22 fill-rule=%22evenodd%22 d=%22M16 26c-5.523 0-10-4.477-10-10S10.477 6 16 6s10 4.477 10 10-4.477 10-10 10zm0-2.93a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM16 8a1.81 1.81 0 0 0-1.801 1.99l.701 7.015a1.105 1.105 0 0 0 2.2 0L17.8 9.99A1.81 1.81 0 0 0 16 8z%22/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  left: 16px;
  display: table-cell;
  vertical-align: middle;
}

.outer {
  outline: 1px solid #eee;
  display: table;
  width: 100%;
}

.outer > p {
  display: table-cell;
  height: 200px;
  vertical-align: middle;
  text-align: center;
}

/*# sourceMappingURL=broadcast.css.map */