@charset "UTF-8";
/* 
Theme Name: SXL-02020-P-B-BB-App-Globfit
Theme URI: https://sitixel.com/
Description: Thème SITIXEL pour l'application Globfit
Author: SITIXEL
Author URI: https://sitixel.com/
Template:     bricks
Version:      1.0
Text Domain:  bricks
*/
@font-face {
  font-family: 'Outfit';
  src: url("/wp-content/themes/SXL-02020-P-B-BB-App-Globfit/assets/fonts/Outfit-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Outfit';
  src: url("/wp-content/themes/SXL-02020-P-B-BB-App-Globfit/assets/fonts/Outfit-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Outfit';
  src: url("/wp-content/themes/SXL-02020-P-B-BB-App-Globfit/assets/fonts/Outfit-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Inter';
  src: url("/wp-content/themes/SXL-02020-P-B-BB-App-Globfit/assets/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Inter';
  src: url("/wp-content/themes/SXL-02020-P-B-BB-App-Globfit/assets/fonts/Inter-Medium.woff2") format("woff2");
  font-weight: medium;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Inter';
  src: url("/wp-content/themes/SXL-02020-P-B-BB-App-Globfit/assets/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
:root {
  /* @sxl-category: Texte Fonts | order: 40 | scope: vars */
  --sxl-font-primary: 'Outfit';
  --sxl-font-secondary: 'Inter';
  /* @sxl-category: Couleurs de base | order: 10 | scope: vars */
  --sxl-primary: #00B6C7;
  --sxl-primary-alter: #0093B5;
  --sxl-secondary: #0078C1;
  --sxl-secondary-alter: #003353;
  --sxl-third: #ff6b4a;
  --sxl-third-alter: #e4543a;
  --sxl-fourth: #95C700;
  --sxl-fifth: #C24F00;
  --sxl-bg: #f7f9fb;
  --sxl-bg-alpha-30: color-mix(in srgb, var(--sxl-bg) 30%, transparent);
  --sxl-text: #111827;
  --sxl-text-darken: #000000;
  --sxl-grey-lighten: #ececec;
  --sxl-grey-medium: #d5d5d5;
  --sxl-grey-darken: #b1b1b1;
  --sxl-grey-alter: #6e6e6e;
  --sxl-border-light: #e7f5f8;
  --sxl-border-dark: #bec5cf;
  --sxl-alpha-0: #00000000;
  --sxl-shadow-primary: color-mix(in srgb, var(--sxl-primary) 30%, transparent);
  --sxl-shadow-secondary: color-mix(in srgb, var(--sxl-secondary) 30%, transparent);
  --sxl-shadow-third: color-mix(in srgb, var(--sxl-third) 30%, transparent);
  /* @sxl-category: Couleurs Black & White | order: 20 | scope: vars */
  --sxl-black: #000000;
  --sxl-black-5: color-mix(in srgb, var(--sxl-black) 5%, transparent);
  --sxl-black-10: color-mix(in srgb, var(--sxl-black) 10%, transparent);
  --sxl-black-20: color-mix(in srgb, var(--sxl-black) 20%, transparent);
  --sxl-black-30: color-mix(in srgb, var(--sxl-black) 30%, transparent);
  --sxl-black-40: color-mix(in srgb, var(--sxl-black) 40%, transparent);
  --sxl-black-50: color-mix(in srgb, var(--sxl-black) 50%, transparent);
  --sxl-black-60: color-mix(in srgb, var(--sxl-black) 60%, transparent);
  --sxl-black-70: color-mix(in srgb, var(--sxl-black) 70%, transparent);
  --sxl-black-80: color-mix(in srgb, var(--sxl-black) 80%, transparent);
  --sxl-black-90: color-mix(in srgb, var(--sxl-black) 90%, transparent);
  --sxl-white: #ffffff;
  --sxl-white-5: color-mix(in srgb, var(--sxl-white) 5%, transparent);
  --sxl-white-10: color-mix(in srgb, var(--sxl-white) 10%, transparent);
  --sxl-white-20: color-mix(in srgb, var(--sxl-white) 20%, transparent);
  --sxl-white-30: color-mix(in srgb, var(--sxl-white) 30%, transparent);
  --sxl-white-40: color-mix(in srgb, var(--sxl-white) 40%, transparent);
  --sxl-white-50: color-mix(in srgb, var(--sxl-white) 50%, transparent);
  --sxl-white-60: color-mix(in srgb, var(--sxl-white) 60%, transparent);
  --sxl-white-70: color-mix(in srgb, var(--sxl-white) 70%, transparent);
  --sxl-white-80: color-mix(in srgb, var(--sxl-white) 80%, transparent);
  --sxl-white-90: color-mix(in srgb, var(--sxl-white) 90%, transparent);
  --sxl-grey-05: #f2f2f2;
  --sxl-grey-10: #e6e6e6;
  --sxl-grey-20: #cccccc;
  --sxl-grey-30: #b3b3b3;
  --sxl-grey-40: #999999;
  --sxl-grey-50: #808080;
  --sxl-grey-60: #666666;
  --sxl-grey-70: #4d4d4d;
  --sxl-grey-80: #333333;
  --sxl-grey-90: #1a1a1a;
  /* @sxl-category: Couleurs notices | order: 30 | scope: vars */
  --sxl-info-text: #0e88a6;
  --sxl-info-bg: #9fcfdb;
  --sxl-info: #0e88a6;
  --sxl-success-text: #1fa971;
  --sxl-success-bg: #a5ddc6;
  --sxl-success: #1fa971;
  --sxl-warning-text: #ffc145;
  --sxl-warning-bg: #ffe6b5;
  --sxl-warning: #ffc145;
  --sxl-error-text: #e25b5b;
  --sxl-error-bg: #f3bdbd;
  --sxl-error: #e25b5b;
  /* @sxl-category: Composants | order: 35 | scope: vars */
  --sxl-ui-bg: var(--sxl-bg);
  --sxl-ui-bg-card: var(--sxl-neutral-50);
  --sxl-ui-surface: var(--sxl-neutral-50);
  --sxl-ui-surface-2: var(--sxl-neutral-100);
  --sxl-ui-border-form: var(--sxl-grey-darken);
  --sxl-ui-border-ui: var(--sxl-grey-darken);
  --sxl-ui-text: var(--sxl-text);
  --sxl-ui-text-muted: color-mix(in srgb, var(--sxl-ui-text) 70%, transparent);
  --sxl-ui-title: var(--sxl-text);
  --sxl-ui-subtitle: var(--sxl-text);
  --sxl-ui-icon-neutral: var(--sxl-grey-alter);
  --sxl-ui-icon-primary: var(--sxl-primary);
  --sxl-ui-icon-secondary: var(--sxl-secondary);
  --sxl-ui-btn-primary: var(--sxl-primary);
  --sxl-ui-btn-primary-hover: var(--sxl-primary-alter);
  --sxl-ui-btn-secondary: var(--sxl-secondary);
  --sxl-ui-btn-secondary-hover: var(--sxl-secondary-alter);
  --sxl-ui-btn-contrast: var(--sxl-primary);
  --sxl-ui-btn-contrast-hover: var(--sxl-secondary);
  --sxl-ui-btn-neutral: var(--sxl-alpha-0);
  --sxl-ui-btn-neutral-hover: var(--sxl-black-10);
  /* @sxl-category: Spaces | order: 80 | scope: vars */
  --min-screen-width: 320px;
  --max-screen-width: 1400px;
  --sxl-default-block-space: 60px;
  --sxl-space-2xs-raw: clamp(0.44rem, calc(0.91vw + 0.26rem), 1.06rem);
  --sxl-space-xs-raw: clamp(0.49rem, calc(1.35vw + 0.22rem), 1.41rem);
  --sxl-space-s-raw: clamp(0.56rem, calc(1.96vw + 0.16rem), 1.88rem);
  --sxl-space-m-raw: clamp(0.63rem, calc(2.78vw + 0.07rem), 2.5rem);
  --sxl-space-l-raw: clamp(0.7rem, calc(3.9vw + -0.08rem), 3.33rem);
  --sxl-space-xl-raw: clamp(0.79rem, calc(5.41vw + -0.29rem), 4.44rem);
  --sxl-space-2xl-raw: clamp(0.89rem, calc(7.45vw + -0.6rem), 5.92rem);
  --sxl-space-3xl-raw: clamp(1rem, calc(10.21vw + -1.04rem), 7.89rem);
  --sxl-space-4xl-raw: clamp(1.13rem, calc(13.92vw + -1.66rem), 10.52rem);
  --sxl-space-2xs: var(--sxl-space-2xs-raw);
  --sxl-space-xs: var(--sxl-space-xs-raw);
  --sxl-space-s: var(--sxl-space-s-raw);
  --sxl-space-m: var(--sxl-space-m-raw);
  --sxl-space-l: var(--sxl-space-l-raw);
  --sxl-space-xl: var(--sxl-space-xl-raw);
  --sxl-space-2xl: var(--sxl-space-2xl-raw);
  --sxl-space-3xl: var(--sxl-space-3xl-raw);
  --sxl-space-4xl: var(--sxl-space-4xl-raw);
  /* @sxl-category: Texte Taille | order: 50 | scope: vars */
  --sxl-text-2xs: clamp(0.84rem, calc(0.26vw + 0.76rem), 1.12rem);
  --sxl-text-xs: clamp(0.95rem, calc(0.29vw + 0.86rem), 1.26rem);
  --sxl-text-s: clamp(1.07rem, calc(0.33vw + 0.96rem), 1.42rem);
  --sxl-text-m: clamp(1.2rem, calc(0.37vw + 1.08rem), 1.6rem);
  --sxl-text-l: clamp(1.35rem, calc(0.42vw + 1.22rem), 1.8rem);
  --sxl-text-xl: clamp(1.52rem, calc(0.47vw + 1.37rem), 2.02rem);
  --sxl-text-2xl: clamp(1.71rem, calc(0.53vw + 1.54rem), 2.28rem);
  --sxl-text-3xl: clamp(1.92rem, calc(0.59vw + 1.73rem), 2.56rem);
  --sxl-text-4xl: clamp(2.16rem, calc(0.67vw + 1.95rem), 2.88rem);
  /* @sxl-category: Texte Graisse | order: 60 | scope: vars */
  --sxl-font-weight-100: 100;
  --sxl-font-weight-200: 200;
  --sxl-font-weight-300: 300;
  --sxl-font-weight-400: 400;
  /* regular */
  --sxl-font-weight-500: 500;
  --sxl-font-weight-600: 600;
  --sxl-font-weight-700: 700;
  /* bold */
  --sxl-font-weight-800: 800;
  --sxl-font-weight-900: 900;
  /* @sxl-category: Texte Line Height | order: 70 | scope: vars */
  --sxl-lh-xs: clamp(1.00375rem, calc(1.00375rem + 0vw), 1.00375rem);
  --sxl-lh-s: clamp(1.09rem, calc(1.09rem + 0vw), 1.09rem);
  --sxl-lh-m: clamp(1.1875rem, calc(1.12955rem + 0.244vw), 1.3125rem);
  --sxl-lh-l: clamp(1.296875rem, calc(1.13538rem + 0.68vw), 1.645625rem);
  --sxl-lh-xl: clamp(1.42rem, calc(1.10983rem + 1.306vw), 2.089375rem);
  --sxl-lh-2xl: clamp(1.558125rem, calc(1.03776rem + 2.191vw), 2.68125rem);
  --sxl-lh-3xl: clamp(1.714375rem, calc(0.9007rem + 3.426vw), 3.47rem);
  --sxl-lh-4xl: clamp(1.889375rem, calc(0.66981rem + 5.135vw), 4.52125rem);
  /* @sxl-category: Others | order: 90 | scope: vars */
  --sxl-border-radius: 8px; }

[data-theme="dark"] {
  /* @sxl-category: Dark Theme Base | order: 100 | scope: vars */
  --sxl-bg: #111827;
  --sxl-bg-alpha-30: color-mix(in srgb, var(--sxl-bg) 30%, transparent);
  --sxl-bg-cards: #ffffff;
  --sxl-text: #111827;
  --sxl-text-darken: #000000;
  --sxl-grey-lighten: #ececec;
  --sxl-grey-medium: #d5d5d5;
  --sxl-grey-darken: #b1b1b1;
  --sxl-grey-alter: #6e6e6e;
  --sxl-border-light: #e7f5f8;
  --sxl-border-dark: #bec5cf;
  /* @sxl-category: Dark Theme Composants | order: 105 | scope: vars */
  --sxl-ui-bg: var(--sxl-bg);
  --sxl-ui-bg-card: var(--sxl-neutral-50);
  --sxl-ui-surface: var(--sxl-neutral-50);
  --sxl-ui-surface-2: var(--sxl-neutral-100);
  --sxl-ui-border-form: var(--sxl-grey-darken);
  --sxl-ui-border-ui: var(--sxl-grey-darken);
  --sxl-ui-text: var(--sxl-text);
  --sxl-ui-text-muted: color-mix(in srgb, var(--sxl-ui-text) 70%, transparent);
  --sxl-ui-title: var(--sxl-text);
  --sxl-ui-subtitle: var(--sxl-text);
  --sxl-ui-icon-neutral: var(--sxl-grey-alter);
  --sxl-ui-icon-primary: var(--sxl-primary);
  --sxl-ui-icon-secondary: var(--sxl-secondary);
  --sxl-ui-btn-primary: var(--sxl-primary);
  --sxl-ui-btn-primary-hover: var(--sxl-primary-alter);
  --sxl-ui-btn-secondary: var(--sxl-secondary);
  --sxl-ui-btn-secondary-hover: var(--sxl-secondary-alter);
  --sxl-ui-btn-contrast: var(--sxl-primary);
  --sxl-ui-btn-contrast-hover: var(--sxl-secondary);
  --sxl-ui-btn-neutral: var(--sxl-alpha-0);
  --sxl-ui-btn-neutral-hover: var(--sxl-black-10); }

/* Sur mobile portrait : impose un plancher confortable
   (base 16px → 0.75rem=12px, 0.875rem=14px, 1rem=16px, 1.25rem=20px, etc.) */
@media (max-width: 480px) and (orientation: portrait) {
  :root {
    /* @sxl-category: Unused | order: 200 | scope: vars */
    --sxl-space-2xs: max(0.75rem, var(--sxl-space-2xs-raw));
    /* ≥12px */
    --sxl-space-xs: max(0.875rem, var(--sxl-space-xs-raw));
    /* ≥14px */
    --sxl-space-s: max(1rem, var(--sxl-space-s-raw));
    /* ≥16px */
    --sxl-space-m: max(1.25rem, var(--sxl-space-m-raw));
    /* ≥20px */
    --sxl-space-l: max(1.5rem, var(--sxl-space-l-raw));
    /* ≥24px */
    --sxl-space-xl: max(1.75rem, var(--sxl-space-xl-raw));
    /* ≥28px */
    --sxl-space-2xl: max(2rem, var(--sxl-space-2xl-raw));
    /* ≥32px */
    --sxl-space-3xl: max(2.25rem, var(--sxl-space-3xl-raw));
    /* ≥36px */
    --sxl-space-4xl: max(2.5rem, var(--sxl-space-4xl-raw));
    /* ≥40px */ } }
/* @sxl-category: Font Family | order: 10 | scope: classes */
.sxl-primary-font {
  font-family: var(--sxl-font-primary); }

.sxl-secondary-font {
  font-family: var(--sxl-font-secondary); }

/* @sxl-category: Espaces blocs par défaut | order: 60 | scope: classes */
.sxl-padding-0 {
  padding: 0; }

.sxl-padding-horizontal-0 {
  padding-left: 0;
  padding-right: 0; }

.sxl-padding-vertical-0 {
  padding-top: 0;
  padding-bottom: 0; }

.sxl-padding-horizontal-m {
  padding-left: var(--sxl-space-m);
  padding-right: var(--sxl-space-m); }

.sxl-padding-vertical-m {
  padding-top: var(--sxl-space-m);
  padding-bottom: var(--sxl-space-m); }

.sxl-padding-default {
  padding-left: var(--sxl-space-m);
  padding-right: var(--sxl-space-m);
  padding-top: var(--sxl-default-block-space);
  padding-bottom: var(--sxl-default-block-space); }

/* @sxl-category: Textes Taille | order: 20 | scope: classes */
.sxl-text-2xs,
.sxl-text-2xs h1,
.sxl-text-2xs h2,
.sxl-text-2xs h3,
.sxl-text-2xs h4,
.sxl-text-2xs h5,
.sxl-text-2xs h6,
.sxl-text-2xs p,
.sxl-text-2xs ol,
.sxl-text-2xs ul {
  font-size: var(--sxl-text-2xs) !important; }

.sxl-text-xs,
.sxl-text-xs h1,
.sxl-text-xs h2,
.sxl-text-xs h3,
.sxl-text-xs h4,
.sxl-text-xs h5,
.sxl-text-xs h6,
.sxl-text-xs p,
.sxl-text-xs ol,
.sxl-text-xs ul {
  font-size: var(--sxl-text-xs) !important; }

.sxl-text-s,
.sxl-text-s h1,
.sxl-text-s h2,
.sxl-text-s h3,
.sxl-text-s h4,
.sxl-text-s h5,
.sxl-text-s h6,
.sxl-text-s p,
.sxl-text-s ol,
.sxl-text-s ul {
  font-size: var(--sxl-text-s) !important; }

.sxl-text-m,
.sxl-text-m h1,
.sxl-text-m h2,
.sxl-text-m h3,
.sxl-text-m h4,
.sxl-text-m h5,
.sxl-text-m h6,
.sxl-text-m p,
.sxl-text-m ol,
.sxl-text-m ul {
  font-size: var(--sxl-text-m) !important; }

.sxl-text-l,
.sxl-text-l h1,
.sxl-text-l h2,
.sxl-text-l h3,
.sxl-text-l h4,
.sxl-text-l h5,
.sxl-text-l h6,
.sxl-text-l p,
.sxl-text-l ol,
.sxl-text-l ul {
  font-size: var(--sxl-text-l) !important; }

.sxl-text-xl,
.sxl-text-xl h1,
.sxl-text-xl h2,
.sxl-text-xl h3,
.sxl-text-xl h4,
.sxl-text-xl h5,
.sxl-text-xl h6,
.sxl-text-xl p,
.sxl-text-xl ol,
.sxl-text-xl ul {
  font-size: var(--sxl-text-xl) !important; }

.sxl-text-2xl,
.sxl-text-2xl h1,
.sxl-text-2xl h2,
.sxl-text-2xl h3,
.sxl-text-2xl h4,
.sxl-text-2xl h5,
.sxl-text-2xl h6,
.sxl-text-2xl p,
.sxl-text-2xl ol,
.sxl-text-2xl ul {
  font-size: var(--sxl-text-2xl) !important; }

.sxl-text-3xl,
.sxl-text-3xl h1,
.sxl-text-3xl h2,
.sxl-text-3xl h3,
.sxl-text-3xl h4,
.sxl-text-3xl h5,
.sxl-text-3xl h6,
.sxl-text-3xl p,
.sxl-text-3xl ol,
.sxl-text-3xl ul {
  font-size: var(--sxl-text-3xl) !important; }

.sxl-text-4xl,
.sxl-text-4xl h1,
.sxl-text-4xl h2,
.sxl-text-4xl h3,
.sxl-text-4xl h4,
.sxl-text-4xl h5,
.sxl-text-4xl h6,
.sxl-text-4xl p,
.sxl-text-4xl ol,
.sxl-text-4xl ul {
  font-size: var(--sxl-text-4xl) !important; }

/* @sxl-category: Textes Graisse | order: 30 | scope: classes */
.sxl-weight-100,
.sxl-weight-100 h1,
.sxl-weight-100 h2,
.sxl-weight-100 h3,
.sxl-weight-100 h4,
.sxl-weight-100 h5,
.sxl-weight-100 h6,
.sxl-weight-100 p,
.sxl-weight-100 ol,
.sxl-weight-100 ul {
  font-weight: var(--sxl-font-weight-100); }

.sxl-weight-200,
.sxl-weight-200 h1,
.sxl-weight-200 h2,
.sxl-weight-200 h3,
.sxl-weight-200 h4,
.sxl-weight-200 h5,
.sxl-weight-200 h6,
.sxl-weight-200 p,
.sxl-weight-200 ol,
.sxl-weight-200 ul {
  font-weight: var(--sxl-font-weight-200); }

.sxl-weight-300,
.sxl-weight-300 h1,
.sxl-weight-300 h2,
.sxl-weight-300 h3,
.sxl-weight-300 h4,
.sxl-weight-300 h5,
.sxl-weight-300 h6,
.sxl-weight-300 p,
.sxl-weight-300 ol,
.sxl-weight-300 ul {
  font-weight: var(--sxl-font-weight-300); }

.sxl-weight-400,
.sxl-weight-400 h1,
.sxl-weight-400 h2,
.sxl-weight-400 h3,
.sxl-weight-400 h4,
.sxl-weight-400 h5,
.sxl-weight-400 h6,
.sxl-weight-400 p,
.sxl-weight-400 ol,
.sxl-weight-400 ul {
  font-weight: var(--sxl-font-weight-400); }

.sxl-weight-500,
.sxl-weight-500 h1,
.sxl-weight-500 h2,
.sxl-weight-500 h3,
.sxl-weight-500 h4,
.sxl-weight-500 h5,
.sxl-weight-500 h6,
.sxl-weight-500 p,
.sxl-weight-500 ol,
.sxl-weight-500 ul {
  font-weight: var(--sxl-font-weight-500); }

.sxl-weight-600,
.sxl-weight-600 h1,
.sxl-weight-600 h2,
.sxl-weight-600 h3,
.sxl-weight-600 h4,
.sxl-weight-600 h5,
.sxl-weight-600 h6,
.sxl-weight-600 p,
.sxl-weight-600 ol,
.sxl-weight-600 ul {
  font-weight: var(--sxl-font-weight-600); }

.sxl-weight-700,
.sxl-weight-700 h1,
.sxl-weight-700 h2,
.sxl-weight-700 h3,
.sxl-weight-700 h4,
.sxl-weight-700 h5,
.sxl-weight-700 h6,
.sxl-weight-700 p,
.sxl-weight-700 ol,
.sxl-weight-700 ul {
  font-weight: var(--sxl-font-weight-700); }

.sxl-weight-800,
.sxl-weight-800 h1,
.sxl-weight-800 h2,
.sxl-weight-800 h3,
.sxl-weight-800 h4,
.sxl-weight-800 h5,
.sxl-weight-800 h6,
.sxl-weight-800 p,
.sxl-weight-800 ol,
.sxl-weight-800 ul {
  font-weight: var(--sxl-font-weight-800); }

.sxl-weight-900,
.sxl-weight-900 h1,
.sxl-weight-900 h2,
.sxl-weight-900 h3,
.sxl-weight-900 h4,
.sxl-weight-900 h5,
.sxl-weight-900 h6,
.sxl-weight-900 p,
.sxl-weight-900 ol,
.sxl-weight-900 ul {
  font-weight: var(--sxl-font-weight-900); }

/* @sxl-category: Textes Titres | order: 40 | scope: classes */
.sxl-h1 h1 {
  font-size: var(--sxl-text-3xl);
  line-height: var(--sxl-lh-4xl); }

.sxl-h2 h2 {
  font-size: var(--sxl-text-2xl);
  line-height: var(--sxl-lh-3xl); }

.sxl-h3 h3 {
  font-size: var(--sxl-text-xl);
  line-height: var(--sxl-lh-2xl); }

.sxl-h4 h4 {
  font-size: var(--sxl-text-l);
  line-height: var(--sxl-lh-xl); }

.sxl-h5 h5 {
  font-size: var(--sxl-text-m);
  line-height: var(--sxl-lh-l); }

.sxl-h6 h6 {
  font-size: var(--sxl-text-m);
  line-height: var(--sxl-lh-m); }

.sxl-p p {
  font-size: var(--sxl-text-m);
  font-weight: var(--sxl-font-weight-400);
  line-height: var(--sxl-lh-m); }

/* @sxl-category: Textes Line Height | order: 50 | scope: classes */
.sxl-lh-xs {
  line-height: var(--sxl-lh-xs); }

.sxl-lh-s {
  line-height: var(--sxl-lh-s); }

.sxl-lh-m {
  line-height: var(--sxl-lh-m); }

.sxl-lh-l {
  line-height: var(--sxl-lh-l); }

.sxl-lh-xl {
  line-height: var(--sxl-lh-xl); }

.sxl-lh-2xl {
  line-height: var(--sxl-lh-2xl); }

.sxl-lh-3xl {
  line-height: var(--sxl-lh-3xl); }

.sxl-lh-4xl {
  line-height: var(--sxl-lh-4xl); }

/* @sxl-category: Padding | order: 90 | scope: classes */
.sxl-padding-2xs {
  padding: var(--sxl-space-2xs); }

.sxl-padding-xs {
  padding: var(--sxl-space-xs); }

.sxl-padding-s {
  padding: var(--sxl-space-s); }

.sxl-padding-m {
  padding: var(--sxl-space-m); }

.sxl-padding-l {
  padding: var(--sxl-space-l); }

.sxl-padding-xl {
  padding: var(--sxl-space-xl); }

.sxl-padding-2xl {
  padding: var(--sxl-space-2xl); }

.sxl-padding-3xl {
  padding: var(--sxl-space-3xl); }

.sxl-padding-4xl {
  padding: var(--sxl-space-4xl); }

.sxl-padding-left-2xs {
  padding-left: var(--sxl-space-2xs); }

.sxl-padding-left-xs {
  padding-left: var(--sxl-space-xs); }

.sxl-padding-left-s {
  padding-left: var(--sxl-space-s); }

.sxl-padding-left-m {
  padding-left: var(--sxl-space-m); }

.sxl-padding-left-l {
  padding-left: var(--sxl-space-l); }

.sxl-padding-left-xl {
  padding-left: var(--sxl-space-xl); }

.sxl-padding-left-2xl {
  padding-left: var(--sxl-space-2xl); }

.sxl-padding-left-3xl {
  padding-left: var(--sxl-space-3xl); }

.sxl-padding-left-4xl {
  padding-left: var(--sxl-space-4xl); }

.sxl-padding-right-2xs {
  padding-right: var(--sxl-space-2xs); }

.sxl-padding-right-xs {
  padding-right: var(--sxl-space-xs); }

.sxl-padding-right-s {
  padding-right: var(--sxl-space-s); }

.sxl-padding-right-m {
  padding-right: var(--sxl-space-m); }

.sxl-padding-right-l {
  padding-right: var(--sxl-space-l); }

.sxl-padding-right-xl {
  padding-right: var(--sxl-space-xl); }

.sxl-padding-right-2xl {
  padding-right: var(--sxl-space-2xl); }

.sxl-padding-right-3xl {
  padding-right: var(--sxl-space-3xl); }

.sxl-padding-right-4xl {
  padding-right: var(--sxl-space-4xl); }

.sxl-padding-top-2xs {
  padding-top: var(--sxl-space-2xs); }

.sxl-padding-top-xs {
  padding-top: var(--sxl-space-xs); }

.sxl-padding-top-s {
  padding-top: var(--sxl-space-s); }

.sxl-padding-top-m {
  padding-top: var(--sxl-space-m); }

.sxl-padding-top-l {
  padding-top: var(--sxl-space-l); }

.sxl-padding-top-xl {
  padding-top: var(--sxl-space-xl); }

.sxl-padding-top-2xl {
  padding-top: var(--sxl-space-2xl); }

.sxl-padding-top-3xl {
  padding-top: var(--sxl-space-3xl); }

.sxl-padding-top-4xl {
  padding-top: var(--sxl-space-4xl); }

.sxl-padding-bottom-2xs {
  padding-bottom: var(--sxl-space-2xs); }

.sxl-padding-bottom-xs {
  padding-bottom: var(--sxl-space-xs); }

.sxl-padding-bottom-s {
  padding-bottom: var(--sxl-space-s); }

.sxl-padding-bottom-m {
  padding-bottom: var(--sxl-space-m); }

.sxl-padding-bottom-l {
  padding-bottom: var(--sxl-space-l); }

.sxl-padding-bottom-xl {
  padding-bottom: var(--sxl-space-xl); }

.sxl-padding-bottom-2xl {
  padding-bottom: var(--sxl-space-2xl); }

.sxl-padding-bottom-3xl {
  padding-bottom: var(--sxl-space-3xl); }

.sxl-padding-bottom-4xl {
  padding-bottom: var(--sxl-space-4xl); }

/* @sxl-category: Margin | order: 100 | scope: classes */
.sxl-margin-2xs {
  margin: var(--sxl-space-2xs); }

.sxl-margin-xs {
  margin: var(--sxl-space-xs); }

.sxl-margin-s {
  margin: var(--sxl-space-s); }

.sxl-margin-m {
  margin: var(--sxl-space-m); }

.sxl-margin-l {
  margin: var(--sxl-space-l); }

.sxl-margin-xl {
  margin: var(--sxl-space-xl); }

.sxl-margin-2xl {
  margin: var(--sxl-space-2xl); }

.sxl-margin-3xl {
  margin: var(--sxl-space-3xl); }

.sxl-margin-4xl {
  margin: var(--sxl-space-4xl); }

.sxl-margin-left-2xs {
  margin-left: var(--sxl-space-2xs); }

.sxl-margin-left-xs {
  margin-left: var(--sxl-space-xs); }

.sxl-margin-left-s {
  margin-left: var(--sxl-space-s); }

.sxl-margin-left-m {
  margin-left: var(--sxl-space-m); }

.sxl-margin-left-l {
  margin-left: var(--sxl-space-l); }

.sxl-margin-left-xl {
  margin-left: var(--sxl-space-xl); }

.sxl-margin-left-2xl {
  margin-left: var(--sxl-space-2xl); }

.sxl-margin-left-3xl {
  margin-left: var(--sxl-space-3xl); }

.sxl-margin-left-4xl {
  margin-left: var(--sxl-space-4xl); }

.sxl-margin-right-2xs {
  margin-right: var(--sxl-space-2xs); }

.sxl-margin-right-xs {
  margin-right: var(--sxl-space-xs); }

.sxl-margin-right-s {
  margin-right: var(--sxl-space-s); }

.sxl-margin-right-m {
  margin-right: var(--sxl-space-m); }

.sxl-margin-right-l {
  margin-right: var(--sxl-space-l); }

.sxl-margin-right-xl {
  margin-right: var(--sxl-space-xl); }

.sxl-margin-right-2xl {
  margin-right: var(--sxl-space-2xl); }

.sxl-margin-right-3xl {
  margin-right: var(--sxl-space-3xl); }

.sxl-margin-right-4xl {
  margin-right: var(--sxl-space-4xl); }

.sxl-margin-top-2xs {
  margin-top: var(--sxl-space-2xs); }

.sxl-margin-top-xs {
  margin-top: var(--sxl-space-xs); }

.sxl-margin-top-s {
  margin-top: var(--sxl-space-s); }

.sxl-margin-top-m {
  margin-top: var(--sxl-space-m); }

.sxl-margin-top-l {
  margin-top: var(--sxl-space-l); }

.sxl-margin-top-xl {
  margin-top: var(--sxl-space-xl); }

.sxl-margin-top-2xl {
  margin-top: var(--sxl-space-2xl); }

.sxl-margin-top-3xl {
  margin-top: var(--sxl-space-3xl); }

.sxl-margin-top-4xl {
  margin-top: var(--sxl-space-4xl); }

.sxl-margin-bottom-2xs {
  margin-bottom: var(--sxl-space-2xs); }

.sxl-margin-bottom-xs {
  margin-bottom: var(--sxl-space-xs); }

.sxl-margin-bottom-s {
  margin-bottom: var(--sxl-space-s); }

.sxl-margin-bottom-m {
  margin-bottom: var(--sxl-space-m); }

.sxl-margin-bottom-l {
  margin-bottom: var(--sxl-space-l); }

.sxl-margin-bottom-xl {
  margin-bottom: var(--sxl-space-xl); }

.sxl-margin-bottom-2xl {
  margin-bottom: var(--sxl-space-2xl); }

.sxl-margin-bottom-3xl {
  margin-bottom: var(--sxl-space-3xl); }

.sxl-margin-bottom-4xl {
  margin-bottom: var(--sxl-space-4xl); }

/* @sxl-category: Gap | order: 70 | scope: classes */
.sxl-gap-2xs,
.sxl-gap-2xs > div.e-con-inner {
  gap: var(--sxl-space-2xs); }

.sxl-gap-xs,
.sxl-gap-xs > div.e-con-inner {
  gap: var(--sxl-space-xs); }

.sxl-gap-s,
.sxl-gap-s > div.e-con-inner {
  gap: var(--sxl-space-s); }

.sxl-gap-m,
.sxl-gap-m > div.e-con-inner {
  gap: var(--sxl-space-m); }

.sxl-gap-l,
.sxl-gap-l > div.e-con-inner {
  gap: var(--sxl-space-l); }

.sxl-gap-xl,
.sxl-gap-xl > div.e-con-inner {
  gap: var(--sxl-space-xl); }

.sxl-gap-2xl,
.sxl-gap-2xl > div.e-con-inner {
  gap: var(--sxl-space-2xl); }

.sxl-gap-3xl,
.sxl-gap-3xl > div.e-con-inner {
  gap: var(--sxl-space-3xl); }

.sxl-gap-4xl,
.sxl-gap-4xl > div.e-con-inner {
  gap: var(--sxl-space-4xl); }

/* @sxl-category: Texte couleur de base | order: 110 | scope: classes */
.text-sxl-primary {
  color: var(--sxl-primary); }

.text-sxl-primary-alter {
  color: var(--sxl-primary-alter); }

.text-sxl-secondary {
  color: var(--sxl-secondary); }

.text-sxl-secondary-alter {
  color: var(--sxl-secondary-alter); }

.text-sxl-third {
  color: var(--sxl-third); }

.text-sxl-fourth {
  color: var(--sxl-fourth); }

.text-sxl-fifth {
  color: var(--sxl-fifth); }

.text-sxl-bg {
  color: var(--sxl-bg); }

.text-sxl-text {
  color: var(--sxl-text); }

.text-sxl-darken {
  color: var(--sxl-text-darken); }

.text-sxl-grey-lighten {
  color: var(--sxl-grey-lighten); }

.text-sxl-grey-medium {
  color: var(--sxl-grey-medium); }

.text-sxl-grey-darken {
  color: var(--sxl-grey-darken); }

.text-sxl-grey-alter {
  color: var(--sxl-grey-alter); }

.text-sxl-alpha-0 {
  color: var(--sxl-alpha-0); }

/* @sxl-category: Texte couleur Black & White | order: 120 | scope: classes */
.text-sxl-black {
  color: var(--sxl-black); }

.text-sxl-black-5 {
  color: var(--sxl-black-5); }

.text-sxl-black-10 {
  color: var(--sxl-black-10); }

.text-sxl-black-20 {
  color: var(--sxl-black-20); }

.text-sxl-black-30 {
  color: var(--sxl-black-30); }

.text-sxl-black-40 {
  color: var(--sxl-black-40); }

.text-sxl-black-50 {
  color: var(--sxl-black-50); }

.text-sxl-black-60 {
  color: var(--sxl-black-60); }

.text-sxl-black-70 {
  color: var(--sxl-black-70); }

.text-sxl-black-80 {
  color: var(--sxl-black-80); }

.text-sxl-black-90 {
  color: var(--sxl-black-90); }

.text-sxl-white {
  color: var(--sxl-white); }

.text-sxl-white-5 {
  color: var(--sxl-white-5); }

.text-sxl-white-10 {
  color: var(--sxl-white-10); }

.text-sxl-white-20 {
  color: var(--sxl-white-20); }

.text-sxl-white-30 {
  color: var(--sxl-white-30); }

.text-sxl-white-40 {
  color: var(--sxl-white-40); }

.text-sxl-white-50 {
  color: var(--sxl-white-50); }

.text-sxl-white-60 {
  color: var(--sxl-white-60); }

.text-sxl-white-70 {
  color: var(--sxl-white-70); }

.text-sxl-white-80 {
  color: var(--sxl-white-80); }

.text-sxl-white-90 {
  color: var(--sxl-white-90); }

/* @sxl-category: Texte couleur Notices | order: 130 | scope: classes */
.text-sxl-info-text {
  color: var(--sxl-info-text); }

.text-sxl-info-bg {
  color: var(--sxl-info-bg); }

.text-sxl-success-text {
  color: var(--sxl-success-text); }

.text-sxl-success-bg {
  color: var(--sxl-success-bg); }

.text-sxl-warning-text {
  color: var(--sxl-warning-text); }

.text-sxl-warning-bg {
  color: var(--sxl-warning-bg); }

.text-sxl-error-text {
  color: var(--sxl-error-text); }

.text-sxl-error-bg {
  color: var(--sxl-error-bg); }

/* @sxl-category: Background couleur base | order: 140 | scope: classes */
.bg-sxl-primary {
  background-color: var(--sxl-primary); }

.bg-sxl-primary-alter {
  background-color: var(--sxl-primary-alter); }

.bg-sxl-secondary {
  background-color: var(--sxl-secondary); }

.bg-sxl-secondary-alter {
  background-color: var(--sxl-secondary-alter); }

.bg-sxl-third {
  background-color: var(--sxl-third); }

.bg-sxl-fourth {
  background-color: var(--sxl-fourth); }

.bg-sxl-bg {
  background-color: var(--sxl-bg); }

.bg-sxl-text {
  background-color: var(--sxl-text); }

.bg-sxl-text-darken {
  background-color: var(--sxl-text-darken); }

.bg-sxl-grey-lighten {
  background-color: var(--sxl-grey-lighten); }

.bg-sxl-grey-medium {
  background-color: var(--sxl-grey-medium); }

.bg-sxl-grey-darken {
  background-color: var(--sxl-grey-darken); }

.bg-sxl-grey-alter {
  background-color: var(--sxl-grey-alter); }

.bg-sxl-alpha-0 {
  background-color: var(--sxl-alpha-0); }

/* @sxl-category: Background couleur Black & White | order: 150 | scope: classes */
.bg-sxl-black {
  background-color: var(--sxl-black); }

.bg-sxl-black-5 {
  background-color: var(--sxl-black-5); }

.bg-sxl-black-10 {
  background-color: var(--sxl-black-10); }

.bg-sxl-black-20 {
  background-color: var(--sxl-black-20); }

.bg-sxl-black-30 {
  background-color: var(--sxl-black-30); }

.bg-sxl-black-40 {
  background-color: var(--sxl-black-40); }

.bg-sxl-black-50 {
  background-color: var(--sxl-black-50); }

.bg-sxl-black-60 {
  background-color: var(--sxl-black-60); }

.bg-sxl-black-70 {
  background-color: var(--sxl-black-70); }

.bg-sxl-black-80 {
  background-color: var(--sxl-black-80); }

.bg-sxl-black-90 {
  background-color: var(--sxl-black-90); }

.bg-sxl-white {
  background-color: var(--sxl-white); }

.bg-sxl-white-5 {
  background-color: var(--sxl-white-5); }

.bg-sxl-white-10 {
  background-color: var(--sxl-white-10); }

.bg-sxl-white-20 {
  background-color: var(--sxl-white-20); }

.bg-sxl-white-30 {
  background-color: var(--sxl-white-30); }

.bg-sxl-white-40 {
  background-color: var(--sxl-white-40); }

.bg-sxl-white-50 {
  background-color: var(--sxl-white-50); }

.bg-sxl-white-60 {
  background-color: var(--sxl-white-60); }

.bg-sxl-white-70 {
  background-color: var(--sxl-white-70); }

.bg-sxl-white-80 {
  background-color: var(--sxl-white-80); }

.bg-sxl-white-90 {
  background-color: var(--sxl-white-90); }

/* @sxl-category: Background couleur Notices | order: 160 | scope: classes */
.bg-sxl-info-text {
  background-color: var(--sxl-info-text); }

.bg-sxl-info-bg {
  background-color: var(--sxl-info-bg); }

.bg-sxl-success-text {
  background-color: var(--sxl-success-text); }

.bg-sxl-success-bg {
  background-color: var(--sxl-success-bg); }

.bg-sxl-success {
  background-color: var(--sxl-success); }

.bg-sxl-warning-text {
  background-color: var(--sxl-warning-text); }

.bg-sxl-warning-bg {
  background-color: var(--sxl-warning-bg); }

.bg-sxl-error-text {
  background-color: var(--sxl-error-text); }

.bg-sxl-error-bg {
  background-color: var(--sxl-error-bg); }

/* @sxl-category: Border couleur base | order: 170 | scope: classes */
.border-sxl-primary {
  border-color: var(--sxl-primary); }

.border-sxl-primary-alter {
  border-color: var(--sxl-primary-alter); }

.border-sxl-secondary {
  border-color: var(--sxl-secondary); }

.border-sxl-secondary-alter {
  border-color: var(--sxl-secondary-alter); }

.border-sxl-third {
  border-color: var(--sxl-third); }

.border-sxl-fourth {
  border-color: var(--sxl-fourth); }

.border-sxl-bg {
  border-color: var(--sxl-bg); }

.border-sxl-text {
  border-color: var(--sxl-text); }

.border-sxl-text-darken {
  border-color: var(--sxl-text-darken); }

.border-sxl-grey-lighten {
  border-color: var(--sxl-grey-lighten); }

.border-sxl-grey-medium {
  border-color: var(--sxl-grey-medium); }

.border-sxl-grey-darken {
  border-color: var(--sxl-grey-darken); }

.border-sxl-grey-alter {
  border-color: var(--sxl-grey-alter); }

.border-sxl-alpha-0 {
  border-color: var(--sxl-alpha-0); }

/* @sxl-category: Border couleur Black & White | order: 180 | scope: classes */
.border-sxl-black {
  border-color: var(--sxl-black); }

.border-sxl-black-5 {
  border-color: var(--sxl-black-5); }

.border-sxl-black-10 {
  border-color: var(--sxl-black-10); }

.border-sxl-black-20 {
  border-color: var(--sxl-black-20); }

.border-sxl-black-30 {
  border-color: var(--sxl-black-30); }

.border-sxl-black-40 {
  border-color: var(--sxl-black-40); }

.border-sxl-black-50 {
  border-color: var(--sxl-black-50); }

.border-sxl-black-60 {
  border-color: var(--sxl-black-60); }

.border-sxl-black-70 {
  border-color: var(--sxl-black-70); }

.border-sxl-black-80 {
  border-color: var(--sxl-black-80); }

.border-sxl-black-90 {
  border-color: var(--sxl-black-90); }

.border-sxl-white {
  border-color: var(--sxl-white); }

.border-sxl-white-5 {
  border-color: var(--sxl-white-5); }

.border-sxl-white-10 {
  border-color: var(--sxl-white-10); }

.border-sxl-white-20 {
  border-color: var(--sxl-white-20); }

.border-sxl-white-30 {
  border-color: var(--sxl-white-30); }

.border-sxl-white-40 {
  border-color: var(--sxl-white-40); }

.border-sxl-white-50 {
  border-color: var(--sxl-white-50); }

.border-sxl-white-60 {
  border-color: var(--sxl-white-60); }

.border-sxl-white-70 {
  border-color: var(--sxl-white-70); }

.border-sxl-white-80 {
  border-color: var(--sxl-white-80); }

.border-sxl-white-90 {
  border-color: var(--sxl-white-90); }

/* @sxl-category: Border couleur Notices | order: 190 | scope: classes */
.border-sxl-info-text {
  border-color: var(--sxl-info-text); }

.border-sxl-info-bg {
  border-color: var(--sxl-info-bg); }

.border-sxl-success-text {
  border-color: var(--sxl-success-text); }

.border-sxl-success-bg {
  border-color: var(--sxl-success-bg); }

.border-sxl-warning-text {
  border-color: var(--sxl-warning-text); }

.border-sxl-warning-bg {
  border-color: var(--sxl-warning-bg); }

.border-sxl-error-text {
  border-color: var(--sxl-error-text); }

.border-sxl-error-bg {
  border-color: var(--sxl-error-bg); }

/* @sxl-category: Colonnes fluides | order: 80 | scope: classes */
.sxl-fluid-column {
  flex-basis: calc((100% / var(--sxl-row)) - (var(--sxl-gap) * (var(--sxl-row) - 1)) / var(--sxl-row)); }

.sxl-fluid-column-gap {
  gap: var(--sxl-gap); }

/* @sxl-category: Effects | order: 200 | scope: classes */
.sxl-bg-blur-xs {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px); }

.sxl-bg-blur-s {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px); }

.sxl-bg-blur-m {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px); }

.sxl-bg-blur-l {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px); }

.sxl-bg-blur-xl {
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px); }

.sxl-grayscale {
  filter: grayscale(1); }

.sxl-box-shadow-primary {
  box-shadow: 0px 0px var(--sxl-shadow-blur) 0px var(--sxl-shadow-primary-rgb);
  -webkit-box-shadow: 0px 0px var(--sxl-shadow-blur) 0px var(--sxl-shadow-primary-rgb);
  -moz-box-shadow: 0px 0px var(--sxl-shadow-blur) 0px var(--sxl-shadow-primary-rgb); }

.sxl-box-shadow-secondary {
  box-shadow: 0px 0px var(--sxl-shadow-blur) 0px var(--sxl-shadow-secondary-rgb);
  -webkit-box-shadow: 0px 0px var(--sxl-shadow-blur) 0px var(--sxl-shadow-secondary-rgb);
  -moz-box-shadow: 0px 0px var(--sxl-shadow-blur) 0px var(--sxl-shadow-secondary-rgb); }

.sxl-box-shadow-third {
  box-shadow: 0px 0px var(--sxl-shadow-blur) 0px var(--sxl-shadow-third-rgb);
  -webkit-box-shadow: 0px 0px var(--sxl-shadow-blur) 0px var(--sxl-shadow-third-rgb);
  -moz-box-shadow: 0px 0px var(--sxl-shadow-blur) 0px var(--sxl-shadow-third-rgb); }

/* @sxl-category: Border radius | order: 210 | scope: classes */
.sxl-border-radius-0 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.sxl-border-radius {
  -webkit-border-radius: var(--sxl-border-radius);
  -moz-border-radius: var(--sxl-border-radius);
  border-radius: var(--sxl-border-radius); }

.sxl-border-radius-top-left {
  -webkit-border-top-left-radius: var(--sxl-border-radius);
  -moz-border-radius-topleft: var(--sxl-border-radius);
  border-top-left-radius: var(--sxl-border-radius); }

.sxl-border-radius-top-right {
  -webkit-border-top-right-radius: var(--sxl-border-radius);
  -moz-border-radius-topright: var(--sxl-border-radius);
  border-top-right-radius: var(--sxl-border-radius); }

.sxl-border-radius-bottom-left {
  -webkit-border-bottom-left-radius: var(--sxl-border-radius);
  -moz-border-radius-bottomleft: var(--sxl-border-radius);
  border-bottom-left-radius: var(--sxl-border-radius); }

.sxl-border-radius-bottom-right {
  -webkit-border-bottom-right-radius: var(--sxl-border-radius);
  -moz-border-radius-bottomright: var(--sxl-border-radius);
  border-bottom-right-radius: var(--sxl-border-radius); }

.sxl-border-radius-top {
  -webkit-border-top-left-radius: var(--sxl-border-radius);
  -webkit-border-top-right-radius: var(--sxl-border-radius);
  -moz-border-radius-topleft: var(--sxl-border-radius);
  -moz-border-radius-topright: var(--sxl-border-radius);
  border-top-left-radius: var(--sxl-border-radius);
  border-top-right-radius: var(--sxl-border-radius); }

.sxl-border-radius-right {
  -webkit-border-top-right-radius: var(--sxl-border-radius);
  -moz-border-radius-topright: var(--sxl-border-radius);
  border-top-right-radius: var(--sxl-border-radius);
  -webkit-border-bottom-right-radius: var(--sxl-border-radius);
  -moz-border-radius-bottomright: var(--sxl-border-radius);
  border-bottom-right-radius: var(--sxl-border-radius); }

.sxl-border-radius-bottom {
  -webkit-border-bottom-left-radius: var(--sxl-border-radius);
  -webkit-border-bottom-right-radius: var(--sxl-border-radius);
  -moz-border-radius-bottomleft: var(--sxl-border-radius);
  -moz-border-radius-bottomright: var(--sxl-border-radius);
  border-bottom-left-radius: var(--sxl-border-radius);
  border-bottom-right-radius: var(--sxl-border-radius); }

.sxl-border-radius-left {
  -webkit-border-top-left-radius: var(--sxl-border-radius);
  -moz-border-radius-topleft: var(--sxl-border-radius);
  border-top-left-radius: var(--sxl-border-radius);
  -webkit-border-bottom-left-radius: var(--sxl-border-radius);
  -moz-border-radius-bottomleft: var(--sxl-border-radius);
  border-bottom-left-radius: var(--sxl-border-radius); }

/* ----------------------- */
/* Background */
/* ----------------------- */
body {
  background-color: var(--sxl-bg) !important; }

/* Hack pour ne plus avoir d'espace après les paragraphes */
p:last-child {
  margin: 0 !important; }

/* Fallback icones FAQ */
/* Icônes fallback FAQ (monochromes, héritent de currentColor) */
.sxl-fallback-open,
.sxl-fallback-close {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 4px;
  vertical-align: middle;
  color: inherit;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain; }

/* Ajuste les chemins selon l'emplacement de TON fichier CSS */
.sxl-fallback-open {
  -webkit-mask-image: url("../../assets/images/svg_default_faq/chevron_single_bold_up.svg");
  mask-image: url("../../assets/images/svg_default_faq/chevron_single_bold_up.svg"); }

.sxl-fallback-close {
  -webkit-mask-image: url("../../assets/images/svg_default_faq/chevron_single_bold_down.svg");
  mask-image: url("../../assets/images/svg_default_faq/chevron_single_bold_down.svg"); }

/* pre header */
.sxl-list-icon a span.elementor-icon-list-text {
  font-weight: var(--sxl-font-weight-600); }
.sxl-list-icon a:hover span.elementor-icon-list-text {
  color: var(--e-global-color-sxl_secondary) !important; }

/* Bloc entetes */
.sxl-hero-title h1,
.sxl-hero-title h2 {
  font-size: var(--sxl-text-4xl);
  font-weight: var(--sxl-font-weight-700);
  line-height: var(--sxl-lh-4xl); }

.sxl-hero-text p {
  font-size: var(--sxl-text-l);
  font-weight: var(--sxl-font-weight-400);
  line-height: var(--sxl-lh-xl); }

.sxl-hero-title-color {
  color: var(--e-global-color-sxl_white);
  font-size: var(--sxl-text-3xl); }

.sxl-hero-btn span.elementor-button-text {
  font-size: var(--sxl-text-l);
  font-weight: var(--sxl-font-weight-600); }

.sxl-standard-btn a {
  padding-left: var(--sxl-space-m) !important;
  padding-right: var(--sxl-space-m) !important;
  padding-top: var(--sxl-space-2xs) !important;
  padding-bottom: var(--sxl-space-2xs) !important; }

.sxl-standard-btn span.elementor-button-text {
  font-size: var(--sxl-text-l);
  font-weight: var(--sxl-font-weight-600); }

/* -------------------- */
/* -------------------- */
/* 		Blocs   		*/
/* -------------------- */
/* -------------------- */
.sxl-bloc-titre,
.sxl-bloc-titre h2,
.sxl-bloc-titre h3 {
  font-size: var(--sxl-text-xl);
  font-weight: var(--sxl-font-weight-600);
  color: var(--e-global-color-sxl_secondary) !important; }

.sxl-bloc-titre-alter,
.sxl-bloc-titre-alter h2,
.sxl-bloc-titre-alter h3 {
  font-size: var(--sxl-text-xl);
  font-weight: var(--sxl-font-weight-600);
  color: var(--e-global-color-sxl_primary) !important; }

.sxl-bloc-sous-titre {
  font-size: var(--sxl-text-m);
  text-transform: uppercase;
  font-weight: var(--sxl-font-weight-300);
  color: var(--e-global-color-sxl_primary) !important; }

.sxl-bloc-texte {
  font-size: var(--sxl-text-m);
  font-weight: var(--sxl-font-weight-400);
  color: var(--e-global-color-sxl_text) !important; }

.sxl-bloc-texte h2 {
  font-size: var(--sxl-text-2xl) !important;
  font-weight: var(--sxl-font-weight-700) !important; }

/* Compteur (premium) */
.sxl-compteur-value div.premium-counter-area {
  padding: 0; }
.sxl-compteur-value span.premium-counter-init {
  font-size: var(--sxl-text-3xl) !important;
  font-weight: var(--sxl-font-weight-600);
  font-family: var(--sxl-font-secondary); }

/* Texte libre 2 : gestion des h2 */
.sxl-bloc-texte-libre-2 h2 {
  font-size: var(--sxl-text-xl);
  font-weight: var(--sxl-font-weight-600);
  color: var(--e-global-color-sxl_primary) !important;
  font-family: var(--sxl-font-secondary); }

.sxl-bloc-texte-libre-2 p,
.sxl-bloc-texte-libre-2 ol,
.sxl-bloc-texte-libre-2 ul {
  font-size: var(--sxl-text-m);
  font-weight: var(--sxl-font-weight-400);
  color: var(--e-global-color-sxl_text) !important;
  font-family: var(--sxl-font-primary); }

/* Texte libre : gestion de la liste à puces */
.sxl-bloc-texte-libre p {
  text-align: justify; }
.sxl-bloc-texte-libre ul.sxl_textes_libres_list {
  margin: 0 0 30px 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none; }
  .sxl-bloc-texte-libre ul.sxl_textes_libres_list li {
    background-image: url("/wp-content/themes/SXL-02024-PE-Story-Bois/assets/images/puce_list.png");
    background-repeat: no-repeat;
    line-height: 30px;
    padding: 7px 0 5px 34px;
    width: 40%;
    max-width: 40%;
    display: inline-flex;
    gap: 0; }

@media screen and (max-width: 1280px) {
  .sxl-bloc-texte-libre ul.sxl_textes_libres_list li {
    width: 48%;
    max-width: 48%; } }
@media screen and (max-width: 550px) {
  .sxl-bloc-texte-libre ul.sxl_textes_libres_list li {
    width: 100%;
    max-width: 100%; } }
/* Logos -> galerie : grey images : color on hover */
.sxl-logos-galerie img {
  filter: grayscale(100%);
  opacity: 0.7; }

.sxl-logos-galerie img:hover {
  filter: grayscale(0%);
  opacity: 1; }

/* -------------------- */
/* -------------------- */
/* 		Textes   		*/
/* -------------------- */
/* -------------------- */
/* img */
.sxl_txt_ctn .alignright {
  margin: 8px 0 20px 40px; }

.sxl_txt_ctn .alignleft {
  margin: 8px 40px 20px 0; }

.sxl_txt_ctn .aligncenter {
  margin: 40px auto; }

@media screen and (max-width: 477px) {
  .sxl_txt_ctn .alignright {
    min-width: 100% !important;
    margin: 8px 0 20px 0px; }

  .sxl_txt_ctn .alignleft {
    min-width: 100% !important;
    margin: 8px 0px 20px 0; }

  .sxl_txt_ctn .aligncenter {
    min-width: 100% !important;
    margin: 40px 0px; } }
.sxl_txt_ctn a,
.sxl_txt_ctn a:visited,
.sxl_txt_ctn a:active {
  color: var(--sxl-primary);
  text-decoration: underline; }
.sxl_txt_ctn a:hover {
  color: var(--sxl-secondary); }
.sxl_txt_ctn strong {
  color: var(--sxl-primary); }
.sxl_txt_ctn p {
  text-align: justify;
  font-family: var(--sxl-font-primary);
  line-height: var(--sxl-lh-l);
  margin-top: 0;
  margin-bottom: var(--sxl-space-m); }
.sxl_txt_ctn h1 {
  font-weight: var(--sxl-font-weight-700);
  font-family: var(--sxl-font-secondary);
  margin-top: 0; }
.sxl_txt_ctn h2 {
  font-weight: var(--sxl-font-weight-700);
  color: var(--sxl-secondary);
  font-family: var(--sxl-font-secondary);
  margin-top: var(--sxl-space-2xl);
  margin-bottom: var(--sxl-space-m); }
.sxl_txt_ctn h2:first-child {
  margin-top: 0; }
.sxl_txt_ctn h3 {
  font-weight: var(--sxl-font-weight-700);
  color: var(--sxl-primary);
  font-family: var(--sxl-font-secondary);
  margin-top: var(--sxl-space-xl);
  margin-bottom: var(--sxl-space-m); }
.sxl_txt_ctn h3:first-child {
  margin-top: 0; }
.sxl_txt_ctn h4 {
  font-weight: var(--sxl-font-weight-700);
  color: var(--sxl-primary);
  font-family: var(--sxl-font-secondary);
  margin-top: var(--sxl-space-xl);
  margin-bottom: var(--sxl-space-m); }
.sxl_txt_ctn h4:first-child {
  margin-top: 0; }
.sxl_txt_ctn h5 {
  font-weight: var(--sxl-font-weight-700);
  color: var(--sxl-grey-alter);
  font-family: var(--sxl-font-secondary);
  margin-top: var(--sxl-space-l);
  margin-bottom: var(--sxl-space-m); }
.sxl_txt_ctn h5:first-child {
  margin-top: 0; }
.sxl_txt_ctn h6 {
  font-weight: var(--sxl-font-weight-700);
  color: var(--sxl-grey-alter);
  font-family: var(--sxl-font-secondary);
  margin-top: var(--sxl-space-l);
  margin-bottom: var(--sxl-space-m); }
.sxl_txt_ctn h6:first-child {
  margin-top: 0; }
.sxl_txt_ctn ol, .sxl_txt_ctn ul {
  margin-top: 0;
  margin-bottom: var(--sxl-space-m); }
.sxl_txt_ctn ol li::marker,
.sxl_txt_ctn ul li::marker {
  color: var(--sxl-secondary); }

.strong_white strong,
.strong_white p,
.strong_white ul,
.strong_white li {
  color: var(--sxl-white) !important; }

.strong_white a {
  color: var(--sxl-white) !important;
  text-decoration: underline; }

.strong_white a:hover {
  color: var(--sxl-secondary) !important; }

.sxl_txt_ctn_steps a,
.sxl_txt_ctn_steps a:visited,
.sxl_txt_ctn_steps a:active {
  color: var(--sxl-primary);
  text-decoration: underline; }
.sxl_txt_ctn_steps a:hover {
  color: var(--sxl-secondary); }
.sxl_txt_ctn_steps strong {
  color: var(--sxl-primary); }
.sxl_txt_ctn_steps p {
  text-align: justify;
  font-family: var(--sxl-font-primary);
  line-height: var(--sxl-lh-l);
  margin-top: 0;
  margin-bottom: var(--sxl-space-m); }
.sxl_txt_ctn_steps ol li::marker,
.sxl_txt_ctn_steps ul li::marker {
  color: var(--sxl-secondary); }
.sxl_txt_ctn_steps h2 {
  font-weight: var(--sxl-font-weight-700);
  color: var(--sxl-secondary);
  font-family: var(--sxl-font-secondary);
  margin-top: var(--sxl-space-2xl);
  margin-bottom: var(--sxl-space-m); }
.sxl_txt_ctn_steps h2:first-child {
  margin-top: 0; }
.sxl_txt_ctn_steps h3 {
  font-weight: var(--sxl-font-weight-700);
  color: var(--sxl-primary);
  font-family: var(--sxl-font-secondary);
  font-size: var(--sxl-text-m);
  margin-top: 0;
  margin-bottom: var(--sxl-space-xs); }

.wp-caption {
  background: none;
  border: none;
  max-width: 96%;
  padding: 0px; }

/* sitemap seopress */
.sp-html-sitemap a {
  text-decoration: none !important; }

.sp-html-sitemap ul ul {
  list-style-type: square; }

:root {
  --gf-header-h: 60px;
  /* hauteur fixe header */
  --gf-sheet-closed: 100px;
  /* hauteur du volet fermé */ }

/* volet latéral */
.sxl-app-layout {
  display: flex;
  min-height: 100vh;
  /* Sidebar ouverte */
  /* Contenu */ }
  .sxl-app-layout .sxl-sidebar {
    transition: width .15s ease;
    display: flex;
    flex-direction: column; }
  .sxl-app-layout .sxl-app-content {
    flex: 1;
    min-width: 0; }
  .sxl-app-layout .sxl-sidebar__label {
    display: inline-block;
    margin-left: .75rem;
    white-space: nowrap;
    transition: opacity .1s ease, transform .1s ease; }
  .sxl-app-layout .sxl-sidebar__item .sitixel-button-text,
  .sxl-app-layout .sxl-sidebar__item .sitixel-logo-text {
    display: inline-block;
    margin-left: .75rem;
    white-space: nowrap;
    transition: opacity .1s ease, transform .1s ease; }

/* Sidebar rétractée */
.sxl-app-layout.sxl-sidebar-collapsed {
  /* On cache les labels mais on garde les icônes */ }
  .sxl-app-layout.sxl-sidebar-collapsed .sxl-sidebar {
    width: 75px !important; }
  .sxl-app-layout.sxl-sidebar-collapsed .sxl-sidebar__label {
    opacity: 0;
    transform: translateX(-8px);
    pointer-events: none; }
  .sxl-app-layout.sxl-sidebar-collapsed .sxl-sidebar__item .sitixel-button-text,
  .sxl-app-layout.sxl-sidebar-collapsed .sxl-sidebar__item .sitixel-logo-text {
    opacity: 0;
    transform: translateX(-8px);
    pointer-events: none; }

/* décalage bouton dropdown menu avatar */
.sxl_menu_avatar {
  padding: 3px 10px 4px 10px !important; }

/* Volet recherche */
#gf-search-bar {
  overflow: hidden;
  transform: translateY(0);
  transition: height .25s ease, transform .25s ease; }
  #gf-search-bar #gf-profession {
    appearance: none;
    background-color: var(--sxl-white);
    border-radius: 4px;
    border: 1px solid var(--sxl-grey-darken);
    padding: 0px 10px;
    line-height: 34px; }

#gf-search-bar.is-slid {
  height: 100dvh; }

.hero_tpl_1,
.hero_tpl_2 {
  color: var(--sxl-text);
  background-color: var(--sxl-grey-lighten); }
  .hero_tpl_1 .color_1,
  .hero_tpl_2 .color_1 {
    color: var(--sxl-primary) !important; }
  .hero_tpl_1 .color_2,
  .hero_tpl_2 .color_2 {
    color: var(--sxl-secondary) !important; }
  .hero_tpl_1 a,
  .hero_tpl_1 a:visited,
  .hero_tpl_1 a:active,
  .hero_tpl_2 a,
  .hero_tpl_2 a:visited,
  .hero_tpl_2 a:active {
    color: var(--sxl-primary);
    text-decoration: underline; }
  .hero_tpl_1 a:hover,
  .hero_tpl_2 a:hover {
    color: var(--sxl-secondary); }

.hero_tpl_1 {
  flex-direction: row; }

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

.hero_tpl_3 {
  color: var(--sxl-black);
  background-color: var(--sxl-grey-lighten); }
  .hero_tpl_3 .color_1 {
    color: var(--sxl-primary) !important; }
  .hero_tpl_3 .color_2 {
    color: var(--sxl-secondary) !important; }
  .hero_tpl_3 .hero__overlay {
    background: rgba(255, 255, 255, 0.6); }
  .hero_tpl_3 a,
  .hero_tpl_3 a:visited,
  .hero_tpl_3 a:active {
    color: var(--sxl-primary);
    text-decoration: underline; }
  .hero_tpl_3 a:hover {
    color: var(--sxl-secondary); }

.hero_tpl_4 {
  color: var(--sxl-white);
  background-color: var(--sxl-primary); }
  .hero_tpl_4 .color_1 {
    color: var(--sxl-secondary) !important; }
  .hero_tpl_4 .color_2 {
    color: var(--sxl-primary) !important; }
  .hero_tpl_4 .hero__overlay {
    background: rgba(0, 0, 0, 0.6); }
  .hero_tpl_4 a,
  .hero_tpl_4 a:visited,
  .hero_tpl_4 a:active {
    color: var(--sxl-white);
    text-decoration: underline; }
  .hero_tpl_4 a:hover {
    color: var(--sxl-secondary); }

.hero_tpl_split {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0; }
  .hero_tpl_split .hero__image {
    display: flex;
    width: 50%; }
    .hero_tpl_split .hero__image img {
      width: 100%; }
  .hero_tpl_split .hero__content {
    display: flex;
    flex-direction: column;
    text-align: center !important;
    width: 50%;
    justify-content: center; }
  .hero_tpl_split .hero__text p {
    text-align: center !important;
    margin: 0 0 15px 0; }
  .hero_tpl_split a.hero__link {
    background-color: var(--sxl-secondary);
    color: var(--sxl-primary);
    border-style: none;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
    width: fit-content;
    align-self: center; }
  .hero_tpl_split a.hero__link:hover {
    background-color: var(--sxl-white);
    color: var(--sxl-secondary); }

@media screen and (max-width: 1024px) {
  .hero_tpl_1,
  .hero_tpl_2 {
    flex-direction: column; }

  .hero_tpl_split .hero__image {
    width: 100%; }
  .hero_tpl_split .hero__content {
    width: 100%; } }
.hero_tpl_center {
  position: relative;
  display: flex;
  overflow: hidden;
  margin: 40px 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .hero_tpl_center .hero__overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0; }
  .hero_tpl_center .hero__content {
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center !important;
    z-index: 1;
    width: 100%;
    justify-content: center; }
  .hero_tpl_center .hero__title {
    line-height: 1.15;
    text-align: center !important; }
  .hero_tpl_center .hero__text p {
    text-align: center !important;
    margin: 0 0 15px 0; }
  .hero_tpl_center a.hero__link {
    background-color: var(--sxl-secondary);
    color: var(--sxl-primary);
    border-style: none;
    border-radius: 30px 30px 30px 30px;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
    width: fit-content;
    align-self: center; }
  .hero_tpl_center a.hero__link:hover {
    background-color: var(--sxl-white);
    color: var(--sxl-secondary); }

.sxl-faq-title-gen h2 {
  font-family: var(--sxl-font-secondary);
  font-weight: var(--sxl-font-weight-700);
  color: var(--sxl-secondary); }

.sxl-faq {
  width: 100%;
  margin: 40px 0 0 0;
  font-family: var(--sxl-font-primary);
  font-weight: var(--sxl-font-weight-400);
  color: var(--sxl-text); }
  .sxl-faq .sxl-faq-item {
    padding: 10px 0; }
    .sxl-faq .sxl-faq-item .sxl-faq-title {
      font-family: var(--sxl-font-secondary);
      font-weight: var(--sxl-font-weight-600);
      padding: 6px 0;
      border-bottom: 1px solid var(--sxl-grey-darken);
      cursor: pointer;
      color: var(--sxl-text);
      display: flex;
      align-items: center;
      gap: var(--sxl-space-xs);
      width: 100%;
      user-select: none; }
    .sxl-faq .sxl-faq-item .sxl-faq-title.sxl-faq-icon-left {
      padding-left: 0px; }
    .sxl-faq .sxl-faq-item .sxl-faq-title.sxl-faq-icon-right {
      padding-left: 0px;
      justify-content: space-between; }
    .sxl-faq .sxl-faq-item .sxl-faq-title:hover {
      color: var(--sxl-secondary); }
    .sxl-faq .sxl-faq-item .sxl_icon_ctn {
      display: inline-block; }
    .sxl-faq .sxl-faq-item .sxl-faq-icon:before {
      display: inline-block;
      font-size: 26px; }
    .sxl-faq .sxl-faq-item .sxl-faq-title-active {
      color: var(--sxl-primary); }
    .sxl-faq .sxl-faq-item .sxl-faq-content {
      margin: 30px 0 20px 0;
      padding: 0 0 20px 0;
      border-bottom: 1px solid var(--sxl-grey-darken); }
  .sxl-faq .sxl-faq-item:last-child {
    margin-bottom: 0; }

.sxl_faq_no_content {
  font-family: var(--sxl-font-secondary);
  font-weight: var(--sxl-font-weight-700);
  color: var(--sxl-text);
  margin-top: 40px; }

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