.toast{--_icon-size:20px;--_thumbnail-size:40px;--_check-glyph-size:12px;align-items:center;gap:var(--spacing-horizontal-large);padding:var(--spacing-vertical-xlarge) var(--spacing-horizontal-xlarge);border-radius:var(--radius-extra-small);box-shadow:var(--elevation-3);font-family:var(--typography-font-family-body);font-size:var(--typography-body-small);line-height:var(--typography-line-height-medium);letter-spacing:var(--typography-letter-spacing-root);flex-direction:row;display:flex}.toast__icon{width:var(--_icon-size);height:var(--_icon-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toast__icon--success-bg{background:var(--color-utility-positive);color:var(--color-surface-background);border-radius:var(--radius-full)}.toast__icon--success-bg>svg{width:var(--_check-glyph-size);height:var(--_check-glyph-size)}.toast__message{flex:1 0 0;min-width:0;margin:0}.toast__thumbnail{width:var(--_thumbnail-size);height:var(--_thumbnail-size);border-radius:var(--radius-extra-small);object-fit:cover;flex-shrink:0}.toast__action{flex-shrink:0}.toast--success{background:var(--color-surface-background);color:var(--color-text-dark)}.toast--error{background:var(--color-utility-failure);color:var(--color-surface-background)}.toast--error .toast__icon{color:var(--color-surface-background)}.toast--product{background:var(--color-surface-background);color:var(--color-text-dark);padding:var(--spacing-vertical-large) var(--spacing-horizontal-xlarge)}