.status-toast {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;

  &__toast {
    width: var(--wds-status-toast-width, 600px);
  }

  & &__icon {
    display: flex;
    flex: 0 0 auto;
    margin-inline-end: var(--wds-space-100, 6px);
    color: var(
      --wds-status-toast-info-icon-fill,
      var(--wds-color-text-standard-primary-light, var(--wsr-color-D80, #ffffff))
    );
  }

  &#{&}--status-success &__icon {
    color: var(--wds-color-text-success, var(--wsr-color-G10, #25a55a));
  }

  &#{&}--status-warning &__icon {
    color: var(--wds-color-text-warning, var(--wsr-color-Y05, #e7a600));
  }

  &#{&}--status-error &__icon {
    color: var(--wds-color-text-destructive, var(--wsr-color-R10, #e62214));
  }

  & &__content {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
  }

  & &__text {
    flex: 1 1 auto;
    min-width: 0;
    margin-inline-end: var(--wds-space-400, 24px);
    display: flex;
    align-items: center;
  }

  & &__text[data-light='true'][data-size='medium'] {
    font-size: var(
      --wds-status-toast-text-font-size,
      var(--wds-font-size-body-medium, var(--wsr-text-font-size-medium, 16px))
    );
    line-height: var(
      --wds-status-toast-text-font-line-height,
      var(--wds-font-line-height-body-medium, var(--wsr-text-line-height-medium, 24px))
    );
    color: var(
      --wds-toast-text-fill,
      var(--wds-color-text-standard-primary-light, var(--wsr-color-D80, #ffffff))
    );
  }

  & &__action {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin-inline: auto var(--wds-space-100, 6px);
  }

  & &__action-button#{&}__action-button {
    color: var(
      --wds-toast-action-color,
      var(--wds-color-fill-light-primary, var(--wsr-color-D80, #ffffff))
    );
  }

  &#{&}--mobile {
    flex-wrap: wrap;
    gap: var(--wds-space-200, 12px);
  }

  &__toast--mobile#{&}__toast {
    max-width: min(600px, calc(100vw - var(--wds-space-500, 32px)));
    min-width: 288px;
  }
}