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

[hipp0]

[Lilly]

você já leu este tópico?

@system

@use "lib/viewport";

[chapoi]

@hipp0

Por algum motivo não está funcionando quando adiciono CSS na área móvel, não sei se estou fazendo certo.

Você verificou o inspetor do navegador para ver se o CSS está sendo aplicado e se está sendo potencialmente sobrescrito? Sempre útil