:host {
  align-items: center;
  display: flex;
  height: max-content;
  justify-content: center;
  padding: 5px 15px;
  width: 100%;
}

:host([type=info]) {
  background-color: #005074;
  color: #fff;
  fill: #fff;
}

:host([type=error]) {
  border: 1px solid #ff0201;
  color: #ff0201;
  fill: #ff0201;
}
:host([type=error]) ::slotted(ux-copy) {
  color: #ff0201;
}

ux-icon {
  margin-right: 15px;
}

::slotted(ux-copy) {
  margin-top: 1em;
  margin-bottom: 1em;
  display: inline-block;
  color: #fff;
}