@charset "UTF-8";
/**
  Génération de variable: border-radius
 */
/**
  Génération de class: border-radius
 */
/**
  Generate classes : border-raduis by sides
 */
/**
  Génération des variables de bordure
 */
/**
  Génération des classes de bordure
 */
:root {
  --gui-border-radius-extra-small: 2px;
  --gui-border-radius-small: 3px;
  --gui-border-radius-medium: 5px;
  --gui-border-radius-large: 7px;
  --gui-border-width: 2px;
  --gui-input-border-width: var(--gui-border-width);
  --gui-border-style: solid;
  --gui-border-color: var(--gui-color-neutral-12);
  --gui-border-top-width: var(--gui-border-width);
  --gui-border-top-style: var(--gui-border-style);
  --gui-border-top-color: var(--gui-border-color);
  --gui-border-bottom-width: var(--gui-border-width);
  --gui-border-bottom-style: var(--gui-border-style);
  --gui-border-bottom-color: var(--gui-border-color);
  --gui-border-right-width: var(--gui-border-width);
  --gui-border-right-style: var(--gui-border-style);
  --gui-border-right-color: var(--gui-border-color);
  --gui-border-left-width: var(--gui-border-width);
  --gui-border-left-style: var(--gui-border-style);
  --gui-border-left-color: var(--gui-border-color);
}
@charset "UTF-8";
/**
  Génération de variable: Couleur rgb
 */
/**
  Génération de variable: Couleur rgba
 */
/**
  Génération de variable: Couleur gradient
 */
/**
  Génération de class: Couleur globale
 */
/**
  Génération de class: Couleur du texte
 */
/**
  Génération de class: Couleur du background
 */
/**
  Génération de class: Couleur du background
 */
/**
  Génération de class: Couleur de bordure
 */
/**
  Génération de class: Couleur de remplissage svg (fill)
 */
/**
  Génération de class: Couleur de bordure svg (stroke)
 */
/**
  Génération de class: Couleur du texte en hover
 */
/**
  Génération de class: Couleur du background en hover
 */
:root {
  --gui-text-color-dark: var(--gui-color-tertiary);
  --gui-text-color-light: var(--gui-color-white);
  --gui-text-color: var(--gui-text-color-dark);
  --gui-text-color-gray: var(--gui-color-neutral-5);
  --gui-opacity-disabled: 0.25;
  --gui-rgb-color-primary: 33,188,122;
  --gui-color-primary: rgb(var(--gui-rgb-color-primary));
  --gui-rgb-color-primary-high: 16,93,61;
  --gui-color-primary-high: rgb(var(--gui-rgb-color-primary-high));
  --gui-rgb-color-primary-low: 202,234,220;
  --gui-color-primary-low: rgb(var(--gui-rgb-color-primary-low));
  --gui-rgb-color-primary-active: 42,220,144;
  --gui-color-primary-active: rgb(var(--gui-rgb-color-primary-active));
  --gui-rgb-color-secondary: 154,171,254;
  --gui-color-secondary: rgb(var(--gui-rgb-color-secondary));
  --gui-rgb-color-secondary-high: 154,164,212;
  --gui-color-secondary-high: rgb(var(--gui-rgb-color-secondary-high));
  --gui-rgb-color-secondary-low: 228,232,252;
  --gui-color-secondary-low: rgb(var(--gui-rgb-color-secondary-low));
  --gui-rgb-color-secondary-active: 125,147,255;
  --gui-color-secondary-active: rgb(var(--gui-rgb-color-secondary-active));
  --gui-rgb-color-tertiary: 28,72,67;
  --gui-color-tertiary: rgb(var(--gui-rgb-color-tertiary));
  --gui-rgb-color-tertiary-high: 16,49,45;
  --gui-color-tertiary-high: rgb(var(--gui-rgb-color-tertiary-high));
  --gui-rgb-color-tertiary-low: 55,102,97;
  --gui-color-tertiary-low: rgb(var(--gui-rgb-color-tertiary-low));
  --gui-rgb-color-tertiary-active: 15,156,140;
  --gui-color-tertiary-active: rgb(var(--gui-rgb-color-tertiary-active));
  --gui-rgb-color-success: 117,204,135;
  --gui-color-success: rgb(var(--gui-rgb-color-success));
  --gui-rgb-color-success-high: 71,191,97;
  --gui-color-success-high: rgb(var(--gui-rgb-color-success-high));
  --gui-rgb-color-success-low: 207,231,212;
  --gui-color-success-low: rgb(var(--gui-rgb-color-success-low));
  --gui-rgb-color-success-active: 207,231,212;
  --gui-color-success-active: rgb(var(--gui-rgb-color-success-active));
  --gui-rgb-color-info: 110,145,251;
  --gui-color-info: rgb(var(--gui-rgb-color-info));
  --gui-rgb-color-info-high: 73,112,231;
  --gui-color-info-high: rgb(var(--gui-rgb-color-info-high));
  --gui-rgb-color-info-low: 255,233,255;
  --gui-color-info-low: rgb(var(--gui-rgb-color-info-low));
  --gui-rgb-color-info-active: 255,233,255;
  --gui-color-info-active: rgb(var(--gui-rgb-color-info-active));
  --gui-rgb-color-warning: 255,208,128;
  --gui-color-warning: rgb(var(--gui-rgb-color-warning));
  --gui-rgb-color-warning-high: 247,167,55;
  --gui-color-warning-high: rgb(var(--gui-rgb-color-warning-high));
  --gui-rgb-color-warning-low: 255,243,222;
  --gui-color-warning-low: rgb(var(--gui-rgb-color-warning-low));
  --gui-rgb-color-warning-active: 255,243,222;
  --gui-color-warning-active: rgb(var(--gui-rgb-color-warning-active));
  --gui-rgb-color-danger: 214,58,104;
  --gui-color-danger: rgb(var(--gui-rgb-color-danger));
  --gui-rgb-color-danger-high: 199,14,68;
  --gui-color-danger-high: rgb(var(--gui-rgb-color-danger-high));
  --gui-rgb-color-danger-low: 254,220,230;
  --gui-color-danger-low: rgb(var(--gui-rgb-color-danger-low));
  --gui-rgb-color-danger-active: 254,220,230;
  --gui-color-danger-active: rgb(var(--gui-rgb-color-danger-active));
  --gui-rgb-color-white: 255,255,255;
  --gui-color-white: rgb(var(--gui-rgb-color-white));
  --gui-rgb-color-black: 0,0,0;
  --gui-color-black: rgb(var(--gui-rgb-color-black));
  --gui-rgb-color-background-default: 244,247,252;
  --gui-color-background-default: rgb(var(--gui-rgb-color-background-default));
  --gui-rgb-color-background-default-high: 243,246,251;
  --gui-color-background-default-high: rgb(var(--gui-rgb-color-background-default-high));
  --gui-rgb-color-background-default-low: 253,254,255;
  --gui-color-background-default-low: rgb(var(--gui-rgb-color-background-default-low));
  --gui-rgb-color-background-default-active: 221,243,224;
  --gui-color-background-default-active: rgb(var(--gui-rgb-color-background-default-active));
  --gui-rgb-color-background-default-reverse: 136,145,166;
  --gui-color-background-default-reverse: rgb(var(--gui-rgb-color-background-default-reverse));
  --gui-rgb-color-complementary-1: 69,108,105;
  --gui-color-complementary-1: rgb(var(--gui-rgb-color-complementary-1));
  --gui-rgb-color-complementary-2: 91,139,135;
  --gui-color-complementary-2: rgb(var(--gui-rgb-color-complementary-2));
  --gui-rgb-color-complementary-3: 87,185,159;
  --gui-color-complementary-3: rgb(var(--gui-rgb-color-complementary-3));
  --gui-rgb-color-complementary-4: 116,180,155;
  --gui-color-complementary-4: rgb(var(--gui-rgb-color-complementary-4));
  --gui-rgb-color-complementary-5: 165,212,195;
  --gui-color-complementary-5: rgb(var(--gui-rgb-color-complementary-5));
  --gui-rgb-color-complementary-6: 205,236,228;
  --gui-color-complementary-6: rgb(var(--gui-rgb-color-complementary-6));
  --gui-rgb-color-complementary-7: 205,226,212;
  --gui-color-complementary-7: rgb(var(--gui-rgb-color-complementary-7));
  --gui-rgb-color-complementary-8: 224,250,196;
  --gui-color-complementary-8: rgb(var(--gui-rgb-color-complementary-8));
  --gui-rgb-color-complementary-9: 190,221,154;
  --gui-color-complementary-9: rgb(var(--gui-rgb-color-complementary-9));
  --gui-rgb-color-complementary-10: 194,230,181;
  --gui-color-complementary-10: rgb(var(--gui-rgb-color-complementary-10));
  --gui-rgb-color-complementary-11: 224,250,196;
  --gui-color-complementary-11: rgb(var(--gui-rgb-color-complementary-11));
  --gui-rgb-color-complementary-12: 151,251,186;
  --gui-color-complementary-12: rgb(var(--gui-rgb-color-complementary-12));
  --gui-rgb-color-complementary-13: 110,206,144;
  --gui-color-complementary-13: rgb(var(--gui-rgb-color-complementary-13));
  --gui-rgb-color-complementary-14: 230,254,238;
  --gui-color-complementary-14: rgb(var(--gui-rgb-color-complementary-14));
  --gui-rgb-color-neutral-1: 0,0,0;
  --gui-color-neutral-1: rgb(var(--gui-rgb-color-neutral-1));
  --gui-rgb-color-neutral-2: 30,30,30;
  --gui-color-neutral-2: rgb(var(--gui-rgb-color-neutral-2));
  --gui-rgb-color-neutral-3: 44,44,44;
  --gui-color-neutral-3: rgb(var(--gui-rgb-color-neutral-3));
  --gui-rgb-color-neutral-4: 66,66,66;
  --gui-color-neutral-4: rgb(var(--gui-rgb-color-neutral-4));
  --gui-rgb-color-neutral-5: 97,97,97;
  --gui-color-neutral-5: rgb(var(--gui-rgb-color-neutral-5));
  --gui-rgb-color-neutral-6: 117,117,117;
  --gui-color-neutral-6: rgb(var(--gui-rgb-color-neutral-6));
  --gui-rgb-color-neutral-7: 158,158,158;
  --gui-color-neutral-7: rgb(var(--gui-rgb-color-neutral-7));
  --gui-rgb-color-neutral-8: 230,230,230;
  --gui-color-neutral-8: rgb(var(--gui-rgb-color-neutral-8));
  --gui-rgb-color-neutral-9: 208,208,208;
  --gui-color-neutral-9: rgb(var(--gui-rgb-color-neutral-9));
  --gui-rgb-color-neutral-10: 224,224,224;
  --gui-color-neutral-10: rgb(var(--gui-rgb-color-neutral-10));
  --gui-rgb-color-neutral-11: 238,238,238;
  --gui-color-neutral-11: rgb(var(--gui-rgb-color-neutral-11));
  --gui-rgb-color-neutral-12: 245,245,245;
  --gui-color-neutral-12: rgb(var(--gui-rgb-color-neutral-12));
  --gui-rgb-color-neutral-13: 255,255,255;
  --gui-color-neutral-13: rgb(var(--gui-rgb-color-neutral-13));
  --gui-rgba-color-shadow-small: 93,101,108,0.08;
  --gui-color-shadow-small: rgba(var(--gui-rgba-color-shadow-small));
  --gui-rgba-color-shadow-medium: 93,101,108,0.22;
  --gui-color-shadow-medium: rgba(var(--gui-rgba-color-shadow-medium));
  --gui-rgba-color-shadow-large: 93,101,108,0.43;
  --gui-color-shadow-large: rgba(var(--gui-rgba-color-shadow-large));
  --gui-color-gradient-1: linear-gradient(90deg, var(--gui-color-primary) 0%, var(--gui-color-secondary) 100%);
  --gui-color-gradient-2: linear-gradient(90deg, var(--gui-color-complementary-1) 0%, var(--gui-color-complementary-12) 100%);
  --gui-color-gradient-3: linear-gradient(90deg, var(--gui-color-complementary-4) 0%, var(--gui-color-complementary-6) 100%);
  --gui-color-gradient-4: linear-gradient(90deg, var(--gui-color-info) 0%, var(--gui-color-danger) 100%);
}
@charset "UTF-8";
/**
  Génération de variable: Breakpoint
 */
/**
  Génération de variable: Taille de grille
 */
/**
  Génération de class: Taille de grille
 */
:root {
  --gui-grid-breakpoints-xs: 0;
  --gui-grid-breakpoints-sm: 576px;
  --gui-grid-breakpoints-md: 768px;
  --gui-grid-breakpoints-lg: 992px;
  --gui-grid-breakpoints-xl: 1200px;
  --gui-grid-breakpoints-xxl: 1368px;
  --gui-grid-width-xs: 100%;
  --gui-grid-width-sm: 540px;
  --gui-grid-width-md: 720px;
  --gui-grid-width-lg: 960px;
  --gui-grid-width-xl: 1140px;
  --gui-grid-width-xxl: 1344px;
  --gui-grid-container: var(--gui-grid-breakpoints-xl);
  --gui-col-padding: var(--gui-gutter-sm);
}
@charset "UTF-8";
/**
  Génération de variable: Taille de gouttière
 */
/**
  Génération de class: Suppression de gouttière
 */
/**
  Génération de class: Ajout de gouttière
 */
:root {
  --gui-gutter-2xs: 2px;
  --gui-gutter-xs: 4px;
  --gui-gutter-sm: 8px;
  --gui-gutter-md: 12px;
  --gui-gutter-base: 16px;
  --gui-gutter-lg: 24px;
  --gui-gutter-xl: 32px;
  --gui-gutter-2xl: 48px;
  --gui-gutter-3xl: 64px;
  --gui-gutter-4xl: 80px;
  --gui-gutter-5xl: 96px;
  --gui-gutter-6xl: 112px;
}
@charset "UTF-8";
/**
  Génération de variable: Taille de heading
 */
/**
  Génération de variable: Hauteur du heading
 */
/**
  Génération de variable: Epaisseur de heading
 */
/**
  Génération de variable: Taille de heading mobile
 */
/**
  Génération de variable: Hauteur du heading mobile
 */
/**
  Génération de variable: Epaisseur de heading mobile
 */
/**
  Génération de variable: Font de heading
 */
/**
  Génération de variable: Font de heading mobile
 */
:root {
  --gui-heading-color: var(--gui-color-tertiary);
  --gui-heading-font-weight: var(--gui-text-font-weight-bold);
  --gui-heading-font-weight-mobile: var(--gui-text-font-weight-semi-bold);
  --gui-h1-font-size: 46px;
  --gui-h2-font-size: 34px;
  --gui-h3-font-size: 26px;
  --gui-h4-font-size: 21px;
  --gui-h5-font-size: 16px;
  --gui-h6-font-size: 14px;
  --gui-h1-line-height: 56px;
  --gui-h2-line-height: 42px;
  --gui-h3-line-height: 32px;
  --gui-h4-line-height: 26px;
  --gui-h5-line-height: 20px;
  --gui-h6-line-height: 18px;
  --gui-h1-font-size-mobile: 32px;
  --gui-h2-font-size-mobile: 26px;
  --gui-h3-font-size-mobile: 21px;
  --gui-h4-font-size-mobile: 18px;
  --gui-h5-font-size-mobile: 14px;
  --gui-h6-font-size-mobile: 12px;
  --gui-h1-line-height-mobile: 40px;
  --gui-h2-line-height-mobile: 32px;
  --gui-h3-line-height-mobile: 26px;
  --gui-h4-line-height-mobile: 22px;
  --gui-h5-line-height-mobile: 18px;
  --gui-h6-line-height-mobile: 16px;
  --gui-h1-font-weight: var(--gui-heading-font-weight);
  --gui-h2-font-weight: var(--gui-heading-font-weight);
  --gui-h3-font-weight: var(--gui-heading-font-weight);
  --gui-h4-font-weight: var(--gui-heading-font-weight);
  --gui-h5-font-weight: var(--gui-heading-font-weight);
  --gui-h6-font-weight: var(--gui-heading-font-weight);
  --gui-h1-font-weight-mobile: var(--gui-heading-font-weight-mobile);
  --gui-h2-font-weight-mobile: var(--gui-heading-font-weight-mobile);
  --gui-h3-font-weight-mobile: var(--gui-heading-font-weight-mobile);
  --gui-h4-font-weight-mobile: var(--gui-heading-font-weight-mobile);
  --gui-h5-font-weight-mobile: var(--gui-heading-font-weight-mobile);
  --gui-h6-font-weight-mobile: var(--gui-heading-font-weight-mobile);
  --gui-h1-font-family: var(--gui-font-family-heading);
  --gui-h2-font-family: var(--gui-font-family-heading);
  --gui-h3-font-family: var(--gui-font-family-heading);
  --gui-h4-font-family: var(--gui-font-family-heading);
  --gui-h5-font-family: var(--gui-font-family-heading);
  --gui-h6-font-family: var(--gui-font-family-heading);
  --gui-h1-font-family-mobile: var(--gui-font-family-heading);
  --gui-h2-font-family-mobile: var(--gui-font-family-heading);
  --gui-h3-font-family-mobile: var(--gui-font-family-heading);
  --gui-h4-font-family-mobile: var(--gui-font-family-heading);
  --gui-h5-font-family-mobile: var(--gui-font-family-heading);
  --gui-h6-font-family-mobile: var(--gui-font-family-heading);
}
:root {
  --gui-list-style: disc;
  --gui-list-content: unset;
  --gui-list-item-left: calc(-1 * var(--gui-gutter-xl));
  --gui-list-item-size: 16px;
  --gui-list-item-image: unset;
}
@charset "UTF-8";
/**
  Génération de variable: Shadow
 */
/**
  Génération de class: Shadow
 */
:root {
  --gui-shadow-small: 0 1px 27px var(--gui-color-shadow-small);
  --gui-shadow-medium: 0 16px 36px var(--gui-color-shadow-medium);
  --gui-shadow-large: 0 1px 18px var(--gui-color-shadow-large);
}
@charset "UTF-8";
/**
  Génération de variable: Taille de texte
 */
/**
  Génération de variable: Taille de texte
 */
/**
  Génération de variable: Hauteur du text
 */
/**
  Génération de variable: Epaisseur de texte
 */
/**
  Génération de class: Epaisseur de texte
 */
/**
  Génération de class: Taille de texte
 */
/**
  Génération de class: Hauteur texte
 */
/**
  Génération de class: Hauteur texte
 */
/**
  Génération de class: Epaisseur de texte
 */
:root {
  --gui-font-family-default: Poppins;
  --gui-font-family-heading: Barlow Condensed;
  --gui-text-font-size-extra-small: 10px;
  --gui-text-font-size-small: 12px;
  --gui-text-font-size-medium: 14px;
  --gui-text-font-size-large: 16px;
  --gui-text-font-size-extra-large: 18px;
  --gui-text-line-height-extra-small: 16px;
  --gui-text-line-height-small: 18px;
  --gui-text-line-height-medium: 22px;
  --gui-text-line-height-large: 24px;
  --gui-text-line-height-extra-large: 28px;
  --gui-text-font-size: var(--gui-text-font-size-medium);
  --gui-text-line-height: var(--gui-text-line-height-medium);
  --gui-text-font-size-mobile: var(--gui-text-font-size-small);
  --gui-text-line-height-mobile: var(--gui-text-line-height-small);
  --gui-text-font-weight-extra-light: 200;
  --gui-text-font-weight-light: 300;
  --gui-text-font-weight-regular: 400;
  --gui-text-font-weight-medium: 500;
  --gui-text-font-weight-semi-bold: 600;
  --gui-text-font-weight-bold: 700;
  --gui-text-font-weight-extra-bold: 800;
  --gui-text-font-weight-black: 900;
  --gui-text-font-weight: var(--gui-text-font-weight-medium);
}
:root {
  --gui-action-sheet-icon-background-color: var(--gui-color-tertiary);
  --gui-action-sheet-backdrop-background-color: var(--gui-color-tertiary);
}
:root {
  --gui-url-static-icons: "/";
  --gui-header-height: 56px;
  --gui-border-input-list: 1px solid var(--gui-color-neutral-5);
  --gui-notification-background: var(--gui-color-white);
  --gui-notification-color: var(--gui-color-primary);
  --gui-separator-height: 1px;
  --gui-separator-color: var(--gui-color-neutral-11);
  --gui-error-font-size: 12px;
  --gui-form-width-sm: var(--gui-grid-breakpoints-lg);
  --gui-select-height: 40px;
}
:root {
  --gui-placeholder-color: var(--gui-color-neutral-5);
  --gui-placeholder-font-size: var(--gui-text-font-size-small);
  --gui-placeholder-font-weight: var(--gui-text-font-weight-regular);
  --gui-placeholder-line-height: 18px;
  --gui-input-small-height: 34px;
  --gui-input-medium-height: 46px;
  --gui-input-large-height: 72px;
  --gui-input-color: var(--gui-color-tertiary);
  --gui-input-value-color: var(--gui-text-color);
  --gui-input-value-font-size: var(--gui-text-font-size-small);
  --gui-input-label-margin-bottom: var(--gui-gutter-sm);
  --gui-input-focused-label-color: var(--gui-color-secondary);
  --gui-input-border-color: var(--gui-color-tertiary);
  --gui-input-focus-border-color: var(--gui-color-primary);
  --gui-input-focus-background-color: var(--gui-color-primary-low);
  --gui-input-border-color-error: var(--gui-color-danger);
  --gui-input-border-color-success: var(--gui-input-border-color);
}
:root {
  /* SMALL */
  --gui-label-small-font-size: var(--gui-text-font-size-small);
  --gui-label-small-font-weight: var(--gui-text-font-weight-medium);
  --gui-label-small-line-height: var(--gui-text-line-height-small);
  /* MEDIUM */
  --gui-label-medium-font-size: var(--gui-text-font-size-large);
  --gui-label-medium-font-weight: var(--gui-text-font-weight-medium);
  --gui-label-medium-line-height: var(--gui-text-line-height-large);
  /* LARGE */
  --gui-label-large-font-size: var(--gui-text-font-size-extra-large);
  --gui-label-large-font-weight: var(--gui-text-font-weight-medium);
  --gui-label-large-line-height: var(--gui-text-line-height-extra-large);
  /* DEFAULT */
  --gui-label-font-size: var(--gui-label-medium-font-size);
  --gui-label-font-weight: var(--gui-label-medium-font-weight);
  --gui-label-line-height: 1.5;
  --gui-label-font-family: var(--gui-font-family-default);
  --gui-label-font-size-mobile: 12px;
  --gui-label-color: var(--gui-color-tertiary);
  --gui-label-focused-color: var(--gui-color-primary);
}
:root {
  --gui-link-font-size: var(--gui-text-font-size-small);
  --gui-link-font-weight: var(--gui-text-font-weight-regular);
  --gui-link-line-height: var(--gui-text-line-height-small);
  --gui-link-text-decoration: none;
  --gui-link-color: var(--gui-color-primary);
  --gui-link-hover-color: var(--gui-color-primary-active);
  --gui-link-hover-text-decoration: none;
  --gui-link-darken-color: var(--gui-color-secondary);
  --gui-link-darken-hover-color: var(--gui-color-primary);
  --gui-link-paragraph-font-size: inherit;
  --gui-link-paragraph-line-height: inherit;
  --gui-link-paragraph-font-weight: inherit;
}
:root {
  --gui-modal-backdrop-color: rgba(var(--gui-rgb-color-tertiary), 0.8);
  --gui-modal-width: 600px;
}
:root {
  --gui-scrollbar-overflow-y: overlay;
  --gui-scrollbar-width: 24px;
  --gui-scrollbar-thumb-height: 8px;
  --gui-scrollbar-thumb-border-width: 8px;
  --gui-scrollbar-thumb-border-color: rgba(0, 0, 0, 0);
  --gui-scrollbar-thumb-border-radius: 100px;
  --gui-scrollbar-thumb-color: #BEC0CF;
  --gui-scrollbar-overflow: overlay;
}
:root {
  --gui-hover-text-color: var(--gui-color-primary);
  --gui-hover-icon-color: var(--gui-hover-text-color);
  --gui-hover-background-color: inherit;
  --gui-hover-border-color: var(--gui-color-primary);
  --gui-selected-text-color: var(--gui-color-primary);
  --gui-selected-icon-color: var(--gui-selected-text-color);
  --gui-selected-background-color: var(--gui-color-background-default-active);
  --gui-selected-border-color: var(--gui-color-primary);
}
:root {
  --gui-transition-duration-very-fast: 100ms;
  --gui-transition-duration-fast: 200ms;
  --gui-transition-duration-normal: 300ms;
  --gui-transition-duration-slow: 400ms;
  --gui-transition-duration-very-slow: 500ms;
  --gui-transition-translate-value-xs: 4px;
  --gui-transition-translate-value-sm: 8px;
  --gui-transition-translate-value-md: 12px;
  --gui-transition-translate-value-base: 16px;
  --gui-transition-translate-value-lg: 24px;
  --gui-transition-translate-value-xl: 32px;
  --gui-transition-translate-value-xxl: 48px;
  --gui-transition-translate-value-xxxl: 64px;
  --gui-transition-button-hover: background-color var(--gui-transition-duration-fast) cubic-bezier(0.22, 0.61, 0.36, 1), color var(--gui-transition-duration-fast) cubic-bezier(0.22, 0.61, 0.36, 1);
}