html[data-storefront-visual-mode='normal'] {
  filter: none;
}

html[data-storefront-visual-mode='grayscale'] {
  filter: grayscale(100%);
}

html[data-storefront-visual-mode='inverted'] {
  filter: invert(100%);
}

html[data-storefront-visual-mode='grayscale-inverted'] {
  filter: grayscale(100%) invert(100%);
}