When I use @container queries, they broke syntax highlight for entire block

Code example
.container {
display: grid;
align-content: start;
gap: 2px;
@container (min-width: 345px) {
grid-template-columns: 1fr 1fr;
}
@container (min-width: 345px) {
grid-template-columns: 1fr 1fr;
}
@container (min-width: 345px) {
.item {
color: red;
}
}
@media (min-width: 345px) {
grid-template-columns: 1fr 1fr;
}
@media (min-width: 345px) {
.item {
color: red;
}
}
}
@container (min-width: 345px) {
.container {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 345px) {
.container {
grid-template-columns: 1fr 1fr;
}
}