Угловой материал, переопределяющий стиль по умолчанию компонента SnackBar ⇐ CSS

[Anonymous]

Я пытаюсь переопределить максимальную ширину компонента панели закусок по умолчанию в Angular Material.
CSS, примененный Angular Material, показан ниже:

Код: Выделить всё

.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);
}

Я пробовал переопределить тот же стиль в моем файле style.css, но этот стиль переопределяется стилем по умолчанию.

Код: Выделить всё

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

Я нашел ответ на аналогичный вопрос, но знаю, что ответ на этот вопрос устарел (/deep/ устарел).
Есть ли лучшее решение этой проблемы?

Подробнее здесь: https://stackoverflow.com/questions/477 ... -component