{ pkgs, ... }:
{
  config = {
    services.swayosd = {
      enable = true;
      topMargin = 0.946154;
      stylePath = pkgs.runCommand "style.css" {
        src = pkgs.writeText "style.scss" ''
          window#osd {
            padding: 12px 20px;
            border-radius: 999px;
            border: none;
            background: rgba(0, 0, 0, 0.87);

            #container {
              margin: 16px;
            }

            image,
            label {
              color: rgb(255, 255, 255);
            }

            progressbar:disabled,
            image:disabled {
              opacity: 0.5;
            }

            progressbar {
              min-height: 6px;
              border-radius: 999px;
              background: transparent;
              border: none;
            }
            trough {
              min-height: inherit;
              border-radius: inherit;
              border: none;
              background: rgba(255, 255, 255, 0.5);
            }
            progress {
              min-height: inherit;
              border-radius: inherit;
              border: none;
              background: rgb(255, 255, 255);
            }
          }
        '';
        buildInputs = with pkgs; [sass];
      } "scss -C --sourcemap=none $src $out";
    };
  };
}