Winkelmaterial überschreibt den Standardstil der SnackBar-Komponente ⇐ CSS

[Guest]

Ich versuche, die standardmäßige maximale Breite der Snackbar-Komponente in Angular Material zu überschreiben.
Das von Angular Material angewendete CSS ist unten dargestellt:

Code: Select all

.mat-snack-bar-container {
border-radius: 2px;
box-sizing: border-box;
display: block;
margin: 24px;
max-width: 568px;
min-width: 288px;
padding: 14px 24px;
transform: translateY(100%) translateY(24px);
}

Ich habe versucht, den gleichen Stil in meiner style.css-Datei zu überschreiben, aber dieser Stil wird durch den Standardstil überschrieben.

Code: Select all

.mat-snack-bar-container {
max-width: 800px;
}

Ich habe eine Antwort auf eine ähnliche Frage gefunden, weiß aber, dass die Antwort auf diese Frage jetzt veraltet ist (/deep/ ist veraltet).
Gibt es hierfür eine Best-Practices-Lösung?