/** Shopify CDN: Minification failed

Line 426:21 Expected ":"
Line 428:21 Expected ":"
Line 430:21 Expected ":"
Line 432:21 Expected ":"
Line 461:23 Expected ":"
Line 463:23 Expected ":"
Line 465:23 Expected ":"
Line 467:23 Expected ":"

**/
:root {

  /* FONT SIZE */
  --text-xxs: 10px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --text-45xl: 40px;
  --text-5xl: 48px;
  --text-6xl: 60px;
  --text-7xl: 72px;
  --text-8xl: 96px;
  --text-9xl: 128px;

    /* SPACING */
  --spacing-spacing-none: 0;
  --spacing-spacing-2xs: 2px;
  --spacing-spacing-xs: 4px;
  --spacing-spacing-sm: 8px;
  --spacing-spacing-smm: 12px;
  --spacing-spacing-m: 16px;
  --spacing-spacing-l: 20px;
  --spacing-spacing-lg: 24px;
  --spacing-spacing-xl: 32px;
  --spacing-spacing-2xl: 40px;
  --spacing-spacing-3xl: 48px;
  --spacing-spacing-4xl: 64px;
  --spacing-spacing-5xl: 80px;

  /* BORDER RADIUS */
  --border-radius-rounded-none: 0px;
  --border-radius-rounded-sm: 2px;
  --border-radius-rounded: 4px;
  --border-radius-rounded-md: 6px;
  --border-radius-rounded-lg: 8px;
  --border-radius-rounded-xl: 12px;
  --border-radius-rounded-2xl: 16px;
  --border-radius-rounded-3xl: 24px;
  --border-radius-rounded-full: 9999px;

  /* BUTTON SIZING */
  --sizing-sizing-0: 0;
  --sizing-sizing-px: 1px;
  --sizing-sizing-1: 4px;
  --sizing-sizing-2: 8px;
  --sizing-sizing-3: 12px;
  --sizing-sizing-4: 16px;
  --sizing-sizing-5: 20px;
  --sizing-sizing-6: 24px;
  --sizing-sizing-7: 28px;
  --sizing-sizing-8: 32px;
  --sizing-sizing-9: 36px;
  --sizing-sizing-10: 40px;
  --sizing-sizing-11: 44px;
  --sizing-sizing-12: 48px;
  --sizing-sizing-14: 56px;
  --sizing-sizing-16: 64px;
  --sizing-sizing-20: 80px;
  --sizing-sizing-24: 96px;
  --sizing-sizing-28: 112px;
  --sizing-sizing-32: 128px;
  --sizing-sizing-36: 144px;
  --sizing-sizing-40: 160px;
  --sizing-sizing-44: 176px;
  --sizing-sizing-48: 192px;
  --sizing-sizing-52: 208px;
  --sizing-sizing-56: 224px;
  --sizing-sizing-60: 240px;
  --sizing-sizing-64: 256px;
  --sizing-sizing-72: 288px;
  --sizing-sizing-80: 320px;
  --sizing-sizing-96: 384px;

  --sizing-buttons-height-xs: 24px;
  --sizing-buttons-height-sm: 32px;
  --sizing-buttons-height-md: 40px;
  --sizing-buttons-height-lg: 48px;
  --sizing-buttons-height-xl: 56px;

  --max-width: 1920px;

  --ease-in-out: all .3s cubic-bezier(0.45,0.05,0.55,0.95);

  --color-white: #fff;
  --color-black: #000;
  --color-text: #171616;
  --color-text-invert: var(--color-white);



  --color-brand-50: #F6F5F5;
  --color-brand-100: #D3D3D9;
  --color-brand-200: #D2CFCF;
  --color-brand-300: #B2AEAF;
  --color-brand-400: #8B8586;
  --color-brand-500: #706A6B;
  --color-brand-600: #5F5B5B;
  --color-brand-800: #464445;
  --color-brand-900: #3E3B3B;
  --color-brand-950: #171616;
  --text-brand: #B21E28;



  --color-bg-color: #ffffff;
  --color-bg-bg: var(--color-white);
  --color-bg-bg-accent: var(--color-brand-500);
  --color-bg-bg-accent-hover: var(--color-brand-800);
  --color-bg-bg-brand: var(--color-brand);
  --color-bg-bg-brand-hover: var(--color-brand-400);
  --color-bg-bg-error: var(--color-error-500);
  --color-bg-bg-error-hover: var(--color-error-700);
  --color-bg-bg-inactive: var(--color-brand-200);
  --color-bg-bg-invert: var(--color-brand-950);
  --color-bg-bg-light: var(--color-brand-100);
  --color-bg-bg-positive: var(--color-success-400);
  --color-bg-bg-positive-hover: var(--color-success-500);
  --color-bg-bg-promo: #eb1313;
  --color-bg-bg-secondary: var(--color-brand-100);
  --color-bg-bg-subtle: #f5f5f5;
  --color-bg-bg-subtle-hover: var(--color-brand-200);
  --color-bg-bg-warning: var(--color-warning-300);
  --color-bg-bg-warning-hover: var(--color-warning-400);
  --color-border-border: var(--color-brand-200);
  --color-border-border-accent: var(--color-brand-400);
  --color-border-border-accent-hover: var(--color-brand-950);
  --color-border-border-brand: var(--color-brand);
  --color-border-border-brand-hover: var(--color-brand-400);
  --color-border-border-error: var(--color-error-500);
  --color-border-border-error-hover: var(--color-error-700);
  --color-border-border-hover: var(--color-brand-300);
  --color-border-border-inactive: var(--color-brand-50);
  --color-border-border-invert: var(--color-white);
  --color-border-border-positive: var(--color-success-400);
  --color-border-border-positive-hover: var(--color-success-500);
  --color-border-border-secondary: var(--color-brand-200);
  --color-border-border-subtle: #f6f5f5;
  --color-border-border-subtle-hover: var(--color-brand-200);
  --color-border-border-warning: var(--color-warning-300);
  --color-border-border-warning-hover: var(--color-warning-400);
  --color-button-dark-primary-bg-default: var(--color-brand-950);
  --color-button-dark-primary-bg-focus: var(--color-brand-600);
  --color-button-dark-primary-bg-hover: var(--color-brand-800);
  --color-button-dark-primary-bg-loading: var(--color-brand-950);
  --color-button-dark-primary-content-default: var(--color-white);
  --color-button-dark-primary-content-focus: var(--color-white);
  --color-button-dark-primary-content-hover: var(--color-white);
  --color-button-dark-secondary-bg-default: var(--color-transparent);
  --color-button-dark-secondary-bg-focus: var(--color-brand-900);
  --color-button-dark-secondary-bg-hover: var(--color-brand-950);
  --color-button-dark-secondary-bg-loading: var(--color-brand-950);
  --color-button-dark-secondary-outline-default: var(--color-brand-950);
  --color-button-dark-secondary-outline-focus: var(--color-brand-900);
  --color-button-dark-secondary-outline-hover: var(--color-brand-950);
  --color-button-dark-secondary-outline-loading: var(--color-brand-950);
  --color-button-dark-secondary-text-default: var(--color-brand-950);
  --color-button-dark-secondary-text-focus: var(--color-white);
  --color-button-dark-secondary-text-hover: var(--color-white);
  --color-button-light-primary-bg-default: var(--color-white);
  --color-button-light-primary-bg-focus: var(--color-brand-300);
  --color-button-light-primary-bg-hover: var(--color-brand-200);
  --color-button-light-primary-bg-loading: var(--color-white);
  --color-button-light-primary-content-default: var(--color-brand-950);
  --color-button-light-primary-content-focus: var(--color-brand-950);
  --color-button-light-primary-content-hover: var(--color-brand-950);
  --color-button-light-secondary-bg-default: var(--color-transparent);
  --color-button-light-secondary-bg-focus: var(--color-brand-200);
  --color-button-light-secondary-bg-hover: var(--color-white);
  --color-button-light-secondary-bg-loading: var(--color-white);
  --color-button-light-secondary-outline-default: var(--color-white);
  --color-button-light-secondary-outline-focus: var(--color-brand-200);
  --color-button-light-secondary-outline-hover: var(--color-white);
  --color-button-light-secondary-outline-loading: var(--color-white);
  --color-button-light-secondary-text-default: var(--color-white);
  --color-button-light-secondary-text-focus: var(--color-brand-950);
  --color-button-light-secondary-text-hover: var(--color-brand-950);
  --color-text-text: var(--color-brand-950);
  --color-text-text-accent: var(--color-brand-600);
  --color-text-text-accent-hover: var(--color-brand-950);
  --color-text-text-brand: #b21e28;
  --color-text-text-brand-hover: var(--color-brand-600);
  --color-text-text-error: var(--color-error-500);
  --color-text-text-error-hover: var(--color-error-600);
  --color-text-text-inactive: var(--color-brand-300);
  --color-text-text-invert: var(--color-white);
  --color-text-text-positive: var(--color-success-400);
  --color-text-text-positive-hover: var(--color-success-500);
  --color-text-text-promo: #eb1313;
  --color-text-text-secondary: #514f4f;
  --color-text-text-subtle: var(--color-brand-300);
  --color-text-text-subtle-hover: var(--color-brand-400);
  --color-text-text-warning: var(--color-warning-500);
  --color-text-text-warning-hover: var(--color-warning-600);


  
} 
  

:root {
    --color-transparent: #ffffff00;
    --color-white: #ffffff;
    --color-brand-50: #F4F4FA;
    --color-brand-100: #D3D3D9;
    --color-brand-200: #B3B3B9;
    --color-brand-300: #94949A;
    --color-brand-400: #76777C;
    --color-brand-500: #5A5A5F;
    --color-brand-600: #3F3F44;
    --color-brand-700: #26262A;
    --color-brand-800: #0F0F13;
    --color-brand-900: #050508;
    --color-brand-950: #010102;
    --color-dark-10: #ffffff;
    --color-dark-100: #e7e7e7;
    --color-dark-1000: #000000;
    --color-dark-200: #d1d1d1;
    --color-dark-300: #b0b0b0;
    --color-dark-400: #888888;
    --color-dark-50: #f6f6f6;
    --color-dark-500: #6d6d6d;
    --color-dark-600: #595959;
    --color-dark-700: #4f4f4f;
    --color-dark-800: #454545;
    --color-dark-900: #3d3d3d;
    --color-dark-950: #262626;
    --color-error-100: #fee4e2;
    --color-error-200: #fececa;
    --color-error-300: #fdaba4;
    --color-error-400: #f97b70;
    --color-error-50: #fef3f2;
    --color-error-500: #f04f41;
    --color-error-600: #dd3425;
    --color-error-700: #ba281b;
    --color-error-800: #9a241a;
    --color-error-900: #80241c;
    --color-error-950: #450f0a;
    --color-success-100: #dcfce4;
    --color-success-200: #bcf6ca;
    --color-success-300: #88eda2;
    --color-success-400: #5ddf80;
    --color-success-50: #f0fdf3;
    --color-success-500: #25c250;
    --color-success-600: #18a13e;
    --color-success-700: #177e33;
    --color-success-800: #17642d;
    --color-success-900: #155227;
    --color-success-950: #062d12;
    --color-warning-100: #fff4c6;
    --color-warning-200: #ffe788;
    --color-warning-300: #fed141;
    --color-warning-400: #ffc020;
    --color-warning-50: #fffbeb;
    --color-warning-500: #f99e07;
    --color-warning-600: #dd7602;
    --color-warning-700: #b75206;
    --color-warning-800: #943e0c;
    --color-warning-900: #7a350d;
    --color-warning-950: #461a02;

    --color-bg-color: #ffffff;
    --color-bg: var(--color-white);
    --color-bg-accent: var(--color-brand-500);
    --color-bg-accent-hover: var(--color-brand-800);
    --color-bg-brand: var(--color-brand);
    --color-bg-brand-hover: var(--color-brand-400);
    --color-bg-error: var(--color-error-500);
    --color-bg-error-hover: var(--color-error-700);
    --color-bg-inactive: var(--color-brand-200);
    --color-bg-invert: var(--color-brand-950);
    --color-bg-light: var(--color-brand-100);
    --color-bg-positive: var(--color-success-400);
    --color-bg-positive-hover: var(--color-success-500);
    --color-bg-promo: #eb1313;
    --color-bg-secondary: var(--color-brand-100);
    --color-bg-subtle: #f5f5f5;
    --color-bg-subtle-hover: var(--color-brand-200);
    --color-bg-warning: var(--color-warning-300);
    --color-bg-warning-hover: var(--color-warning-400);
    --color-border: var(--color-brand-200);
    --color-border-accent: var(--color-brand-400);
    --color-border-accent-hover: var(--color-brand-950);
    --color-border-brand: var(--color-brand);
    --color-border-brand-hover: var(--color-brand-400);
    --color-border-error: var(--color-error-500);
    --color-border-error-hover: var(--color-error-700);
    --color-border-hover: var(--color-brand-300);
    --color-border-inactive: var(--color-brand-50);
    --color-border-invert: var(--color-white);
    --color-border-positive: var(--color-success-400);
    --color-border-positive-hover: var(--color-success-500);
    --color-border-secondary: var(--color-brand-200);
    --color-border-subtle: #f6f5f5;
    --color-border-subtle-hover: var(--color-brand-200);
    --color-border-warning: var(--color-warning-300);
    --color-border-warning-hover: var(--color-warning-400);
    --color-button-dark-primary-bg-default: var(--color-brand-950);
    --color-button-dark-primary-bg-focus: var(--color-brand-600);
    --color-button-dark-primary-bg-hover: var(--color-brand-800);
    --color-button-dark-primary-bg-loading: var(--color-brand-950);
    --color-button-dark-primary-content-default: var(--color-white);
    --color-button-dark-primary-content-focus: var(--color-white);
    --color-button-dark-primary-content-hover: var(--color-white);
    --color-button-dark-secondary-bg-default: var(--color-transparent);
    --color-button-dark-secondary-bg-focus: var(--color-brand-900);
    --color-button-dark-secondary-bg-hover: var(--color-brand-950);
    --color-button-dark-secondary-bg-loading: var(--color-brand-950);
    --color-button-dark-secondary-outline-default: var(--color-brand-950);
    --color-button-dark-secondary-outline-focus: var(--color-brand-900);
    --color-button-dark-secondary-outline-hover: var(--color-brand-950);
    --color-button-dark-secondary-outline-loading: var(--color-brand-950);
    --color-button-dark-secondary-text-default: var(--color-brand-950);
    --color-button-dark-secondary-text-focus: var(--color-white);
    --color-button-dark-secondary-text-hover: var(--color-white);
    --color-button-light-primary-bg-default: var(--color-white);
    --color-button-light-primary-bg-focus: var(--color-brand-300);
    --color-button-light-primary-bg-hover: var(--color-brand-200);
    --color-button-light-primary-bg-loading: var(--color-white);
    --color-button-light-primary-content-default: var(--color-brand-950);
    --color-button-light-primary-content-focus: var(--color-brand-950);
    --color-button-light-primary-content-hover: var(--color-brand-950);
    --color-button-light-secondary-bg-default: var(--color-transparent);
    --color-button-light-secondary-bg-focus: var(--color-brand-200);
    --color-button-light-secondary-bg-hover: var(--color-white);
    --color-button-light-secondary-bg-loading: var(--color-white);
    --color-button-light-secondary-outline-default: var(--color-white);
    --color-button-light-secondary-outline-focus: var(--color-brand-200);
    --color-button-light-secondary-outline-hover: var(--color-white);
    --color-button-light-secondary-outline-loading: var(--color-white);
    --color-button-light-secondary-text-default: var(--color-white);
    --color-button-light-secondary-text-focus: var(--color-brand-950);
    --color-button-light-secondary-text-hover: var(--color-brand-950);
    --color-text: var(--color-brand-950);
    --color-text-accent: var(--color-brand-600);
    --color-text-accent-hover: var(--color-brand-950);
    --color-text-brand: #b21e28;
    --color-text-brand-hover: var(--color-brand-600);
    --color-text-error: var(--color-error-500);
    --color-text-error-hover: var(--color-error-600);
    --color-text-inactive: var(--color-brand-300);
    --color-text-invert: var(--color-white);
    --color-text-positive: var(--color-success-400);
    --color-text-positive-hover: var(--color-success-500);
    --color-text-promo: #eb1313;
    --color-text-secondary: #5d5a5b;
    --color-text-subtle: #5d5a5b;
    --color-text-subtle-hover: var(--color-brand-400);
    --color-text-warning: var(--color-warning-500);
    --color-text-warning-hover: var(--color-warning-600);
}


/* Primitives */
:root {
    /* Mode 1 */
    /* color */
    --color-brand: #c2001f;
    --color-transparent: #ffffff00;
    --color-white: #ffffff;
    --color-error-100: #fbe5e5;
    --color-error-200: #f8d0d0;
    --color-error-300: #f2afaf;
    --color-error-400: #e98080;
    --color-error-50: #fdf3f3;
    --color-error-500: #dc5757;
    --color-error-600: #c83a3a;
    --color-error-700: #a72e2e;
    --color-error-800: #8b2929;
    --color-error-900: #7d2b2b;
    --color-error-950: #3e1111;
    --color-success-100: #dcfce4;
    --color-success-200: #bcf6ca;
    --color-success-300: #88eda2;
    --color-success-400: #5ddf80;
    --color-success-50: #f0fdf3;
    --color-success-500: #25c250;
    --color-success-600: #18a13e;
    --color-success-700: #177e33;
    --color-success-800: #17642d;
    --color-success-900: #155227;
    --color-success-950: #062d12;
    --color-warning-100: #fff4c6;
    --color-warning-200: #ffe788;
    --color-warning-300: #fed141;
    --color-warning-400: #ffc020;
    --color-warning-50: #fffbeb;
    --color-warning-500: #f99e07;
    --color-warning-600: #dd7602;
    --color-warning-700: #b75206;
    --color-warning-800: #943e0c;
    --color-warning-900: #7a350d;
    --color-warning-950: #461a02;
    /* number */
    --font-size-text-xs: 12px;
    --font-size-text-sm: 14px;
    --font-size-text-base: 16px;
    --font-size-text-lg: 18px;
    --font-size-text-xl: 20px;
    --font-size-text-2xl: 24px;
    --font-size-text-3xl: 30px;
    --font-size-text-4xl: 36px;
    --font-size-text-5xl: 48px;
    --font-size-text-6xl: 60px;
    --font-size-text-7xl: 72px;
    --font-size-text-8xl: 96px;
    --font-size-text-9xl: 128px;
    --sizing-sizing-0: 0px;
    --sizing-sizing-px: 1px;
    --sizing-sizing-0,5: 2px;
    --sizing-sizing-1: 4px;
    --sizing-sizing-1,5: 6px;
    --sizing-sizing-2: 8px;
    --sizing-sizing-2,5: 10px;
    --sizing-sizing-3: 12px;
    --sizing-sizing-3,5: 14px;
    --sizing-sizing-4: 16px;
    --sizing-sizing-5: 20px;
    --sizing-sizing-6: 24px;
    --sizing-sizing-7: 28px;
    --sizing-sizing-8: 32px;
    --sizing-sizing-9: 36px;
    --sizing-sizing-10: 40px;
    --sizing-sizing-11: 44px;
    --sizing-sizing-12: 48px;
    --sizing-sizing-14: 56px;
    --sizing-sizing-16: 64px;
    --sizing-sizing-20: 80px;
    --sizing-sizing-24: 96px;
    --sizing-sizing-28: 112px;
    --sizing-sizing-32: 128px;
    --sizing-sizing-36: 144px;
    --sizing-sizing-40: 160px;
    --sizing-sizing-44: 176px;
    --sizing-sizing-48: 192px;
    --sizing-sizing-52: 208px;
    --sizing-sizing-56: 224px;
    --sizing-sizing-60: 240px;
    --sizing-sizing-64: 256px;
    --sizing-sizing-72: 288px;
    --sizing-sizing-80: 320px;
    --sizing-sizing-96: 384px;
    --spacing-spacing-0: 0px;
    --spacing-spacing-px: 1px;
    --spacing-spacing-0,5: 2px;
    --spacing-spacing-1: 4px;
    --spacing-spacing-1,5: 6px;
    --spacing-spacing-2: 8px;
    --spacing-spacing-2,5: 10px;
    --spacing-spacing-3: 12px;
    --spacing-spacing-3,5: 14px;
    --spacing-spacing-4: 16px;
    --spacing-spacing-5: 20px;
    --spacing-spacing-6: 24px;
    --spacing-spacing-7: 28px;
    --spacing-spacing-8: 32px;
    --spacing-spacing-9: 36px;
    --spacing-spacing-10: 40px;
    --spacing-spacing-11: 44px;
    --spacing-spacing-12: 48px;
    --spacing-spacing-14: 56px;
    --spacing-spacing-16: 64px;
    --spacing-spacing-20: 80px;
    --spacing-spacing-24: 96px;
    --spacing-spacing-28: 112px;
    --spacing-spacing-32: 128px;
    --spacing-spacing-36: 144px;
    --spacing-spacing-40: 160px;
    --spacing-spacing-44: 176px;
    --spacing-spacing-48: 192px;
    --spacing-spacing-52: 208px;
    --spacing-spacing-56: 224px;
    --spacing-spacing-60: 240px;
    --spacing-spacing-64: 256px;
    --spacing-spacing-72: 288px;
    --spacing-spacing-80: 320px;
    --spacing-spacing-96: 384px;
  }
  /* Tokens */
  :root {
    /* Default */
    /* color */
    
  }