rice: with rice.color; let
  f = rice.lib.hex-to-rgb-comma-string;
  blur = builtins.toString 20;
in /* css */ ''
  /* Removes the white loading page */
  /* url(about:newtab), url(about:home) */
  @-moz-document url(about:blank) {
    html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay {
      background: transparent !important;
    }
  }

  /*  Sets up minimal incognito scrollbar */
  @-moz-document url(about:privatebrowsing) {
    :root{
      scrollbar-width: thin !important;
      scrollbar-color: rgb(161, 161, 161) transparent !important;
    }
  }

  /* new-tab */ 
  @-moz-document url-prefix(about:home), url-prefix(about:newtab) {
    :root{
      --newtab-background-color-secondary: rgba(${f background},0.5) !important;
    }
    body, html {
      background: transparent !important;
    }
    .tile, .search-handoff-button {
      border: ${builtins.toString rice.border-width}px solid ${border} !important;
    }
  }

  @-moz-document domain(reddit.com) {
    header {
      background-color: rgba(${f background},${builtins.toString rice.transparency}) !important;
      backdrop-filter: blur(${blur}px);        
    }    
    body, html, .bg-neutral-background, .threadline, reddit-sidebar-nav, shreddit-post, aside, .reddit-search-bar, comment-body-header, shreddit-comment-tree, #flex-left-nav-container {
      background-color: transparent !important;
    }
    #search-dropdown-results-container {
      background: rgba(${f background},0.8) !important;
    }
    #main-content {
      background-color: rgba(${f background},0.5)!important;
    }

  }

  @-moz-document domain(reddit.com) {
    header {
      background-color: rgba(${rice.lib.hex-to-rgb-comma-string background},${builtins.toString rice.transparency}) !important;
    }    
    body, html, reddit-sidebar-nav, shreddit-post, aside, .reddit-search-bar{
      background-color: transparent !important;
    }
  }

  @-moz-document domain(google.com) {
    .sfbg {
      background-color: rgba(${rice.lib.hex-to-rgb-comma-string background},${builtins.toString rice.transparency}) !important;
      backdrop-filter: blur(${blur}px);        
    }
    body, html, div#search > * {
      background-color: transparent !important;
      border: ${builtins.toString rice.border-width} solid ${border};
    }
    .g, .appbar {
      background-color: transparent !important;
      border: ${builtins.toString rice.border-width} solid ${border};
    }
    div#rso {
      * {
        background-color: transparent !important;
        border: ${builtins.toString rice.border-width} solid ${border};
      }
    }
    div#cnt > div {

    }
  }

  @media (prefers-color-scheme: dark) {
    :root .theme-system {
      --color-bg: transtparent !important;
      --color-text: ${rice.color.foreground}
    }
  }

  @-moz-document domain(developer.mozilla.org) {
    html, body {
      background-color: transparent !important;
    }
    .top-navigation, .article-actions-container {
      background-color: rgba(0,0,0,1) !important; 
      backdrop-filter: blur(100px);
      border-radius: ${builtins.toString rice.rounding}px;
    }
  }

  @-moz-document domain(github.com) {
    body, html, header, #repository-container-header, .bgColor-muted, section {
      background-color: transparent !important;
    }
  }
  @-moz-document domain(youtube.com) {
    body, html, div#content, ytd-app, #frosted-glass.with-chipbar.ytd-app, ytd-shorts[is-dark] #cinematic-shorts-scrim.ytd-shorts { 
      background-color: transparent !important;
    }
    #background.ytd-masthead, div#background {
      background-color: rgba(${rice.lib.hex-to-rgb-comma-string background}, ${builtins.toString rice.transparency}) !important;
      backdrop-filter: blur(100px);
    }
    * {
      --yt-spec-base-background: transparent;
      --yt-spec-raised-background: rgba(${rice.lib.hex-to-rgb-comma-string background}, ${builtins.toString rice.transparency}) !important;
      --yt-spec-menu-background: rgba(${rice.lib.hex-to-rgb-comma-string accent.dark}, ${builtins.toString rice.transparency}) !important;
      --yt-spec-inverted-background: rgba(${rice.lib.hex-to-rgb-comma-string secondary.dark}, ${builtins.toString rice.transparency}) !important;
    }
  }

  @-moz-document domain(mynixos.com) {
    body, html {
      background-color: transparent !important;
    }
    header, footer {
      background-color: rgba(0,0,0,0.5) !important; 
      backdrop-filter: blur(100px);
      border-radius: ${builtins.toString rice.rounding}px;
    }
  }

  @-moz-document domain(moodle.informatik.tu-darmstadt.de) {
    body, html , .main-inner, .main-inner * {
      background-color: transparent !important;
    }
    .bg-primary {
      background-color: rgba(${rice.lib.hex-to-rgb-comma-string accent.base},0.5) !important;
    }
  }
  @-moz-document domain(wikipedia.org) {
    body, html, div.mw-page-container, .vector-header, .mw-header {
      background-color: transparent !important;
    }
    :root {
  		--color-base: ${foreground} !important;
      --color-base--hover: ${accent.bright} !important;
      --color-emphasized: ${accent.base} !important;
      --color-progressive: ${accent.base} !important;
      --color-progressive--hover: ${accent.brighter} !important;
      --color-progressive--active: ${secondary.bright} !important;
      --color-destructive: ${negative.base} !important;
      --color-destructive--hover: ${negative.brighter} !important;
      --color-destructive--active: ${negative.bright} !important;
      --color-visited: ${secondary.base} !important;
      --color-visited--hover: ${secondary.brighter} !important;
      --color-visited--active: ${secondary.bright} !important;
      --color-error: ${negative.base} !important;
      --color-error--hover: ${negative.bright} !important;
      --color-error--active: ${negative.bright} !important;
      --color-warning: ${weird.base} !important;
      --color-success: ${positive.base} !important;
      --color-notice: ${special.base} !important;
      --color-content-added: ${positive.base} !important;
      --color-content-removed: ${negative.base} !important;
      --color-base--subtle: ${accent.dark} !important;
      --box-shadow-color-base: ${black.base} !important;
      --background-color-base: transparent !important;
      --background-color-neutral: transparent !important;
      --background-color-neutral-subtle: transparent !important;
      --background-color-interactive: ${accent.darker} !important;
      --background-color-interactive--hover: ${accent.dark} !important;
      --background-color-interactive--active: ${secondary.dark} !important;
      --background-color-interactive-subtle: ${subtle.darker} !important;
      --background-color-interactive-subtle--hover: ${subtle.dark} !important;
      --background-color-interactive-subtle--active: ${subtle.base} !important;
      --border-color-base: ${border} !important;
      --border-color-emphasized: ${border2} !important;
      --border-color-subtle: ${subtle.base} !important;
      --border-color-muted: ${subtle.dark} !important;
    }
  }


  @-moz-document url-prefix("https://nx2.site/") {
    html {
      background: radial-gradient(rgba(255, 255, 255, 0.8) 5%, transparent 5%) !important;
      background-repeat: repeat !important;
      background-size: 2vmin 2vmin !important;
    }
  }

  @-moz-document url-prefix("pw.nx2.site") {
    html {
      background: black;
    }
  }

  @-moz-document url-prefix("pw.nx2.site") {
    html {
      background: radial-gradient(rgba(255, 255, 255, 0.8) 5%, transparent 5%) !important;
      background-repeat: repeat !important;
      background-size: 2vmin 2vmin !important;
    }
    body, .tw-bg-background-alt3, main, .card-header, .card-body, .modal-body {
      background-color: transparent !important;
    }
    .modal-open, .modal-header, form.modal-content, .modal-footer {
      background-color: rgba(0,0,0,0.8) !important;
      backdrop-filter: blur(5px);
    } 
    .cdk-virtual-scroll-content-wrapper, .card, .tw-bg-background, .modal-content {
      background-color: rgba(0,0,0,0.8) !important;
      border-radius: 10px !important;
      border: ${toString rice.border-width}px solid ${border} !important;
    }
  }     
''
  # @-moz-document domain(chatgpt.com) {
  #   body, html , .bg-token-sidebar-surface-primary {
  #     background-color: transparent !important;
  #   }
  #   .bg-token-main-surface-primary {
  #     background-color: rgba(0,0,0,1) !important; 
  #     backdrop-filter: blur(100px) !important;
  #     border-radius: ${builtins.toString rice.rounding}px !important;
  #   }
  # }