:root,
    
    
    
    .color-scheme-1 {
        --color-background: var(--hx-paper-02);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: var(--hx-shade-01);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: var(--hx-ink-01);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: var(--hx-shade-01);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: var(--hx-ink-01);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: var(--hx-ink-01);
        --color-border-rgb: 0 0 0;
        --color-shadow: var(--hx-ink-01);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: var(--hx-paper-04);
        --color-primary-button-background: var(--hx-brand-01);
        --color-primary-button-border: var(--hx-ink-01);
        --color-primary-button-hover-text: var(--hx-paper-02);
        --color-primary-button-hover-background: var(--hx-ink-02);
        --color-primary-button-hover-border: var(--hx-ink-01);
        --color-secondary-button-text: var(--hx-ink-01);
        --color-secondary-button-background: var(--hx-shade-02);
        --color-secondary-button-border: var(--hx-ink-01);
        --color-secondary-button-hover-text: var(--hx-ink-02);
        --color-secondary-button-hover-background: var(--hx-paper-04);
        --color-secondary-button-hover-border: var(--hx-ink-02);
        --color-input-background: var(--hx-scrim-03);
        --color-input-text: var(--hx-ink-02);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: var(--hx-ink-01);
        --color-input-hover-background: var(--hx-shade-06);
        --color-variant-background: var(--hx-paper-02);
        --color-variant-border: var(--hx-shade-03);
        --color-variant-text: var(--hx-ink-01);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: var(--hx-paper-03);
        --color-variant-hover-text: var(--hx-ink-01);
        --color-variant-hover-border: var(--hx-grey-01);
        --color-selected-variant-background: var(--hx-brand-01);
        --color-selected-variant-border: var(--hx-ink-01);
        --color-selected-variant-text: var(--hx-paper-02);
        --color-selected-variant-hover-background: var(--hx-warm-02);
        --color-selected-variant-hover-text: var(--hx-brand-01);
        --color-selected-variant-hover-border: var(--hx-ink-03);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: var(--hx-paper-03);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 245 245 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: var(--hx-shade-01);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: var(--hx-ink-01);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: var(--hx-shade-01);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: var(--hx-paper-02);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: var(--hx-grey-03);
        --color-border-rgb: 223 223 223;
        --color-shadow: var(--hx-ink-01);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: var(--hx-paper-02);
        --color-primary-button-background: var(--hx-ink-01);
        --color-primary-button-border: var(--hx-ink-01);
        --color-primary-button-hover-text: var(--hx-paper-02);
        --color-primary-button-hover-background: var(--hx-ink-02);
        --color-primary-button-hover-border: var(--hx-ink-02);
        --color-secondary-button-text: var(--hx-ink-01);
        --color-secondary-button-background: var(--hx-shade-02);
        --color-secondary-button-border: var(--hx-ink-01);
        --color-secondary-button-hover-text: var(--hx-ink-01);
        --color-secondary-button-hover-background: var(--hx-scrim-01);
        --color-secondary-button-hover-border: var(--hx-shade-18);
        --color-input-background: var(--hx-shade-02);
        --color-input-text: var(--hx-shade-04);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: var(--hx-shade-03);
        --color-input-hover-background: var(--hx-scrim-01);
        --color-variant-background: var(--hx-paper-02);
        --color-variant-border: var(--hx-grey-01);
        --color-variant-text: var(--hx-ink-01);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: var(--hx-paper-03);
        --color-variant-hover-text: var(--hx-ink-01);
        --color-variant-hover-border: var(--hx-grey-01);
        --color-selected-variant-background: var(--hx-ink-01);
        --color-selected-variant-border: var(--hx-ink-01);
        --color-selected-variant-text: var(--hx-paper-02);
        --color-selected-variant-hover-background: var(--hx-ink-03);
        --color-selected-variant-hover-text: var(--hx-paper-02);
        --color-selected-variant-hover-border: var(--hx-ink-03);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: var(--hx-paper-10);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 238 241 234;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: var(--hx-shade-01);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: var(--hx-ink-01);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: var(--hx-shade-01);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: var(--hx-ink-01);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: var(--hx-shade-01);
        --color-border-rgb: 0 0 0;
        --color-shadow: var(--hx-ink-01);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: var(--hx-paper-02);
        --color-primary-button-background: var(--hx-ink-01);
        --color-primary-button-border: var(--hx-ink-01);
        --color-primary-button-hover-text: var(--hx-paper-02);
        --color-primary-button-hover-background: var(--hx-ink-02);
        --color-primary-button-hover-border: var(--hx-ink-02);
        --color-secondary-button-text: var(--hx-ink-01);
        --color-secondary-button-background: var(--hx-shade-02);
        --color-secondary-button-border: var(--hx-ink-01);
        --color-secondary-button-hover-text: var(--hx-shade-01);
        --color-secondary-button-hover-background: var(--hx-scrim-01);
        --color-secondary-button-hover-border: var(--hx-shade-01);
        --color-input-background: var(--hx-shade-02);
        --color-input-text: var(--hx-shade-01);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: var(--hx-shade-01);
        --color-input-hover-background: var(--hx-scrim-01);
        --color-variant-background: var(--hx-paper-02);
        --color-variant-border: var(--hx-grey-01);
        --color-variant-text: var(--hx-ink-01);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: var(--hx-paper-03);
        --color-variant-hover-text: var(--hx-ink-01);
        --color-variant-hover-border: var(--hx-grey-01);
        --color-selected-variant-background: var(--hx-ink-01);
        --color-selected-variant-border: var(--hx-ink-01);
        --color-selected-variant-text: var(--hx-paper-02);
        --color-selected-variant-hover-background: var(--hx-ink-03);
        --color-selected-variant-hover-text: var(--hx-paper-02);
        --color-selected-variant-hover-border: var(--hx-ink-03);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: var(--hx-misc-14);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 225 237 245;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: var(--hx-shade-01);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: var(--hx-ink-01);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: var(--hx-shade-01);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: var(--hx-ink-01);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: var(--hx-misc-a-07);
        --color-border-rgb: 29 54 134;
        --color-shadow: var(--hx-ink-01);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: var(--hx-paper-02);
        --color-primary-button-background: var(--hx-ink-01);
        --color-primary-button-border: var(--hx-misc-15);
        --color-primary-button-hover-text: var(--hx-paper-02);
        --color-primary-button-hover-background: var(--hx-ink-02);
        --color-primary-button-hover-border: var(--hx-ink-01);
        --color-secondary-button-text: var(--hx-ink-01);
        --color-secondary-button-background: var(--hx-shade-02);
        --color-secondary-button-border: var(--hx-ink-01);
        --color-secondary-button-hover-text: var(--hx-shade-01);
        --color-secondary-button-hover-background: var(--hx-scrim-01);
        --color-secondary-button-hover-border: var(--hx-shade-01);
        --color-input-background: var(--hx-shade-02);
        --color-input-text: var(--hx-shade-01);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: var(--hx-shade-01);
        --color-input-hover-background: var(--hx-scrim-01);
        --color-variant-background: var(--hx-paper-02);
        --color-variant-border: var(--hx-grey-01);
        --color-variant-text: var(--hx-ink-01);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: var(--hx-paper-03);
        --color-variant-hover-text: var(--hx-ink-01);
        --color-variant-hover-border: var(--hx-grey-01);
        --color-selected-variant-background: var(--hx-ink-01);
        --color-selected-variant-border: var(--hx-ink-01);
        --color-selected-variant-text: var(--hx-paper-02);
        --color-selected-variant-hover-background: var(--hx-ink-03);
        --color-selected-variant-hover-text: var(--hx-paper-02);
        --color-selected-variant-hover-border: var(--hx-ink-03);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: var(--hx-brand-01);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 89 21 32;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: var(--hx-paper-02);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: var(--hx-paper-02);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: var(--hx-paper-02);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: var(--hx-scrim-02);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: var(--hx-scrim-02);
        --color-border-rgb: 255 255 255;
        --color-shadow: var(--hx-ink-01);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: var(--hx-ink-01);
        --color-primary-button-background: var(--hx-paper-02);
        --color-primary-button-border: var(--hx-paper-02);
        --color-primary-button-hover-text: var(--hx-paper-02);
        --color-primary-button-hover-background: var(--hx-brand-01);
        --color-primary-button-hover-border: var(--hx-ink-01);
        --color-secondary-button-text: var(--hx-paper-02);
        --color-secondary-button-background: var(--hx-shade-02);
        --color-secondary-button-border: var(--hx-scrim-02);
        --color-secondary-button-hover-text: var(--hx-scrim-05);
        --color-secondary-button-hover-background: var(--hx-scrim-06);
        --color-secondary-button-hover-border: var(--hx-scrim-02);
        --color-input-background: var(--hx-brand-01);
        --color-input-text: var(--hx-scrim-05);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: var(--hx-scrim-02);
        --color-input-hover-background: var(--hx-scrim-06);
        --color-variant-background: var(--hx-paper-02);
        --color-variant-border: var(--hx-grey-01);
        --color-variant-text: var(--hx-ink-01);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: var(--hx-paper-03);
        --color-variant-hover-text: var(--hx-ink-01);
        --color-variant-hover-border: var(--hx-grey-01);
        --color-selected-variant-background: var(--hx-brand-01);
        --color-selected-variant-border: var(--hx-ink-01);
        --color-selected-variant-text: var(--hx-paper-02);
        --color-selected-variant-hover-background: var(--hx-ink-03);
        --color-selected-variant-hover-text: var(--hx-paper-02);
        --color-selected-variant-hover-border: var(--hx-ink-03);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: var(--hx-shade-02);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: var(--hx-paper-02);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: var(--hx-paper-02);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: var(--hx-paper-02);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: var(--hx-scrim-02);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: var(--hx-grey-01);
        --color-border-rgb: 230 230 230;
        --color-shadow: var(--hx-ink-01);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: var(--hx-ink-01);
        --color-primary-button-background: var(--hx-paper-02);
        --color-primary-button-border: var(--hx-paper-02);
        --color-primary-button-hover-text: var(--hx-paper-02);
        --color-primary-button-hover-background: var(--hx-ink-01);
        --color-primary-button-hover-border: var(--hx-ink-01);
        --color-secondary-button-text: var(--hx-paper-02);
        --color-secondary-button-background: var(--hx-shade-02);
        --color-secondary-button-border: var(--hx-paper-02);
        --color-secondary-button-hover-text: var(--hx-paper-02);
        --color-secondary-button-hover-background: var(--hx-scrim-13);
        --color-secondary-button-hover-border: var(--hx-paper-02);
        --color-input-background: var(--hx-paper-02);
        --color-input-text: var(--hx-shade-04);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: var(--hx-shade-03);
        --color-input-hover-background: var(--hx-paper-04);
        --color-variant-background: var(--hx-paper-02);
        --color-variant-border: var(--hx-grey-01);
        --color-variant-text: var(--hx-ink-01);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: var(--hx-paper-03);
        --color-variant-hover-text: var(--hx-ink-01);
        --color-variant-hover-border: var(--hx-grey-01);
        --color-selected-variant-background: var(--hx-ink-01);
        --color-selected-variant-border: var(--hx-ink-01);
        --color-selected-variant-text: var(--hx-paper-02);
        --color-selected-variant-hover-background: var(--hx-ink-03);
        --color-selected-variant-hover-text: var(--hx-paper-02);
        --color-selected-variant-hover-border: var(--hx-ink-03);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
        --color-background: var(--hx-shade-02);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: var(--hx-ink-01);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: var(--hx-ink-01);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: var(--hx-ink-01);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: var(--hx-shade-04);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: var(--hx-ink-01);
        --color-border-rgb: 0 0 0;
        --color-shadow: var(--hx-ink-01);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: var(--hx-paper-02);
        --color-primary-button-background: var(--hx-ink-01);
        --color-primary-button-border: var(--hx-ink-01);
        --color-primary-button-hover-text: var(--hx-paper-02);
        --color-primary-button-hover-background: var(--hx-ink-02);
        --color-primary-button-hover-border: var(--hx-ink-02);
        --color-secondary-button-text: var(--hx-ink-01);
        --color-secondary-button-background: var(--hx-shade-02);
        --color-secondary-button-border: var(--hx-ink-01);
        --color-secondary-button-hover-text: var(--hx-ink-02);
        --color-secondary-button-hover-background: var(--hx-paper-04);
        --color-secondary-button-hover-border: var(--hx-ink-02);
        --color-input-background: var(--hx-paper-02);
        --color-input-text: var(--hx-shade-04);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: var(--hx-shade-03);
        --color-input-hover-background: var(--hx-paper-04);
        --color-variant-background: var(--hx-paper-02);
        --color-variant-border: var(--hx-grey-01);
        --color-variant-text: var(--hx-ink-01);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: var(--hx-paper-03);
        --color-variant-hover-text: var(--hx-ink-01);
        --color-variant-hover-border: var(--hx-grey-01);
        --color-selected-variant-background: var(--hx-ink-01);
        --color-selected-variant-border: var(--hx-ink-01);
        --color-selected-variant-text: var(--hx-paper-02);
        --color-selected-variant-hover-background: var(--hx-ink-03);
        --color-selected-variant-hover-text: var(--hx-paper-02);
        --color-selected-variant-hover-border: var(--hx-ink-03);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-63e95b86-6906-443b-a586-c54d0c8a19d4 {
        --color-background: var(--hx-brand-01);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 89 21 32;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: var(--hx-paper-02);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: var(--hx-paper-02);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: var(--hx-paper-02);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: var(--hx-paper-02);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: var(--hx-shade-19);
        --color-border-rgb: 0 0 0;
        --color-shadow: var(--hx-ink-01);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: var(--hx-paper-02);
        --color-primary-button-background: var(--hx-brand-01);
        --color-primary-button-border: var(--hx-paper-02);
        --color-primary-button-hover-text: var(--hx-brand-01);
        --color-primary-button-hover-background: var(--hx-warm-02);
        --color-primary-button-hover-border: var(--hx-misc-16);
        --color-secondary-button-text: var(--hx-ink-01);
        --color-secondary-button-background: var(--hx-shade-02);
        --color-secondary-button-border: var(--hx-ink-01);
        --color-secondary-button-hover-text: var(--hx-ink-02);
        --color-secondary-button-hover-background: var(--hx-paper-04);
        --color-secondary-button-hover-border: var(--hx-ink-02);
        --color-input-background: var(--hx-scrim-03);
        --color-input-text: var(--hx-ink-02);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: var(--hx-grey-03);
        --color-input-hover-background: var(--hx-shade-06);
        --color-variant-background: var(--hx-paper-02);
        --color-variant-border: var(--hx-shade-03);
        --color-variant-text: var(--hx-brand-01);
        --color-variant-text-rgb: 89 21 32;
        --color-variant-hover-background: var(--hx-paper-03);
        --color-variant-hover-text: var(--hx-ink-01);
        --color-variant-hover-border: var(--hx-grey-01);
        --color-selected-variant-background: var(--hx-brand-01);
        --color-selected-variant-border: var(--hx-ink-01);
        --color-selected-variant-text: var(--hx-paper-02);
        --color-selected-variant-hover-background: var(--hx-brand-01);
        --color-selected-variant-hover-text: var(--hx-paper-02);
        --color-selected-variant-hover-border: var(--hx-ink-03);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-42218417-038f-4da5-81e3-f47328819721 {
        --color-background: var(--hx-warm-01);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 221 221 162;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: var(--hx-brand-01);
        --color-foreground-rgb: 89 21 32;
        --color-foreground-heading: var(--hx-brand-01);
        --color-foreground-heading-rgb: 89 21 32;
        --color-primary: var(--hx-shade-01);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: var(--hx-ink-01);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: var(--hx-ink-01);
        --color-border-rgb: 0 0 0;
        --color-shadow: var(--hx-ink-01);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: var(--hx-warm-01);
        --color-primary-button-background: var(--hx-brand-01);
        --color-primary-button-border: var(--hx-ink-01);
        --color-primary-button-hover-text: var(--hx-paper-02);
        --color-primary-button-hover-background: var(--hx-ink-02);
        --color-primary-button-hover-border: var(--hx-ink-01);
        --color-secondary-button-text: var(--hx-ink-01);
        --color-secondary-button-background: var(--hx-shade-02);
        --color-secondary-button-border: var(--hx-ink-01);
        --color-secondary-button-hover-text: var(--hx-ink-02);
        --color-secondary-button-hover-background: var(--hx-paper-04);
        --color-secondary-button-hover-border: var(--hx-ink-02);
        --color-input-background: var(--hx-scrim-03);
        --color-input-text: var(--hx-ink-02);
        --color-input-text-rgb: 51 51 51;
        --color-input-border: var(--hx-ink-01);
        --color-input-hover-background: var(--hx-shade-06);
        --color-variant-background: var(--hx-paper-02);
        --color-variant-border: var(--hx-shade-03);
        --color-variant-text: var(--hx-ink-01);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: var(--hx-paper-03);
        --color-variant-hover-text: var(--hx-ink-01);
        --color-variant-hover-border: var(--hx-grey-01);
        --color-selected-variant-background: var(--hx-ink-01);
        --color-selected-variant-border: var(--hx-ink-01);
        --color-selected-variant-text: var(--hx-paper-02);
        --color-selected-variant-hover-background: var(--hx-ink-03);
        --color-selected-variant-hover-text: var(--hx-paper-02);
        --color-selected-variant-hover-border: var(--hx-ink-03);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-63e95b86-6906-443b-a586-c54d0c8a19d4, .color-scheme-42218417-038f-4da5-81e3-f47328819721 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }