@charset "UTF-8";
/*
* Del Arte Stylesheet
* Global CSS
*/
/*
* Variables du projet
*/
/* 1.Primitives */
:root {
  /* Mode 1 */
  /* color */
  --color-blue-100: #ddebfc;
  --color-blue-200: #b8dffd;
  --color-blue-300: #9ac8f6;
  --color-blue-400: #6babef;
  --color-blue-50: #f0f6fe;
  --color-blue-500: #488be9;
  --color-blue-600: #336edd;
  --color-blue-700: #2958c7;
  --color-blue-800: #2849a5;
  --color-blue-900: #254183;
  --color-blue-950: #1b2950;
  --color-green-100: #e1f7e1;
  --color-green-200: #c6edc5;
  --color-green-300: #98de97;
  --color-green-400: #64c662;
  --color-green-50: #f2fbf2;
  --color-green-500: #3dab3c;
  --color-green-600: #30932f;
  --color-green-700: #276f26;
  --color-green-800: #235823;
  --color-green-900: #1e491f;
  --color-green-950: #0c270d;
  --color-orange-100: #ffeed5;
  --color-orange-200: #ffd9a9;
  --color-orange-300: #fbb476;
  --color-orange-400: #fd963a;
  --color-orange-50: #fff1e6;
  --color-orange-500: #fb7917;
  --color-orange-600: #e65010;
  --color-orange-700: #bf3b0f;
  --color-orange-800: #983014;
  --color-orange-900: #7a2a14;
  --color-orange-950: #421308;
  --color-red-100: #ffe1e0;
  --color-red-200: #ffc7c6;
  --color-red-300: #ffa09e;
  --color-red-400: #ff6966;
  --color-red-50: #fff1f1;
  --color-red-500⭐: #fd403c;
  --color-red-600: #eb1b17;
  --color-red-700: #c6130f;
  --color-red-800: #a31411;
  --color-red-900: #871715;
  --color-red-950: #4a0605;
  --neutral-0: #ffffff;
  --neutral-100: #e7e7e7;
  --neutral-200: #d1d1d1;
  --neutral-300: #b0b0b0;
  --neutral-400: #888888;
  --neutral-50: #f6f6f6;
  --neutral-500: #6d6d6d;
  --neutral-600: #5d5d5d;
  --neutral-700: #4f4f4f;
  --neutral-800: #454545;
  --neutral-900: #3d3d3d;
  --neutral-950: #1d1d1d;
  --neutral-pasta-0: #ffffff;
  --neutral-pasta-100: #f4efe0;
  --neutral-pasta-200: #e9ddbf;
  --neutral-pasta-300: #dbc89a;
  --neutral-pasta-400: #caa96d;
  --neutral-pasta-50: #faf8f2;
  --neutral-pasta-500: #bf9350;
  --neutral-pasta-600: #b17f45;
  --neutral-pasta-700: #93653b;
  --neutral-pasta-800: #775235;
  --neutral-pasta-900: #61442d;
  --neutral-pasta-950: #342316;
  --primary-brand-100: #ffe1e4;
  --primary-brand-200: #ffc8ce;
  --primary-brand-300: #ff9ba7;
  --primary-brand-400: #ff637a;
  --primary-brand-50: #fff0f1;
  --primary-brand-500: #ff2c50;
  --primary-brand-600: #e30736;
  --primary-brand-700⭐️: #d50032;
  --primary-brand-800: #ae0330;
  --primary-brand-900: #940731;
  --primary-brand-950: #530015;
  --secondary-brand-100: #dff9e8;
  --secondary-brand-200: #c1f1d2;
  --secondary-brand-300: #91e4af;
  --secondary-brand-400: #5ace84;
  --secondary-brand-50: #f1fcf5;
  --secondary-brand-500: #33b463;
  --secondary-brand-600⭐️: #228848;
  --secondary-brand-700: #207e42;
  --secondary-brand-800: #1e5d36;
  --secondary-brand-900: #1b4c2e;
  --secondary-brand-950: #092a17;
}

/* _3.Components */
:root {
  /* Mode 1 */
  /* color */
  --button-color-primary-ghost-inverse-background-base: #ffffff00;
  --button-color-primary-ghost-inverse-background-disable: #ffffff00;
  --button-color-primary-ghost-inverse-background-hover: var(--neutral-100);
  --button-color-primary-ghost-inverse-border-base: #ffffff00;
  --button-color-primary-ghost-inverse-border-disable: #ffffff00;
  --button-color-primary-ghost-inverse-border-hover: var(--neutral-100);
  --button-color-primary-ghost-inverse-icon-base: var(--neutral-0);
  --button-color-primary-ghost-inverse-icon-disable: var(--neutral-300);
  --button-color-primary-ghost-inverse-icon-hover: var(--neutral-950);
  --button-color-primary-ghost-inverse-text-base: var(--neutral-0);
  --button-color-primary-ghost-inverse-text-disable: var(--neutral-300);
  --button-color-primary-ghost-inverse-text-hover: var(--neutral-950);
  --button-color-primary-ghost-background-base: #ffffff00;
  --button-color-primary-ghost-background-disable: #ffffff00;
  --button-color-primary-ghost-background-hover: var(--neutral-pasta-100);
  --button-color-primary-ghost-border-base: #ffffff00;
  --button-color-primary-ghost-border-disable: var(--neutral-0);
  --button-color-primary-ghost-border-hover: var(--neutral-pasta-100);
  --button-color-primary-ghost-icon-base: var(--neutral-950);
  --button-color-primary-ghost-icon-disable: var(--neutral-300);
  --button-color-primary-ghost-icon-hover: var(--neutral-0);
  --button-color-primary-ghost-text-base: var(--neutral-950);
  --button-color-primary-ghost-text-disable: var(--neutral-200);
  --button-color-primary-ghost-text-hover: var(--neutral-950);
  --button-color-primary-link-inverse-background-base: #ffffff00;
  --button-color-primary-link-inverse-background-disable: #ffffff00;
  --button-color-primary-link-inverse-background-hover: #ffffff00;
  --button-color-primary-link-inverse-border-base: var(--neutral-0);
  --button-color-primary-link-inverse-border-disable: var(--neutral-400);
  --button-color-primary-link-inverse-border-hover: var(--neutral-0);
  --button-color-primary-link-inverse-icon-base: var(--neutral-0);
  --button-color-primary-link-inverse-icon-disable: var(--neutral-400);
  --button-color-primary-link-inverse-icon-hover: var(--neutral-0);
  --button-color-primary-link-inverse-text-base: var(--neutral-0);
  --button-color-primary-link-inverse-text-disable: var(--neutral-400);
  --button-color-primary-link-inverse-text-hover: var(--neutral-0);
  --button-color-primary-link-background-base: #ffffff00;
  --button-color-primary-link-background-disable: #ffffff00;
  --button-color-primary-link-background-hover: #ffffff00;
  --button-color-primary-link-border-base: var(--neutral-950);
  --button-color-primary-link-border-disable: var(--neutral-300);
  --button-color-primary-link-border-hover: var(--neutral-950);
  --button-color-primary-link-icon-base: var(--neutral-950);
  --button-color-primary-link-icon-disable: var(--neutral-300);
  --button-color-primary-link-icon-hover: var(--neutral-950);
  --button-color-primary-link-text-base: var(--neutral-950);
  --button-color-primary-link-text-disable: var(--neutral-300);
  --button-color-primary-link-text-hover: var(--neutral-950);
  --button-color-primary-outlined-ghost-inverse-background-base: #ffffff00;
  --button-color-primary-outlined-ghost-inverse-background-disable: var(--neutral-0);
  --button-color-primary-outlined-ghost-inverse-background-hover: var(--secondary-brand-800);
  --button-color-primary-outlined-ghost-inverse-border-base: var(--neutral-400);
  --button-color-primary-outlined-ghost-inverse-border-disable: var(--neutral-300);
  --button-color-primary-outlined-ghost-inverse-border-hover: var(--secondary-brand-800);
  --button-color-primary-outlined-ghost-inverse-icon-base: var(--neutral-0);
  --button-color-primary-outlined-ghost-inverse-icon-disable: var(--neutral-300);
  --button-color-primary-outlined-ghost-inverse-icon-hover: var(--neutral-0);
  --button-color-primary-outlined-ghost-inverse-text-base: var(--neutral-0);
  --button-color-primary-outlined-ghost-inverse-text-disable: var(--neutral-300);
  --button-color-primary-outlined-ghost-inverse-text-hover: var(--neutral-0);
  --button-color-primary-outlined-ghost-background-base: var(--neutral-0);
  --button-color-primary-outlined-ghost-background-disable: var(--neutral-0);
  --button-color-primary-outlined-ghost-background-hover: var(--secondary-brand-800);
  --button-color-primary-outlined-ghost-border-base: var(--neutral-200);
  --button-color-primary-outlined-ghost-border-disable: var(--neutral-300);
  --button-color-primary-outlined-ghost-border-hover: var(--secondary-brand-800);
  --button-color-primary-outlined-ghost-icon-base: var(--neutral-950);
  --button-color-primary-outlined-ghost-icon-disable: var(--neutral-300);
  --button-color-primary-outlined-ghost-icon-hover: var(--neutral-0);
  --button-color-primary-outlined-ghost-text-base: var(--neutral-950);
  --button-color-primary-outlined-ghost-text-disable: var(--neutral-300);
  --button-color-primary-outlined-ghost-text-hover: var(--neutral-0);
  --button-color-primary-outlined-inverse-background-base: var(--secondary-brand-700);
  --button-color-primary-outlined-inverse-background-disable: var(--neutral-0);
  --button-color-primary-outlined-inverse-background-hover: var(--neutral-0);
  --button-color-primary-outlined-inverse-border-base: var(--neutral-0);
  --button-color-primary-outlined-inverse-border-disable: var(--neutral-200);
  --button-color-primary-outlined-inverse-border-hover: var(--secondary-brand-700);
  --button-color-primary-outlined-inverse-icon-base: var(--neutral-0);
  --button-color-primary-outlined-inverse-icon-disable: var(--neutral-200);
  --button-color-primary-outlined-inverse-icon-hover: var(--secondary-brand-700);
  --button-color-primary-outlined-inverse-text-base: var(--neutral-0);
  --button-color-primary-outlined-inverse-text-disable: var(--neutral-200);
  --button-color-primary-outlined-inverse-text-hover: var(--secondary-brand-700);
  --button-color-primary-outlined-background-base: var(--neutral-0);
  --button-color-primary-outlined-background-disable: var(--neutral-0);
  --button-color-primary-outlined-background-hover: #207e42;
  --button-color-primary-outlined-border-base: #207e42;
  --button-color-primary-outlined-border-disable: var(--neutral-200);
  --button-color-primary-outlined-border-hover: #207e42;
  --button-color-primary-outlined-icon-base: var(--color-green-800);
  --button-color-primary-outlined-icon-disable: var(--neutral-200);
  --button-color-primary-outlined-icon-hover: var(--neutral-0);
  --button-color-primary-outlined-text-base: #207e42;
  --button-color-primary-outlined-text-disable: var(--neutral-200);
  --button-color-primary-outlined-text-hover: var(--neutral-0);
  --button-color-primary-solid-inverse-background-base: var(--neutral-0);
  --button-color-primary-solid-inverse-background-disable: var(--neutral-100);
  --button-color-primary-solid-inverse-background-hover: var(--secondary-brand-700);
  --button-color-primary-solid-inverse-border-base: #207e42;
  --button-color-primary-solid-inverse-border-disable: var(--neutral-100);
  --button-color-primary-solid-inverse-border-hover: #207e42;
  --button-color-primary-solid-inverse-icon-base: var(--secondary-brand-800);
  --button-color-primary-solid-inverse-icon-disable: var(--neutral-300);
  --button-color-primary-solid-inverse-icon-hover: var(--neutral-0);
  --button-color-primary-solid-inverse-text-base: var(--secondary-brand-800);
  --button-color-primary-solid-inverse-text-disable: var(--neutral-300);
  --button-color-primary-solid-inverse-text-hover: var(--neutral-0);
  --button-color-primary-solid-background-base: #207e42;
  --button-color-primary-solid-background-disable: var(--neutral-100);
  --button-color-primary-solid-background-hover: var(--neutral-0);
  --button-color-primary-solid-border-base: #207e42;
  --button-color-primary-solid-border-disable: var(--neutral-100);
  --button-color-primary-solid-border-hover: #207e42;
  --button-color-primary-solid-icon-base: var(--neutral-0);
  --button-color-primary-solid-icon-disable: var(--neutral-300);
  --button-color-primary-solid-icon-hover: var(--secondary-brand-800);
  --button-color-primary-solid-text-base: var(--neutral-0);
  --button-color-primary-solid-text-disable: var(--neutral-300);
  --button-color-primary-solid-text-hover: var(--secondary-brand-800);
  --input-color-default-background: var(--color-background-primary-default);
  --input-color-default-border: var(--color-border-primary-alt);
  --input-color-default-help: var(--color-text-primary-default);
  --input-color-default-icon: var(--color-text-alt-default);
  --input-color-default-label: var(--color-text-primary-default);
  --input-color-default-label-intype: var(--color-text-alt-default);
  --input-color-default-placeholder: var(--color-text-alt-default);
  --input-color-default-text: var(--color-text-primary-default);
  --input-color-disable-background: var(--color-background-disable-default);
  --input-color-disable-border: var(--color-border-disable-default);
  --input-color-disable-help: var(--color-text-disable-default);
  --input-color-disable-icon: var(--color-text-disable-onalt);
  --input-color-disable-label: var(--color-text-disable-default);
  --input-color-disable-placeholder: var(--color-text-disable-onalt);
  --input-color-disable-text: var(--color-text-disable-onalt);
  --input-color-error-background: var(--color-background-primary-default);
  --input-color-error-border: var(--color-border-error-default);
  --input-color-error-help: var(--color-text-error-default);
  --input-color-error-icon: var(--color-text-error-default);
  --input-color-error-label: var(--color-text-error-default);
  --input-color-error-placeholder: var(--color-text-alt-default);
  --input-color-error-text: var(--color-text-primary-default);
  --input-color-focus-background: var(--color-background-primary-default);
  --input-color-focus-border: var(--color-border-strong-default);
  --input-color-focus-help: var(--color-text-primary-default);
  --input-color-focus-icon: var(--color-text-primary-default);
  --input-color-focus-label: var(--color-text-primary-default);
  --input-color-focus-label-intype: var(--color-text-alt-default);
  --input-color-focus-placeholder: var(--color-text-alt-default);
  --input-color-focus-text: var(--color-text-primary-default);
  --input-color-hover-background: var(--color-background-primary-default);
  --input-color-hover-border: var(--color-border-primary-alt);
  --input-color-hover-help: var(--color-text-primary-default);
  --input-color-hover-icon: var(--color-text-alt-default);
  --input-color-hover-label: var(--color-text-primary-default);
  --input-color-hover-label-intype: var(--color-text-alt-default);
  --input-color-hover-placeholder: var(--color-text-alt-default);
  --input-color-hover-text: var(--color-text-primary-default);
  /* number */
  --button-size-gap-x-xs: 0.2rem;
  --button-size-gap-x-md: 0.4rem;
  --button-size-gap-x-sm: 0.4rem;
  --button-size-gap-x-xl: 0.4rem;
  --button-size-gap-x-lg: 0.8rem;
  --button-size-gap-x-link-lg: 0.4rem;
  --button-size-gap-x-link-md: 0.4rem;
  --button-size-gap-x-link-sm: 0.4rem;
  --button-size-gap-x-link-xl: 0.4rem;
  --button-size-gap-x-link-xs: 0.4rem;
  --button-size-gap-y-link-lg: 0.3rem;
  --button-size-gap-y-link-md: 0.3rem;
  --button-size-gap-y-link-sm: 0.3rem;
  --button-size-gap-y-link-xl: 0.3rem;
  --button-size-gap-y-link-xs: 0.3rem;
  --button-size-height-xs: 2.4rem;
  --button-size-height-sm: 3.2rem;
  --button-size-height-md: 4rem;
  --button-size-height-lg: 4.8rem;
  --button-size-height-xl: 5.6rem;
  --button-size-icon-size-xs: 1.4rem;
  --button-size-icon-size-sm: 1.6rem;
  --button-size-icon-size-md: 2rem;
  --button-size-icon-size-lg: 2.4rem;
  --button-size-icon-size-xl: 2.4rem;
  --button-size-min-width-xs: 2.4rem;
  --button-size-min-width-sm: 3.2rem;
  --button-size-min-width-md: 4rem;
  --button-size-min-width-lg: 4.8rem;
  --button-size-min-width-xl: 5.6rem;
  --button-size-padding-x-xs: 1.2rem;
  --button-size-padding-x-sm: 1.6rem;
  --button-size-padding-x-md: 2rem;
  --button-size-padding-x-lg: 2.4rem;
  --button-size-padding-x-xl: 2.6rem;
  --button-size-padding-x-label-xs: 0.2rem;
  --button-size-padding-x-label-lg: 0.4rem;
  --button-size-padding-x-label-md: 0.4rem;
  --button-size-padding-x-label-sm: 0.4rem;
  --button-size-padding-x-label-xl: 0.4rem;
  --button-size-padding-x-link-lg: 0rem;
  --button-size-padding-x-link-md: 0rem;
  --button-size-padding-x-link-sm: 0rem;
  --button-size-padding-x-link-xl: 0rem;
  --button-size-padding-x-link-xs: 0rem;
  --button-size-padding-y-xs: 0.2rem;
  --button-size-padding-y-sm: 0.6rem;
  --button-size-padding-y-lg: 1rem;
  --button-size-padding-y-md: 1rem;
  --button-size-padding-y-xl: 1rem;
  --button-size-padding-y-link-lg: 0.2rem;
  --button-size-padding-y-link-md: 0.2rem;
  --button-size-padding-y-link-sm: 0.2rem;
  --button-size-padding-y-link-xl: 0.2rem;
  --button-size-padding-y-link-xs: 0.2rem;
  --button-size-shape-xs: 0.2rem;
  --button-size-shape-md: 0.4rem;
  --button-size-shape-sm: 0.4rem;
  --button-size-shape-xl: 0.4rem;
  --button-size-shape-lg: 0.8rem;
  --button-size-shape-border-radius-lg: 9.9rem;
  --button-size-shape-border-radius-md: 9.9rem;
  --button-size-shape-border-radius-sm: 9.9rem;
  --button-size-shape-border-radius-xl: 9.9rem;
  --button-size-shape-border-radius-xs: 9.9rem;
  --button-size-shape-border-weight-lg: 0.07rem;
  --button-size-shape-border-weight-md: 0.07rem;
  --button-size-shape-border-weight-sm: 0.07rem;
  --button-size-shape-border-weight-xl: 0.07rem;
  --button-size-shape-border-weight-xs: 0.07rem;
  --button-typography-font-size-xs: 1.2rem;
  --button-typography-font-size-md: 1.4rem;
  --button-typography-font-size-sm: 1.4rem;
  --button-typography-font-size-lg: 1.6rem;
  --button-typography-font-size-xl: 1.8rem;
  --button-typography-letter-spacing-lg: 0rem;
  --button-typography-letter-spacing-md: 0rem;
  --button-typography-letter-spacing-sm: 0rem;
  --button-typography-letter-spacing-xl: 0rem;
  --button-typography-letter-spacing-xs: 0rem;
  --button-typography-line-height-sm: 1.4rem;
  --button-typography-line-height-xs: 1.4rem;
  --button-typography-line-height-md: 1.6rem;
  --button-typography-line-height-lg: 2rem;
  --button-typography-line-height-xl: 2rem;
}

/* 2. Semantic */
:root {
  /* Mode 1 */
  /* color */
  --color-background-accent-default: var(--secondary-brand-700);
  --color-background-alt-default: var(--neutral-pasta-50);
  --color-background-decorative-bambino-theme-1: #ffbe00;
  --color-background-decorative-bambino-theme-2: #e30736;
  --color-background-decorative-bambino-theme-3: #0350a7;
  --color-background-decorative-theme-1-default: #b8dffd;
  --color-background-disable-default: var(--neutral-50);
  --color-background-pasta-default: var(--neutral-pasta-100);
  --color-background-primary-default: var(--neutral-0);
  --color-background-primary-inverse: var(--secondary-brand-950);
  --color-background-promo-default: #c70020;
  --color-background-secondary-default: var(--neutral-50);
  --color-background-success-default: var(--secondary-brand-50);
  --color-background-warning-alt: var(--color-orange-500);
  --color-background-warning-default: var(--color-orange-50);
  --color-border-disable-default: var(--neutral-200);
  --color-border-error-default: var(--color-red-600);
  --color-border-inverse-default: var(--neutral-900);
  --color-border-primary-alt: var(--neutral-200);
  --color-border-primary-default: var(--neutral-100);
  --color-border-strong-default: var(--neutral-950);
  --color-border-success-default: var(--secondary-brand-700);
  --color-border-success-hover: var(--secondary-brand-200);
  --color-text-color: #ffffff;
  --color-text-alt-default: var(--neutral-500);
  --color-text-brand-primary: var(--primary-brand-600);
  --color-text-brand-secondary: var(--secondary-brand-700);
  --color-text-disable-default: var(--neutral-300);
  --color-text-disable-onalt: var(--neutral-500);
  --color-text-error-default: var(--color-red-700);
  --color-text-inverse-alt: var(--neutral-300);
  --color-text-inverse-default: var(--neutral-0);
  --color-text-primary-default: var(--neutral-950);
  --color-text-promo-default: var(--primary-brand-600);
  --color-text-succes-default: var(--color-green-700);
  /* number */
  --font-body-label-line-height-xs: 1.4rem;
  --font-body-label-line-height-md: 1.8rem;
  --font-body-label-line-height-sm: 1.8rem;
  --font-body-label-line-height-lg: 2.2rem;
  --font-body-label-line-height-xl: 2.8rem;
  --font-body-label-size-xs: 1.2rem;
  --font-body-label-size-sm: 1.4rem;
  --font-body-label-size-md: 1.6rem;
  --font-body-label-size-lg: 1.8rem;
  --font-body-label-size-xl: 2rem;
  --font-body-label-weight-regular: 400;
  --font-body-label-weight-medium: 500;
  --font-body-label-weight-semibold: 600;
  --font-body-label-weight-bold: 700;
  --font-body-text-line-height-xs: 1.3rem;
  --font-body-text-line-height-sm: 1.8rem;
  --font-body-text-line-height-lg: 2.2rem;
  --font-body-text-line-height-md: 2.2rem;
  --font-body-text-line-height-xl: 2.8rem;
  --font-body-text-size-xs: 1.2rem;
  --font-body-text-size-sm: 1.4rem;
  --font-body-text-size-md: 1.6rem;
  --font-body-text-size-lg: 1.8rem;
  --font-body-text-size-xl: 2rem;
  --font-body-text-weight-regular: 400;
  --font-body-text-weight-medium: 500;
  --font-body-text-weight-semibold: 600;
  --font-body-text-weight-bold: 700;
  --font-title-title-0-line-height-mobile: 3.6rem;
  --font-title-title-0-size-mobile: 3.6rem;
  --font-title-title-0-line-height-desktop: 4rem;
  --font-title-title-0-size-desktop: 5.2rem;
  --font-title-title-0-weight: 750;
  --font-title-title-1-size-mobile: 3.2rem;
  --font-title-title-1-size-desktop: 3.6rem;
  --font-title-title-1-line-height-mobile: 3.8rem;
  --font-title-title-1-line-height-desktop: 4rem;
  --font-title-title-1-weight: 750;
  --font-title-title-2-size-mobile: 2.8rem;
  --font-title-title-2-size-desktop: 3.2rem;
  --font-title-title-2-line-height-mobile: 3.4rem;
  --font-title-title-2-line-height-desktop: 3.8rem;
  --font-title-title-2-weight: 750;
  --font-title-title-3-size-mobile: 2.4rem;
  --font-title-title-3-line-height-mobile: 2.8rem;
  --font-title-title-3-size-desktop: 2.8rem;
  --font-title-title-3-line-height-desktop: 3.2rem;
  --font-title-title-3-weight: 750;
  --font-title-title-4-size-mobile: 2rem;
  --font-title-title-4-line-height-mobile: 2.4rem;
  --font-title-title-4-size-desktop: 2.4rem;
  --font-title-title-4-line-height-desktop: 2.8rem;
  --font-title-title-4-weight: 750;
  --font-title-title-5-size-mobile: 1.8rem;
  --font-title-title-5-size-desktop: 2rem;
  --font-title-title-5-line-height-mobile: 2.2rem;
  --font-title-title-5-line-height-desktop: 2.4rem;
  --font-title-title-5-weight: 750;
  /* string */
  --font-body-label-font-font-family: var(--font-font-family-tertiary);
  --font-body-text-font-font-family: var(--font-font-family-primary);
  --font-font-family-primary: Acumin Variable Concept;
  --font-font-family-secondary: Windsor Pro;
  --font-font-family-tertiary: Acumin Pro Condensed;
  --font-title-title-0-font-family: var(--font-font-family-secondary);
  --font-title-title-1-font-family: var(--font-font-family-secondary);
  --font-title-title-2-font-family: var(--font-font-family-secondary);
  --font-title-title-3-font-family: var(--font-font-family-secondary);
  --font-title-title-4-font-family: var(--font-font-family-secondary);
  --font-title-title-5-font-family: var(--font-font-family-secondary);
}

/*
* Organisation des Z-index
*/
:root {
  --zindex-below: -1;
  --zindex-default: auto;
  --zindex-above: 1;
  --zindex-absolute: 10;
  --zindex-sticky: 50;
  --zindex-fixed: 100;
  --zindex-overlay: 5000;
  --zindex-popin: 6000;
  --zindex-skyrocket: 9999;
}

/*
* Variables SASS du projet
*/
/*
* Variables concernant les breakpoints
* > utilisation : bp($key)
* > a utiliser avec le mixin mq()
*/
/*
* Variables couleurs
*/
/*-----------------------------------------------------------------------------------------------------
  [component:icons]
-------------------------------------------------------------------------------------------------------*/
/*
* Variables Layout
*/
:root {
  --layout-max-width: 1440px;
  --layout-padding: 24px;
}

/*
* Variables radius
*/
/*
* Variables concernant les espacements (paddings, margins...)
* L'identifiant du spacing correspond à sa valeur en pixel
*/
/*
* Variables concernant les fonts
*/
:root {
  --font-primary: "Jost", sans-serif;
  --font-secondary: "Nunito Sans", sans-serif;
  --font-decorative: "BelyDisplay", sans-serif;
}

/*
* Outline pour focus-visible
*/
/*
* Media queries
*
* Fonctionne avec la map $breakpoints
*
* Utilisation :
* bp(md) == 960px
* bp(lg) == 1280px
* @include mq(max, bp(lg)) {}
* > @media only screen and (max-width: 1280px) {}
*
* @include mq(min, bp(lg)) {}
* > @media only screen and (min-width: 1280.2px) {}
*
* @include mq(minmax, bp(md), bp(lg)) {}
* > @media only screen and (min-width: 960.2px) and (max-width: 1280px) {}
*/
/*
* Convert REM to PX
* Source : https://medium.com/@bhargav3shah/scss-convert-pixel-values-to-rem-using-functions-f1cef575edfd
*/
/*
* Tout ce qui concerne les règles css d'accessibilité
*/
:focus-visible {
  --focus-outline-color: var(--color-border-selected-default);
  outline: 2px dotted var(--focus-outline-color);
  outline-offset: 2px;
}

/* prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation: none !important;
    transition: none !important;
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}
/*
 * Fonts - Del Arte Design System
 * Les @font-face sont définis dans styles/fonts.css (chargé via scripts.js)
 *
 * Polices disponibles:
 * - Acumin Variable Concept (--font-font-family-primary)
 * - Windsor Pro (--font-font-family-secondary)
 * - Acumin Pro Condensed (--font-font-family-tertiary)
 */
/*
* Style de base des éléments de formulaire
*/
button {
  appearance: none;
  background: transparent;
  border-color: transparent;
  cursor: pointer;
}

input,
button,
select,
textarea {
  font-family: var(--font-font-family-primary), system-ui, sans-serif;
}

input[type=text],
input[type=password],
input[type=email],
input[type=date] {
  color: var(--color-text-primary-default);
  font-family: var(--font-font-family-primary), system-ui, sans-serif;
}

/*
* Input reset
* uncomment if needed
*/
/* 
input[type="password"]::-ms-clear, 
input[type="password"]::-ms-reveal {
    display: none;
} 
*/
/*
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
*/
/*
* Style de base html
*/
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-font-family-primary), system-ui, sans-serif;
  color: var(--color-text-primary-default);
  background: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-font-family-secondary), serif;
  color: var(--color-text-primary-default);
  line-height: 1.2;
}

p {
  line-height: 1.4;
}

a {
  color: var(--color-text-link-default);
}
a:hover {
  color: var(--color-text-link-hover);
  text-decoration: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li,
ol li {
  margin: 0;
}

img {
  display: inline-block;
  max-width: 100%;
  font-style: italic;
  height: auto;
}

hr {
  background: gray;
  border: none;
  height: 1px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
table th {
  border: 1px solid gray;
  padding: 0.2em;
  text-align: left;
}
table td {
  border: 1px solid gray;
  padding: 0.2em;
}

sup,
sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sub {
  top: 0.4em;
}

body:has(.c-loader--fill) {
  overflow: hidden;
}

/*
* Reset
* Based on : https://andy-bell.co.uk/a-more-modern-css-reset/
*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  font-size: 62.5%;
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  font-size: 1.6rem;
}

/* Set shorter line heights on headings and interactive elements */
button,
input,
label {
  line-height: 1.1;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
  height: auto;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 1rem;
}

address {
  font-style: normal;
}

/*-----------------------------------------------------------------------------------------------------
  [component:icons]
-------------------------------------------------------------------------------------------------------*/
/*
* Svg icons
*/
.c-icon-illustration {
  display: block;
}

[class*=c-icon-svg] {
  fill: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
}

/*
* inline icons width CSS
*/
[class*=c-icon-] {
  position: relative;
  --icon-size: 2.4rem;
}
[class*=c-icon-]:before, [class*=c-icon-]:after {
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  pointer-events: none;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  flex-shrink: 0;
}

.c-icon-arrow-down:before, .c-icon-arrow-down:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-arrow-down.svg");
  mask-image: url("~/public/assets/icons/icon-arrow-down.svg");
}

.c-icon-arrow-left:before, .c-icon-arrow-left:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-arrow-left.svg");
  mask-image: url("~/public/assets/icons/icon-arrow-left.svg");
}

.c-icon-arrow-right:before, .c-icon-arrow-right:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-arrow-right.svg");
  mask-image: url("~/public/assets/icons/icon-arrow-right.svg");
}

.c-icon-arrow-up:before, .c-icon-arrow-up:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-arrow-up.svg");
  mask-image: url("~/public/assets/icons/icon-arrow-up.svg");
}

.c-icon-chatbox:before, .c-icon-chatbox:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-chatbox.svg");
  mask-image: url("~/public/assets/icons/icon-chatbox.svg");
}

.c-icon-check-circle:before, .c-icon-check-circle:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-check-circle.svg");
  mask-image: url("~/public/assets/icons/icon-check-circle.svg");
}

.c-icon-check:before, .c-icon-check:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-check.svg");
  mask-image: url("~/public/assets/icons/icon-check.svg");
}

.c-icon-chevron-down:before, .c-icon-chevron-down:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-chevron-down.svg");
  mask-image: url("~/public/assets/icons/icon-chevron-down.svg");
}

.c-icon-chevron-left:before, .c-icon-chevron-left:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-chevron-left.svg");
  mask-image: url("~/public/assets/icons/icon-chevron-left.svg");
}

.c-icon-chevron-right:before, .c-icon-chevron-right:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-chevron-right.svg");
  mask-image: url("~/public/assets/icons/icon-chevron-right.svg");
}

.c-icon-chevron-up:before, .c-icon-chevron-up:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-chevron-up.svg");
  mask-image: url("~/public/assets/icons/icon-chevron-up.svg");
}

.c-icon-compare:before, .c-icon-compare:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-compare.svg");
  mask-image: url("~/public/assets/icons/icon-compare.svg");
}

.c-icon-corner-up-right:before, .c-icon-corner-up-right:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-corner-up-right.svg");
  mask-image: url("~/public/assets/icons/icon-corner-up-right.svg");
}

.c-icon-cross:before, .c-icon-cross:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-cross.svg");
  mask-image: url("~/public/assets/icons/icon-cross.svg");
}

.c-icon-delete:before, .c-icon-delete:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-delete.svg");
  mask-image: url("~/public/assets/icons/icon-delete.svg");
}

.c-icon-dot:before, .c-icon-dot:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-dot.svg");
  mask-image: url("~/public/assets/icons/icon-dot.svg");
}

.c-icon-download:before, .c-icon-download:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-download.svg");
  mask-image: url("~/public/assets/icons/icon-download.svg");
}

.c-icon-error:before, .c-icon-error:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-error.svg");
  mask-image: url("~/public/assets/icons/icon-error.svg");
}

.c-icon-external-site:before, .c-icon-external-site:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-external-site.svg");
  mask-image: url("~/public/assets/icons/icon-external-site.svg");
}

.c-icon-eye-off:before, .c-icon-eye-off:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-eye-off.svg");
  mask-image: url("~/public/assets/icons/icon-eye-off.svg");
}

.c-icon-eye:before, .c-icon-eye:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-eye.svg");
  mask-image: url("~/public/assets/icons/icon-eye.svg");
}

.c-icon-filter:before, .c-icon-filter:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-filter.svg");
  mask-image: url("~/public/assets/icons/icon-filter.svg");
}

.c-icon-heart-full:before, .c-icon-heart-full:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-heart-full.svg");
  mask-image: url("~/public/assets/icons/icon-heart-full.svg");
}

.c-icon-heart:before, .c-icon-heart:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-heart.svg");
  mask-image: url("~/public/assets/icons/icon-heart.svg");
}

.c-icon-home:before, .c-icon-home:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-home.svg");
  mask-image: url("~/public/assets/icons/icon-home.svg");
}

.c-icon-heart:before, .c-icon-heart:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-heart.svg");
  mask-image: url("~/public/assets/icons/icon-heart.svg");
}

.c-icon-heart-full:before, .c-icon-heart-full:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-heart-full.svg");
  mask-image: url("~/public/assets/icons/icon-heart-full.svg");
}

.c-icon-info:before, .c-icon-info:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-info.svg");
  mask-image: url("~/public/assets/icons/icon-info.svg");
}

.c-icon-loader:before, .c-icon-loader:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-loader.svg");
  mask-image: url("~/public/assets/icons/icon-loader.svg");
}

.c-icon-loading:before, .c-icon-loading:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-loading.svg");
  mask-image: url("~/public/assets/icons/icon-loading.svg");
}

.c-icon-localisation:before, .c-icon-localisation:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-localisation.svg");
  mask-image: url("~/public/assets/icons/icon-localisation.svg");
}

.c-icon-magasin:before, .c-icon-magasin:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-magasin.svg");
  mask-image: url("~/public/assets/icons/icon-magasin.svg");
}

.c-icon-magnifying-glass:before, .c-icon-magnifying-glass:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-magnifying-glass.svg");
  mask-image: url("~/public/assets/icons/icon-magnifying-glass.svg");
}

.c-icon-measure:before, .c-icon-measure:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-measure.svg");
  mask-image: url("~/public/assets/icons/icon-measure.svg");
}

.c-icon-menu:before, .c-icon-menu:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-menu.svg");
  mask-image: url("~/public/assets/icons/icon-menu.svg");
}

.c-icon-minus-bold:before, .c-icon-minus-bold:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-minus-bold.svg");
  mask-image: url("~/public/assets/icons/icon-minus-bold.svg");
}

.c-icon-minus:before, .c-icon-minus:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-minus.svg");
  mask-image: url("~/public/assets/icons/icon-minus.svg");
}

.c-icon-panier:before, .c-icon-panier:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-panier.svg");
  mask-image: url("~/public/assets/icons/icon-panier.svg");
}

.c-icon-phone:before, .c-icon-phone:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-phone.svg");
  mask-image: url("~/public/assets/icons/icon-phone.svg");
}

.c-icon-plus-bold:before, .c-icon-plus-bold:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-plus-bold.svg");
  mask-image: url("~/public/assets/icons/icon-plus-bold.svg");
}

.c-icon-plus:before, .c-icon-plus:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-plus.svg");
  mask-image: url("~/public/assets/icons/icon-plus.svg");
}

.c-icon-return:before, .c-icon-return:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-return.svg");
  mask-image: url("~/public/assets/icons/icon-return.svg");
}

.c-icon-roomvo:before, .c-icon-roomvo:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-roomvo.svg");
  mask-image: url("~/public/assets/icons/icon-roomvo.svg");
}

.c-icon-rotate:before, .c-icon-rotate:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-rotate.svg");
  mask-image: url("~/public/assets/icons/icon-rotate.svg");
}

.c-icon-security:before, .c-icon-security:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-security.svg");
  mask-image: url("~/public/assets/icons/icon-security.svg");
}

.c-icon-shop:before, .c-icon-shop:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-shop.svg");
  mask-image: url("~/public/assets/icons/icon-shop.svg");
}

.c-icon-time:before, .c-icon-time:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-time.svg");
  mask-image: url("~/public/assets/icons/icon-time.svg");
}

.c-icon-truck:before, .c-icon-truck:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-truck.svg");
  mask-image: url("~/public/assets/icons/icon-truck.svg");
}

.c-icon-warning:before, .c-icon-warning:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-warning.svg");
  mask-image: url("~/public/assets/icons/icon-warning.svg");
}

.c-icon-zoom:before, .c-icon-zoom:after {
  -webkit-mask-image: url("~/public/assets/icons/icon-zoom.svg");
  mask-image: url("~/public/assets/icons/icon-zoom.svg");
}

.c-icon--16 {
  --icon-size: 16px !important;
}

.c-icon--20 {
  --icon-size: 20px !important;
}

.c-icon--24 {
  --icon-size: 24px !important;
}

.c-icon--28 {
  --icon-size: 28px !important;
}

.c-icon--32 {
  --icon-size: 32px !important;
}

.c-icon--40 {
  --icon-size: 40px !important;
}

.c-icon--48 {
  --icon-size: 48px !important;
}

.c-icon--56 {
  --icon-size: 56px !important;
}

.c-icon--64 {
  --icon-size: 64px !important;
}

.c-icon--72 {
  --icon-size: 72px !important;
}

.c-icon--88 {
  --icon-size: 88px !important;
}

.c-icon--left:before {
  content: "";
}

.c-icon--right:after {
  content: "";
}

/*-----------------------------------------------------------------------------------------------------
  [component:layout]
-------------------------------------------------------------------------------------------------------*/
.dropin-button,
.dropin-iconButton {
  font-family: var(--font-font-family-primary);
  font-weight: var(--font-body-text-weight-semibold);
  border-radius: var(--button-size-shape-border-radius-md);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
}
.dropin-button span,
.dropin-iconButton span {
  display: inline-flex;
  align-items: center;
  transform: translateY(0.05em);
}
.dropin-button svg,
.dropin-iconButton svg {
  flex-shrink: 0;
}
.dropin-button:focus-visible,
.dropin-iconButton:focus-visible {
  outline: 2px solid var(--secondary-brand-700);
  outline-offset: 2px;
}
.dropin-button:disabled,
.dropin-iconButton:disabled {
  cursor: not-allowed;
}

.dropin-button.dropin-button--primary,
button.dropin-button.dropin-button--primary,
a.dropin-button.dropin-button--primary {
  background: var(--button-color-primary-solid-background-base);
  border: 1px solid var(--button-color-primary-solid-border-base);
  color: var(--button-color-primary-solid-text-base);
}
.dropin-button.dropin-button--primary:hover:not(:disabled),
button.dropin-button.dropin-button--primary:hover:not(:disabled),
a.dropin-button.dropin-button--primary:hover:not(:disabled) {
  background: var(--button-color-primary-solid-background-hover);
  border-color: var(--button-color-primary-solid-border-hover);
  color: var(--button-color-primary-solid-text-hover);
  border: 1px solid var(--button-color-primary-solid-border-base);
}
.dropin-button.dropin-button--primary:active:not(:disabled),
button.dropin-button.dropin-button--primary:active:not(:disabled),
a.dropin-button.dropin-button--primary:active:not(:disabled) {
  background: var(--secondary-brand-900);
  border-color: var(--secondary-brand-900);
}
.dropin-button.dropin-button--primary:disabled, .dropin-button.dropin-button--primary.dropin-button--primary--disabled,
button.dropin-button.dropin-button--primary:disabled,
button.dropin-button.dropin-button--primary.dropin-button--primary--disabled,
a.dropin-button.dropin-button--primary:disabled,
a.dropin-button.dropin-button--primary.dropin-button--primary--disabled {
  background: var(--button-color-primary-solid-background-disable);
  border-color: var(--button-color-primary-solid-border-disable);
  color: var(--button-color-primary-solid-text-disable);
}

.dropin-iconButton--primary {
  background: var(--button-color-primary-solid-background-base);
  color: var(--button-color-primary-solid-text-base);
}
.dropin-iconButton--primary:hover:not(:disabled) {
  background: var(--button-color-primary-solid-background-hover);
}

.dropin-button--secondary,
a.dropin-button--secondary {
  background: var(--button-color-primary-outlined-background-base);
  border: 1px solid var(--button-color-primary-outlined-border-base);
  color: var(--button-color-primary-outlined-text-base);
}
.dropin-button--secondary:hover:not(:disabled),
a.dropin-button--secondary:hover:not(:disabled) {
  background: var(--button-color-primary-outlined-background-hover);
  border-color: var(--button-color-primary-outlined-border-hover);
  color: var(--button-color-primary-outlined-text-hover);
  border: 1px solid var(--button-color-primary-outlined-border-base);
}
.dropin-button--secondary:active:not(:disabled),
a.dropin-button--secondary:active:not(:disabled) {
  background: var(--secondary-brand-800);
  border-color: var(--secondary-brand-800);
  color: var(--neutral-0);
}
.dropin-button--secondary:disabled, .dropin-button--secondary.dropin-button--secondary--disabled,
a.dropin-button--secondary:disabled,
a.dropin-button--secondary.dropin-button--secondary--disabled {
  background: var(--button-color-primary-outlined-background-disable);
  border-color: var(--button-color-primary-outlined-border-disable);
  color: var(--button-color-primary-outlined-text-disable);
}

.dropin-iconButton--secondary {
  border: 1px solid var(--button-color-primary-outlined-border-base);
  color: var(--button-color-primary-outlined-text-base);
}
.dropin-iconButton--secondary:hover:not(:disabled) {
  border-color: var(--button-color-primary-outlined-border-hover);
  color: var(--button-color-primary-outlined-text-hover);
}

.dropin-button--tertiary,
a.dropin-button--tertiary {
  background: transparent;
  border: 1px solid transparent;
  color: var(--button-color-primary-ghost-text-base);
}
.dropin-button--tertiary:hover:not(:disabled),
a.dropin-button--tertiary:hover:not(:disabled) {
  background: var(--button-color-primary-ghost-background-hover);
  color: var(--button-color-primary-ghost-text-hover);
  border: 1px solid transparent;
}
.dropin-button--tertiary:disabled, .dropin-button--tertiary.dropin-button--tertiary--disabled,
a.dropin-button--tertiary:disabled,
a.dropin-button--tertiary.dropin-button--tertiary--disabled {
  color: var(--button-color-primary-ghost-text-disable);
}

.dropin-iconButton--tertiary {
  color: var(--button-color-primary-ghost-text-base);
}
.dropin-iconButton--tertiary:hover:not(:disabled) {
  color: var(--button-color-primary-ghost-text-hover);
}

.dropin-button--xl {
  min-height: var(--button-size-height-xl);
  padding: var(--button-size-padding-y-xl) var(--button-size-padding-x-xl) !important;
  font-size: var(--button-typography-font-size-xl);
  gap: var(--button-size-gap-x-xl);
}
.dropin-button--xl svg {
  width: var(--button-size-icon-size-xl);
  height: var(--button-size-icon-size-xl);
}

.dropin-button--lg,
.dropin-button--large {
  min-height: var(--button-size-height-lg);
  padding: var(--button-size-padding-y-lg) var(--button-size-padding-x-lg) !important;
  font-size: var(--button-typography-font-size-lg);
  gap: var(--button-size-gap-x-lg);
}
.dropin-button--lg svg,
.dropin-button--large svg {
  width: var(--button-size-icon-size-lg);
  height: var(--button-size-icon-size-lg);
}

.dropin-button--md,
.dropin-button--medium {
  min-height: var(--button-size-height-md);
  padding: var(--button-size-padding-y-md) var(--button-size-padding-x-md) !important;
  font-size: var(--button-typography-font-size-md);
  gap: var(--button-size-gap-x-md);
}
.dropin-button--md svg,
.dropin-button--medium svg {
  width: var(--button-size-icon-size-md);
  height: var(--button-size-icon-size-md);
}

.dropin-button--sm,
.dropin-button--small {
  min-height: var(--button-size-height-sm);
  padding: var(--button-size-padding-y-sm) var(--button-size-padding-x-sm) !important;
  font-size: var(--button-typography-font-size-sm);
  gap: var(--button-size-gap-x-sm);
}
.dropin-button--sm svg,
.dropin-button--small svg {
  width: var(--button-size-icon-size-sm);
  height: var(--button-size-icon-size-sm);
}

.dropin-button--xs {
  min-height: var(--button-size-height-xs);
  padding: var(--button-size-padding-y-xs) var(--button-size-padding-x-xs) !important;
  font-size: var(--button-typography-font-size-xs);
  font-weight: var(--font-body-text-weight-medium);
  gap: var(--button-size-gap-x-xs);
}
.dropin-button--xs svg {
  width: var(--button-size-icon-size-xs);
  height: var(--button-size-icon-size-xs);
}

.dropin-iconButton {
  min-height: var(--button-size-height-md);
  min-width: var(--button-size-height-md);
  padding: var(--button-size-padding-y-md);
}
.dropin-iconButton svg {
  width: var(--button-size-icon-size-md);
  height: var(--button-size-icon-size-md);
}

.dropin-button--full {
  width: 100%;
}

.dropin-button--with-icon svg {
  flex-shrink: 0;
}

.dropin-button-icon,
.dropin-button-icon--primary,
.dropin-button-icon--secondary,
.dropin-button-icon--tertiary {
  color: currentcolor;
}

/*
* Tools for blocks
*/
.dropin-product-item-card {
  position: relative;
  border: none;
  border-radius: 0.8rem;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}
.dropin-product-item-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.dropin-product-item-card:focus-within {
  outline: 2px solid var(--secondary-brand-700);
  outline-offset: 2px;
}

.dropin-product-item-card__image-container {
  position: relative;
  background: var(--neutral-100);
  aspect-ratio: 1;
  overflow: hidden;
}

.dropin-product-item-card__image {
  width: 100%;
  height: 100%;
}

.dropin-product-item-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.dropin-product-item-card:hover .dropin-product-item-card__image img {
  transform: scale(1.05);
}

.dropin-product-item-card__action {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  z-index: var(--zindex-absolute);
  margin-top: 0;
  width: fit-content;
}

.dropin-product-card-add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--button-size-height-md);
  height: var(--button-size-height-md);
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--secondary-brand-700);
  color: var(--neutral-0);
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.dropin-product-card-add:hover:not(:disabled) {
  background: var(--secondary-brand-800);
  transform: scale(1.1);
}
.dropin-product-card-add:focus-visible {
  outline: 2px solid var(--secondary-brand-700);
  outline-offset: 2px;
}
.dropin-product-card-add:active:not(:disabled) {
  transform: scale(0.95);
}
.dropin-product-card-add:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.dropin-product-card-add svg {
  width: 2rem;
  height: 2rem;
}

.dropin-product-item-card__content {
  padding: 1.2rem;
}

.dropin-product-item-card__title {
  font-family: var(--font-body-text-font-font-family);
  font-size: var(--font-body-text-size-sm);
  font-weight: var(--font-body-text-weight-semibold);
  line-height: var(--font-body-text-line-height-sm);
  color: var(--color-text-primary-default);
}
.dropin-product-item-card__title a {
  color: inherit;
  text-decoration: none;
}
.dropin-product-item-card__title a:hover {
  text-decoration: underline;
}

.dropin-product-item-card__sku {
  margin-top: 0.4rem;
  font-family: var(--font-body-text-font-font-family);
  font-size: var(--font-body-text-size-sm);
  font-weight: var(--font-body-text-weight-regular);
  line-height: var(--font-body-text-line-height-sm);
  color: var(--color-text-alt-default);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dropin-product-item-card__price {
  margin-top: 0.4rem;
  font-family: var(--font-body-text-font-font-family);
  font-size: var(--font-body-text-size-sm);
  font-weight: var(--font-body-text-weight-bold);
  line-height: var(--font-body-text-line-height-sm);
  color: var(--color-text-primary-default);
}

/*-----------------------------------------------------------------------------------------------------
  [utilities Stylesheet]
	by : Francois Leproust
  Version : 1.0

  Projet : Front End starter
-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------
  [utilities:accessibility]
-------------------------------------------------------------------------------------------------------*/
.u-sr-only {
  clip-path: inset(100%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

@media only screen and (max-width: 768px) {
  .u-sr-only\@md {
    clip-path: inset(100%);
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
  }
}
.u-show-on-focus {
  position: absolute;
  top: -100%;
  z-index: var(--zindex-overlay);
}
.u-show-on-focus:focus {
  top: 0;
  background-color: black;
  color: #fff;
}

/*-----------------------------------------------------------------------------------------------------
  [utilities:color]
-------------------------------------------------------------------------------------------------------*/
/*
* Color
* Exemple :
*   .u-color-primary { color: var(--primary)!important; }
*/
.u-color-blue-950 {
  color: var(--color-blue-950) !important;
}

.u-color-jaune-300 {
  color: var(--color-jaune-300) !important;
}

.u-color-grey-0 {
  color: var(--color-grey-0) !important;
}

.u-color-text-alt-default {
  color: var(--color-text-alt-default) !important;
}

.u-color-red-500 {
  color: var(--color-red-500) !important;
}

.u-color-common-success-500 {
  color: var(--color-common-success-500) !important;
}

.u-color-grey-0 {
  color: var(--color-grey-0) !important;
}

/*
* Background
* Exemple :
*   .u-bgcolor-primary { background-color: var(--primary)!important; }
*/
.u-bgcolor-blue-950 {
  background-color: var(--color-blue-950) !important;
}

.u-bgcolor-jaune-300 {
  background-color: var(--color-jaune-300) !important;
}

.u-bgcolor-grey-50 {
  background-color: var(--color-grey-50) !important;
}

.u-bgcolor-background-alt-default {
  background-color: var(--color-background-alt-default) !important;
}

.u-bgcolor-common-secondary-brand-400 {
  background-color: var(--color-common-secondary-brand-400) !important;
}

.u-bgcolor-common-primary-brand-50 {
  background-color: var(--color-common-primary-brand-50) !important;
}

.u-bgcolor-background-decorative-theme-3-default {
  background-color: var(--color-background-decorative-theme-3-default) !important;
}

/*
* Border
* Exemple :
*   .u-border-neutral-100 { background-color: var(--neutral-100)!important; }
*/
[class*=u-border-] {
  border-width: 1px;
  border-style: solid;
}

.u-border-blue-950 {
  border-color: var(--color-blue-950) !important;
}

.u-border-jaune-300 {
  border-color: var(--color-jaune-300) !important;
}

.u-border-border-alt-default {
  border-color: var(--color-border-alt-default) !important;
}

.u-border-border-primary-default {
  border-color: var(--color-border-primary-default) !important;
}

/*-----------------------------------------------------------------------------------------------------
  [utilities:effect]
-------------------------------------------------------------------------------------------------------*/
.u-linkEffect,
.u-linkEffectNoUnderline {
  position: relative;
  overflow: visible;
}
.u-linkEffect:before,
.u-linkEffectNoUnderline:before {
  left: 0;
  transform: scaleX(1) translateZ(0);
  transform-origin: left;
  transition-delay: 0.1s;
}
.u-linkEffect:after,
.u-linkEffectNoUnderline:after {
  right: 0;
  transform: scaleX(0) translateZ(0);
  transform-origin: right;
  transition-delay: 0s;
}
.u-linkEffect:before, .u-linkEffect:after,
.u-linkEffectNoUnderline:before,
.u-linkEffectNoUnderline:after {
  --ease-out-sine: cubic-bezier(.39, .575, .565, 1);
  --duration-short: .3s;
  content: "";
  position: absolute;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background: currentcolor;
  transition: transform calc(var(--duration-short) * 1.5) var(--ease-out-sine);
}

@media (hover: hover) and (pointer: fine) {
  button:hover:not([disabled]) .u-linkEffect:before,
  button:hover:not([disabled]) .u-linkEffectNoUnderline:before,
  a:hover .u-linkEffect:before,
  a:hover .u-linkEffectNoUnderline:before,
  .u-linkEffectParent:hover .u-linkEffect:before,
  .u-linkEffectParent:hover .u-linkEffectNoUnderline:before {
    transform: scaleX(0);
    transform-origin: right;
    transition-delay: 0s;
  }
  button:hover:not([disabled]) .u-linkEffect:after,
  button:hover:not([disabled]) .u-linkEffectNoUnderline:after,
  a:hover .u-linkEffect:after,
  a:hover .u-linkEffectNoUnderline:after,
  .u-linkEffectParent:hover .u-linkEffect:after,
  .u-linkEffectParent:hover .u-linkEffectNoUnderline:after {
    transform: scaleX(1);
    transform-origin: left;
    transition-delay: 0.2s;
  }
}
button:not(:hover) .u-linkEffectNoUnderline:before,
a:not(:hover) .u-linkEffectNoUnderline:before,
.u-linkEffectParent:not(:hover) .u-linkEffectNoUnderline:before {
  background: transparent;
}
button:not(:hover) .u-linkEffectNoUnderline:after,
a:not(:hover) .u-linkEffectNoUnderline:after,
.u-linkEffectParent:not(:hover) .u-linkEffectNoUnderline:after {
  background: transparent;
}

@keyframes bottom-to-top {
  0% {
    opacity: 0;
    transform: translate(0, 100%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
/*-----------------------------------------------------------------------------------------------------
  [utilities:flex]
-------------------------------------------------------------------------------------------------------*/
.u-flex {
  display: flex;
}

.u-inline-flex {
  display: inline-flex;
}

.u-flex-nowrap {
  flex-wrap: nowrap;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

.u-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.u-flex-row {
  flex-direction: row;
}

.u-flex-row-reverse {
  flex-direction: row-reverse;
}

.u-flex-column {
  flex-direction: column;
}

.u-flex-column-reverse {
  flex-direction: column-reverse;
}

.u-flex-justify-start {
  justify-content: flex-start;
}

.u-flex-justify-end {
  justify-content: flex-end;
}

.u-flex-justify-center {
  justify-content: center;
}

.u-flex-justify-between {
  justify-content: space-between;
}

.u-flex-justify-around {
  justify-content: space-around;
}

.u-flex-align-start {
  align-items: flex-start;
}

.u-flex-align-end {
  align-items: flex-end;
}

.u-flex-align-center {
  align-items: center;
}

.u-flex-self-start {
  align-self: flex-start;
}

.u-flex-self-end {
  align-self: flex-end;
}

.u-flex-self-center {
  align-self: center;
}

.u-flex-shrink-none {
  flex-shrink: 0;
}

.u-flex-grow {
  flex-grow: 1;
}

.u-flex-align-baseline {
  align-items: baseline;
}

.u-flex-align-stretch {
  align-items: stretch;
}

.u-flex-self-baseline {
  align-self: baseline;
}

.u-flex-self-stretch {
  align-self: stretch;
}

.u-flex-item-fluid {
  flex: 1;
}

.u-flex-item-auto {
  flex: auto;
}

.u-flex-item-initial {
  flex: initial;
}

.u-flex-item-none {
  flex: none;
}

.u-flex-item-first {
  order: -1;
}

.u-flex-item-medium {
  order: 0;
}

.u-flex-item-last {
  order: 1;
}

@media only screen and (max-width: 1440px) {
  .u-flex\@xxl {
    display: flex;
  }
  .u-inline-flex\@xxl {
    display: inline-flex;
  }
  .u-flex-nowrap\@xxl {
    flex-wrap: nowrap;
  }
  .u-flex-wrap\@xxl {
    flex-wrap: wrap;
  }
  .u-flex-wrap-reverse\@xxl {
    flex-wrap: wrap-reverse;
  }
  .u-flex-row\@xxl {
    flex-direction: row;
  }
  .u-flex-row-reverse\@xxl {
    flex-direction: row-reverse;
  }
  .u-flex-column\@xxl {
    flex-direction: column;
  }
  .u-flex-column-reverse\@xxl {
    flex-direction: column-reverse;
  }
  .u-flex-justify-start\@xxl {
    justify-content: flex-start;
  }
  .u-flex-justify-end\@xxl {
    justify-content: flex-end;
  }
  .u-flex-justify-center\@xxl {
    justify-content: center;
  }
  .u-flex-justify-between\@xxl {
    justify-content: space-between;
  }
  .u-flex-justify-around\@xxl {
    justify-content: space-around;
  }
  .u-flex-align-start\@xxl {
    align-items: flex-start;
  }
  .u-flex-align-end\@xxl {
    align-items: flex-end;
  }
  .u-flex-align-center\@xxl {
    align-items: center;
  }
  .u-flex-self-start\@xxl {
    align-self: flex-start;
  }
  .u-flex-self-end\@xxl {
    align-self: flex-end;
  }
  .u-flex-self-center\@xxl {
    align-self: center;
  }
  .u-flex-shrink-none\@xxl {
    flex-shrink: 0;
  }
  .u-flex-grow\@xxl {
    flex-grow: 1;
  }
  .u-flex-self-baseline\@xxl {
    align-self: baseline;
  }
  .u-flex-self-stretch\@xxl {
    align-self: stretch;
  }
  .u-flex-item-fluid\@xxl {
    flex: 1;
  }
  .u-flex-item-auto\@xxl {
    flex: auto;
  }
  .u-flex-item-initial\@xxl {
    flex: initial;
  }
  .u-flex-item-none\@xxl {
    flex: none;
  }
  .u-flex-item-first\@xxl {
    order: -1;
  }
  .u-flex-item-medium\@xxl {
    order: 0;
  }
  .u-flex-item-last\@xxl {
    order: 1;
  }
}
@media only screen and (max-width: 1280px) {
  .u-flex\@xl {
    display: flex;
  }
  .u-inline-flex\@xl {
    display: inline-flex;
  }
  .u-flex-nowrap\@xl {
    flex-wrap: nowrap;
  }
  .u-flex-wrap\@xl {
    flex-wrap: wrap;
  }
  .u-flex-wrap-reverse\@xl {
    flex-wrap: wrap-reverse;
  }
  .u-flex-row\@xl {
    flex-direction: row;
  }
  .u-flex-row-reverse\@xl {
    flex-direction: row-reverse;
  }
  .u-flex-column\@xl {
    flex-direction: column;
  }
  .u-flex-column-reverse\@xl {
    flex-direction: column-reverse;
  }
  .u-flex-justify-start\@xl {
    justify-content: flex-start;
  }
  .u-flex-justify-end\@xl {
    justify-content: flex-end;
  }
  .u-flex-justify-center\@xl {
    justify-content: center;
  }
  .u-flex-justify-between\@xl {
    justify-content: space-between;
  }
  .u-flex-justify-around\@xl {
    justify-content: space-around;
  }
  .u-flex-align-start\@xl {
    align-items: flex-start;
  }
  .u-flex-align-end\@xl {
    align-items: flex-end;
  }
  .u-flex-align-center\@xl {
    align-items: center;
  }
  .u-flex-self-start\@xl {
    align-self: flex-start;
  }
  .u-flex-self-end\@xl {
    align-self: flex-end;
  }
  .u-flex-self-center\@xl {
    align-self: center;
  }
  .u-flex-shrink-none\@xl {
    flex-shrink: 0;
  }
  .u-flex-grow\@xl {
    flex-grow: 1;
  }
  .u-flex-self-baseline\@xl {
    align-self: baseline;
  }
  .u-flex-self-stretch\@xl {
    align-self: stretch;
  }
  .u-flex-item-fluid\@xl {
    flex: 1;
  }
  .u-flex-item-auto\@xl {
    flex: auto;
  }
  .u-flex-item-initial\@xl {
    flex: initial;
  }
  .u-flex-item-none\@xl {
    flex: none;
  }
  .u-flex-item-first\@xl {
    order: -1;
  }
  .u-flex-item-medium\@xl {
    order: 0;
  }
  .u-flex-item-last\@xl {
    order: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .u-flex\@lg {
    display: flex;
  }
  .u-inline-flex\@lg {
    display: inline-flex;
  }
  .u-flex-nowrap\@lg {
    flex-wrap: nowrap;
  }
  .u-flex-wrap\@lg {
    flex-wrap: wrap;
  }
  .u-flex-wrap-reverse\@lg {
    flex-wrap: wrap-reverse;
  }
  .u-flex-row\@lg {
    flex-direction: row;
  }
  .u-flex-row-reverse\@lg {
    flex-direction: row-reverse;
  }
  .u-flex-column\@lg {
    flex-direction: column;
  }
  .u-flex-column-reverse\@lg {
    flex-direction: column-reverse;
  }
  .u-flex-justify-start\@lg {
    justify-content: flex-start;
  }
  .u-flex-justify-end\@lg {
    justify-content: flex-end;
  }
  .u-flex-justify-center\@lg {
    justify-content: center;
  }
  .u-flex-justify-between\@lg {
    justify-content: space-between;
  }
  .u-flex-justify-around\@lg {
    justify-content: space-around;
  }
  .u-flex-align-start\@lg {
    align-items: flex-start;
  }
  .u-flex-align-end\@lg {
    align-items: flex-end;
  }
  .u-flex-align-center\@lg {
    align-items: center;
  }
  .u-flex-self-start\@lg {
    align-self: flex-start;
  }
  .u-flex-self-end\@lg {
    align-self: flex-end;
  }
  .u-flex-self-center\@lg {
    align-self: center;
  }
  .u-flex-shrink-none\@lg {
    flex-shrink: 0;
  }
  .u-flex-grow\@lg {
    flex-grow: 1;
  }
  .u-flex-self-baseline\@lg {
    align-self: baseline;
  }
  .u-flex-self-stretch\@lg {
    align-self: stretch;
  }
  .u-flex-item-fluid\@lg {
    flex: 1;
  }
  .u-flex-item-auto\@lg {
    flex: auto;
  }
  .u-flex-item-initial\@lg {
    flex: initial;
  }
  .u-flex-item-none\@lg {
    flex: none;
  }
  .u-flex-item-first\@lg {
    order: -1;
  }
  .u-flex-item-medium\@lg {
    order: 0;
  }
  .u-flex-item-last\@lg {
    order: 1;
  }
}
@media only screen and (max-width: 768px) {
  .u-flex\@md {
    display: flex;
  }
  .u-inline-flex\@md {
    display: inline-flex;
  }
  .u-flex-nowrap\@md {
    flex-wrap: nowrap;
  }
  .u-flex-wrap\@md {
    flex-wrap: wrap;
  }
  .u-flex-wrap-reverse\@md {
    flex-wrap: wrap-reverse;
  }
  .u-flex-row\@md {
    flex-direction: row;
  }
  .u-flex-row-reverse\@md {
    flex-direction: row-reverse;
  }
  .u-flex-column\@md {
    flex-direction: column;
  }
  .u-flex-column-reverse\@md {
    flex-direction: column-reverse;
  }
  .u-flex-justify-start\@md {
    justify-content: flex-start;
  }
  .u-flex-justify-end\@md {
    justify-content: flex-end;
  }
  .u-flex-justify-center\@md {
    justify-content: center;
  }
  .u-flex-justify-between\@md {
    justify-content: space-between;
  }
  .u-flex-justify-around\@md {
    justify-content: space-around;
  }
  .u-flex-align-start\@md {
    align-items: flex-start;
  }
  .u-flex-align-end\@md {
    align-items: flex-end;
  }
  .u-flex-align-center\@md {
    align-items: center;
  }
  .u-flex-self-start\@md {
    align-self: flex-start;
  }
  .u-flex-self-end\@md {
    align-self: flex-end;
  }
  .u-flex-self-center\@md {
    align-self: center;
  }
  .u-flex-shrink-none\@md {
    flex-shrink: 0;
  }
  .u-flex-grow\@md {
    flex-grow: 1;
  }
  .u-flex-self-baseline\@md {
    align-self: baseline;
  }
  .u-flex-self-stretch\@md {
    align-self: stretch;
  }
  .u-flex-item-fluid\@md {
    flex: 1;
  }
  .u-flex-item-auto\@md {
    flex: auto;
  }
  .u-flex-item-initial\@md {
    flex: initial;
  }
  .u-flex-item-none\@md {
    flex: none;
  }
  .u-flex-item-first\@md {
    order: -1;
  }
  .u-flex-item-medium\@md {
    order: 0;
  }
  .u-flex-item-last\@md {
    order: 1;
  }
}
@media only screen and (max-width: 576px) {
  .u-flex\@sm {
    display: flex;
  }
  .u-inline-flex\@sm {
    display: inline-flex;
  }
  .u-flex-nowrap\@sm {
    flex-wrap: nowrap;
  }
  .u-flex-wrap\@sm {
    flex-wrap: wrap;
  }
  .u-flex-wrap-reverse\@sm {
    flex-wrap: wrap-reverse;
  }
  .u-flex-row\@sm {
    flex-direction: row;
  }
  .u-flex-row-reverse\@sm {
    flex-direction: row-reverse;
  }
  .u-flex-column\@sm {
    flex-direction: column;
  }
  .u-flex-column-reverse\@sm {
    flex-direction: column-reverse;
  }
  .u-flex-justify-start\@sm {
    justify-content: flex-start;
  }
  .u-flex-justify-end\@sm {
    justify-content: flex-end;
  }
  .u-flex-justify-center\@sm {
    justify-content: center;
  }
  .u-flex-justify-between\@sm {
    justify-content: space-between;
  }
  .u-flex-justify-around\@sm {
    justify-content: space-around;
  }
  .u-flex-align-start\@sm {
    align-items: flex-start;
  }
  .u-flex-align-end\@sm {
    align-items: flex-end;
  }
  .u-flex-align-center\@sm {
    align-items: center;
  }
  .u-flex-self-start\@sm {
    align-self: flex-start;
  }
  .u-flex-self-end\@sm {
    align-self: flex-end;
  }
  .u-flex-self-center\@sm {
    align-self: center;
  }
  .u-flex-shrink-none\@sm {
    flex-shrink: 0;
  }
  .u-flex-grow\@sm {
    flex-grow: 1;
  }
  .u-flex-self-baseline\@sm {
    align-self: baseline;
  }
  .u-flex-self-stretch\@sm {
    align-self: stretch;
  }
  .u-flex-item-fluid\@sm {
    flex: 1;
  }
  .u-flex-item-auto\@sm {
    flex: auto;
  }
  .u-flex-item-initial\@sm {
    flex: initial;
  }
  .u-flex-item-none\@sm {
    flex: none;
  }
  .u-flex-item-first\@sm {
    order: -1;
  }
  .u-flex-item-medium\@sm {
    order: 0;
  }
  .u-flex-item-last\@sm {
    order: 1;
  }
}
@media only screen and (max-width: 400px) {
  .u-flex\@xs {
    display: flex;
  }
  .u-inline-flex\@xs {
    display: inline-flex;
  }
  .u-flex-nowrap\@xs {
    flex-wrap: nowrap;
  }
  .u-flex-wrap\@xs {
    flex-wrap: wrap;
  }
  .u-flex-wrap-reverse\@xs {
    flex-wrap: wrap-reverse;
  }
  .u-flex-row\@xs {
    flex-direction: row;
  }
  .u-flex-row-reverse\@xs {
    flex-direction: row-reverse;
  }
  .u-flex-column\@xs {
    flex-direction: column;
  }
  .u-flex-column-reverse\@xs {
    flex-direction: column-reverse;
  }
  .u-flex-justify-start\@xs {
    justify-content: flex-start;
  }
  .u-flex-justify-end\@xs {
    justify-content: flex-end;
  }
  .u-flex-justify-center\@xs {
    justify-content: center;
  }
  .u-flex-justify-between\@xs {
    justify-content: space-between;
  }
  .u-flex-justify-around\@xs {
    justify-content: space-around;
  }
  .u-flex-align-start\@xs {
    align-items: flex-start;
  }
  .u-flex-align-end\@xs {
    align-items: flex-end;
  }
  .u-flex-align-center\@xs {
    align-items: center;
  }
  .u-flex-self-start\@xs {
    align-self: flex-start;
  }
  .u-flex-self-end\@xs {
    align-self: flex-end;
  }
  .u-flex-self-center\@xs {
    align-self: center;
  }
  .u-flex-shrink-none\@xs {
    flex-shrink: 0;
  }
  .u-flex-grow\@xs {
    flex-grow: 1;
  }
  .u-flex-self-baseline\@xs {
    align-self: baseline;
  }
  .u-flex-self-stretch\@xs {
    align-self: stretch;
  }
  .u-flex-item-fluid\@xs {
    flex: 1;
  }
  .u-flex-item-auto\@xs {
    flex: auto;
  }
  .u-flex-item-initial\@xs {
    flex: initial;
  }
  .u-flex-item-none\@xs {
    flex: none;
  }
  .u-flex-item-first\@xs {
    order: -1;
  }
  .u-flex-item-medium\@xs {
    order: 0;
  }
  .u-flex-item-last\@xs {
    order: 1;
  }
}
/*-----------------------------------------------------------------------------------------------------
  [utilities:font]
-------------------------------------------------------------------------------------------------------*/
/*
* Font-family
*/
.u-font-primary {
  font-family: Jost, "sans-serif" !important;
}

.u-font-secondary {
  font-family: Nunito Sans, "sans-serif" !important;
}

.u-font-decorative {
  font-family: Bely Display, "sans-serif" !important;
}

.u-font-secondary {
  font-weight: 400 !important;
}

/*
* Font-size
*/
.u-font-12 {
  font-size: 12px !important;
}

.u-font-14 {
  font-size: 14px !important;
}

.u-font-16 {
  font-size: 16px !important;
}

.u-font-18 {
  font-size: 18px !important;
}

@media only screen and (max-width: 1440px) {
  .u-font-12 {
    font-size: 12px !important;
  }
  .u-font-14 {
    font-size: 14px !important;
  }
  .u-font-16 {
    font-size: 16px !important;
  }
  .u-font-18 {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 1280px) {
  .u-font-12 {
    font-size: 12px !important;
  }
  .u-font-14 {
    font-size: 14px !important;
  }
  .u-font-16 {
    font-size: 16px !important;
  }
  .u-font-18 {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .u-font-12 {
    font-size: 12px !important;
  }
  .u-font-14 {
    font-size: 14px !important;
  }
  .u-font-16 {
    font-size: 16px !important;
  }
  .u-font-18 {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 768px) {
  .u-font-12 {
    font-size: 12px !important;
  }
  .u-font-14 {
    font-size: 14px !important;
  }
  .u-font-16 {
    font-size: 16px !important;
  }
  .u-font-18 {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 576px) {
  .u-font-12 {
    font-size: 12px !important;
  }
  .u-font-14 {
    font-size: 14px !important;
  }
  .u-font-16 {
    font-size: 16px !important;
  }
  .u-font-18 {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 400px) {
  .u-font-12 {
    font-size: 12px !important;
  }
  .u-font-14 {
    font-size: 14px !important;
  }
  .u-font-16 {
    font-size: 16px !important;
  }
  .u-font-18 {
    font-size: 18px !important;
  }
}
/*
* Font-weight
*/
.u-font-400 {
  font-weight: 400 !important;
}

.u-font-500 {
  font-weight: 500 !important;
}

.u-font-550 {
  font-weight: 550 !important;
}

.u-font-600 {
  font-weight: 600 !important;
}

.u-font-700 {
  font-weight: 700 !important;
}

/*-----------------------------------------------------------------------------------------------------
  [utilities:layout]
-------------------------------------------------------------------------------------------------------*/
.u-full-h {
  height: 100%;
}

.u-full-w {
  width: 100%;
}

.u-viewport-h {
  height: 100vh;
}

.u-viewport-w {
  width: 100vw;
}

.u-viewport-w-full-inContainer {
  width: 100vh;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.no-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-enlarge-link {
  position: relative;
}
.u-enlarge-link a:before {
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  outline-color: inherit;
  outline-offset: 2px;
  outline-style: inherit;
  outline-width: 2px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.u-productListGridLayout {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

/*
* max width
*/
.u-max-w-1440 {
  max-width: 1440px !important;
}

.u-max-w-1200 {
  max-width: 1200px !important;
}

.u-max-w-800 {
  max-width: 800px !important;
}

.u-max-w-650 {
  max-width: 650px !important;
}

.u-max-w-616 {
  max-width: 616px !important;
}

.u-max-w-450 {
  max-width: 450px !important;
}

.u-max-w-400 {
  max-width: 400px !important;
}

.u-max-w-350 {
  max-width: 350px !important;
}

.u-max-w-320 {
  max-width: 320px !important;
}

.u-max-w-300 {
  max-width: 300px !important;
}

.u-max-w-none {
  max-width: none !important;
}

.u-min-w-250 {
  min-width: 250px !important;
}

@media only screen and (max-width: 1440px) {
  .u-full-w\@xxl {
    width: 100%;
  }
  .u-max-w-1440 {
    max-width: 1440px !important;
  }
  .u-max-w-1200 {
    max-width: 1200px !important;
  }
  .u-max-w-800 {
    max-width: 800px !important;
  }
  .u-max-w-650 {
    max-width: 650px !important;
  }
  .u-max-w-616 {
    max-width: 616px !important;
  }
  .u-max-w-450 {
    max-width: 450px !important;
  }
  .u-max-w-400 {
    max-width: 400px !important;
  }
  .u-max-w-350 {
    max-width: 350px !important;
  }
  .u-max-w-320 {
    max-width: 320px !important;
  }
  .u-max-w-300 {
    max-width: 300px !important;
  }
  .u-max-w-none {
    max-width: none !important;
  }
}
@media only screen and (max-width: 1280px) {
  .u-full-w\@xl {
    width: 100%;
  }
  .u-max-w-1440 {
    max-width: 1440px !important;
  }
  .u-max-w-1200 {
    max-width: 1200px !important;
  }
  .u-max-w-800 {
    max-width: 800px !important;
  }
  .u-max-w-650 {
    max-width: 650px !important;
  }
  .u-max-w-616 {
    max-width: 616px !important;
  }
  .u-max-w-450 {
    max-width: 450px !important;
  }
  .u-max-w-400 {
    max-width: 400px !important;
  }
  .u-max-w-350 {
    max-width: 350px !important;
  }
  .u-max-w-320 {
    max-width: 320px !important;
  }
  .u-max-w-300 {
    max-width: 300px !important;
  }
  .u-max-w-none {
    max-width: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .u-full-w\@lg {
    width: 100%;
  }
  .u-max-w-1440 {
    max-width: 1440px !important;
  }
  .u-max-w-1200 {
    max-width: 1200px !important;
  }
  .u-max-w-800 {
    max-width: 800px !important;
  }
  .u-max-w-650 {
    max-width: 650px !important;
  }
  .u-max-w-616 {
    max-width: 616px !important;
  }
  .u-max-w-450 {
    max-width: 450px !important;
  }
  .u-max-w-400 {
    max-width: 400px !important;
  }
  .u-max-w-350 {
    max-width: 350px !important;
  }
  .u-max-w-320 {
    max-width: 320px !important;
  }
  .u-max-w-300 {
    max-width: 300px !important;
  }
  .u-max-w-none {
    max-width: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .u-full-w\@md {
    width: 100%;
  }
  .u-max-w-1440 {
    max-width: 1440px !important;
  }
  .u-max-w-1200 {
    max-width: 1200px !important;
  }
  .u-max-w-800 {
    max-width: 800px !important;
  }
  .u-max-w-650 {
    max-width: 650px !important;
  }
  .u-max-w-616 {
    max-width: 616px !important;
  }
  .u-max-w-450 {
    max-width: 450px !important;
  }
  .u-max-w-400 {
    max-width: 400px !important;
  }
  .u-max-w-350 {
    max-width: 350px !important;
  }
  .u-max-w-320 {
    max-width: 320px !important;
  }
  .u-max-w-300 {
    max-width: 300px !important;
  }
  .u-max-w-none {
    max-width: none !important;
  }
}
@media only screen and (max-width: 576px) {
  .u-full-w\@sm {
    width: 100%;
  }
  .u-max-w-1440 {
    max-width: 1440px !important;
  }
  .u-max-w-1200 {
    max-width: 1200px !important;
  }
  .u-max-w-800 {
    max-width: 800px !important;
  }
  .u-max-w-650 {
    max-width: 650px !important;
  }
  .u-max-w-616 {
    max-width: 616px !important;
  }
  .u-max-w-450 {
    max-width: 450px !important;
  }
  .u-max-w-400 {
    max-width: 400px !important;
  }
  .u-max-w-350 {
    max-width: 350px !important;
  }
  .u-max-w-320 {
    max-width: 320px !important;
  }
  .u-max-w-300 {
    max-width: 300px !important;
  }
  .u-max-w-none {
    max-width: none !important;
  }
}
@media only screen and (max-width: 400px) {
  .u-full-w\@xs {
    width: 100%;
  }
  .u-max-w-1440 {
    max-width: 1440px !important;
  }
  .u-max-w-1200 {
    max-width: 1200px !important;
  }
  .u-max-w-800 {
    max-width: 800px !important;
  }
  .u-max-w-650 {
    max-width: 650px !important;
  }
  .u-max-w-616 {
    max-width: 616px !important;
  }
  .u-max-w-450 {
    max-width: 450px !important;
  }
  .u-max-w-400 {
    max-width: 400px !important;
  }
  .u-max-w-350 {
    max-width: 350px !important;
  }
  .u-max-w-320 {
    max-width: 320px !important;
  }
  .u-max-w-300 {
    max-width: 300px !important;
  }
  .u-max-w-none {
    max-width: none !important;
  }
}
/*-----------------------------------------------------------------------------------------------------
  [utilities:radius]
-------------------------------------------------------------------------------------------------------*/
.u-radius-4 {
  border-radius: 4px !important;
}

.u-radius-8 {
  border-radius: 8px !important;
}

.u-radius-full {
  border-radius: 100px !important;
}

/*-----------------------------------------------------------------------------------------------------
  [utilities:spacing]
-------------------------------------------------------------------------------------------------------*/
.u-mt-0 {
  margin-top: 0 !important;
}

.u-mr-0 {
  margin-right: 0 !important;
}

.u-mb-0 {
  margin-bottom: 0 !important;
}

.u-ml-0 {
  margin-left: 0 !important;
}

.u-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.u-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.u-m-0 {
  margin: 0 !important;
}

.u-pt-0 {
  padding-top: 0 !important;
}

.u-pr-0 {
  padding-right: 0 !important;
}

.u-pb-0 {
  padding-bottom: 0 !important;
}

.u-pl-0 {
  padding-left: 0 !important;
}

.u-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.u-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.u-p-0 {
  padding: 0 !important;
}

.u-mt-2 {
  margin-top: 2px !important;
}

.u-mr-2 {
  margin-right: 2px !important;
}

.u-mb-2 {
  margin-bottom: 2px !important;
}

.u-ml-2 {
  margin-left: 2px !important;
}

.u-mx-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.u-my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.u-m-2 {
  margin: 2px !important;
}

.u-pt-2 {
  padding-top: 2px !important;
}

.u-pr-2 {
  padding-right: 2px !important;
}

.u-pb-2 {
  padding-bottom: 2px !important;
}

.u-pl-2 {
  padding-left: 2px !important;
}

.u-px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.u-py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.u-p-2 {
  padding: 2px !important;
}

.u-mt-4 {
  margin-top: 4px !important;
}

.u-mr-4 {
  margin-right: 4px !important;
}

.u-mb-4 {
  margin-bottom: 4px !important;
}

.u-ml-4 {
  margin-left: 4px !important;
}

.u-mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.u-my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.u-m-4 {
  margin: 4px !important;
}

.u-pt-4 {
  padding-top: 4px !important;
}

.u-pr-4 {
  padding-right: 4px !important;
}

.u-pb-4 {
  padding-bottom: 4px !important;
}

.u-pl-4 {
  padding-left: 4px !important;
}

.u-px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.u-py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.u-p-4 {
  padding: 4px !important;
}

.u-mt-6 {
  margin-top: 6px !important;
}

.u-mr-6 {
  margin-right: 6px !important;
}

.u-mb-6 {
  margin-bottom: 6px !important;
}

.u-ml-6 {
  margin-left: 6px !important;
}

.u-mx-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.u-my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.u-m-6 {
  margin: 6px !important;
}

.u-pt-6 {
  padding-top: 6px !important;
}

.u-pr-6 {
  padding-right: 6px !important;
}

.u-pb-6 {
  padding-bottom: 6px !important;
}

.u-pl-6 {
  padding-left: 6px !important;
}

.u-px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.u-py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.u-p-6 {
  padding: 6px !important;
}

.u-mt-8 {
  margin-top: 8px !important;
}

.u-mr-8 {
  margin-right: 8px !important;
}

.u-mb-8 {
  margin-bottom: 8px !important;
}

.u-ml-8 {
  margin-left: 8px !important;
}

.u-mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.u-my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.u-m-8 {
  margin: 8px !important;
}

.u-pt-8 {
  padding-top: 8px !important;
}

.u-pr-8 {
  padding-right: 8px !important;
}

.u-pb-8 {
  padding-bottom: 8px !important;
}

.u-pl-8 {
  padding-left: 8px !important;
}

.u-px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.u-py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.u-p-8 {
  padding: 8px !important;
}

.u-mt-12 {
  margin-top: 12px !important;
}

.u-mr-12 {
  margin-right: 12px !important;
}

.u-mb-12 {
  margin-bottom: 12px !important;
}

.u-ml-12 {
  margin-left: 12px !important;
}

.u-mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.u-my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.u-m-12 {
  margin: 12px !important;
}

.u-pt-12 {
  padding-top: 12px !important;
}

.u-pr-12 {
  padding-right: 12px !important;
}

.u-pb-12 {
  padding-bottom: 12px !important;
}

.u-pl-12 {
  padding-left: 12px !important;
}

.u-px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.u-py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.u-p-12 {
  padding: 12px !important;
}

.u-mt-16 {
  margin-top: 16px !important;
}

.u-mr-16 {
  margin-right: 16px !important;
}

.u-mb-16 {
  margin-bottom: 16px !important;
}

.u-ml-16 {
  margin-left: 16px !important;
}

.u-mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.u-my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.u-m-16 {
  margin: 16px !important;
}

.u-pt-16 {
  padding-top: 16px !important;
}

.u-pr-16 {
  padding-right: 16px !important;
}

.u-pb-16 {
  padding-bottom: 16px !important;
}

.u-pl-16 {
  padding-left: 16px !important;
}

.u-px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.u-py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.u-p-16 {
  padding: 16px !important;
}

.u-mt-24 {
  margin-top: 24px !important;
}

.u-mr-24 {
  margin-right: 24px !important;
}

.u-mb-24 {
  margin-bottom: 24px !important;
}

.u-ml-24 {
  margin-left: 24px !important;
}

.u-mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.u-my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.u-m-24 {
  margin: 24px !important;
}

.u-pt-24 {
  padding-top: 24px !important;
}

.u-pr-24 {
  padding-right: 24px !important;
}

.u-pb-24 {
  padding-bottom: 24px !important;
}

.u-pl-24 {
  padding-left: 24px !important;
}

.u-px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.u-py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.u-p-24 {
  padding: 24px !important;
}

.u-mt-32 {
  margin-top: 32px !important;
}

.u-mr-32 {
  margin-right: 32px !important;
}

.u-mb-32 {
  margin-bottom: 32px !important;
}

.u-ml-32 {
  margin-left: 32px !important;
}

.u-mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.u-my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.u-m-32 {
  margin: 32px !important;
}

.u-pt-32 {
  padding-top: 32px !important;
}

.u-pr-32 {
  padding-right: 32px !important;
}

.u-pb-32 {
  padding-bottom: 32px !important;
}

.u-pl-32 {
  padding-left: 32px !important;
}

.u-px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.u-py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.u-p-32 {
  padding: 32px !important;
}

.u-mt-40 {
  margin-top: 40px !important;
}

.u-mr-40 {
  margin-right: 40px !important;
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

.u-ml-40 {
  margin-left: 40px !important;
}

.u-mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.u-my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.u-m-40 {
  margin: 40px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

.u-pr-40 {
  padding-right: 40px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

.u-pl-40 {
  padding-left: 40px !important;
}

.u-px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.u-py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.u-p-40 {
  padding: 40px !important;
}

.u-mt-48 {
  margin-top: 48px !important;
}

.u-mr-48 {
  margin-right: 48px !important;
}

.u-mb-48 {
  margin-bottom: 48px !important;
}

.u-ml-48 {
  margin-left: 48px !important;
}

.u-mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.u-my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.u-m-48 {
  margin: 48px !important;
}

.u-pt-48 {
  padding-top: 48px !important;
}

.u-pr-48 {
  padding-right: 48px !important;
}

.u-pb-48 {
  padding-bottom: 48px !important;
}

.u-pl-48 {
  padding-left: 48px !important;
}

.u-px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.u-py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.u-p-48 {
  padding: 48px !important;
}

.u-mt-56 {
  margin-top: 56px !important;
}

.u-mr-56 {
  margin-right: 56px !important;
}

.u-mb-56 {
  margin-bottom: 56px !important;
}

.u-ml-56 {
  margin-left: 56px !important;
}

.u-mx-56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.u-my-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.u-m-56 {
  margin: 56px !important;
}

.u-pt-56 {
  padding-top: 56px !important;
}

.u-pr-56 {
  padding-right: 56px !important;
}

.u-pb-56 {
  padding-bottom: 56px !important;
}

.u-pl-56 {
  padding-left: 56px !important;
}

.u-px-56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.u-py-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.u-p-56 {
  padding: 56px !important;
}

.u-mt-64 {
  margin-top: 64px !important;
}

.u-mr-64 {
  margin-right: 64px !important;
}

.u-mb-64 {
  margin-bottom: 64px !important;
}

.u-ml-64 {
  margin-left: 64px !important;
}

.u-mx-64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.u-my-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.u-m-64 {
  margin: 64px !important;
}

.u-pt-64 {
  padding-top: 64px !important;
}

.u-pr-64 {
  padding-right: 64px !important;
}

.u-pb-64 {
  padding-bottom: 64px !important;
}

.u-pl-64 {
  padding-left: 64px !important;
}

.u-px-64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.u-py-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.u-p-64 {
  padding: 64px !important;
}

.u-mt-72 {
  margin-top: 72px !important;
}

.u-mr-72 {
  margin-right: 72px !important;
}

.u-mb-72 {
  margin-bottom: 72px !important;
}

.u-ml-72 {
  margin-left: 72px !important;
}

.u-mx-72 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.u-my-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.u-m-72 {
  margin: 72px !important;
}

.u-pt-72 {
  padding-top: 72px !important;
}

.u-pr-72 {
  padding-right: 72px !important;
}

.u-pb-72 {
  padding-bottom: 72px !important;
}

.u-pl-72 {
  padding-left: 72px !important;
}

.u-px-72 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}

.u-py-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.u-p-72 {
  padding: 72px !important;
}

.u-mt-88 {
  margin-top: 88px !important;
}

.u-mr-88 {
  margin-right: 88px !important;
}

.u-mb-88 {
  margin-bottom: 88px !important;
}

.u-ml-88 {
  margin-left: 88px !important;
}

.u-mx-88 {
  margin-left: 88px !important;
  margin-right: 88px !important;
}

.u-my-88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.u-m-88 {
  margin: 88px !important;
}

.u-pt-88 {
  padding-top: 88px !important;
}

.u-pr-88 {
  padding-right: 88px !important;
}

.u-pb-88 {
  padding-bottom: 88px !important;
}

.u-pl-88 {
  padding-left: 88px !important;
}

.u-px-88 {
  padding-left: 88px !important;
  padding-right: 88px !important;
}

.u-py-88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.u-p-88 {
  padding: 88px !important;
}

.u-mt-96 {
  margin-top: 96px !important;
}

.u-mr-96 {
  margin-right: 96px !important;
}

.u-mb-96 {
  margin-bottom: 96px !important;
}

.u-ml-96 {
  margin-left: 96px !important;
}

.u-mx-96 {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.u-my-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.u-m-96 {
  margin: 96px !important;
}

.u-pt-96 {
  padding-top: 96px !important;
}

.u-pr-96 {
  padding-right: 96px !important;
}

.u-pb-96 {
  padding-bottom: 96px !important;
}

.u-pl-96 {
  padding-left: 96px !important;
}

.u-px-96 {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.u-py-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.u-p-96 {
  padding: 96px !important;
}

.u-mt-120 {
  margin-top: 120px !important;
}

.u-mr-120 {
  margin-right: 120px !important;
}

.u-mb-120 {
  margin-bottom: 120px !important;
}

.u-ml-120 {
  margin-left: 120px !important;
}

.u-mx-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.u-my-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.u-m-120 {
  margin: 120px !important;
}

.u-pt-120 {
  padding-top: 120px !important;
}

.u-pr-120 {
  padding-right: 120px !important;
}

.u-pb-120 {
  padding-bottom: 120px !important;
}

.u-pl-120 {
  padding-left: 120px !important;
}

.u-px-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.u-py-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.u-p-120 {
  padding: 120px !important;
}

.u-mt-128 {
  margin-top: 128px !important;
}

.u-mr-128 {
  margin-right: 128px !important;
}

.u-mb-128 {
  margin-bottom: 128px !important;
}

.u-ml-128 {
  margin-left: 128px !important;
}

.u-mx-128 {
  margin-left: 128px !important;
  margin-right: 128px !important;
}

.u-my-128 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.u-m-128 {
  margin: 128px !important;
}

.u-pt-128 {
  padding-top: 128px !important;
}

.u-pr-128 {
  padding-right: 128px !important;
}

.u-pb-128 {
  padding-bottom: 128px !important;
}

.u-pl-128 {
  padding-left: 128px !important;
}

.u-px-128 {
  padding-left: 128px !important;
  padding-right: 128px !important;
}

.u-py-128 {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.u-p-128 {
  padding: 128px !important;
}

.u-mt-160 {
  margin-top: 160px !important;
}

.u-mr-160 {
  margin-right: 160px !important;
}

.u-mb-160 {
  margin-bottom: 160px !important;
}

.u-ml-160 {
  margin-left: 160px !important;
}

.u-mx-160 {
  margin-left: 160px !important;
  margin-right: 160px !important;
}

.u-my-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.u-m-160 {
  margin: 160px !important;
}

.u-pt-160 {
  padding-top: 160px !important;
}

.u-pr-160 {
  padding-right: 160px !important;
}

.u-pb-160 {
  padding-bottom: 160px !important;
}

.u-pl-160 {
  padding-left: 160px !important;
}

.u-px-160 {
  padding-left: 160px !important;
  padding-right: 160px !important;
}

.u-py-160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.u-p-160 {
  padding: 160px !important;
}

.u-mt-auto {
  margin-top: auto !important;
}

.u-mr-auto {
  margin-right: auto !important;
}

.u-mb-auto {
  margin-bottom: auto !important;
}

.u-ml-auto {
  margin-left: auto !important;
}

.u-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.u-m-auto {
  margin: auto !important;
}

@media only screen and (max-width: 1440px) {
  .u-mt-0\@xxl {
    margin-top: 0 !important;
  }
  .u-mr-0\@xxl {
    margin-right: 0 !important;
  }
  .u-mb-0\@xxl {
    margin-bottom: 0 !important;
  }
  .u-ml-0\@xxl {
    margin-left: 0 !important;
  }
  .u-mx-0\@xxl {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-my-0\@xxl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-m-0\@xxl {
    margin: 0 !important;
  }
  .u-pt-0\@xxl {
    padding-top: 0 !important;
  }
  .u-pr-0\@xxl {
    padding-right: 0 !important;
  }
  .u-pb-0\@xxl {
    padding-bottom: 0 !important;
  }
  .u-pl-0\@xxl {
    padding-left: 0 !important;
  }
  .u-px-0\@xxl {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-py-0\@xxl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-p-0\@xxl {
    padding: 0 !important;
  }
  .u-mt-2\@xxl {
    margin-top: 2px !important;
  }
  .u-mr-2\@xxl {
    margin-right: 2px !important;
  }
  .u-mb-2\@xxl {
    margin-bottom: 2px !important;
  }
  .u-ml-2\@xxl {
    margin-left: 2px !important;
  }
  .u-mx-2\@xxl {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .u-my-2\@xxl {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .u-m-2\@xxl {
    margin: 2px !important;
  }
  .u-pt-2\@xxl {
    padding-top: 2px !important;
  }
  .u-pr-2\@xxl {
    padding-right: 2px !important;
  }
  .u-pb-2\@xxl {
    padding-bottom: 2px !important;
  }
  .u-pl-2\@xxl {
    padding-left: 2px !important;
  }
  .u-px-2\@xxl {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .u-py-2\@xxl {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .u-p-2\@xxl {
    padding: 2px !important;
  }
  .u-mt-4\@xxl {
    margin-top: 4px !important;
  }
  .u-mr-4\@xxl {
    margin-right: 4px !important;
  }
  .u-mb-4\@xxl {
    margin-bottom: 4px !important;
  }
  .u-ml-4\@xxl {
    margin-left: 4px !important;
  }
  .u-mx-4\@xxl {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-my-4\@xxl {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-m-4\@xxl {
    margin: 4px !important;
  }
  .u-pt-4\@xxl {
    padding-top: 4px !important;
  }
  .u-pr-4\@xxl {
    padding-right: 4px !important;
  }
  .u-pb-4\@xxl {
    padding-bottom: 4px !important;
  }
  .u-pl-4\@xxl {
    padding-left: 4px !important;
  }
  .u-px-4\@xxl {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-py-4\@xxl {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-p-4\@xxl {
    padding: 4px !important;
  }
  .u-mt-6\@xxl {
    margin-top: 6px !important;
  }
  .u-mr-6\@xxl {
    margin-right: 6px !important;
  }
  .u-mb-6\@xxl {
    margin-bottom: 6px !important;
  }
  .u-ml-6\@xxl {
    margin-left: 6px !important;
  }
  .u-mx-6\@xxl {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .u-my-6\@xxl {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .u-m-6\@xxl {
    margin: 6px !important;
  }
  .u-pt-6\@xxl {
    padding-top: 6px !important;
  }
  .u-pr-6\@xxl {
    padding-right: 6px !important;
  }
  .u-pb-6\@xxl {
    padding-bottom: 6px !important;
  }
  .u-pl-6\@xxl {
    padding-left: 6px !important;
  }
  .u-px-6\@xxl {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .u-py-6\@xxl {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .u-p-6\@xxl {
    padding: 6px !important;
  }
  .u-mt-8\@xxl {
    margin-top: 8px !important;
  }
  .u-mr-8\@xxl {
    margin-right: 8px !important;
  }
  .u-mb-8\@xxl {
    margin-bottom: 8px !important;
  }
  .u-ml-8\@xxl {
    margin-left: 8px !important;
  }
  .u-mx-8\@xxl {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-my-8\@xxl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-m-8\@xxl {
    margin: 8px !important;
  }
  .u-pt-8\@xxl {
    padding-top: 8px !important;
  }
  .u-pr-8\@xxl {
    padding-right: 8px !important;
  }
  .u-pb-8\@xxl {
    padding-bottom: 8px !important;
  }
  .u-pl-8\@xxl {
    padding-left: 8px !important;
  }
  .u-px-8\@xxl {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-py-8\@xxl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-p-8\@xxl {
    padding: 8px !important;
  }
  .u-mt-12\@xxl {
    margin-top: 12px !important;
  }
  .u-mr-12\@xxl {
    margin-right: 12px !important;
  }
  .u-mb-12\@xxl {
    margin-bottom: 12px !important;
  }
  .u-ml-12\@xxl {
    margin-left: 12px !important;
  }
  .u-mx-12\@xxl {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-my-12\@xxl {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-m-12\@xxl {
    margin: 12px !important;
  }
  .u-pt-12\@xxl {
    padding-top: 12px !important;
  }
  .u-pr-12\@xxl {
    padding-right: 12px !important;
  }
  .u-pb-12\@xxl {
    padding-bottom: 12px !important;
  }
  .u-pl-12\@xxl {
    padding-left: 12px !important;
  }
  .u-px-12\@xxl {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-py-12\@xxl {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-p-12\@xxl {
    padding: 12px !important;
  }
  .u-mt-16\@xxl {
    margin-top: 16px !important;
  }
  .u-mr-16\@xxl {
    margin-right: 16px !important;
  }
  .u-mb-16\@xxl {
    margin-bottom: 16px !important;
  }
  .u-ml-16\@xxl {
    margin-left: 16px !important;
  }
  .u-mx-16\@xxl {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-my-16\@xxl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-m-16\@xxl {
    margin: 16px !important;
  }
  .u-pt-16\@xxl {
    padding-top: 16px !important;
  }
  .u-pr-16\@xxl {
    padding-right: 16px !important;
  }
  .u-pb-16\@xxl {
    padding-bottom: 16px !important;
  }
  .u-pl-16\@xxl {
    padding-left: 16px !important;
  }
  .u-px-16\@xxl {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-py-16\@xxl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-p-16\@xxl {
    padding: 16px !important;
  }
  .u-mt-24\@xxl {
    margin-top: 24px !important;
  }
  .u-mr-24\@xxl {
    margin-right: 24px !important;
  }
  .u-mb-24\@xxl {
    margin-bottom: 24px !important;
  }
  .u-ml-24\@xxl {
    margin-left: 24px !important;
  }
  .u-mx-24\@xxl {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-my-24\@xxl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-m-24\@xxl {
    margin: 24px !important;
  }
  .u-pt-24\@xxl {
    padding-top: 24px !important;
  }
  .u-pr-24\@xxl {
    padding-right: 24px !important;
  }
  .u-pb-24\@xxl {
    padding-bottom: 24px !important;
  }
  .u-pl-24\@xxl {
    padding-left: 24px !important;
  }
  .u-px-24\@xxl {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-py-24\@xxl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-p-24\@xxl {
    padding: 24px !important;
  }
  .u-mt-32\@xxl {
    margin-top: 32px !important;
  }
  .u-mr-32\@xxl {
    margin-right: 32px !important;
  }
  .u-mb-32\@xxl {
    margin-bottom: 32px !important;
  }
  .u-ml-32\@xxl {
    margin-left: 32px !important;
  }
  .u-mx-32\@xxl {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-my-32\@xxl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-m-32\@xxl {
    margin: 32px !important;
  }
  .u-pt-32\@xxl {
    padding-top: 32px !important;
  }
  .u-pr-32\@xxl {
    padding-right: 32px !important;
  }
  .u-pb-32\@xxl {
    padding-bottom: 32px !important;
  }
  .u-pl-32\@xxl {
    padding-left: 32px !important;
  }
  .u-px-32\@xxl {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-py-32\@xxl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-p-32\@xxl {
    padding: 32px !important;
  }
  .u-mt-40\@xxl {
    margin-top: 40px !important;
  }
  .u-mr-40\@xxl {
    margin-right: 40px !important;
  }
  .u-mb-40\@xxl {
    margin-bottom: 40px !important;
  }
  .u-ml-40\@xxl {
    margin-left: 40px !important;
  }
  .u-mx-40\@xxl {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-my-40\@xxl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-m-40\@xxl {
    margin: 40px !important;
  }
  .u-pt-40\@xxl {
    padding-top: 40px !important;
  }
  .u-pr-40\@xxl {
    padding-right: 40px !important;
  }
  .u-pb-40\@xxl {
    padding-bottom: 40px !important;
  }
  .u-pl-40\@xxl {
    padding-left: 40px !important;
  }
  .u-px-40\@xxl {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-py-40\@xxl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-p-40\@xxl {
    padding: 40px !important;
  }
  .u-mt-48\@xxl {
    margin-top: 48px !important;
  }
  .u-mr-48\@xxl {
    margin-right: 48px !important;
  }
  .u-mb-48\@xxl {
    margin-bottom: 48px !important;
  }
  .u-ml-48\@xxl {
    margin-left: 48px !important;
  }
  .u-mx-48\@xxl {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-my-48\@xxl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-m-48\@xxl {
    margin: 48px !important;
  }
  .u-pt-48\@xxl {
    padding-top: 48px !important;
  }
  .u-pr-48\@xxl {
    padding-right: 48px !important;
  }
  .u-pb-48\@xxl {
    padding-bottom: 48px !important;
  }
  .u-pl-48\@xxl {
    padding-left: 48px !important;
  }
  .u-px-48\@xxl {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-py-48\@xxl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-p-48\@xxl {
    padding: 48px !important;
  }
  .u-mt-56\@xxl {
    margin-top: 56px !important;
  }
  .u-mr-56\@xxl {
    margin-right: 56px !important;
  }
  .u-mb-56\@xxl {
    margin-bottom: 56px !important;
  }
  .u-ml-56\@xxl {
    margin-left: 56px !important;
  }
  .u-mx-56\@xxl {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .u-my-56\@xxl {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-m-56\@xxl {
    margin: 56px !important;
  }
  .u-pt-56\@xxl {
    padding-top: 56px !important;
  }
  .u-pr-56\@xxl {
    padding-right: 56px !important;
  }
  .u-pb-56\@xxl {
    padding-bottom: 56px !important;
  }
  .u-pl-56\@xxl {
    padding-left: 56px !important;
  }
  .u-px-56\@xxl {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .u-py-56\@xxl {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-p-56\@xxl {
    padding: 56px !important;
  }
  .u-mt-64\@xxl {
    margin-top: 64px !important;
  }
  .u-mr-64\@xxl {
    margin-right: 64px !important;
  }
  .u-mb-64\@xxl {
    margin-bottom: 64px !important;
  }
  .u-ml-64\@xxl {
    margin-left: 64px !important;
  }
  .u-mx-64\@xxl {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-my-64\@xxl {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-m-64\@xxl {
    margin: 64px !important;
  }
  .u-pt-64\@xxl {
    padding-top: 64px !important;
  }
  .u-pr-64\@xxl {
    padding-right: 64px !important;
  }
  .u-pb-64\@xxl {
    padding-bottom: 64px !important;
  }
  .u-pl-64\@xxl {
    padding-left: 64px !important;
  }
  .u-px-64\@xxl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-py-64\@xxl {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-p-64\@xxl {
    padding: 64px !important;
  }
  .u-mt-72\@xxl {
    margin-top: 72px !important;
  }
  .u-mr-72\@xxl {
    margin-right: 72px !important;
  }
  .u-mb-72\@xxl {
    margin-bottom: 72px !important;
  }
  .u-ml-72\@xxl {
    margin-left: 72px !important;
  }
  .u-mx-72\@xxl {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .u-my-72\@xxl {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-m-72\@xxl {
    margin: 72px !important;
  }
  .u-pt-72\@xxl {
    padding-top: 72px !important;
  }
  .u-pr-72\@xxl {
    padding-right: 72px !important;
  }
  .u-pb-72\@xxl {
    padding-bottom: 72px !important;
  }
  .u-pl-72\@xxl {
    padding-left: 72px !important;
  }
  .u-px-72\@xxl {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .u-py-72\@xxl {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-p-72\@xxl {
    padding: 72px !important;
  }
  .u-mt-88\@xxl {
    margin-top: 88px !important;
  }
  .u-mr-88\@xxl {
    margin-right: 88px !important;
  }
  .u-mb-88\@xxl {
    margin-bottom: 88px !important;
  }
  .u-ml-88\@xxl {
    margin-left: 88px !important;
  }
  .u-mx-88\@xxl {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .u-my-88\@xxl {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-m-88\@xxl {
    margin: 88px !important;
  }
  .u-pt-88\@xxl {
    padding-top: 88px !important;
  }
  .u-pr-88\@xxl {
    padding-right: 88px !important;
  }
  .u-pb-88\@xxl {
    padding-bottom: 88px !important;
  }
  .u-pl-88\@xxl {
    padding-left: 88px !important;
  }
  .u-px-88\@xxl {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .u-py-88\@xxl {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-p-88\@xxl {
    padding: 88px !important;
  }
  .u-mt-96\@xxl {
    margin-top: 96px !important;
  }
  .u-mr-96\@xxl {
    margin-right: 96px !important;
  }
  .u-mb-96\@xxl {
    margin-bottom: 96px !important;
  }
  .u-ml-96\@xxl {
    margin-left: 96px !important;
  }
  .u-mx-96\@xxl {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .u-my-96\@xxl {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-m-96\@xxl {
    margin: 96px !important;
  }
  .u-pt-96\@xxl {
    padding-top: 96px !important;
  }
  .u-pr-96\@xxl {
    padding-right: 96px !important;
  }
  .u-pb-96\@xxl {
    padding-bottom: 96px !important;
  }
  .u-pl-96\@xxl {
    padding-left: 96px !important;
  }
  .u-px-96\@xxl {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .u-py-96\@xxl {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-p-96\@xxl {
    padding: 96px !important;
  }
  .u-mt-120\@xxl {
    margin-top: 120px !important;
  }
  .u-mr-120\@xxl {
    margin-right: 120px !important;
  }
  .u-mb-120\@xxl {
    margin-bottom: 120px !important;
  }
  .u-ml-120\@xxl {
    margin-left: 120px !important;
  }
  .u-mx-120\@xxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-my-120\@xxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-m-120\@xxl {
    margin: 120px !important;
  }
  .u-pt-120\@xxl {
    padding-top: 120px !important;
  }
  .u-pr-120\@xxl {
    padding-right: 120px !important;
  }
  .u-pb-120\@xxl {
    padding-bottom: 120px !important;
  }
  .u-pl-120\@xxl {
    padding-left: 120px !important;
  }
  .u-px-120\@xxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-py-120\@xxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .u-p-120\@xxl {
    padding: 120px !important;
  }
  .u-mt-128\@xxl {
    margin-top: 128px !important;
  }
  .u-mr-128\@xxl {
    margin-right: 128px !important;
  }
  .u-mb-128\@xxl {
    margin-bottom: 128px !important;
  }
  .u-ml-128\@xxl {
    margin-left: 128px !important;
  }
  .u-mx-128\@xxl {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .u-my-128\@xxl {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .u-m-128\@xxl {
    margin: 128px !important;
  }
  .u-pt-128\@xxl {
    padding-top: 128px !important;
  }
  .u-pr-128\@xxl {
    padding-right: 128px !important;
  }
  .u-pb-128\@xxl {
    padding-bottom: 128px !important;
  }
  .u-pl-128\@xxl {
    padding-left: 128px !important;
  }
  .u-px-128\@xxl {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .u-py-128\@xxl {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .u-p-128\@xxl {
    padding: 128px !important;
  }
  .u-mt-160\@xxl {
    margin-top: 160px !important;
  }
  .u-mr-160\@xxl {
    margin-right: 160px !important;
  }
  .u-mb-160\@xxl {
    margin-bottom: 160px !important;
  }
  .u-ml-160\@xxl {
    margin-left: 160px !important;
  }
  .u-mx-160\@xxl {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
  .u-my-160\@xxl {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-m-160\@xxl {
    margin: 160px !important;
  }
  .u-pt-160\@xxl {
    padding-top: 160px !important;
  }
  .u-pr-160\@xxl {
    padding-right: 160px !important;
  }
  .u-pb-160\@xxl {
    padding-bottom: 160px !important;
  }
  .u-pl-160\@xxl {
    padding-left: 160px !important;
  }
  .u-px-160\@xxl {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .u-py-160\@xxl {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .u-p-160\@xxl {
    padding: 160px !important;
  }
  .u-mt-auto\@xxl {
    margin-top: auto !important;
  }
  .u-mr-auto\@xxl {
    margin-right: auto !important;
  }
  .u-mb-auto\@xxl {
    margin-bottom: auto !important;
  }
  .u-ml-auto\@xxl {
    margin-left: auto !important;
  }
  .u-mx-auto\@xxl {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-my-auto\@xxl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-m-auto\@xxl {
    margin: auto !important;
  }
}
@media only screen and (max-width: 1280px) {
  .u-mt-0\@xl {
    margin-top: 0 !important;
  }
  .u-mr-0\@xl {
    margin-right: 0 !important;
  }
  .u-mb-0\@xl {
    margin-bottom: 0 !important;
  }
  .u-ml-0\@xl {
    margin-left: 0 !important;
  }
  .u-mx-0\@xl {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-my-0\@xl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-m-0\@xl {
    margin: 0 !important;
  }
  .u-pt-0\@xl {
    padding-top: 0 !important;
  }
  .u-pr-0\@xl {
    padding-right: 0 !important;
  }
  .u-pb-0\@xl {
    padding-bottom: 0 !important;
  }
  .u-pl-0\@xl {
    padding-left: 0 !important;
  }
  .u-px-0\@xl {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-py-0\@xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-p-0\@xl {
    padding: 0 !important;
  }
  .u-mt-2\@xl {
    margin-top: 2px !important;
  }
  .u-mr-2\@xl {
    margin-right: 2px !important;
  }
  .u-mb-2\@xl {
    margin-bottom: 2px !important;
  }
  .u-ml-2\@xl {
    margin-left: 2px !important;
  }
  .u-mx-2\@xl {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .u-my-2\@xl {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .u-m-2\@xl {
    margin: 2px !important;
  }
  .u-pt-2\@xl {
    padding-top: 2px !important;
  }
  .u-pr-2\@xl {
    padding-right: 2px !important;
  }
  .u-pb-2\@xl {
    padding-bottom: 2px !important;
  }
  .u-pl-2\@xl {
    padding-left: 2px !important;
  }
  .u-px-2\@xl {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .u-py-2\@xl {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .u-p-2\@xl {
    padding: 2px !important;
  }
  .u-mt-4\@xl {
    margin-top: 4px !important;
  }
  .u-mr-4\@xl {
    margin-right: 4px !important;
  }
  .u-mb-4\@xl {
    margin-bottom: 4px !important;
  }
  .u-ml-4\@xl {
    margin-left: 4px !important;
  }
  .u-mx-4\@xl {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-my-4\@xl {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-m-4\@xl {
    margin: 4px !important;
  }
  .u-pt-4\@xl {
    padding-top: 4px !important;
  }
  .u-pr-4\@xl {
    padding-right: 4px !important;
  }
  .u-pb-4\@xl {
    padding-bottom: 4px !important;
  }
  .u-pl-4\@xl {
    padding-left: 4px !important;
  }
  .u-px-4\@xl {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-py-4\@xl {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-p-4\@xl {
    padding: 4px !important;
  }
  .u-mt-6\@xl {
    margin-top: 6px !important;
  }
  .u-mr-6\@xl {
    margin-right: 6px !important;
  }
  .u-mb-6\@xl {
    margin-bottom: 6px !important;
  }
  .u-ml-6\@xl {
    margin-left: 6px !important;
  }
  .u-mx-6\@xl {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .u-my-6\@xl {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .u-m-6\@xl {
    margin: 6px !important;
  }
  .u-pt-6\@xl {
    padding-top: 6px !important;
  }
  .u-pr-6\@xl {
    padding-right: 6px !important;
  }
  .u-pb-6\@xl {
    padding-bottom: 6px !important;
  }
  .u-pl-6\@xl {
    padding-left: 6px !important;
  }
  .u-px-6\@xl {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .u-py-6\@xl {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .u-p-6\@xl {
    padding: 6px !important;
  }
  .u-mt-8\@xl {
    margin-top: 8px !important;
  }
  .u-mr-8\@xl {
    margin-right: 8px !important;
  }
  .u-mb-8\@xl {
    margin-bottom: 8px !important;
  }
  .u-ml-8\@xl {
    margin-left: 8px !important;
  }
  .u-mx-8\@xl {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-my-8\@xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-m-8\@xl {
    margin: 8px !important;
  }
  .u-pt-8\@xl {
    padding-top: 8px !important;
  }
  .u-pr-8\@xl {
    padding-right: 8px !important;
  }
  .u-pb-8\@xl {
    padding-bottom: 8px !important;
  }
  .u-pl-8\@xl {
    padding-left: 8px !important;
  }
  .u-px-8\@xl {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-py-8\@xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-p-8\@xl {
    padding: 8px !important;
  }
  .u-mt-12\@xl {
    margin-top: 12px !important;
  }
  .u-mr-12\@xl {
    margin-right: 12px !important;
  }
  .u-mb-12\@xl {
    margin-bottom: 12px !important;
  }
  .u-ml-12\@xl {
    margin-left: 12px !important;
  }
  .u-mx-12\@xl {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-my-12\@xl {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-m-12\@xl {
    margin: 12px !important;
  }
  .u-pt-12\@xl {
    padding-top: 12px !important;
  }
  .u-pr-12\@xl {
    padding-right: 12px !important;
  }
  .u-pb-12\@xl {
    padding-bottom: 12px !important;
  }
  .u-pl-12\@xl {
    padding-left: 12px !important;
  }
  .u-px-12\@xl {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-py-12\@xl {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-p-12\@xl {
    padding: 12px !important;
  }
  .u-mt-16\@xl {
    margin-top: 16px !important;
  }
  .u-mr-16\@xl {
    margin-right: 16px !important;
  }
  .u-mb-16\@xl {
    margin-bottom: 16px !important;
  }
  .u-ml-16\@xl {
    margin-left: 16px !important;
  }
  .u-mx-16\@xl {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-my-16\@xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-m-16\@xl {
    margin: 16px !important;
  }
  .u-pt-16\@xl {
    padding-top: 16px !important;
  }
  .u-pr-16\@xl {
    padding-right: 16px !important;
  }
  .u-pb-16\@xl {
    padding-bottom: 16px !important;
  }
  .u-pl-16\@xl {
    padding-left: 16px !important;
  }
  .u-px-16\@xl {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-py-16\@xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-p-16\@xl {
    padding: 16px !important;
  }
  .u-mt-24\@xl {
    margin-top: 24px !important;
  }
  .u-mr-24\@xl {
    margin-right: 24px !important;
  }
  .u-mb-24\@xl {
    margin-bottom: 24px !important;
  }
  .u-ml-24\@xl {
    margin-left: 24px !important;
  }
  .u-mx-24\@xl {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-my-24\@xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-m-24\@xl {
    margin: 24px !important;
  }
  .u-pt-24\@xl {
    padding-top: 24px !important;
  }
  .u-pr-24\@xl {
    padding-right: 24px !important;
  }
  .u-pb-24\@xl {
    padding-bottom: 24px !important;
  }
  .u-pl-24\@xl {
    padding-left: 24px !important;
  }
  .u-px-24\@xl {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-py-24\@xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-p-24\@xl {
    padding: 24px !important;
  }
  .u-mt-32\@xl {
    margin-top: 32px !important;
  }
  .u-mr-32\@xl {
    margin-right: 32px !important;
  }
  .u-mb-32\@xl {
    margin-bottom: 32px !important;
  }
  .u-ml-32\@xl {
    margin-left: 32px !important;
  }
  .u-mx-32\@xl {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-my-32\@xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-m-32\@xl {
    margin: 32px !important;
  }
  .u-pt-32\@xl {
    padding-top: 32px !important;
  }
  .u-pr-32\@xl {
    padding-right: 32px !important;
  }
  .u-pb-32\@xl {
    padding-bottom: 32px !important;
  }
  .u-pl-32\@xl {
    padding-left: 32px !important;
  }
  .u-px-32\@xl {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-py-32\@xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-p-32\@xl {
    padding: 32px !important;
  }
  .u-mt-40\@xl {
    margin-top: 40px !important;
  }
  .u-mr-40\@xl {
    margin-right: 40px !important;
  }
  .u-mb-40\@xl {
    margin-bottom: 40px !important;
  }
  .u-ml-40\@xl {
    margin-left: 40px !important;
  }
  .u-mx-40\@xl {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-my-40\@xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-m-40\@xl {
    margin: 40px !important;
  }
  .u-pt-40\@xl {
    padding-top: 40px !important;
  }
  .u-pr-40\@xl {
    padding-right: 40px !important;
  }
  .u-pb-40\@xl {
    padding-bottom: 40px !important;
  }
  .u-pl-40\@xl {
    padding-left: 40px !important;
  }
  .u-px-40\@xl {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-py-40\@xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-p-40\@xl {
    padding: 40px !important;
  }
  .u-mt-48\@xl {
    margin-top: 48px !important;
  }
  .u-mr-48\@xl {
    margin-right: 48px !important;
  }
  .u-mb-48\@xl {
    margin-bottom: 48px !important;
  }
  .u-ml-48\@xl {
    margin-left: 48px !important;
  }
  .u-mx-48\@xl {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-my-48\@xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-m-48\@xl {
    margin: 48px !important;
  }
  .u-pt-48\@xl {
    padding-top: 48px !important;
  }
  .u-pr-48\@xl {
    padding-right: 48px !important;
  }
  .u-pb-48\@xl {
    padding-bottom: 48px !important;
  }
  .u-pl-48\@xl {
    padding-left: 48px !important;
  }
  .u-px-48\@xl {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-py-48\@xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-p-48\@xl {
    padding: 48px !important;
  }
  .u-mt-56\@xl {
    margin-top: 56px !important;
  }
  .u-mr-56\@xl {
    margin-right: 56px !important;
  }
  .u-mb-56\@xl {
    margin-bottom: 56px !important;
  }
  .u-ml-56\@xl {
    margin-left: 56px !important;
  }
  .u-mx-56\@xl {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .u-my-56\@xl {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-m-56\@xl {
    margin: 56px !important;
  }
  .u-pt-56\@xl {
    padding-top: 56px !important;
  }
  .u-pr-56\@xl {
    padding-right: 56px !important;
  }
  .u-pb-56\@xl {
    padding-bottom: 56px !important;
  }
  .u-pl-56\@xl {
    padding-left: 56px !important;
  }
  .u-px-56\@xl {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .u-py-56\@xl {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-p-56\@xl {
    padding: 56px !important;
  }
  .u-mt-64\@xl {
    margin-top: 64px !important;
  }
  .u-mr-64\@xl {
    margin-right: 64px !important;
  }
  .u-mb-64\@xl {
    margin-bottom: 64px !important;
  }
  .u-ml-64\@xl {
    margin-left: 64px !important;
  }
  .u-mx-64\@xl {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-my-64\@xl {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-m-64\@xl {
    margin: 64px !important;
  }
  .u-pt-64\@xl {
    padding-top: 64px !important;
  }
  .u-pr-64\@xl {
    padding-right: 64px !important;
  }
  .u-pb-64\@xl {
    padding-bottom: 64px !important;
  }
  .u-pl-64\@xl {
    padding-left: 64px !important;
  }
  .u-px-64\@xl {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-py-64\@xl {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-p-64\@xl {
    padding: 64px !important;
  }
  .u-mt-72\@xl {
    margin-top: 72px !important;
  }
  .u-mr-72\@xl {
    margin-right: 72px !important;
  }
  .u-mb-72\@xl {
    margin-bottom: 72px !important;
  }
  .u-ml-72\@xl {
    margin-left: 72px !important;
  }
  .u-mx-72\@xl {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .u-my-72\@xl {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-m-72\@xl {
    margin: 72px !important;
  }
  .u-pt-72\@xl {
    padding-top: 72px !important;
  }
  .u-pr-72\@xl {
    padding-right: 72px !important;
  }
  .u-pb-72\@xl {
    padding-bottom: 72px !important;
  }
  .u-pl-72\@xl {
    padding-left: 72px !important;
  }
  .u-px-72\@xl {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .u-py-72\@xl {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-p-72\@xl {
    padding: 72px !important;
  }
  .u-mt-88\@xl {
    margin-top: 88px !important;
  }
  .u-mr-88\@xl {
    margin-right: 88px !important;
  }
  .u-mb-88\@xl {
    margin-bottom: 88px !important;
  }
  .u-ml-88\@xl {
    margin-left: 88px !important;
  }
  .u-mx-88\@xl {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .u-my-88\@xl {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-m-88\@xl {
    margin: 88px !important;
  }
  .u-pt-88\@xl {
    padding-top: 88px !important;
  }
  .u-pr-88\@xl {
    padding-right: 88px !important;
  }
  .u-pb-88\@xl {
    padding-bottom: 88px !important;
  }
  .u-pl-88\@xl {
    padding-left: 88px !important;
  }
  .u-px-88\@xl {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .u-py-88\@xl {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-p-88\@xl {
    padding: 88px !important;
  }
  .u-mt-96\@xl {
    margin-top: 96px !important;
  }
  .u-mr-96\@xl {
    margin-right: 96px !important;
  }
  .u-mb-96\@xl {
    margin-bottom: 96px !important;
  }
  .u-ml-96\@xl {
    margin-left: 96px !important;
  }
  .u-mx-96\@xl {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .u-my-96\@xl {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-m-96\@xl {
    margin: 96px !important;
  }
  .u-pt-96\@xl {
    padding-top: 96px !important;
  }
  .u-pr-96\@xl {
    padding-right: 96px !important;
  }
  .u-pb-96\@xl {
    padding-bottom: 96px !important;
  }
  .u-pl-96\@xl {
    padding-left: 96px !important;
  }
  .u-px-96\@xl {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .u-py-96\@xl {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-p-96\@xl {
    padding: 96px !important;
  }
  .u-mt-120\@xl {
    margin-top: 120px !important;
  }
  .u-mr-120\@xl {
    margin-right: 120px !important;
  }
  .u-mb-120\@xl {
    margin-bottom: 120px !important;
  }
  .u-ml-120\@xl {
    margin-left: 120px !important;
  }
  .u-mx-120\@xl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-my-120\@xl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-m-120\@xl {
    margin: 120px !important;
  }
  .u-pt-120\@xl {
    padding-top: 120px !important;
  }
  .u-pr-120\@xl {
    padding-right: 120px !important;
  }
  .u-pb-120\@xl {
    padding-bottom: 120px !important;
  }
  .u-pl-120\@xl {
    padding-left: 120px !important;
  }
  .u-px-120\@xl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-py-120\@xl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .u-p-120\@xl {
    padding: 120px !important;
  }
  .u-mt-128\@xl {
    margin-top: 128px !important;
  }
  .u-mr-128\@xl {
    margin-right: 128px !important;
  }
  .u-mb-128\@xl {
    margin-bottom: 128px !important;
  }
  .u-ml-128\@xl {
    margin-left: 128px !important;
  }
  .u-mx-128\@xl {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .u-my-128\@xl {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .u-m-128\@xl {
    margin: 128px !important;
  }
  .u-pt-128\@xl {
    padding-top: 128px !important;
  }
  .u-pr-128\@xl {
    padding-right: 128px !important;
  }
  .u-pb-128\@xl {
    padding-bottom: 128px !important;
  }
  .u-pl-128\@xl {
    padding-left: 128px !important;
  }
  .u-px-128\@xl {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .u-py-128\@xl {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .u-p-128\@xl {
    padding: 128px !important;
  }
  .u-mt-160\@xl {
    margin-top: 160px !important;
  }
  .u-mr-160\@xl {
    margin-right: 160px !important;
  }
  .u-mb-160\@xl {
    margin-bottom: 160px !important;
  }
  .u-ml-160\@xl {
    margin-left: 160px !important;
  }
  .u-mx-160\@xl {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
  .u-my-160\@xl {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-m-160\@xl {
    margin: 160px !important;
  }
  .u-pt-160\@xl {
    padding-top: 160px !important;
  }
  .u-pr-160\@xl {
    padding-right: 160px !important;
  }
  .u-pb-160\@xl {
    padding-bottom: 160px !important;
  }
  .u-pl-160\@xl {
    padding-left: 160px !important;
  }
  .u-px-160\@xl {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .u-py-160\@xl {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .u-p-160\@xl {
    padding: 160px !important;
  }
  .u-mt-auto\@xl {
    margin-top: auto !important;
  }
  .u-mr-auto\@xl {
    margin-right: auto !important;
  }
  .u-mb-auto\@xl {
    margin-bottom: auto !important;
  }
  .u-ml-auto\@xl {
    margin-left: auto !important;
  }
  .u-mx-auto\@xl {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-my-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-m-auto\@xl {
    margin: auto !important;
  }
}
@media only screen and (max-width: 1024px) {
  .u-mt-0\@lg {
    margin-top: 0 !important;
  }
  .u-mr-0\@lg {
    margin-right: 0 !important;
  }
  .u-mb-0\@lg {
    margin-bottom: 0 !important;
  }
  .u-ml-0\@lg {
    margin-left: 0 !important;
  }
  .u-mx-0\@lg {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-my-0\@lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-m-0\@lg {
    margin: 0 !important;
  }
  .u-pt-0\@lg {
    padding-top: 0 !important;
  }
  .u-pr-0\@lg {
    padding-right: 0 !important;
  }
  .u-pb-0\@lg {
    padding-bottom: 0 !important;
  }
  .u-pl-0\@lg {
    padding-left: 0 !important;
  }
  .u-px-0\@lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-py-0\@lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-p-0\@lg {
    padding: 0 !important;
  }
  .u-mt-2\@lg {
    margin-top: 2px !important;
  }
  .u-mr-2\@lg {
    margin-right: 2px !important;
  }
  .u-mb-2\@lg {
    margin-bottom: 2px !important;
  }
  .u-ml-2\@lg {
    margin-left: 2px !important;
  }
  .u-mx-2\@lg {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .u-my-2\@lg {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .u-m-2\@lg {
    margin: 2px !important;
  }
  .u-pt-2\@lg {
    padding-top: 2px !important;
  }
  .u-pr-2\@lg {
    padding-right: 2px !important;
  }
  .u-pb-2\@lg {
    padding-bottom: 2px !important;
  }
  .u-pl-2\@lg {
    padding-left: 2px !important;
  }
  .u-px-2\@lg {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .u-py-2\@lg {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .u-p-2\@lg {
    padding: 2px !important;
  }
  .u-mt-4\@lg {
    margin-top: 4px !important;
  }
  .u-mr-4\@lg {
    margin-right: 4px !important;
  }
  .u-mb-4\@lg {
    margin-bottom: 4px !important;
  }
  .u-ml-4\@lg {
    margin-left: 4px !important;
  }
  .u-mx-4\@lg {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-my-4\@lg {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-m-4\@lg {
    margin: 4px !important;
  }
  .u-pt-4\@lg {
    padding-top: 4px !important;
  }
  .u-pr-4\@lg {
    padding-right: 4px !important;
  }
  .u-pb-4\@lg {
    padding-bottom: 4px !important;
  }
  .u-pl-4\@lg {
    padding-left: 4px !important;
  }
  .u-px-4\@lg {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-py-4\@lg {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-p-4\@lg {
    padding: 4px !important;
  }
  .u-mt-6\@lg {
    margin-top: 6px !important;
  }
  .u-mr-6\@lg {
    margin-right: 6px !important;
  }
  .u-mb-6\@lg {
    margin-bottom: 6px !important;
  }
  .u-ml-6\@lg {
    margin-left: 6px !important;
  }
  .u-mx-6\@lg {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .u-my-6\@lg {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .u-m-6\@lg {
    margin: 6px !important;
  }
  .u-pt-6\@lg {
    padding-top: 6px !important;
  }
  .u-pr-6\@lg {
    padding-right: 6px !important;
  }
  .u-pb-6\@lg {
    padding-bottom: 6px !important;
  }
  .u-pl-6\@lg {
    padding-left: 6px !important;
  }
  .u-px-6\@lg {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .u-py-6\@lg {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .u-p-6\@lg {
    padding: 6px !important;
  }
  .u-mt-8\@lg {
    margin-top: 8px !important;
  }
  .u-mr-8\@lg {
    margin-right: 8px !important;
  }
  .u-mb-8\@lg {
    margin-bottom: 8px !important;
  }
  .u-ml-8\@lg {
    margin-left: 8px !important;
  }
  .u-mx-8\@lg {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-my-8\@lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-m-8\@lg {
    margin: 8px !important;
  }
  .u-pt-8\@lg {
    padding-top: 8px !important;
  }
  .u-pr-8\@lg {
    padding-right: 8px !important;
  }
  .u-pb-8\@lg {
    padding-bottom: 8px !important;
  }
  .u-pl-8\@lg {
    padding-left: 8px !important;
  }
  .u-px-8\@lg {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-py-8\@lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-p-8\@lg {
    padding: 8px !important;
  }
  .u-mt-12\@lg {
    margin-top: 12px !important;
  }
  .u-mr-12\@lg {
    margin-right: 12px !important;
  }
  .u-mb-12\@lg {
    margin-bottom: 12px !important;
  }
  .u-ml-12\@lg {
    margin-left: 12px !important;
  }
  .u-mx-12\@lg {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-my-12\@lg {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-m-12\@lg {
    margin: 12px !important;
  }
  .u-pt-12\@lg {
    padding-top: 12px !important;
  }
  .u-pr-12\@lg {
    padding-right: 12px !important;
  }
  .u-pb-12\@lg {
    padding-bottom: 12px !important;
  }
  .u-pl-12\@lg {
    padding-left: 12px !important;
  }
  .u-px-12\@lg {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-py-12\@lg {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-p-12\@lg {
    padding: 12px !important;
  }
  .u-mt-16\@lg {
    margin-top: 16px !important;
  }
  .u-mr-16\@lg {
    margin-right: 16px !important;
  }
  .u-mb-16\@lg {
    margin-bottom: 16px !important;
  }
  .u-ml-16\@lg {
    margin-left: 16px !important;
  }
  .u-mx-16\@lg {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-my-16\@lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-m-16\@lg {
    margin: 16px !important;
  }
  .u-pt-16\@lg {
    padding-top: 16px !important;
  }
  .u-pr-16\@lg {
    padding-right: 16px !important;
  }
  .u-pb-16\@lg {
    padding-bottom: 16px !important;
  }
  .u-pl-16\@lg {
    padding-left: 16px !important;
  }
  .u-px-16\@lg {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-py-16\@lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-p-16\@lg {
    padding: 16px !important;
  }
  .u-mt-24\@lg {
    margin-top: 24px !important;
  }
  .u-mr-24\@lg {
    margin-right: 24px !important;
  }
  .u-mb-24\@lg {
    margin-bottom: 24px !important;
  }
  .u-ml-24\@lg {
    margin-left: 24px !important;
  }
  .u-mx-24\@lg {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-my-24\@lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-m-24\@lg {
    margin: 24px !important;
  }
  .u-pt-24\@lg {
    padding-top: 24px !important;
  }
  .u-pr-24\@lg {
    padding-right: 24px !important;
  }
  .u-pb-24\@lg {
    padding-bottom: 24px !important;
  }
  .u-pl-24\@lg {
    padding-left: 24px !important;
  }
  .u-px-24\@lg {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-py-24\@lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-p-24\@lg {
    padding: 24px !important;
  }
  .u-mt-32\@lg {
    margin-top: 32px !important;
  }
  .u-mr-32\@lg {
    margin-right: 32px !important;
  }
  .u-mb-32\@lg {
    margin-bottom: 32px !important;
  }
  .u-ml-32\@lg {
    margin-left: 32px !important;
  }
  .u-mx-32\@lg {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-my-32\@lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-m-32\@lg {
    margin: 32px !important;
  }
  .u-pt-32\@lg {
    padding-top: 32px !important;
  }
  .u-pr-32\@lg {
    padding-right: 32px !important;
  }
  .u-pb-32\@lg {
    padding-bottom: 32px !important;
  }
  .u-pl-32\@lg {
    padding-left: 32px !important;
  }
  .u-px-32\@lg {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-py-32\@lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-p-32\@lg {
    padding: 32px !important;
  }
  .u-mt-40\@lg {
    margin-top: 40px !important;
  }
  .u-mr-40\@lg {
    margin-right: 40px !important;
  }
  .u-mb-40\@lg {
    margin-bottom: 40px !important;
  }
  .u-ml-40\@lg {
    margin-left: 40px !important;
  }
  .u-mx-40\@lg {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-my-40\@lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-m-40\@lg {
    margin: 40px !important;
  }
  .u-pt-40\@lg {
    padding-top: 40px !important;
  }
  .u-pr-40\@lg {
    padding-right: 40px !important;
  }
  .u-pb-40\@lg {
    padding-bottom: 40px !important;
  }
  .u-pl-40\@lg {
    padding-left: 40px !important;
  }
  .u-px-40\@lg {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-py-40\@lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-p-40\@lg {
    padding: 40px !important;
  }
  .u-mt-48\@lg {
    margin-top: 48px !important;
  }
  .u-mr-48\@lg {
    margin-right: 48px !important;
  }
  .u-mb-48\@lg {
    margin-bottom: 48px !important;
  }
  .u-ml-48\@lg {
    margin-left: 48px !important;
  }
  .u-mx-48\@lg {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-my-48\@lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-m-48\@lg {
    margin: 48px !important;
  }
  .u-pt-48\@lg {
    padding-top: 48px !important;
  }
  .u-pr-48\@lg {
    padding-right: 48px !important;
  }
  .u-pb-48\@lg {
    padding-bottom: 48px !important;
  }
  .u-pl-48\@lg {
    padding-left: 48px !important;
  }
  .u-px-48\@lg {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-py-48\@lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-p-48\@lg {
    padding: 48px !important;
  }
  .u-mt-56\@lg {
    margin-top: 56px !important;
  }
  .u-mr-56\@lg {
    margin-right: 56px !important;
  }
  .u-mb-56\@lg {
    margin-bottom: 56px !important;
  }
  .u-ml-56\@lg {
    margin-left: 56px !important;
  }
  .u-mx-56\@lg {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .u-my-56\@lg {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-m-56\@lg {
    margin: 56px !important;
  }
  .u-pt-56\@lg {
    padding-top: 56px !important;
  }
  .u-pr-56\@lg {
    padding-right: 56px !important;
  }
  .u-pb-56\@lg {
    padding-bottom: 56px !important;
  }
  .u-pl-56\@lg {
    padding-left: 56px !important;
  }
  .u-px-56\@lg {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .u-py-56\@lg {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-p-56\@lg {
    padding: 56px !important;
  }
  .u-mt-64\@lg {
    margin-top: 64px !important;
  }
  .u-mr-64\@lg {
    margin-right: 64px !important;
  }
  .u-mb-64\@lg {
    margin-bottom: 64px !important;
  }
  .u-ml-64\@lg {
    margin-left: 64px !important;
  }
  .u-mx-64\@lg {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-my-64\@lg {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-m-64\@lg {
    margin: 64px !important;
  }
  .u-pt-64\@lg {
    padding-top: 64px !important;
  }
  .u-pr-64\@lg {
    padding-right: 64px !important;
  }
  .u-pb-64\@lg {
    padding-bottom: 64px !important;
  }
  .u-pl-64\@lg {
    padding-left: 64px !important;
  }
  .u-px-64\@lg {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-py-64\@lg {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-p-64\@lg {
    padding: 64px !important;
  }
  .u-mt-72\@lg {
    margin-top: 72px !important;
  }
  .u-mr-72\@lg {
    margin-right: 72px !important;
  }
  .u-mb-72\@lg {
    margin-bottom: 72px !important;
  }
  .u-ml-72\@lg {
    margin-left: 72px !important;
  }
  .u-mx-72\@lg {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .u-my-72\@lg {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-m-72\@lg {
    margin: 72px !important;
  }
  .u-pt-72\@lg {
    padding-top: 72px !important;
  }
  .u-pr-72\@lg {
    padding-right: 72px !important;
  }
  .u-pb-72\@lg {
    padding-bottom: 72px !important;
  }
  .u-pl-72\@lg {
    padding-left: 72px !important;
  }
  .u-px-72\@lg {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .u-py-72\@lg {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-p-72\@lg {
    padding: 72px !important;
  }
  .u-mt-88\@lg {
    margin-top: 88px !important;
  }
  .u-mr-88\@lg {
    margin-right: 88px !important;
  }
  .u-mb-88\@lg {
    margin-bottom: 88px !important;
  }
  .u-ml-88\@lg {
    margin-left: 88px !important;
  }
  .u-mx-88\@lg {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .u-my-88\@lg {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-m-88\@lg {
    margin: 88px !important;
  }
  .u-pt-88\@lg {
    padding-top: 88px !important;
  }
  .u-pr-88\@lg {
    padding-right: 88px !important;
  }
  .u-pb-88\@lg {
    padding-bottom: 88px !important;
  }
  .u-pl-88\@lg {
    padding-left: 88px !important;
  }
  .u-px-88\@lg {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .u-py-88\@lg {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-p-88\@lg {
    padding: 88px !important;
  }
  .u-mt-96\@lg {
    margin-top: 96px !important;
  }
  .u-mr-96\@lg {
    margin-right: 96px !important;
  }
  .u-mb-96\@lg {
    margin-bottom: 96px !important;
  }
  .u-ml-96\@lg {
    margin-left: 96px !important;
  }
  .u-mx-96\@lg {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .u-my-96\@lg {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-m-96\@lg {
    margin: 96px !important;
  }
  .u-pt-96\@lg {
    padding-top: 96px !important;
  }
  .u-pr-96\@lg {
    padding-right: 96px !important;
  }
  .u-pb-96\@lg {
    padding-bottom: 96px !important;
  }
  .u-pl-96\@lg {
    padding-left: 96px !important;
  }
  .u-px-96\@lg {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .u-py-96\@lg {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-p-96\@lg {
    padding: 96px !important;
  }
  .u-mt-120\@lg {
    margin-top: 120px !important;
  }
  .u-mr-120\@lg {
    margin-right: 120px !important;
  }
  .u-mb-120\@lg {
    margin-bottom: 120px !important;
  }
  .u-ml-120\@lg {
    margin-left: 120px !important;
  }
  .u-mx-120\@lg {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-my-120\@lg {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-m-120\@lg {
    margin: 120px !important;
  }
  .u-pt-120\@lg {
    padding-top: 120px !important;
  }
  .u-pr-120\@lg {
    padding-right: 120px !important;
  }
  .u-pb-120\@lg {
    padding-bottom: 120px !important;
  }
  .u-pl-120\@lg {
    padding-left: 120px !important;
  }
  .u-px-120\@lg {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-py-120\@lg {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .u-p-120\@lg {
    padding: 120px !important;
  }
  .u-mt-128\@lg {
    margin-top: 128px !important;
  }
  .u-mr-128\@lg {
    margin-right: 128px !important;
  }
  .u-mb-128\@lg {
    margin-bottom: 128px !important;
  }
  .u-ml-128\@lg {
    margin-left: 128px !important;
  }
  .u-mx-128\@lg {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .u-my-128\@lg {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .u-m-128\@lg {
    margin: 128px !important;
  }
  .u-pt-128\@lg {
    padding-top: 128px !important;
  }
  .u-pr-128\@lg {
    padding-right: 128px !important;
  }
  .u-pb-128\@lg {
    padding-bottom: 128px !important;
  }
  .u-pl-128\@lg {
    padding-left: 128px !important;
  }
  .u-px-128\@lg {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .u-py-128\@lg {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .u-p-128\@lg {
    padding: 128px !important;
  }
  .u-mt-160\@lg {
    margin-top: 160px !important;
  }
  .u-mr-160\@lg {
    margin-right: 160px !important;
  }
  .u-mb-160\@lg {
    margin-bottom: 160px !important;
  }
  .u-ml-160\@lg {
    margin-left: 160px !important;
  }
  .u-mx-160\@lg {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
  .u-my-160\@lg {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-m-160\@lg {
    margin: 160px !important;
  }
  .u-pt-160\@lg {
    padding-top: 160px !important;
  }
  .u-pr-160\@lg {
    padding-right: 160px !important;
  }
  .u-pb-160\@lg {
    padding-bottom: 160px !important;
  }
  .u-pl-160\@lg {
    padding-left: 160px !important;
  }
  .u-px-160\@lg {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .u-py-160\@lg {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .u-p-160\@lg {
    padding: 160px !important;
  }
  .u-mt-auto\@lg {
    margin-top: auto !important;
  }
  .u-mr-auto\@lg {
    margin-right: auto !important;
  }
  .u-mb-auto\@lg {
    margin-bottom: auto !important;
  }
  .u-ml-auto\@lg {
    margin-left: auto !important;
  }
  .u-mx-auto\@lg {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-my-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-m-auto\@lg {
    margin: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .u-mt-0\@md {
    margin-top: 0 !important;
  }
  .u-mr-0\@md {
    margin-right: 0 !important;
  }
  .u-mb-0\@md {
    margin-bottom: 0 !important;
  }
  .u-ml-0\@md {
    margin-left: 0 !important;
  }
  .u-mx-0\@md {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-my-0\@md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-m-0\@md {
    margin: 0 !important;
  }
  .u-pt-0\@md {
    padding-top: 0 !important;
  }
  .u-pr-0\@md {
    padding-right: 0 !important;
  }
  .u-pb-0\@md {
    padding-bottom: 0 !important;
  }
  .u-pl-0\@md {
    padding-left: 0 !important;
  }
  .u-px-0\@md {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-py-0\@md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-p-0\@md {
    padding: 0 !important;
  }
  .u-mt-2\@md {
    margin-top: 2px !important;
  }
  .u-mr-2\@md {
    margin-right: 2px !important;
  }
  .u-mb-2\@md {
    margin-bottom: 2px !important;
  }
  .u-ml-2\@md {
    margin-left: 2px !important;
  }
  .u-mx-2\@md {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .u-my-2\@md {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .u-m-2\@md {
    margin: 2px !important;
  }
  .u-pt-2\@md {
    padding-top: 2px !important;
  }
  .u-pr-2\@md {
    padding-right: 2px !important;
  }
  .u-pb-2\@md {
    padding-bottom: 2px !important;
  }
  .u-pl-2\@md {
    padding-left: 2px !important;
  }
  .u-px-2\@md {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .u-py-2\@md {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .u-p-2\@md {
    padding: 2px !important;
  }
  .u-mt-4\@md {
    margin-top: 4px !important;
  }
  .u-mr-4\@md {
    margin-right: 4px !important;
  }
  .u-mb-4\@md {
    margin-bottom: 4px !important;
  }
  .u-ml-4\@md {
    margin-left: 4px !important;
  }
  .u-mx-4\@md {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-my-4\@md {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-m-4\@md {
    margin: 4px !important;
  }
  .u-pt-4\@md {
    padding-top: 4px !important;
  }
  .u-pr-4\@md {
    padding-right: 4px !important;
  }
  .u-pb-4\@md {
    padding-bottom: 4px !important;
  }
  .u-pl-4\@md {
    padding-left: 4px !important;
  }
  .u-px-4\@md {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-py-4\@md {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-p-4\@md {
    padding: 4px !important;
  }
  .u-mt-6\@md {
    margin-top: 6px !important;
  }
  .u-mr-6\@md {
    margin-right: 6px !important;
  }
  .u-mb-6\@md {
    margin-bottom: 6px !important;
  }
  .u-ml-6\@md {
    margin-left: 6px !important;
  }
  .u-mx-6\@md {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .u-my-6\@md {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .u-m-6\@md {
    margin: 6px !important;
  }
  .u-pt-6\@md {
    padding-top: 6px !important;
  }
  .u-pr-6\@md {
    padding-right: 6px !important;
  }
  .u-pb-6\@md {
    padding-bottom: 6px !important;
  }
  .u-pl-6\@md {
    padding-left: 6px !important;
  }
  .u-px-6\@md {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .u-py-6\@md {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .u-p-6\@md {
    padding: 6px !important;
  }
  .u-mt-8\@md {
    margin-top: 8px !important;
  }
  .u-mr-8\@md {
    margin-right: 8px !important;
  }
  .u-mb-8\@md {
    margin-bottom: 8px !important;
  }
  .u-ml-8\@md {
    margin-left: 8px !important;
  }
  .u-mx-8\@md {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-my-8\@md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-m-8\@md {
    margin: 8px !important;
  }
  .u-pt-8\@md {
    padding-top: 8px !important;
  }
  .u-pr-8\@md {
    padding-right: 8px !important;
  }
  .u-pb-8\@md {
    padding-bottom: 8px !important;
  }
  .u-pl-8\@md {
    padding-left: 8px !important;
  }
  .u-px-8\@md {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-py-8\@md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-p-8\@md {
    padding: 8px !important;
  }
  .u-mt-12\@md {
    margin-top: 12px !important;
  }
  .u-mr-12\@md {
    margin-right: 12px !important;
  }
  .u-mb-12\@md {
    margin-bottom: 12px !important;
  }
  .u-ml-12\@md {
    margin-left: 12px !important;
  }
  .u-mx-12\@md {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-my-12\@md {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-m-12\@md {
    margin: 12px !important;
  }
  .u-pt-12\@md {
    padding-top: 12px !important;
  }
  .u-pr-12\@md {
    padding-right: 12px !important;
  }
  .u-pb-12\@md {
    padding-bottom: 12px !important;
  }
  .u-pl-12\@md {
    padding-left: 12px !important;
  }
  .u-px-12\@md {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-py-12\@md {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-p-12\@md {
    padding: 12px !important;
  }
  .u-mt-16\@md {
    margin-top: 16px !important;
  }
  .u-mr-16\@md {
    margin-right: 16px !important;
  }
  .u-mb-16\@md {
    margin-bottom: 16px !important;
  }
  .u-ml-16\@md {
    margin-left: 16px !important;
  }
  .u-mx-16\@md {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-my-16\@md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-m-16\@md {
    margin: 16px !important;
  }
  .u-pt-16\@md {
    padding-top: 16px !important;
  }
  .u-pr-16\@md {
    padding-right: 16px !important;
  }
  .u-pb-16\@md {
    padding-bottom: 16px !important;
  }
  .u-pl-16\@md {
    padding-left: 16px !important;
  }
  .u-px-16\@md {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-py-16\@md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-p-16\@md {
    padding: 16px !important;
  }
  .u-mt-24\@md {
    margin-top: 24px !important;
  }
  .u-mr-24\@md {
    margin-right: 24px !important;
  }
  .u-mb-24\@md {
    margin-bottom: 24px !important;
  }
  .u-ml-24\@md {
    margin-left: 24px !important;
  }
  .u-mx-24\@md {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-my-24\@md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-m-24\@md {
    margin: 24px !important;
  }
  .u-pt-24\@md {
    padding-top: 24px !important;
  }
  .u-pr-24\@md {
    padding-right: 24px !important;
  }
  .u-pb-24\@md {
    padding-bottom: 24px !important;
  }
  .u-pl-24\@md {
    padding-left: 24px !important;
  }
  .u-px-24\@md {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-py-24\@md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-p-24\@md {
    padding: 24px !important;
  }
  .u-mt-32\@md {
    margin-top: 32px !important;
  }
  .u-mr-32\@md {
    margin-right: 32px !important;
  }
  .u-mb-32\@md {
    margin-bottom: 32px !important;
  }
  .u-ml-32\@md {
    margin-left: 32px !important;
  }
  .u-mx-32\@md {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-my-32\@md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-m-32\@md {
    margin: 32px !important;
  }
  .u-pt-32\@md {
    padding-top: 32px !important;
  }
  .u-pr-32\@md {
    padding-right: 32px !important;
  }
  .u-pb-32\@md {
    padding-bottom: 32px !important;
  }
  .u-pl-32\@md {
    padding-left: 32px !important;
  }
  .u-px-32\@md {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-py-32\@md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-p-32\@md {
    padding: 32px !important;
  }
  .u-mt-40\@md {
    margin-top: 40px !important;
  }
  .u-mr-40\@md {
    margin-right: 40px !important;
  }
  .u-mb-40\@md {
    margin-bottom: 40px !important;
  }
  .u-ml-40\@md {
    margin-left: 40px !important;
  }
  .u-mx-40\@md {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-my-40\@md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-m-40\@md {
    margin: 40px !important;
  }
  .u-pt-40\@md {
    padding-top: 40px !important;
  }
  .u-pr-40\@md {
    padding-right: 40px !important;
  }
  .u-pb-40\@md {
    padding-bottom: 40px !important;
  }
  .u-pl-40\@md {
    padding-left: 40px !important;
  }
  .u-px-40\@md {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-py-40\@md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-p-40\@md {
    padding: 40px !important;
  }
  .u-mt-48\@md {
    margin-top: 48px !important;
  }
  .u-mr-48\@md {
    margin-right: 48px !important;
  }
  .u-mb-48\@md {
    margin-bottom: 48px !important;
  }
  .u-ml-48\@md {
    margin-left: 48px !important;
  }
  .u-mx-48\@md {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-my-48\@md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-m-48\@md {
    margin: 48px !important;
  }
  .u-pt-48\@md {
    padding-top: 48px !important;
  }
  .u-pr-48\@md {
    padding-right: 48px !important;
  }
  .u-pb-48\@md {
    padding-bottom: 48px !important;
  }
  .u-pl-48\@md {
    padding-left: 48px !important;
  }
  .u-px-48\@md {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-py-48\@md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-p-48\@md {
    padding: 48px !important;
  }
  .u-mt-56\@md {
    margin-top: 56px !important;
  }
  .u-mr-56\@md {
    margin-right: 56px !important;
  }
  .u-mb-56\@md {
    margin-bottom: 56px !important;
  }
  .u-ml-56\@md {
    margin-left: 56px !important;
  }
  .u-mx-56\@md {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .u-my-56\@md {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-m-56\@md {
    margin: 56px !important;
  }
  .u-pt-56\@md {
    padding-top: 56px !important;
  }
  .u-pr-56\@md {
    padding-right: 56px !important;
  }
  .u-pb-56\@md {
    padding-bottom: 56px !important;
  }
  .u-pl-56\@md {
    padding-left: 56px !important;
  }
  .u-px-56\@md {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .u-py-56\@md {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-p-56\@md {
    padding: 56px !important;
  }
  .u-mt-64\@md {
    margin-top: 64px !important;
  }
  .u-mr-64\@md {
    margin-right: 64px !important;
  }
  .u-mb-64\@md {
    margin-bottom: 64px !important;
  }
  .u-ml-64\@md {
    margin-left: 64px !important;
  }
  .u-mx-64\@md {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-my-64\@md {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-m-64\@md {
    margin: 64px !important;
  }
  .u-pt-64\@md {
    padding-top: 64px !important;
  }
  .u-pr-64\@md {
    padding-right: 64px !important;
  }
  .u-pb-64\@md {
    padding-bottom: 64px !important;
  }
  .u-pl-64\@md {
    padding-left: 64px !important;
  }
  .u-px-64\@md {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-py-64\@md {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-p-64\@md {
    padding: 64px !important;
  }
  .u-mt-72\@md {
    margin-top: 72px !important;
  }
  .u-mr-72\@md {
    margin-right: 72px !important;
  }
  .u-mb-72\@md {
    margin-bottom: 72px !important;
  }
  .u-ml-72\@md {
    margin-left: 72px !important;
  }
  .u-mx-72\@md {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .u-my-72\@md {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-m-72\@md {
    margin: 72px !important;
  }
  .u-pt-72\@md {
    padding-top: 72px !important;
  }
  .u-pr-72\@md {
    padding-right: 72px !important;
  }
  .u-pb-72\@md {
    padding-bottom: 72px !important;
  }
  .u-pl-72\@md {
    padding-left: 72px !important;
  }
  .u-px-72\@md {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .u-py-72\@md {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-p-72\@md {
    padding: 72px !important;
  }
  .u-mt-88\@md {
    margin-top: 88px !important;
  }
  .u-mr-88\@md {
    margin-right: 88px !important;
  }
  .u-mb-88\@md {
    margin-bottom: 88px !important;
  }
  .u-ml-88\@md {
    margin-left: 88px !important;
  }
  .u-mx-88\@md {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .u-my-88\@md {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-m-88\@md {
    margin: 88px !important;
  }
  .u-pt-88\@md {
    padding-top: 88px !important;
  }
  .u-pr-88\@md {
    padding-right: 88px !important;
  }
  .u-pb-88\@md {
    padding-bottom: 88px !important;
  }
  .u-pl-88\@md {
    padding-left: 88px !important;
  }
  .u-px-88\@md {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .u-py-88\@md {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-p-88\@md {
    padding: 88px !important;
  }
  .u-mt-96\@md {
    margin-top: 96px !important;
  }
  .u-mr-96\@md {
    margin-right: 96px !important;
  }
  .u-mb-96\@md {
    margin-bottom: 96px !important;
  }
  .u-ml-96\@md {
    margin-left: 96px !important;
  }
  .u-mx-96\@md {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .u-my-96\@md {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-m-96\@md {
    margin: 96px !important;
  }
  .u-pt-96\@md {
    padding-top: 96px !important;
  }
  .u-pr-96\@md {
    padding-right: 96px !important;
  }
  .u-pb-96\@md {
    padding-bottom: 96px !important;
  }
  .u-pl-96\@md {
    padding-left: 96px !important;
  }
  .u-px-96\@md {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .u-py-96\@md {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-p-96\@md {
    padding: 96px !important;
  }
  .u-mt-120\@md {
    margin-top: 120px !important;
  }
  .u-mr-120\@md {
    margin-right: 120px !important;
  }
  .u-mb-120\@md {
    margin-bottom: 120px !important;
  }
  .u-ml-120\@md {
    margin-left: 120px !important;
  }
  .u-mx-120\@md {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-my-120\@md {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-m-120\@md {
    margin: 120px !important;
  }
  .u-pt-120\@md {
    padding-top: 120px !important;
  }
  .u-pr-120\@md {
    padding-right: 120px !important;
  }
  .u-pb-120\@md {
    padding-bottom: 120px !important;
  }
  .u-pl-120\@md {
    padding-left: 120px !important;
  }
  .u-px-120\@md {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-py-120\@md {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .u-p-120\@md {
    padding: 120px !important;
  }
  .u-mt-128\@md {
    margin-top: 128px !important;
  }
  .u-mr-128\@md {
    margin-right: 128px !important;
  }
  .u-mb-128\@md {
    margin-bottom: 128px !important;
  }
  .u-ml-128\@md {
    margin-left: 128px !important;
  }
  .u-mx-128\@md {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .u-my-128\@md {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .u-m-128\@md {
    margin: 128px !important;
  }
  .u-pt-128\@md {
    padding-top: 128px !important;
  }
  .u-pr-128\@md {
    padding-right: 128px !important;
  }
  .u-pb-128\@md {
    padding-bottom: 128px !important;
  }
  .u-pl-128\@md {
    padding-left: 128px !important;
  }
  .u-px-128\@md {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .u-py-128\@md {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .u-p-128\@md {
    padding: 128px !important;
  }
  .u-mt-160\@md {
    margin-top: 160px !important;
  }
  .u-mr-160\@md {
    margin-right: 160px !important;
  }
  .u-mb-160\@md {
    margin-bottom: 160px !important;
  }
  .u-ml-160\@md {
    margin-left: 160px !important;
  }
  .u-mx-160\@md {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
  .u-my-160\@md {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-m-160\@md {
    margin: 160px !important;
  }
  .u-pt-160\@md {
    padding-top: 160px !important;
  }
  .u-pr-160\@md {
    padding-right: 160px !important;
  }
  .u-pb-160\@md {
    padding-bottom: 160px !important;
  }
  .u-pl-160\@md {
    padding-left: 160px !important;
  }
  .u-px-160\@md {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .u-py-160\@md {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .u-p-160\@md {
    padding: 160px !important;
  }
  .u-mt-auto\@md {
    margin-top: auto !important;
  }
  .u-mr-auto\@md {
    margin-right: auto !important;
  }
  .u-mb-auto\@md {
    margin-bottom: auto !important;
  }
  .u-ml-auto\@md {
    margin-left: auto !important;
  }
  .u-mx-auto\@md {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-my-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-m-auto\@md {
    margin: auto !important;
  }
}
@media only screen and (max-width: 576px) {
  .u-mt-0\@sm {
    margin-top: 0 !important;
  }
  .u-mr-0\@sm {
    margin-right: 0 !important;
  }
  .u-mb-0\@sm {
    margin-bottom: 0 !important;
  }
  .u-ml-0\@sm {
    margin-left: 0 !important;
  }
  .u-mx-0\@sm {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-my-0\@sm {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-m-0\@sm {
    margin: 0 !important;
  }
  .u-pt-0\@sm {
    padding-top: 0 !important;
  }
  .u-pr-0\@sm {
    padding-right: 0 !important;
  }
  .u-pb-0\@sm {
    padding-bottom: 0 !important;
  }
  .u-pl-0\@sm {
    padding-left: 0 !important;
  }
  .u-px-0\@sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-py-0\@sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-p-0\@sm {
    padding: 0 !important;
  }
  .u-mt-2\@sm {
    margin-top: 2px !important;
  }
  .u-mr-2\@sm {
    margin-right: 2px !important;
  }
  .u-mb-2\@sm {
    margin-bottom: 2px !important;
  }
  .u-ml-2\@sm {
    margin-left: 2px !important;
  }
  .u-mx-2\@sm {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .u-my-2\@sm {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .u-m-2\@sm {
    margin: 2px !important;
  }
  .u-pt-2\@sm {
    padding-top: 2px !important;
  }
  .u-pr-2\@sm {
    padding-right: 2px !important;
  }
  .u-pb-2\@sm {
    padding-bottom: 2px !important;
  }
  .u-pl-2\@sm {
    padding-left: 2px !important;
  }
  .u-px-2\@sm {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .u-py-2\@sm {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .u-p-2\@sm {
    padding: 2px !important;
  }
  .u-mt-4\@sm {
    margin-top: 4px !important;
  }
  .u-mr-4\@sm {
    margin-right: 4px !important;
  }
  .u-mb-4\@sm {
    margin-bottom: 4px !important;
  }
  .u-ml-4\@sm {
    margin-left: 4px !important;
  }
  .u-mx-4\@sm {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-my-4\@sm {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-m-4\@sm {
    margin: 4px !important;
  }
  .u-pt-4\@sm {
    padding-top: 4px !important;
  }
  .u-pr-4\@sm {
    padding-right: 4px !important;
  }
  .u-pb-4\@sm {
    padding-bottom: 4px !important;
  }
  .u-pl-4\@sm {
    padding-left: 4px !important;
  }
  .u-px-4\@sm {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-py-4\@sm {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-p-4\@sm {
    padding: 4px !important;
  }
  .u-mt-6\@sm {
    margin-top: 6px !important;
  }
  .u-mr-6\@sm {
    margin-right: 6px !important;
  }
  .u-mb-6\@sm {
    margin-bottom: 6px !important;
  }
  .u-ml-6\@sm {
    margin-left: 6px !important;
  }
  .u-mx-6\@sm {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .u-my-6\@sm {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .u-m-6\@sm {
    margin: 6px !important;
  }
  .u-pt-6\@sm {
    padding-top: 6px !important;
  }
  .u-pr-6\@sm {
    padding-right: 6px !important;
  }
  .u-pb-6\@sm {
    padding-bottom: 6px !important;
  }
  .u-pl-6\@sm {
    padding-left: 6px !important;
  }
  .u-px-6\@sm {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .u-py-6\@sm {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .u-p-6\@sm {
    padding: 6px !important;
  }
  .u-mt-8\@sm {
    margin-top: 8px !important;
  }
  .u-mr-8\@sm {
    margin-right: 8px !important;
  }
  .u-mb-8\@sm {
    margin-bottom: 8px !important;
  }
  .u-ml-8\@sm {
    margin-left: 8px !important;
  }
  .u-mx-8\@sm {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-my-8\@sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-m-8\@sm {
    margin: 8px !important;
  }
  .u-pt-8\@sm {
    padding-top: 8px !important;
  }
  .u-pr-8\@sm {
    padding-right: 8px !important;
  }
  .u-pb-8\@sm {
    padding-bottom: 8px !important;
  }
  .u-pl-8\@sm {
    padding-left: 8px !important;
  }
  .u-px-8\@sm {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-py-8\@sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-p-8\@sm {
    padding: 8px !important;
  }
  .u-mt-12\@sm {
    margin-top: 12px !important;
  }
  .u-mr-12\@sm {
    margin-right: 12px !important;
  }
  .u-mb-12\@sm {
    margin-bottom: 12px !important;
  }
  .u-ml-12\@sm {
    margin-left: 12px !important;
  }
  .u-mx-12\@sm {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-my-12\@sm {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-m-12\@sm {
    margin: 12px !important;
  }
  .u-pt-12\@sm {
    padding-top: 12px !important;
  }
  .u-pr-12\@sm {
    padding-right: 12px !important;
  }
  .u-pb-12\@sm {
    padding-bottom: 12px !important;
  }
  .u-pl-12\@sm {
    padding-left: 12px !important;
  }
  .u-px-12\@sm {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-py-12\@sm {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-p-12\@sm {
    padding: 12px !important;
  }
  .u-mt-16\@sm {
    margin-top: 16px !important;
  }
  .u-mr-16\@sm {
    margin-right: 16px !important;
  }
  .u-mb-16\@sm {
    margin-bottom: 16px !important;
  }
  .u-ml-16\@sm {
    margin-left: 16px !important;
  }
  .u-mx-16\@sm {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-my-16\@sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-m-16\@sm {
    margin: 16px !important;
  }
  .u-pt-16\@sm {
    padding-top: 16px !important;
  }
  .u-pr-16\@sm {
    padding-right: 16px !important;
  }
  .u-pb-16\@sm {
    padding-bottom: 16px !important;
  }
  .u-pl-16\@sm {
    padding-left: 16px !important;
  }
  .u-px-16\@sm {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-py-16\@sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-p-16\@sm {
    padding: 16px !important;
  }
  .u-mt-24\@sm {
    margin-top: 24px !important;
  }
  .u-mr-24\@sm {
    margin-right: 24px !important;
  }
  .u-mb-24\@sm {
    margin-bottom: 24px !important;
  }
  .u-ml-24\@sm {
    margin-left: 24px !important;
  }
  .u-mx-24\@sm {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-my-24\@sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-m-24\@sm {
    margin: 24px !important;
  }
  .u-pt-24\@sm {
    padding-top: 24px !important;
  }
  .u-pr-24\@sm {
    padding-right: 24px !important;
  }
  .u-pb-24\@sm {
    padding-bottom: 24px !important;
  }
  .u-pl-24\@sm {
    padding-left: 24px !important;
  }
  .u-px-24\@sm {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-py-24\@sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-p-24\@sm {
    padding: 24px !important;
  }
  .u-mt-32\@sm {
    margin-top: 32px !important;
  }
  .u-mr-32\@sm {
    margin-right: 32px !important;
  }
  .u-mb-32\@sm {
    margin-bottom: 32px !important;
  }
  .u-ml-32\@sm {
    margin-left: 32px !important;
  }
  .u-mx-32\@sm {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-my-32\@sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-m-32\@sm {
    margin: 32px !important;
  }
  .u-pt-32\@sm {
    padding-top: 32px !important;
  }
  .u-pr-32\@sm {
    padding-right: 32px !important;
  }
  .u-pb-32\@sm {
    padding-bottom: 32px !important;
  }
  .u-pl-32\@sm {
    padding-left: 32px !important;
  }
  .u-px-32\@sm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-py-32\@sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-p-32\@sm {
    padding: 32px !important;
  }
  .u-mt-40\@sm {
    margin-top: 40px !important;
  }
  .u-mr-40\@sm {
    margin-right: 40px !important;
  }
  .u-mb-40\@sm {
    margin-bottom: 40px !important;
  }
  .u-ml-40\@sm {
    margin-left: 40px !important;
  }
  .u-mx-40\@sm {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-my-40\@sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-m-40\@sm {
    margin: 40px !important;
  }
  .u-pt-40\@sm {
    padding-top: 40px !important;
  }
  .u-pr-40\@sm {
    padding-right: 40px !important;
  }
  .u-pb-40\@sm {
    padding-bottom: 40px !important;
  }
  .u-pl-40\@sm {
    padding-left: 40px !important;
  }
  .u-px-40\@sm {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-py-40\@sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-p-40\@sm {
    padding: 40px !important;
  }
  .u-mt-48\@sm {
    margin-top: 48px !important;
  }
  .u-mr-48\@sm {
    margin-right: 48px !important;
  }
  .u-mb-48\@sm {
    margin-bottom: 48px !important;
  }
  .u-ml-48\@sm {
    margin-left: 48px !important;
  }
  .u-mx-48\@sm {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-my-48\@sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-m-48\@sm {
    margin: 48px !important;
  }
  .u-pt-48\@sm {
    padding-top: 48px !important;
  }
  .u-pr-48\@sm {
    padding-right: 48px !important;
  }
  .u-pb-48\@sm {
    padding-bottom: 48px !important;
  }
  .u-pl-48\@sm {
    padding-left: 48px !important;
  }
  .u-px-48\@sm {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-py-48\@sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-p-48\@sm {
    padding: 48px !important;
  }
  .u-mt-56\@sm {
    margin-top: 56px !important;
  }
  .u-mr-56\@sm {
    margin-right: 56px !important;
  }
  .u-mb-56\@sm {
    margin-bottom: 56px !important;
  }
  .u-ml-56\@sm {
    margin-left: 56px !important;
  }
  .u-mx-56\@sm {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .u-my-56\@sm {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-m-56\@sm {
    margin: 56px !important;
  }
  .u-pt-56\@sm {
    padding-top: 56px !important;
  }
  .u-pr-56\@sm {
    padding-right: 56px !important;
  }
  .u-pb-56\@sm {
    padding-bottom: 56px !important;
  }
  .u-pl-56\@sm {
    padding-left: 56px !important;
  }
  .u-px-56\@sm {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .u-py-56\@sm {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-p-56\@sm {
    padding: 56px !important;
  }
  .u-mt-64\@sm {
    margin-top: 64px !important;
  }
  .u-mr-64\@sm {
    margin-right: 64px !important;
  }
  .u-mb-64\@sm {
    margin-bottom: 64px !important;
  }
  .u-ml-64\@sm {
    margin-left: 64px !important;
  }
  .u-mx-64\@sm {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-my-64\@sm {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-m-64\@sm {
    margin: 64px !important;
  }
  .u-pt-64\@sm {
    padding-top: 64px !important;
  }
  .u-pr-64\@sm {
    padding-right: 64px !important;
  }
  .u-pb-64\@sm {
    padding-bottom: 64px !important;
  }
  .u-pl-64\@sm {
    padding-left: 64px !important;
  }
  .u-px-64\@sm {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-py-64\@sm {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-p-64\@sm {
    padding: 64px !important;
  }
  .u-mt-72\@sm {
    margin-top: 72px !important;
  }
  .u-mr-72\@sm {
    margin-right: 72px !important;
  }
  .u-mb-72\@sm {
    margin-bottom: 72px !important;
  }
  .u-ml-72\@sm {
    margin-left: 72px !important;
  }
  .u-mx-72\@sm {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .u-my-72\@sm {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-m-72\@sm {
    margin: 72px !important;
  }
  .u-pt-72\@sm {
    padding-top: 72px !important;
  }
  .u-pr-72\@sm {
    padding-right: 72px !important;
  }
  .u-pb-72\@sm {
    padding-bottom: 72px !important;
  }
  .u-pl-72\@sm {
    padding-left: 72px !important;
  }
  .u-px-72\@sm {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .u-py-72\@sm {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-p-72\@sm {
    padding: 72px !important;
  }
  .u-mt-88\@sm {
    margin-top: 88px !important;
  }
  .u-mr-88\@sm {
    margin-right: 88px !important;
  }
  .u-mb-88\@sm {
    margin-bottom: 88px !important;
  }
  .u-ml-88\@sm {
    margin-left: 88px !important;
  }
  .u-mx-88\@sm {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .u-my-88\@sm {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-m-88\@sm {
    margin: 88px !important;
  }
  .u-pt-88\@sm {
    padding-top: 88px !important;
  }
  .u-pr-88\@sm {
    padding-right: 88px !important;
  }
  .u-pb-88\@sm {
    padding-bottom: 88px !important;
  }
  .u-pl-88\@sm {
    padding-left: 88px !important;
  }
  .u-px-88\@sm {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .u-py-88\@sm {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-p-88\@sm {
    padding: 88px !important;
  }
  .u-mt-96\@sm {
    margin-top: 96px !important;
  }
  .u-mr-96\@sm {
    margin-right: 96px !important;
  }
  .u-mb-96\@sm {
    margin-bottom: 96px !important;
  }
  .u-ml-96\@sm {
    margin-left: 96px !important;
  }
  .u-mx-96\@sm {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .u-my-96\@sm {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-m-96\@sm {
    margin: 96px !important;
  }
  .u-pt-96\@sm {
    padding-top: 96px !important;
  }
  .u-pr-96\@sm {
    padding-right: 96px !important;
  }
  .u-pb-96\@sm {
    padding-bottom: 96px !important;
  }
  .u-pl-96\@sm {
    padding-left: 96px !important;
  }
  .u-px-96\@sm {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .u-py-96\@sm {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-p-96\@sm {
    padding: 96px !important;
  }
  .u-mt-120\@sm {
    margin-top: 120px !important;
  }
  .u-mr-120\@sm {
    margin-right: 120px !important;
  }
  .u-mb-120\@sm {
    margin-bottom: 120px !important;
  }
  .u-ml-120\@sm {
    margin-left: 120px !important;
  }
  .u-mx-120\@sm {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-my-120\@sm {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-m-120\@sm {
    margin: 120px !important;
  }
  .u-pt-120\@sm {
    padding-top: 120px !important;
  }
  .u-pr-120\@sm {
    padding-right: 120px !important;
  }
  .u-pb-120\@sm {
    padding-bottom: 120px !important;
  }
  .u-pl-120\@sm {
    padding-left: 120px !important;
  }
  .u-px-120\@sm {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-py-120\@sm {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .u-p-120\@sm {
    padding: 120px !important;
  }
  .u-mt-128\@sm {
    margin-top: 128px !important;
  }
  .u-mr-128\@sm {
    margin-right: 128px !important;
  }
  .u-mb-128\@sm {
    margin-bottom: 128px !important;
  }
  .u-ml-128\@sm {
    margin-left: 128px !important;
  }
  .u-mx-128\@sm {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .u-my-128\@sm {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .u-m-128\@sm {
    margin: 128px !important;
  }
  .u-pt-128\@sm {
    padding-top: 128px !important;
  }
  .u-pr-128\@sm {
    padding-right: 128px !important;
  }
  .u-pb-128\@sm {
    padding-bottom: 128px !important;
  }
  .u-pl-128\@sm {
    padding-left: 128px !important;
  }
  .u-px-128\@sm {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .u-py-128\@sm {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .u-p-128\@sm {
    padding: 128px !important;
  }
  .u-mt-160\@sm {
    margin-top: 160px !important;
  }
  .u-mr-160\@sm {
    margin-right: 160px !important;
  }
  .u-mb-160\@sm {
    margin-bottom: 160px !important;
  }
  .u-ml-160\@sm {
    margin-left: 160px !important;
  }
  .u-mx-160\@sm {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
  .u-my-160\@sm {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-m-160\@sm {
    margin: 160px !important;
  }
  .u-pt-160\@sm {
    padding-top: 160px !important;
  }
  .u-pr-160\@sm {
    padding-right: 160px !important;
  }
  .u-pb-160\@sm {
    padding-bottom: 160px !important;
  }
  .u-pl-160\@sm {
    padding-left: 160px !important;
  }
  .u-px-160\@sm {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .u-py-160\@sm {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .u-p-160\@sm {
    padding: 160px !important;
  }
  .u-mt-auto\@sm {
    margin-top: auto !important;
  }
  .u-mr-auto\@sm {
    margin-right: auto !important;
  }
  .u-mb-auto\@sm {
    margin-bottom: auto !important;
  }
  .u-ml-auto\@sm {
    margin-left: auto !important;
  }
  .u-mx-auto\@sm {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-my-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-m-auto\@sm {
    margin: auto !important;
  }
}
@media only screen and (max-width: 400px) {
  .u-mt-0\@xs {
    margin-top: 0 !important;
  }
  .u-mr-0\@xs {
    margin-right: 0 !important;
  }
  .u-mb-0\@xs {
    margin-bottom: 0 !important;
  }
  .u-ml-0\@xs {
    margin-left: 0 !important;
  }
  .u-mx-0\@xs {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-my-0\@xs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-m-0\@xs {
    margin: 0 !important;
  }
  .u-pt-0\@xs {
    padding-top: 0 !important;
  }
  .u-pr-0\@xs {
    padding-right: 0 !important;
  }
  .u-pb-0\@xs {
    padding-bottom: 0 !important;
  }
  .u-pl-0\@xs {
    padding-left: 0 !important;
  }
  .u-px-0\@xs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .u-py-0\@xs {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-p-0\@xs {
    padding: 0 !important;
  }
  .u-mt-2\@xs {
    margin-top: 2px !important;
  }
  .u-mr-2\@xs {
    margin-right: 2px !important;
  }
  .u-mb-2\@xs {
    margin-bottom: 2px !important;
  }
  .u-ml-2\@xs {
    margin-left: 2px !important;
  }
  .u-mx-2\@xs {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .u-my-2\@xs {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .u-m-2\@xs {
    margin: 2px !important;
  }
  .u-pt-2\@xs {
    padding-top: 2px !important;
  }
  .u-pr-2\@xs {
    padding-right: 2px !important;
  }
  .u-pb-2\@xs {
    padding-bottom: 2px !important;
  }
  .u-pl-2\@xs {
    padding-left: 2px !important;
  }
  .u-px-2\@xs {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .u-py-2\@xs {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .u-p-2\@xs {
    padding: 2px !important;
  }
  .u-mt-4\@xs {
    margin-top: 4px !important;
  }
  .u-mr-4\@xs {
    margin-right: 4px !important;
  }
  .u-mb-4\@xs {
    margin-bottom: 4px !important;
  }
  .u-ml-4\@xs {
    margin-left: 4px !important;
  }
  .u-mx-4\@xs {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .u-my-4\@xs {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .u-m-4\@xs {
    margin: 4px !important;
  }
  .u-pt-4\@xs {
    padding-top: 4px !important;
  }
  .u-pr-4\@xs {
    padding-right: 4px !important;
  }
  .u-pb-4\@xs {
    padding-bottom: 4px !important;
  }
  .u-pl-4\@xs {
    padding-left: 4px !important;
  }
  .u-px-4\@xs {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .u-py-4\@xs {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .u-p-4\@xs {
    padding: 4px !important;
  }
  .u-mt-6\@xs {
    margin-top: 6px !important;
  }
  .u-mr-6\@xs {
    margin-right: 6px !important;
  }
  .u-mb-6\@xs {
    margin-bottom: 6px !important;
  }
  .u-ml-6\@xs {
    margin-left: 6px !important;
  }
  .u-mx-6\@xs {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .u-my-6\@xs {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .u-m-6\@xs {
    margin: 6px !important;
  }
  .u-pt-6\@xs {
    padding-top: 6px !important;
  }
  .u-pr-6\@xs {
    padding-right: 6px !important;
  }
  .u-pb-6\@xs {
    padding-bottom: 6px !important;
  }
  .u-pl-6\@xs {
    padding-left: 6px !important;
  }
  .u-px-6\@xs {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .u-py-6\@xs {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .u-p-6\@xs {
    padding: 6px !important;
  }
  .u-mt-8\@xs {
    margin-top: 8px !important;
  }
  .u-mr-8\@xs {
    margin-right: 8px !important;
  }
  .u-mb-8\@xs {
    margin-bottom: 8px !important;
  }
  .u-ml-8\@xs {
    margin-left: 8px !important;
  }
  .u-mx-8\@xs {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-my-8\@xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-m-8\@xs {
    margin: 8px !important;
  }
  .u-pt-8\@xs {
    padding-top: 8px !important;
  }
  .u-pr-8\@xs {
    padding-right: 8px !important;
  }
  .u-pb-8\@xs {
    padding-bottom: 8px !important;
  }
  .u-pl-8\@xs {
    padding-left: 8px !important;
  }
  .u-px-8\@xs {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-py-8\@xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-p-8\@xs {
    padding: 8px !important;
  }
  .u-mt-12\@xs {
    margin-top: 12px !important;
  }
  .u-mr-12\@xs {
    margin-right: 12px !important;
  }
  .u-mb-12\@xs {
    margin-bottom: 12px !important;
  }
  .u-ml-12\@xs {
    margin-left: 12px !important;
  }
  .u-mx-12\@xs {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .u-my-12\@xs {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .u-m-12\@xs {
    margin: 12px !important;
  }
  .u-pt-12\@xs {
    padding-top: 12px !important;
  }
  .u-pr-12\@xs {
    padding-right: 12px !important;
  }
  .u-pb-12\@xs {
    padding-bottom: 12px !important;
  }
  .u-pl-12\@xs {
    padding-left: 12px !important;
  }
  .u-px-12\@xs {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .u-py-12\@xs {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .u-p-12\@xs {
    padding: 12px !important;
  }
  .u-mt-16\@xs {
    margin-top: 16px !important;
  }
  .u-mr-16\@xs {
    margin-right: 16px !important;
  }
  .u-mb-16\@xs {
    margin-bottom: 16px !important;
  }
  .u-ml-16\@xs {
    margin-left: 16px !important;
  }
  .u-mx-16\@xs {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-my-16\@xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-m-16\@xs {
    margin: 16px !important;
  }
  .u-pt-16\@xs {
    padding-top: 16px !important;
  }
  .u-pr-16\@xs {
    padding-right: 16px !important;
  }
  .u-pb-16\@xs {
    padding-bottom: 16px !important;
  }
  .u-pl-16\@xs {
    padding-left: 16px !important;
  }
  .u-px-16\@xs {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-py-16\@xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-p-16\@xs {
    padding: 16px !important;
  }
  .u-mt-24\@xs {
    margin-top: 24px !important;
  }
  .u-mr-24\@xs {
    margin-right: 24px !important;
  }
  .u-mb-24\@xs {
    margin-bottom: 24px !important;
  }
  .u-ml-24\@xs {
    margin-left: 24px !important;
  }
  .u-mx-24\@xs {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-my-24\@xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-m-24\@xs {
    margin: 24px !important;
  }
  .u-pt-24\@xs {
    padding-top: 24px !important;
  }
  .u-pr-24\@xs {
    padding-right: 24px !important;
  }
  .u-pb-24\@xs {
    padding-bottom: 24px !important;
  }
  .u-pl-24\@xs {
    padding-left: 24px !important;
  }
  .u-px-24\@xs {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-py-24\@xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-p-24\@xs {
    padding: 24px !important;
  }
  .u-mt-32\@xs {
    margin-top: 32px !important;
  }
  .u-mr-32\@xs {
    margin-right: 32px !important;
  }
  .u-mb-32\@xs {
    margin-bottom: 32px !important;
  }
  .u-ml-32\@xs {
    margin-left: 32px !important;
  }
  .u-mx-32\@xs {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-my-32\@xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-m-32\@xs {
    margin: 32px !important;
  }
  .u-pt-32\@xs {
    padding-top: 32px !important;
  }
  .u-pr-32\@xs {
    padding-right: 32px !important;
  }
  .u-pb-32\@xs {
    padding-bottom: 32px !important;
  }
  .u-pl-32\@xs {
    padding-left: 32px !important;
  }
  .u-px-32\@xs {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-py-32\@xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-p-32\@xs {
    padding: 32px !important;
  }
  .u-mt-40\@xs {
    margin-top: 40px !important;
  }
  .u-mr-40\@xs {
    margin-right: 40px !important;
  }
  .u-mb-40\@xs {
    margin-bottom: 40px !important;
  }
  .u-ml-40\@xs {
    margin-left: 40px !important;
  }
  .u-mx-40\@xs {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-my-40\@xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-m-40\@xs {
    margin: 40px !important;
  }
  .u-pt-40\@xs {
    padding-top: 40px !important;
  }
  .u-pr-40\@xs {
    padding-right: 40px !important;
  }
  .u-pb-40\@xs {
    padding-bottom: 40px !important;
  }
  .u-pl-40\@xs {
    padding-left: 40px !important;
  }
  .u-px-40\@xs {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-py-40\@xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-p-40\@xs {
    padding: 40px !important;
  }
  .u-mt-48\@xs {
    margin-top: 48px !important;
  }
  .u-mr-48\@xs {
    margin-right: 48px !important;
  }
  .u-mb-48\@xs {
    margin-bottom: 48px !important;
  }
  .u-ml-48\@xs {
    margin-left: 48px !important;
  }
  .u-mx-48\@xs {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .u-my-48\@xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-m-48\@xs {
    margin: 48px !important;
  }
  .u-pt-48\@xs {
    padding-top: 48px !important;
  }
  .u-pr-48\@xs {
    padding-right: 48px !important;
  }
  .u-pb-48\@xs {
    padding-bottom: 48px !important;
  }
  .u-pl-48\@xs {
    padding-left: 48px !important;
  }
  .u-px-48\@xs {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .u-py-48\@xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-p-48\@xs {
    padding: 48px !important;
  }
  .u-mt-56\@xs {
    margin-top: 56px !important;
  }
  .u-mr-56\@xs {
    margin-right: 56px !important;
  }
  .u-mb-56\@xs {
    margin-bottom: 56px !important;
  }
  .u-ml-56\@xs {
    margin-left: 56px !important;
  }
  .u-mx-56\@xs {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .u-my-56\@xs {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-m-56\@xs {
    margin: 56px !important;
  }
  .u-pt-56\@xs {
    padding-top: 56px !important;
  }
  .u-pr-56\@xs {
    padding-right: 56px !important;
  }
  .u-pb-56\@xs {
    padding-bottom: 56px !important;
  }
  .u-pl-56\@xs {
    padding-left: 56px !important;
  }
  .u-px-56\@xs {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .u-py-56\@xs {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-p-56\@xs {
    padding: 56px !important;
  }
  .u-mt-64\@xs {
    margin-top: 64px !important;
  }
  .u-mr-64\@xs {
    margin-right: 64px !important;
  }
  .u-mb-64\@xs {
    margin-bottom: 64px !important;
  }
  .u-ml-64\@xs {
    margin-left: 64px !important;
  }
  .u-mx-64\@xs {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .u-my-64\@xs {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-m-64\@xs {
    margin: 64px !important;
  }
  .u-pt-64\@xs {
    padding-top: 64px !important;
  }
  .u-pr-64\@xs {
    padding-right: 64px !important;
  }
  .u-pb-64\@xs {
    padding-bottom: 64px !important;
  }
  .u-pl-64\@xs {
    padding-left: 64px !important;
  }
  .u-px-64\@xs {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .u-py-64\@xs {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-p-64\@xs {
    padding: 64px !important;
  }
  .u-mt-72\@xs {
    margin-top: 72px !important;
  }
  .u-mr-72\@xs {
    margin-right: 72px !important;
  }
  .u-mb-72\@xs {
    margin-bottom: 72px !important;
  }
  .u-ml-72\@xs {
    margin-left: 72px !important;
  }
  .u-mx-72\@xs {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .u-my-72\@xs {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-m-72\@xs {
    margin: 72px !important;
  }
  .u-pt-72\@xs {
    padding-top: 72px !important;
  }
  .u-pr-72\@xs {
    padding-right: 72px !important;
  }
  .u-pb-72\@xs {
    padding-bottom: 72px !important;
  }
  .u-pl-72\@xs {
    padding-left: 72px !important;
  }
  .u-px-72\@xs {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .u-py-72\@xs {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-p-72\@xs {
    padding: 72px !important;
  }
  .u-mt-88\@xs {
    margin-top: 88px !important;
  }
  .u-mr-88\@xs {
    margin-right: 88px !important;
  }
  .u-mb-88\@xs {
    margin-bottom: 88px !important;
  }
  .u-ml-88\@xs {
    margin-left: 88px !important;
  }
  .u-mx-88\@xs {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .u-my-88\@xs {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .u-m-88\@xs {
    margin: 88px !important;
  }
  .u-pt-88\@xs {
    padding-top: 88px !important;
  }
  .u-pr-88\@xs {
    padding-right: 88px !important;
  }
  .u-pb-88\@xs {
    padding-bottom: 88px !important;
  }
  .u-pl-88\@xs {
    padding-left: 88px !important;
  }
  .u-px-88\@xs {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .u-py-88\@xs {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .u-p-88\@xs {
    padding: 88px !important;
  }
  .u-mt-96\@xs {
    margin-top: 96px !important;
  }
  .u-mr-96\@xs {
    margin-right: 96px !important;
  }
  .u-mb-96\@xs {
    margin-bottom: 96px !important;
  }
  .u-ml-96\@xs {
    margin-left: 96px !important;
  }
  .u-mx-96\@xs {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .u-my-96\@xs {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .u-m-96\@xs {
    margin: 96px !important;
  }
  .u-pt-96\@xs {
    padding-top: 96px !important;
  }
  .u-pr-96\@xs {
    padding-right: 96px !important;
  }
  .u-pb-96\@xs {
    padding-bottom: 96px !important;
  }
  .u-pl-96\@xs {
    padding-left: 96px !important;
  }
  .u-px-96\@xs {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .u-py-96\@xs {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .u-p-96\@xs {
    padding: 96px !important;
  }
  .u-mt-120\@xs {
    margin-top: 120px !important;
  }
  .u-mr-120\@xs {
    margin-right: 120px !important;
  }
  .u-mb-120\@xs {
    margin-bottom: 120px !important;
  }
  .u-ml-120\@xs {
    margin-left: 120px !important;
  }
  .u-mx-120\@xs {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-my-120\@xs {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-m-120\@xs {
    margin: 120px !important;
  }
  .u-pt-120\@xs {
    padding-top: 120px !important;
  }
  .u-pr-120\@xs {
    padding-right: 120px !important;
  }
  .u-pb-120\@xs {
    padding-bottom: 120px !important;
  }
  .u-pl-120\@xs {
    padding-left: 120px !important;
  }
  .u-px-120\@xs {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-py-120\@xs {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .u-p-120\@xs {
    padding: 120px !important;
  }
  .u-mt-128\@xs {
    margin-top: 128px !important;
  }
  .u-mr-128\@xs {
    margin-right: 128px !important;
  }
  .u-mb-128\@xs {
    margin-bottom: 128px !important;
  }
  .u-ml-128\@xs {
    margin-left: 128px !important;
  }
  .u-mx-128\@xs {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .u-my-128\@xs {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .u-m-128\@xs {
    margin: 128px !important;
  }
  .u-pt-128\@xs {
    padding-top: 128px !important;
  }
  .u-pr-128\@xs {
    padding-right: 128px !important;
  }
  .u-pb-128\@xs {
    padding-bottom: 128px !important;
  }
  .u-pl-128\@xs {
    padding-left: 128px !important;
  }
  .u-px-128\@xs {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .u-py-128\@xs {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .u-p-128\@xs {
    padding: 128px !important;
  }
  .u-mt-160\@xs {
    margin-top: 160px !important;
  }
  .u-mr-160\@xs {
    margin-right: 160px !important;
  }
  .u-mb-160\@xs {
    margin-bottom: 160px !important;
  }
  .u-ml-160\@xs {
    margin-left: 160px !important;
  }
  .u-mx-160\@xs {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
  .u-my-160\@xs {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-m-160\@xs {
    margin: 160px !important;
  }
  .u-pt-160\@xs {
    padding-top: 160px !important;
  }
  .u-pr-160\@xs {
    padding-right: 160px !important;
  }
  .u-pb-160\@xs {
    padding-bottom: 160px !important;
  }
  .u-pl-160\@xs {
    padding-left: 160px !important;
  }
  .u-px-160\@xs {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .u-py-160\@xs {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .u-p-160\@xs {
    padding: 160px !important;
  }
  .u-mt-auto\@xs {
    margin-top: auto !important;
  }
  .u-mr-auto\@xs {
    margin-right: auto !important;
  }
  .u-mb-auto\@xs {
    margin-bottom: auto !important;
  }
  .u-ml-auto\@xs {
    margin-left: auto !important;
  }
  .u-mx-auto\@xs {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-my-auto\@xs {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-m-auto\@xs {
    margin: auto !important;
  }
}
/*-----------------------------------------------------------------------------------------------------
  [utilities:text]
-------------------------------------------------------------------------------------------------------*/
.u-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: right;
}

.u-text-center {
  text-align: center;
}

.u-text-uppercase {
  text-transform: uppercase;
}

.u-text-underline {
  text-decoration: underline;
}

.u-text-decoration-none {
  text-decoration: none;
}

.u-text-wrap-balance {
  text-wrap: balance;
}

.u-line-height-sm {
  line-height: 1.2;
}

.u-line-height-md {
  line-height: 1.4;
}

.u-line-height-lg {
  line-height: 1.6;
}

.u-vertical-align-middle {
  vertical-align: middle;
}

.u-pointer-events-none {
  pointer-events: none;
}

.u-nowrap {
  white-space: nowrap;
}

@media only screen and (max-width: 1440px) {
  .u-text-left\@xxl {
    text-align: left;
  }
  .u-text-right\@xxl {
    text-align: right;
  }
  .u-text-center\@xxl {
    text-align: center;
  }
}
@media only screen and (max-width: 1280px) {
  .u-text-left\@xl {
    text-align: left;
  }
  .u-text-right\@xl {
    text-align: right;
  }
  .u-text-center\@xl {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .u-text-left\@lg {
    text-align: left;
  }
  .u-text-right\@lg {
    text-align: right;
  }
  .u-text-center\@lg {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .u-text-left\@md {
    text-align: left;
  }
  .u-text-right\@md {
    text-align: right;
  }
  .u-text-center\@md {
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .u-text-left\@sm {
    text-align: left;
  }
  .u-text-right\@sm {
    text-align: right;
  }
  .u-text-center\@sm {
    text-align: center;
  }
}
@media only screen and (max-width: 400px) {
  .u-text-left\@xs {
    text-align: left;
  }
  .u-text-right\@xs {
    text-align: right;
  }
  .u-text-center\@xs {
    text-align: center;
  }
}
/*-----------------------------------------------------------------------------------------------------
  [utilities:list]
-------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------
  [utilities:visibility]
-------------------------------------------------------------------------------------------------------*/
/*
* Visibility
*/
.u-block {
  display: block !important;
}

.u-none {
  display: none !important;
}

.u-inline {
  display: inline !important;
}

.u-inline-block {
  display: inline-block !important;
  vertical-align: top !important;
}

.u-flex {
  display: flex !important;
}

.u-inline-flex {
  display: inline-flex !important;
}

@media only screen and (max-width: 1440px) {
  .u-block\@xxl {
    display: block !important;
  }
  .u-none\@xxl {
    display: none !important;
  }
  .u-inline\@xxl {
    display: inline !important;
  }
  .u-inline-block\@xxl {
    display: inline-block !important;
    vertical-align: top !important;
  }
  .u-flex\@xxl {
    display: flex !important;
  }
  .u-inline-flex\@xxl {
    display: inline-flex !important;
  }
}
@media only screen and (max-width: 1280px) {
  .u-block\@xl {
    display: block !important;
  }
  .u-none\@xl {
    display: none !important;
  }
  .u-inline\@xl {
    display: inline !important;
  }
  .u-inline-block\@xl {
    display: inline-block !important;
    vertical-align: top !important;
  }
  .u-flex\@xl {
    display: flex !important;
  }
  .u-inline-flex\@xl {
    display: inline-flex !important;
  }
}
@media only screen and (max-width: 1024px) {
  .u-block\@lg {
    display: block !important;
  }
  .u-none\@lg {
    display: none !important;
  }
  .u-inline\@lg {
    display: inline !important;
  }
  .u-inline-block\@lg {
    display: inline-block !important;
    vertical-align: top !important;
  }
  .u-flex\@lg {
    display: flex !important;
  }
  .u-inline-flex\@lg {
    display: inline-flex !important;
  }
}
@media only screen and (max-width: 768px) {
  .u-block\@md {
    display: block !important;
  }
  .u-none\@md {
    display: none !important;
  }
  .u-inline\@md {
    display: inline !important;
  }
  .u-inline-block\@md {
    display: inline-block !important;
    vertical-align: top !important;
  }
  .u-flex\@md {
    display: flex !important;
  }
  .u-inline-flex\@md {
    display: inline-flex !important;
  }
}
@media only screen and (max-width: 576px) {
  .u-block\@sm {
    display: block !important;
  }
  .u-none\@sm {
    display: none !important;
  }
  .u-inline\@sm {
    display: inline !important;
  }
  .u-inline-block\@sm {
    display: inline-block !important;
    vertical-align: top !important;
  }
  .u-flex\@sm {
    display: flex !important;
  }
  .u-inline-flex\@sm {
    display: inline-flex !important;
  }
}
@media only screen and (max-width: 400px) {
  .u-block\@xs {
    display: block !important;
  }
  .u-none\@xs {
    display: none !important;
  }
  .u-inline\@xs {
    display: inline !important;
  }
  .u-inline-block\@xs {
    display: inline-block !important;
    vertical-align: top !important;
  }
  .u-flex\@xs {
    display: flex !important;
  }
  .u-inline-flex\@xs {
    display: inline-flex !important;
  }
}
/*
 * Del Arte Design System - Base Styles
 * Remplace les tokens Adobe Commerce par les variables Del Arte
 * Référence: styles/00-variables/_variables.scss
 */
/* stylelint-disable no-empty-source */
:root,
.dropin-design {
  /*
   * Mapping Adobe Commerce → Del Arte
   * Ces tokens sont utilisés par les dropins Adobe Commerce
   */
  /* Brand Colors - Mapped to project neutrals and brand colors */
  --color-brand-300: var(--neutral-500);
  --color-brand-500: var(--secondary-brand-700);
  --color-brand-600: var(--secondary-brand-800);
  --color-brand-700: var(--secondary-brand-950);
  /* Neutral Colors - Mapped to Del Arte neutrals */
  --color-neutral-50: var(--neutral-0);
  --color-neutral-100: var(--neutral-50);
  --color-neutral-200: var(--neutral-100);
  --color-neutral-300: var(--neutral-200);
  --color-neutral-400: var(--neutral-300);
  --color-neutral-500: var(--neutral-400);
  --color-neutral-600: var(--neutral-500);
  --color-neutral-700: var(--neutral-600);
  --color-neutral-800: var(--neutral-800);
  --color-neutral-900: var(--neutral-950);
  /* Semantic Colors */
  --color-positive-200: var(--secondary-brand-50);
  --color-positive-500: var(--secondary-brand-400);
  --color-positive-800: var(--secondary-brand-700);
  --color-informational-200: var(--color-blue-50);
  --color-informational-500: var(--color-blue-400);
  --color-informational-800: var(--color-blue-600);
  --color-warning-200: var(--color-orange-50);
  --color-warning-500: var(--color-orange-400);
  --color-warning-800: var(--color-orange-600);
  --color-alert-200: var(--color-red-50);
  --color-alert-500: var(--color-red-400);
  --color-alert-800: var(--color-red-600);
  /* Button Colors - Using project button tokens */
  --color-button-active: var(--button-color-primary-solid-background-base);
  --color-button-focus: var(--neutral-300);
  --color-button-hover: var(--button-color-primary-solid-background-hover);
  --color-action-button-active: var(--neutral-0);
  --color-action-button-hover: var(--neutral-100);
  /* Opacity */
  --color-opacity-16: rgb(255 255 255 / 16%);
  --color-opacity-24: rgb(255 255 255 / 24%);
  /* Grid */
  --grid-1-columns: 4;
  --grid-1-margins: 0;
  --grid-1-gutters: 1.6rem;
  --grid-2-columns: 12;
  --grid-2-margins: 0;
  --grid-2-gutters: 1.6rem;
  --grid-3-columns: 12;
  --grid-3-margins: 0;
  --grid-3-gutters: 2.4rem;
  --grid-4-columns: 12;
  --grid-4-margins: 0;
  --grid-4-gutters: 2.4rem;
  --grid-5-columns: 12;
  --grid-5-margins: 0;
  --grid-5-gutters: 2.4rem;
  /* Shape - Using project button shape tokens */
  --shape-border-radius-1: var(--button-size-shape-sm);
  --shape-border-radius-2: var(--button-size-shape-lg);
  --shape-border-radius-3: var(--button-size-shape-border-radius-md);
  --shape-border-width-1: 1px;
  --shape-border-width-2: 1.5px;
  --shape-border-width-3: 2px;
  --shape-border-width-4: 4px;
  --shape-shadow-1: 0 0 1.6rem 0 rgb(0 0 0 / 16%);
  --shape-shadow-2: 0 0.2rem 1.6rem 0 rgb(0 0 0 / 16%);
  --shape-shadow-3: 0 0.2rem 0.3rem 0 rgb(0 0 0 / 16%);
  --shape-icon-stroke-1: 1px;
  --shape-icon-stroke-2: 1.5px;
  --shape-icon-stroke-3: 2px;
  --shape-icon-stroke-4: 4px;
  /* Spacing - Converted to rem */
  --spacing-xxsmall: 0.4rem;
  --spacing-xsmall: 0.8rem;
  --spacing-small: 1.6rem;
  --spacing-medium: 2.4rem;
  --spacing-big: 3.2rem;
  --spacing-xbig: 4rem;
  --spacing-xxbig: 4.8rem;
  --spacing-large: 6.4rem;
  --spacing-xlarge: 7.2rem;
  --spacing-xxlarge: 9.6rem;
  --spacing-huge: 12rem;
  --spacing-xhuge: 14.4rem;
  --spacing-xxhuge: 19.2rem;
  /* Typography - Using Del Arte font families */
  --type-base-font-family: var(--font-font-family-primary), system-ui, sans-serif;
  --type-title-font-family: var(--font-font-family-secondary), serif;
  --type-fixed-font-family: var(--font-font-family-tertiary), menlo, consolas, monospace;
  /* Display Typography - Titles with Windsor Pro */
  --type-display-1-font: normal normal var(--font-title-title-0-weight) var(--font-title-title-0-size-desktop) / var(--font-title-title-0-line-height-desktop) var(--type-title-font-family);
  --type-display-1-letter-spacing: 0;
  --type-display-2-font: normal normal var(--font-title-title-1-weight) var(--font-title-title-1-size-desktop) / var(--font-title-title-1-line-height-desktop) var(--type-title-font-family);
  --type-display-2-letter-spacing: 0;
  --type-display-3-font: normal normal var(--font-title-title-2-weight) var(--font-title-title-2-size-desktop) / var(--font-title-title-2-line-height-desktop) var(--type-title-font-family);
  --type-display-3-letter-spacing: 0;
  /* Headline Typography */
  --type-headline-1-font: normal normal var(--font-title-title-3-weight) var(--font-title-title-3-size-desktop) / var(--font-title-title-3-line-height-desktop) var(--type-title-font-family);
  --type-headline-1-letter-spacing: 0;
  --type-headline-2-default-font: normal normal var(--font-title-title-4-weight) var(--font-title-title-4-size-desktop) / var(--font-title-title-4-line-height-desktop) var(--type-title-font-family);
  --type-headline-2-default-letter-spacing: 0;
  --type-headline-2-strong-font: normal normal var(--font-title-title-5-weight) var(--font-title-title-5-size-desktop) / var(--font-title-title-5-line-height-desktop) var(--type-title-font-family);
  --type-headline-2-strong-letter-spacing: 0;
  /* Body Typography - Using Acumin font sizes */
  --type-body-1-default-font: normal normal var(--font-body-text-weight-regular) var(--font-body-text-size-md) / var(--font-body-text-line-height-md) var(--type-base-font-family);
  --type-body-1-default-letter-spacing: 0;
  --type-body-1-strong-font: normal normal var(--font-body-text-weight-bold) var(--font-body-text-size-md) / var(--font-body-text-line-height-md) var(--type-base-font-family);
  --type-body-1-strong-letter-spacing: 0;
  --type-body-1-emphasized-font: normal normal var(--font-body-text-weight-semibold) var(--font-body-text-size-md) / var(--font-body-text-line-height-md) var(--type-base-font-family);
  --type-body-1-emphasized-letter-spacing: 0;
  --type-body-2-default-font: normal normal var(--font-body-text-weight-regular) var(--font-body-text-size-sm) / var(--font-body-text-line-height-sm) var(--type-base-font-family);
  --type-body-2-default-letter-spacing: 0;
  --type-body-2-strong-font: normal normal var(--font-body-text-weight-bold) var(--font-body-text-size-sm) / var(--font-body-text-line-height-sm) var(--type-base-font-family);
  --type-body-2-strong-letter-spacing: 0;
  --type-body-2-emphasized-font: normal normal var(--font-body-text-weight-semibold) var(--font-body-text-size-sm) / var(--font-body-text-line-height-sm) var(--type-base-font-family);
  --type-body-2-emphasized-letter-spacing: 0;
  /* Button Typography */
  --type-button-1-font: normal normal var(--font-body-text-weight-medium) var(--button-typography-font-size-lg) / var(--button-typography-line-height-lg) var(--type-base-font-family);
  --type-button-1-letter-spacing: var(--button-typography-letter-spacing-lg);
  --type-button-2-font: normal normal var(--font-body-text-weight-medium) var(--button-typography-font-size-md) / var(--button-typography-line-height-md) var(--type-base-font-family);
  --type-button-2-letter-spacing: var(--button-typography-letter-spacing-md);
  /* Caption/Details Typography */
  --type-details-caption-1-font: normal normal var(--font-body-label-weight-medium) var(--font-body-label-size-xs) / var(--font-body-label-line-height-xs) var(--type-base-font-family);
  --type-details-caption-1-letter-spacing: 0;
  --type-details-caption-2-font: normal normal var(--font-body-label-weight-regular) var(--font-body-label-size-xs) / var(--font-body-label-line-height-xs) var(--type-base-font-family);
  --type-details-caption-2-letter-spacing: 0;
  --type-details-overline-font: normal normal var(--font-body-label-weight-medium) var(--font-body-label-size-xs) / var(--font-body-label-line-height-sm) var(--type-base-font-family);
  --type-details-overline-letter-spacing: 0.1em;
  /* Additional tokens */
  --background-color: var(--color-background-primary-default);
  --nav-height: 6.4rem;
}

/* Fallback font for slow connections */
@font-face {
  font-family: "Acumin Variable Concept";
  size-adjust: 100%;
  src: local("Helvetica Neue"), local("Helvetica"), local("Arial");
}
/* ==========================================================================
   Base HTML Elements
   ========================================================================== */
html,
body {
  min-height: 100%;
}

body {
  font-family: var(--font-font-family-primary), system-ui, sans-serif;
  font-size: var(--font-body-text-size-md);
  font-weight: var(--font-body-text-weight-regular);
  line-height: var(--font-body-text-line-height-md);
  margin: 0;
  color: var(--color-text-primary-default);
  background-color: var(--color-background-primary-default);
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  -webkit-font-smoothing: antialiased;
}

body:not(.appear) {
  display: none;
}

/* Grid Layout */
header {
  grid-row: 1;
}

main {
  grid-row: 2;
}

footer {
  grid-row: 3;
}

/* Header/Footer visibility */
header .header,
footer .footer {
  visibility: hidden;
}

header .header[data-block-status=loaded],
footer .footer[data-block-status=loaded] {
  visibility: visible;
}

/* ==========================================================================
   Typography - Headings with Windsor Pro
   ========================================================================== */
h1 {
  font-family: var(--font-font-family-secondary), serif;
  font-size: var(--font-title-title-0-size-desktop);
  font-weight: var(--font-title-title-0-weight);
  line-height: var(--font-title-title-0-line-height-desktop);
}

h2 {
  font-family: var(--font-font-family-secondary), serif;
  font-size: var(--font-title-title-1-size-desktop);
  font-weight: var(--font-title-title-1-weight);
  line-height: var(--font-title-title-1-line-height-desktop);
}

h3 {
  font-family: var(--font-font-family-secondary), serif;
  font-size: var(--font-title-title-2-size-desktop);
  font-weight: var(--font-title-title-2-weight);
  line-height: var(--font-title-title-2-line-height-desktop);
}

h4 {
  font-family: var(--font-font-family-secondary), serif;
  font-size: var(--font-title-title-3-size-desktop);
  font-weight: var(--font-title-title-3-weight);
  line-height: var(--font-title-title-3-line-height-desktop);
}

h5 {
  font-family: var(--font-font-family-secondary), serif;
  font-size: var(--font-title-title-4-size-desktop);
  font-weight: var(--font-title-title-4-weight);
  line-height: var(--font-title-title-4-line-height-desktop);
}

h6 {
  font-family: var(--font-font-family-secondary), serif;
  font-size: var(--font-title-title-5-size-desktop);
  font-weight: var(--font-title-title-5-weight);
  line-height: var(--font-title-title-5-line-height-desktop);
}

/* Mobile typography */
@media (max-width: 899px) {
  h1 {
    font-size: var(--font-title-title-0-size-mobile);
    line-height: var(--font-title-title-0-line-height-mobile);
  }
  h2 {
    font-size: var(--font-title-title-1-size-mobile);
    line-height: var(--font-title-title-1-line-height-mobile);
  }
  h3 {
    font-size: var(--font-title-title-2-size-mobile);
    line-height: var(--font-title-title-2-line-height-mobile);
  }
  h4 {
    font-size: var(--font-title-title-3-size-mobile);
    line-height: var(--font-title-title-3-line-height-mobile);
  }
  h5 {
    font-size: var(--font-title-title-4-size-mobile);
    line-height: var(--font-title-title-4-line-height-mobile);
  }
  h6 {
    font-size: var(--font-title-title-5-size-mobile);
    line-height: var(--font-title-title-5-line-height-mobile);
  }
}
hr {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border: 0;
  border-bottom: 1px solid var(--color-border-primary-default);
}

code,
pre {
  font-family: var(--font-font-family-tertiary), menlo, consolas, monospace;
  font-size: var(--font-body-text-size-sm);
  line-height: var(--font-body-text-line-height-sm);
}

pre {
  overflow: scroll;
}

main pre {
  background-color: var(--color-background-secondary-default);
  padding: 1em;
  border-radius: var(--button-size-shape-sm);
  overflow-x: auto;
  white-space: pre;
}

main > div {
  margin: var(--spacing-xbig) var(--spacing-small);
}

input,
textarea,
select,
button {
  font: inherit;
}

/* ==========================================================================
   Links
   ========================================================================== */
a:not(.dropin-design a) {
  color: var(--color-text-primary-default);
  text-decoration: none;
  overflow-wrap: break-word;
}

a:not(.dropin-design a):hover {
  color: var(--color-text-primary-default);
  text-decoration: none;
}

/* ==========================================================================
   Buttons - Using Del Arte button tokens
   ========================================================================== */
main a.button:any-link,
button.button {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  margin: var(--spacing-small) 0;
  border: 1px solid var(--button-color-primary-solid-border-base);
  border-radius: var(--button-size-shape-border-radius-md);
  padding: var(--button-size-padding-y-md) var(--button-size-padding-x-md);
  font-family: var(--font-font-family-primary), system-ui, sans-serif;
  font-size: var(--button-typography-font-size-md);
  font-weight: var(--font-body-text-weight-medium);
  line-height: var(--button-typography-line-height-md);
  text-align: center;
  text-decoration: none;
  background-color: var(--button-color-primary-solid-background-base);
  color: var(--button-color-primary-solid-text-base);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

main a.button:hover,
main a.button:focus,
button.button:hover,
button.button:focus {
  background-color: var(--button-color-primary-solid-background-hover);
  border-color: var(--button-color-primary-solid-border-hover);
  color: var(--button-color-primary-solid-text-hover);
  cursor: pointer;
}

main a.button.disabled,
button.button:disabled,
button.button:disabled:hover {
  background-color: var(--button-color-primary-solid-background-disable);
  border-color: var(--button-color-primary-solid-border-disable);
  color: var(--button-color-primary-solid-text-disable);
  cursor: not-allowed;
}

main a.button.secondary,
button.button.secondary {
  background-color: var(--button-color-primary-outlined-background-base);
  border: 1px solid var(--button-color-primary-outlined-border-base);
  color: var(--button-color-primary-outlined-text-base);
}

main a.button.secondary:hover,
button.button.secondary:hover {
  background-color: var(--button-color-primary-outlined-background-hover);
  border-color: var(--button-color-primary-outlined-border-hover);
  color: var(--button-color-primary-outlined-text-hover);
}

main input:hover {
  border: 1px solid var(--color-border-strong-default);
}

/* ==========================================================================
   Content Elements
   ========================================================================== */
main blockquote {
  font-style: italic;
  margin: 3rem;
  text-indent: -1rem;
  hanging-punctuation: first;
}

main blockquote p::before {
  content: "“";
  line-height: 0;
}

main blockquote p::after {
  content: "”";
  line-height: 0;
}

main img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.icon {
  display: inline-block;
  height: 2.4rem;
  width: 2.4rem;
}

.icon img {
  height: 100%;
  width: 100%;
}

/* ==========================================================================
   Sections
   ========================================================================== */
main > .section {
  margin: var(--spacing-xbig) 0;
}

.section:empty {
  display: none;
}

main > .section > div {
  max-width: 1200px;
  margin: auto;
  padding: 0 var(--spacing-medium);
}

main > .section:first-of-type {
  margin-top: 0;
}

@media (min-width: 900px) {
  main > .section > div {
    padding: 0 var(--spacing-big);
  }
}
/* Section variants */
main .section.light,
main .section.highlight {
  background-color: var(--color-background-alt-default);
  margin: 0;
  padding: var(--spacing-xbig) 0;
}

/* ==========================================================================
   Dropin Design System Overrides
   ========================================================================== */
.dropin-design.dropin-design {
  --background-none: none 0 0% no-repeat padding-box;
}

.dropin-input-date__icon {
  z-index: 2;
}

.dropin-product-item-card {
  border: unset;
  width: 100%;
}

/* ==========================================================================
   Layout: Columns
   ========================================================================== */
body.columns main {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
  padding: var(--spacing-large) var(--spacing-small);
  box-sizing: border-box;
  gap: var(--grid-4-gutters);
}

body.columns main > .section {
  flex: 1;
  flex-basis: 100%;
  max-width: unset;
  margin: unset;
  padding: unset;
}

body.columns main > .section > div {
  max-width: unset;
  padding: unset;
}

body.columns main > .section > div:not(:last-child) {
  margin-bottom: var(--gap, unset);
}

body.columns main > .section:empty {
  display: none;
}

@media (min-width: 600px) {
  body.columns main {
    padding: var(--spacing-large) var(--spacing-big);
  }
}
@media (min-width: 900px) {
  body.columns main {
    flex-direction: row;
  }
  body.columns main > .section {
    flex: 1;
    flex-basis: var(--column-width, auto);
  }
}
/* ==========================================================================
   Utilities
   ========================================================================== */
/**
 * Reset main element visibility
 * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden
 */
main[hidden] {
  display: none !important;
}

/*# sourceMappingURL=styles.css.map */