/* ==UserStyle==
@name            ImageHider
@namespace       https://github.com/TheLastZombie/
@version         1.2.0
@description     Hides any images in various ways.
@homepageURL     https://thelastzombie.github.io/userstyles/
@supportURL      https://github.com/TheLastZombie/userstyles/issues/new?labels=ImageHider
@contributionURL https://ko-fi.com/rcrsch
@author          TheLastZombie <roesch.eric+userstyles@protonmail.com>
@icon            https://raw.githubusercontent.com/TheLastZombie/userstyles/main/icons/ImageHider.png
@copyright       2020-2022, TheLastZombie (https://github.com/TheLastZombie/)
@license         MIT; https://github.com/TheLastZombie/userstyles/blob/main/LICENSE
@preprocessor    stylus
@var select      mode    "Mode"    ["d:Display", "v:Visibility*", "o:Opacity", "f:Opacity (filter)"]
@var range       opacity "Opacity" [0.25, 0, 1, 0.01]
@var checkbox    force   "Force"   1
@downloadURL none
==/UserStyle== */

if force {
  img,
  canvas,
  picture,
  svg,
  video {
    if mode == d {
      display: none !important;
    }
    if mode == v {
      visibility: hidden !important;
    }
    if mode == o {
      opacity: opacity !important;
    }
    if mode == f {
      filter: opacity(opacity) !important;
    }
  }
  *,
  *:before,
  *:after {
    background-image: none !important;
  }
}
else {
  img,
  canvas,
  picture,
  svg,
  video {
    if mode == d {
      display: none;
    }
    if mode == v {
      visibility: hidden;
    }
    if mode == o {
      opacity: opacity;
    }
    if mode == f {
      filter: opacity(opacity);
    }
  }
  *,
  *:before,
  *:after {
    background-image: none;
  }
}