[data-sonner-toast][data-styled="true"] {
  /* padding: 12px 16px; */
  --normal-bg: var(--wp-toast-bg);
  --normal-border: var(--wp-toast-border);
  --normal-text: var(--wp-text-color);
  --border-radius: var(--wp-border-radius);
}

  [data-sonner-toast][data-styled="true"][data-type="success"] [data-icon] {
      color: var(--wp-success-color);
    }

  [data-sonner-toast][data-styled="true"] [data-description] {
    color: var(--normal-text);
  }

  [data-sonner-toast][data-styled="true"] [data-content] {
    min-width: 0;
  }

  [data-sonner-toast][data-styled="true"] .sonner-loading-bar {
    /* background-color: var(--wp-primary-color); */
    background-color: var(--wp-text-color-2);
  }

[data-sonner-toast][data-x-position="center"] {
  left: 0 !important;
  right: 0 !important;
  margin-left: auto;
  margin-right: auto;
}

/* 修复移动端 toaster 容器因 left: 16px + width: 100% 导致整体偏右的问题 */
@media (max-width: 600px) {
  [data-sonner-toaster][data-x-position='center'] {
    left: 0 !important;
    right: 0 !important;
  }
}