Não consigo desativar flair ou títulos de usuário no celular

[hipp0]

Algum motivo não está funcionando quando adiciono CSS à área móvel, não tenho certeza se estou fazendo certo.

.topic .post-avatar .avatar-flair,
.topic .avatar-flair {
  display: none !important;
}

[Lilly]

isso funciona se você colocar na aba CSS comum?

@include viewport.until(md) {
  
  .topic-avatar .avatar-flair {
      display: none;
  }
}