:root, :host { --p-toast-close-icon-size: 1rem; --p-toast-close-button-width: 2rem; --p-toast-close-button-height: 2rem; --p-toast-close-button-border-radius: 50%; --p-toast-close-button-focus-ring-width: var(--p-focus-ring-width); --p-toast-close-button-focus-ring-style: var(--p-focus-ring-style); --p-toast-close-button-focus-ring-offset: var(--p-focus-ring-offset); --p-toast-detail-font-weight: 500; --p-toast-detail-font-size: 0.875rem; --p-toast-summary-font-weight: 500; --p-toast-summary-font-size: 1rem; --p-toast-text-gap: 0.5rem; --p-toast-content-padding: var(--p-overlay-popover-padding); --p-toast-content-gap: 0.5rem; --p-toast-icon-size: 1.25rem; --p-toast-width: 25rem; --p-toast-border-radius: var(--p-content-border-radius); --p-toast-border-width: 0 0 0 6px; --p-toast-transition-duration: var(--p-transition-duration); --p-toast-contrast-background: var(--p-surface-900); --p-toast-contrast-border-color: var(--p-primary-color); --p-toast-contrast-color: var(--p-surface-50); --p-toast-contrast-detail-color: var(--p-surface-0); --p-toast-contrast-shadow: var(--p-overlay-popover-shadow); --p-toast-contrast-close-button-hover-background: var(--p-surface-800); --p-toast-contrast-close-button-focus-ring-color: var(--p-focus-ring-color); --p-toast-contrast-close-button-focus-ring-shadow: 0 0 0 0.2rem var(--p-surface-400); --p-toast-secondary-background: var(--p-surface-100); --p-toast-secondary-border-color: var(--p-surface-500); --p-toast-secondary-color: var(--p-surface-600); --p-toast-secondary-detail-color: var(--p-surface-700); --p-toast-secondary-shadow: var(--p-overlay-popover-shadow); --p-toast-secondary-close-button-hover-background: var(--p-surface-200); --p-toast-secondary-close-button-focus-ring-color: var(--p-focus-ring-color); --p-toast-secondary-close-button-focus-ring-shadow: 0 0 0 0.2rem var(--p-surface-200); --p-toast-error-background: color-mix(in srgb,var(--p-red-50),transparent 5%); --p-toast-error-border-color: var(--p-red-500); --p-toast-error-color: var(--p-red-600); --p-toast-error-detail-color: var(--p-surface-700); --p-toast-error-shadow: var(--p-overlay-popover-shadow); --p-toast-error-close-button-hover-background: var(--p-red-100); --p-toast-error-close-button-focus-ring-color: var(--p-focus-ring-color); --p-toast-error-close-button-focus-ring-shadow: 0 0 0 0.2rem var(--p-red-200); --p-toast-warn-background: color-mix(in srgb,var(--p-yellow-50),transparent 5%); --p-toast-warn-border-color: var(--p-yellow-500); --p-toast-warn-color: var(--p-yellow-600); --p-toast-warn-detail-color: var(--p-surface-700); --p-toast-warn-shadow: var(--p-overlay-popover-shadow); --p-toast-warn-close-button-hover-background: var(--p-yellow-100); --p-toast-warn-close-button-focus-ring-color: var(--p-focus-ring-color); --p-toast-warn-close-button-focus-ring-shadow: 0 0 0 0.2rem var(--p-yellow-200); --p-toast-success-background: color-mix(in srgb,var(--p-green-50),transparent 5%); --p-toast-success-border-color: var(--p-green-500); --p-toast-success-color: var(--p-green-600); --p-toast-success-detail-color: var(--p-surface-700); --p-toast-success-shadow: var(--p-overlay-popover-shadow); --p-toast-success-close-button-hover-background: var(--p-green-100); --p-toast-success-close-button-focus-ring-color: var(--p-focus-ring-color); --p-toast-success-close-button-focus-ring-shadow: 0 0 0 0.2rem var(--p-green-200); --p-toast-info-background: color-mix(in srgb,var(--p-blue-50),transparent 5%); --p-toast-info-border-color: var(--p-blue-500); --p-toast-info-color: var(--p-blue-600); --p-toast-info-detail-color: var(--p-surface-700); --p-toast-info-shadow: var(--p-overlay-popover-shadow); --p-toast-info-close-button-hover-background: var(--p-blue-100); --p-toast-info-close-button-focus-ring-color: var(--p-focus-ring-color); --p-toast-info-close-button-focus-ring-shadow: 0 0 0 0.2rem var(--p-blue-200); --p-toast-blur: 1.5px; }