/* O filtro na raiz inclui textos, fundos, ícones, imagens e conteúdo dinâmico.
   Elementos na camada superior recebem o mesmo filtro explicitamente. */
html.access-grayscale,
html.access-grayscale dialog,
html.access-grayscale :fullscreen {
  filter: grayscale(1) !important;
}
.access-buttons [data-grayscale] svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.access-buttons [data-grayscale][aria-pressed="true"] {
  outline: 2px solid currentColor;
  outline-offset: -3px;
}