.ds-status-alert {
  align-items: center;
  border: solid 0.0625rem var(--ds-color-london-35);
  box-sizing: border-box;
  display: inline-flex;
  font-family: var(--ds-type-system-sans-lining);
  font-size: var(--ds-type-scale-0);
  font-weight: 500;
  height: 1.875rem;
  line-height: var(--ds-type-leading-lower);
  padding: 0.25rem 0.75rem;
  position: relative;
}

.ds-status-alert--error,
.ds-status-alert--success,
.ds-status-alert--warning {
  padding-left: 0.5rem;
  &::before {
    background-repeat: no-repeat;
    background-size: 1.25rem;
    content: '';
    height: 1.25rem;
    margin: 0 0.375rem 0 0;
    width: 1.25rem;
  }
}

.ds-status-alert--error {
  border-color: var(--ds-color-tokyo-55);
  &::before {
    background-image: url('eds://common/static/images/icons/material-alert--error.svg');
  }
}

.ds-status-alert--success {
  border: solid 0.0625rem var(--ds-color-chicago-55);
  &::before {
    background-image: url('eds://common/static/images/icons/material-alert--success.svg');
  }
}

.ds-status-alert--warning {
  border-color: var(--ds-color-singapore-55);
  &::before {
    background-image: url('eds://common/static/images/icons/material-alert--warning.svg');
  }
}