@import url("https://prismjs.catppuccin.com/variables.important.css");
  code .token {
    opacity: 1 !important;
  }
  :root,
  .silver-theme {
    color-scheme: light;
    --ctp-rosewater: #dc8a78;
    --ctp-flamingo: #dd7878;
    --ctp-pink: #ea76cb;
    --ctp-mauve: #8839ef;
    --ctp-red: #d20f39;
    --ctp-maroon: #e64553;
    --ctp-peach: #fe640b;
    --ctp-yellow: #df8e1d;
    --ctp-green: #40a02b;
    --ctp-teal: #179299;
    --ctp-sky: #04a5e5;
    --ctp-sapphire: #209fb5;
    --ctp-blue: #1e66f5;
    --ctp-lavender: #7287fd;
    --ctp-text: #4c4f69;
    --ctp-subtext1: #5c5f77;
    --ctp-subtext0: #6c6f85;
    --ctp-overlay2: #7c7f93;
    --ctp-overlay1: #8c8fa1;
    --ctp-overlay0: #9ca0b0;
    --ctp-surface2: #acb0be;
    --ctp-surface1: #bcc0cc;
    --ctp-surface0: #ccd0da;
    --ctp-base: #eff1f5;
    --ctp-mantle: #e6e9ef;
    --ctp-crust: #dce0e8;
    /* Legacy user colors */
    --mx-uc-1: #1e66f5;
    --mx-uc-2: #ea76cb;
    --mx-uc-3: #179299;
    --mx-uc-4: #d20f39;
    --mx-uc-5: #fe640b;
    --mx-uc-6: #04a5e5;
    --mx-uc-7: #8839ef;
    --mx-uc-8: #40a02b;
    /* Search results */
    /* Footer */
    /* I don't think these actually do anything anymore, but they are
    still defined in the app. They _might_ be removed in a future release. */
    /* Backgrounds */
    --bg-surface: #eff1f5;
    --bg-surface-transparent: rgba(239, 241, 245, 0);
    --bg-surface-low: #e6e9ef;
    --bg-surface-low-transparent: rgba(230, 233, 239, 0);
    --bg-surface-extra-low: #dce0e8;
    --bg-surface-extra-low-transparent: rgba(220, 224, 232, 0);
    --bg-surface-border: rgba(220, 224, 232, 0.2);
    --bg-surface-hover: #ccd0da;
    --bg-surface-active: #bcc0cc;
    --bg-overlay: rgba(220, 224, 232, 0.6);
    --bg-overlay-low: rgba(220, 224, 232, 0.8);
    --bg-primary: #1e66f5;
    --bg-primary-hover: rgba(30, 102, 245, 0.8);
    --bg-primary-active: rgba(30, 102, 245, 0.7);
    --bg-primary-border: rgba(30, 102, 245, 0.38);
    --bg-tooltip: #ccd0da;
    --bg-badge: #7287fd;
    --bg-positive: #40a02b;
    --bg-positive-hover: rgba(64, 160, 43, 0.08);
    --bg-positive-active: rgba(64, 160, 43, 0.15);
    --bg-positive-border: rgba(64, 160, 43, 0.4);
    --bg-caution: #fe640b;
    --bg-caution-hover: rgba(254, 100, 11, 0.08);
    --bg-caution-active: rgba(254, 100, 11, 0.15);
    --bg-caution-border: rgba(254, 100, 11, 0.4);
    --bg-danger: #e64553;
    --bg-danger-hover: rgba(230, 69, 83, 0.05);
    --bg-danger-active: rgba(230, 69, 83, 0.1);
    --bg-danger-border: rgba(230, 69, 83, 0.2);
    --bg-ping: rgba(64, 160, 43, 0.4);
    --bg-ping-hover: rgba(64, 160, 43, 0.5);
    /* Texts */
    --tc-surface-high: #4c4f69;
    --tc-surface-normal: #4c4f69;
    --tc-surface-normal-low: #5c5f77;
    --tc-surface-low: #6c6f85;
    --tc-primary-high: #dce0e8;
    --tc-primary-normal: #4c4f69;
    --tc-primary-low: #5c5f77;
    --tc-tooltip: #6c6f85;
    --tc-code: #8839ef;
    --tc-link: #1e66f5;
    --tc-badge: #dce0e8;
    --tc-positive-high: #40a02b;
    --tc-positive-normal: #40a02b;
    --tc-positive-low: #40a02b;
    --tc-caution-high: #fe640b;
    --tc-caution-normal: #fe640b;
    --tc-caution-low: #fe640b;
    --tc-danger-high: #e64553;
    --tc-danger-normal: #e64553;
    --tc-danger-low: #e64553;
    /* Icons */
    --ic-surface-high: #4c4f69;
    --ic-surface-normal: #4c4f69;
    --ic-surface-low: #5c5f77;
    --ic-primary-high: #dce0e8;
    --ic-primary-normal: #dce0e8;
    --ic-primary-low: #dce0e8;
    --ic-positive-high: #40a02b;
    --ic-positive-normal: #e64553;
    --ic-caution-high: #fe640b;
    --ic-caution-normal: #fe640b;
    --ic-danger-high: #e64553;
    --ic-danger-normal: #e64553;
  }
  :root ::selection,
  .silver-theme ::selection {
    background-color: rgba(30, 102, 245, 0.3);
  }
  :root input::placeholder,
  .silver-theme input::placeholder,
  :root textarea::placeholder,
  .silver-theme textarea::placeholder {
    color: #6c6f85 !important;
  }
  :root body.oq6d071w,
  .silver-theme body.oq6d071w,
  :root._15q3ngn0,
  .silver-theme._15q3ngn0,
  :root._15q3ngn1,
  .silver-theme._15q3ngn1,
  :root._15q3ngn2,
  .silver-theme._15q3ngn2 {
    --oq6d070: #e6e9ef;
    --oq6d071: #eff1f5;
    --oq6d072: #ccd0da;
    --oq6d073: #bcc0cc;
    --oq6d074: #4c4f69;
    --oq6d075: #eff1f5;
    --oq6d076: #ccd0da;
    --oq6d077: #bcc0cc;
    --oq6d078: #acb0be;
    --oq6d079: #4c4f69;
    --oq6d07a: #e6e9ef;
    --oq6d07b: #eff1f5;
    --oq6d07c: #ccd0da;
    --oq6d07d: #bcc0cc;
    --oq6d07e: #4c4f69;
    --oq6d07f: #6c6f85;
    --oq6d07g: #7c7f93;
    --oq6d07h: #8c8fa1;
    --oq6d07i: #9ca0b0;
    --oq6d07j: #eff1f5;
    --oq6d07k: rgba(30, 102, 245, 0.5);
    --oq6d07l: rgba(30, 102, 245, 0.4);
    --oq6d07m: rgba(30, 102, 245, 0.3);
    --oq6d07n: rgba(30, 102, 245, 0.2);
    --oq6d07o: #4c4f69;
    --oq6d07p: #5c5f77;
    --oq6d07q: #6c6f85;
    --oq6d07r: #7c7f93;
    --oq6d07s: #8c8fa1;
    --oq6d07t: #e6e9ef;
    --oq6d07u: #ccd0da;
    --oq6d07v: #bcc0cc;
    --oq6d07w: #acb0be;
    --oq6d07x: #9ca0b0;
    --oq6d07y: #4c4f69;
    --oq6d07z: rgba(64, 160, 43, 0.9);
    --oq6d0710: rgba(64, 160, 43, 0.95);
    --oq6d0711: rgba(64, 160, 43, 0.975);
    --oq6d0712: #40a02b;
    --oq6d0713: #ccd0da;
    --oq6d0714: rgba(204, 208, 218, 0.975);
    --oq6d0715: rgba(204, 208, 218, 0.95);
    --oq6d0716: rgba(204, 208, 218, 0.9);
    --oq6d0717: rgba(204, 208, 218, 0.8);
    --oq6d0718: #40a02b;
    --oq6d0719: rgba(254, 100, 11, 0.9);
    --oq6d071a: rgba(254, 100, 11, 0.95);
    --oq6d071b: rgba(254, 100, 11, 0.975);
    --oq6d071c: #fe640b;
    --oq6d071d: rgba(204, 208, 218, 0.975);
    --oq6d071e: rgba(204, 208, 218, 0.95);
    --oq6d071f: rgba(204, 208, 218, 0.9);
    --oq6d071g: rgba(204, 208, 218, 0.8);
    --oq6d071h: rgba(204, 208, 218, 0.7);
    --oq6d071i: rgba(230, 69, 83, 0.9);
    --oq6d071j: rgba(230, 69, 83, 0.95);
    --oq6d071k: rgba(230, 69, 83, 0.975);
    --oq6d071l: #e64553;
    --oq6d071m: rgba(204, 208, 218, 0.975);
    --oq6d071n: rgba(204, 208, 218, 0.95);
    --oq6d071o: rgba(204, 208, 218, 0.9);
    --oq6d071p: rgba(204, 208, 218, 0.8);
    --oq6d071q: rgba(204, 208, 218, 0.7);
    --oq6d071r: rgba(204, 208, 218, 0.6);
    --oq6d071s: rgba(230, 69, 83, 0.9);
    --oq6d071t: rgba(76, 79, 105, 0.5);
    --oq6d071u: #dce0e8;
    --oq6d071v: rgba(220, 224, 232, 0.6);
  }
  :root ._1m2qi7rq,
  .silver-theme ._1m2qi7rq {
    background-color: #1e66f5;
    color: #eff1f5;
  }
  :root .footer,
  .silver-theme .footer {
    background-color: #eff1f5;
  }
  :root .footer .text-s1,
  .silver-theme .footer .text-s1,
  :root .footer .text-h2,
  .silver-theme .footer .text-h2,
  :root .footer a,
  .silver-theme .footer a {
    color: #4c4f69;
  }
  :root .footer .footer__creator,
  .silver-theme .footer .footer__creator,
  :root .footer .footer__menu-container .text-b3,
  .silver-theme .footer .footer__menu-container .text-b3 {
    color: #6c6f85;
  }
  .dark-theme,
  .butter-theme {
    color-scheme: dark;
    --ctp-rosewater: #f5e0dc;
    --ctp-flamingo: #f2cdcd;
    --ctp-pink: #f5c2e7;
    --ctp-mauve: #cba6f7;
    --ctp-red: #f38ba8;
    --ctp-maroon: #eba0ac;
    --ctp-peach: #fab387;
    --ctp-yellow: #f9e2af;
    --ctp-green: #a6e3a1;
    --ctp-teal: #94e2d5;
    --ctp-sky: #89dceb;
    --ctp-sapphire: #74c7ec;
    --ctp-blue: #89b4fa;
    --ctp-lavender: #b4befe;
    --ctp-text: #cdd6f4;
    --ctp-subtext1: #bac2de;
    --ctp-subtext0: #a6adc8;
    --ctp-overlay2: #9399b2;
    --ctp-overlay1: #7f849c;
    --ctp-overlay0: #6c7086;
    --ctp-surface2: #585b70;
    --ctp-surface1: #45475a;
    --ctp-surface0: #313244;
    --ctp-base: #1e1e2e;
    --ctp-mantle: #181825;
    --ctp-crust: #11111b;
    /* Legacy user colors */
    --mx-uc-1: #89b4fa;
    --mx-uc-2: #f5c2e7;
    --mx-uc-3: #94e2d5;
    --mx-uc-4: #f38ba8;
    --mx-uc-5: #fab387;
    --mx-uc-6: #89dceb;
    --mx-uc-7: #cba6f7;
    --mx-uc-8: #a6e3a1;
    /* Search results */
    /* Footer */
    /* I don't think these actually do anything anymore, but they are
    still defined in the app. They _might_ be removed in a future release. */
    /* Backgrounds */
    --bg-surface: #1e1e2e;
    --bg-surface-transparent: rgba(30, 30, 46, 0);
    --bg-surface-low: #181825;
    --bg-surface-low-transparent: rgba(24, 24, 37, 0);
    --bg-surface-extra-low: #11111b;
    --bg-surface-extra-low-transparent: rgba(17, 17, 27, 0);
    --bg-surface-border: rgba(17, 17, 27, 0.2);
    --bg-surface-hover: #313244;
    --bg-surface-active: #45475a;
    --bg-overlay: rgba(17, 17, 27, 0.6);
    --bg-overlay-low: rgba(17, 17, 27, 0.8);
    --bg-primary: #89b4fa;
    --bg-primary-hover: rgba(137, 180, 250, 0.8);
    --bg-primary-active: rgba(137, 180, 250, 0.7);
    --bg-primary-border: rgba(137, 180, 250, 0.38);
    --bg-tooltip: #313244;
    --bg-badge: #b4befe;
    --bg-positive: #a6e3a1;
    --bg-positive-hover: rgba(166, 227, 161, 0.08);
    --bg-positive-active: rgba(166, 227, 161, 0.15);
    --bg-positive-border: rgba(166, 227, 161, 0.4);
    --bg-caution: #fab387;
    --bg-caution-hover: rgba(250, 179, 135, 0.08);
    --bg-caution-active: rgba(250, 179, 135, 0.15);
    --bg-caution-border: rgba(250, 179, 135, 0.4);
    --bg-danger: #eba0ac;
    --bg-danger-hover: rgba(235, 160, 172, 0.05);
    --bg-danger-active: rgba(235, 160, 172, 0.1);
    --bg-danger-border: rgba(235, 160, 172, 0.2);
    --bg-ping: rgba(166, 227, 161, 0.4);
    --bg-ping-hover: rgba(166, 227, 161, 0.5);
    /* Texts */
    --tc-surface-high: #cdd6f4;
    --tc-surface-normal: #cdd6f4;
    --tc-surface-normal-low: #bac2de;
    --tc-surface-low: #a6adc8;
    --tc-primary-high: #11111b;
    --tc-primary-normal: #cdd6f4;
    --tc-primary-low: #bac2de;
    --tc-tooltip: #a6adc8;
    --tc-code: #cba6f7;
    --tc-link: #89b4fa;
    --tc-badge: #11111b;
    --tc-positive-high: #a6e3a1;
    --tc-positive-normal: #a6e3a1;
    --tc-positive-low: #a6e3a1;
    --tc-caution-high: #fab387;
    --tc-caution-normal: #fab387;
    --tc-caution-low: #fab387;
    --tc-danger-high: #eba0ac;
    --tc-danger-normal: #eba0ac;
    --tc-danger-low: #eba0ac;
    /* Icons */
    --ic-surface-high: #cdd6f4;
    --ic-surface-normal: #cdd6f4;
    --ic-surface-low: #bac2de;
    --ic-primary-high: #11111b;
    --ic-primary-normal: #11111b;
    --ic-primary-low: #11111b;
    --ic-positive-high: #a6e3a1;
    --ic-positive-normal: #eba0ac;
    --ic-caution-high: #fab387;
    --ic-caution-normal: #fab387;
    --ic-danger-high: #eba0ac;
    --ic-danger-normal: #eba0ac;
  }
  .dark-theme ::selection,
  .butter-theme ::selection {
    background-color: rgba(137, 180, 250, 0.3);
  }
  .dark-theme input::placeholder,
  .butter-theme input::placeholder,
  .dark-theme textarea::placeholder,
  .butter-theme textarea::placeholder {
    color: #a6adc8 !important;
  }
  .dark-theme body.oq6d071w,
  .butter-theme body.oq6d071w,
  .dark-theme._15q3ngn0,
  .butter-theme._15q3ngn0,
  .dark-theme._15q3ngn1,
  .butter-theme._15q3ngn1,
  .dark-theme._15q3ngn2,
  .butter-theme._15q3ngn2 {
    --oq6d070: #181825;
    --oq6d071: #1e1e2e;
    --oq6d072: #313244;
    --oq6d073: #45475a;
    --oq6d074: #cdd6f4;
    --oq6d075: #1e1e2e;
    --oq6d076: #313244;
    --oq6d077: #45475a;
    --oq6d078: #585b70;
    --oq6d079: #cdd6f4;
    --oq6d07a: #181825;
    --oq6d07b: #1e1e2e;
    --oq6d07c: #313244;
    --oq6d07d: #45475a;
    --oq6d07e: #cdd6f4;
    --oq6d07f: #a6adc8;
    --oq6d07g: #9399b2;
    --oq6d07h: #7f849c;
    --oq6d07i: #6c7086;
    --oq6d07j: #1e1e2e;
    --oq6d07k: rgba(137, 180, 250, 0.5);
    --oq6d07l: rgba(137, 180, 250, 0.4);
    --oq6d07m: rgba(137, 180, 250, 0.3);
    --oq6d07n: rgba(137, 180, 250, 0.2);
    --oq6d07o: #cdd6f4;
    --oq6d07p: #bac2de;
    --oq6d07q: #a6adc8;
    --oq6d07r: #9399b2;
    --oq6d07s: #7f849c;
    --oq6d07t: #181825;
    --oq6d07u: #313244;
    --oq6d07v: #45475a;
    --oq6d07w: #585b70;
    --oq6d07x: #6c7086;
    --oq6d07y: #cdd6f4;
    --oq6d07z: rgba(166, 227, 161, 0.9);
    --oq6d0710: rgba(166, 227, 161, 0.95);
    --oq6d0711: rgba(166, 227, 161, 0.975);
    --oq6d0712: #a6e3a1;
    --oq6d0713: #313244;
    --oq6d0714: rgba(49, 50, 68, 0.975);
    --oq6d0715: rgba(49, 50, 68, 0.95);
    --oq6d0716: rgba(49, 50, 68, 0.9);
    --oq6d0717: rgba(49, 50, 68, 0.8);
    --oq6d0718: #a6e3a1;
    --oq6d0719: rgba(250, 179, 135, 0.9);
    --oq6d071a: rgba(250, 179, 135, 0.95);
    --oq6d071b: rgba(250, 179, 135, 0.975);
    --oq6d071c: #fab387;
    --oq6d071d: rgba(49, 50, 68, 0.975);
    --oq6d071e: rgba(49, 50, 68, 0.95);
    --oq6d071f: rgba(49, 50, 68, 0.9);
    --oq6d071g: rgba(49, 50, 68, 0.8);
    --oq6d071h: rgba(49, 50, 68, 0.7);
    --oq6d071i: rgba(235, 160, 172, 0.9);
    --oq6d071j: rgba(235, 160, 172, 0.95);
    --oq6d071k: rgba(235, 160, 172, 0.975);
    --oq6d071l: #eba0ac;
    --oq6d071m: rgba(49, 50, 68, 0.975);
    --oq6d071n: rgba(49, 50, 68, 0.95);
    --oq6d071o: rgba(49, 50, 68, 0.9);
    --oq6d071p: rgba(49, 50, 68, 0.8);
    --oq6d071q: rgba(49, 50, 68, 0.7);
    --oq6d071r: rgba(49, 50, 68, 0.6);
    --oq6d071s: rgba(235, 160, 172, 0.9);
    --oq6d071t: rgba(205, 214, 244, 0.5);
    --oq6d071u: #11111b;
    --oq6d071v: rgba(17, 17, 27, 0.6);
  }
  .dark-theme ._1m2qi7rq,
  .butter-theme ._1m2qi7rq {
    background-color: #89b4fa;
    color: #1e1e2e;
  }
  .dark-theme .footer,
  .butter-theme .footer {
    background-color: #1e1e2e;
  }
  .dark-theme .footer .text-s1,
  .butter-theme .footer .text-s1,
  .dark-theme .footer .text-h2,
  .butter-theme .footer .text-h2,
  .dark-theme .footer a,
  .butter-theme .footer a {
    color: #cdd6f4;
  }
  .dark-theme .footer .footer__creator,
  .butter-theme .footer .footer__creator,
  .dark-theme .footer .footer__menu-container .text-b3,
  .butter-theme .footer .footer__menu-container .text-b3 {
    color: #a6adc8;
  }
