/** Shopify CDN: Minification failed

Line 15:24 Expected ":"

**/
/* Dark / Light mode theme override for DivineOutlets */

html[data-theme="dark"],
html[data-theme="dark"] .color-scheme-1,
html[data-theme="dark"] .color-scheme-2,
html[data-theme="dark"] .color-scheme-3,
html[data-theme="dark"] .color-scheme-4,
html[data-theme="dark"] .color-scheme-5 {
  --color-background: 17,17,17;
    --gradient-backgroun #111111;
      --color-foreground: 245,245,245;
        --color-background-contrast: 34,34,34;
          --color-shadow: 0,0,0;
            --color-button: 245,245,245;
              --color-button-text: 17,17,17;
                --color-secondary-button: 17,17,17;
                  --color-secondary-button-text: 245,245,245;
                    --color-link: 245,245,245;
                      --color-badge-foreground: 245,245,245;
                        --color-badge-background: 17,17,17;
                          --color-badge-border: 245,245,245;
                            --payment-terms-background-color: rgb(17,17,17);
                            }

                            html[data-theme="light"],
                            html[data-theme="light"] .color-scheme-1,
                            html[data-theme="light"] .color-scheme-2,
                            html[data-theme="light"] .color-scheme-3,
                            html[data-theme="light"] .color-scheme-4,
                            html[data-theme="light"] .color-scheme-5 {
                            --color-background: 255,255,255;
                            --gradient-background:#ffffff;
                            --color-foreground: 17,17,17;
                            --color-background-contrast: 230,230,230;
                            --color-shadow: 0,0,0;
                            --color-button: 17,17,17;
                            --color-button-text: 255,255,255;
                            --color-secondary-button: 255,255,255;
                            --color-secondary-button-text: 17,17,17;
                            --color-link: 17,17,17;
                            --color-badge-foreground: 17,17,17;
                            --color-badge-background: 255,255,255;
                            --color-badge-border: 17,17,17;
                            --payment-terms-background-color: rgb(255,255,255);
                            }

                            html body {
                            transition: background-color 0.25s ease, color 0.25s ease;
                            }

                            .theme-toggle {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 44px;
                            height: 44px;
                            padding: 0;
                            background: transparent;
                            border: none;
                            cursor: pointer;
                            color: rgb(var(--color-foreground));
                            }

                            .theme-toggle svg {
                            width: 22px;
                            height: 22px;
                            fill: none;
                            stroke: currentColor;
                            stroke-width: 1.5;
                            }

                            .theme-toggle .icon-moon {
                            display: none;
                            }

                            html[data-theme="dark"] .theme-toggle .icon-sun {
                            display: none;
                            }

                            html[data-theme="dark"] .theme-toggle .icon-moon {
                            display: block;
                            }

                            .theme-toggle:hover {
                            opacity: 0.65;
                            }