.m-status-messages {
  --m-status-messages-background-color: var(--color-main-4);

  position: relative;
  display: flex;
  padding: 0.9375rem 1.0625rem;
  padding-right: 2.0625rem;
  color: var(--color-greyscale-2);
  border-radius: 1.25rem;
  background-color: var(--m-status-messages-background-color);
  gap: 0.75rem;
}

  .m-status-messages--status {
    --m-status-messages-background-color: var(--color-feedback-4);
  }

  .m-status-messages--warning {
    --m-status-messages-background-color: var(--color-extra-8);
  }

  .m-status-messages--error {
    --m-status-messages-background-color: var(--color-feedback-8);
  }

  .m-status-messages__icon {
    flex-shrink: 0;
    width: 1.0625rem;
    height: 1.0625rem;
    margin-top: -0.0625rem;
    fill: currentColor;
  }

  .m-status-messages__content {
    flex-grow: 1;
  }

  .m-status-messages__list {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0.5rem;
  }