@charset "UTF-8";
/* 
Theme Name: SXL-02025-P-B-BB-App-Scriber
Theme URI: https://sitixel.com/
Description: Thème SITIXEL pour l'application Scriber
Author: SITIXEL
Author URI: https://sitixel.com/
Template:     bricks
Version:      1.0
Text Domain:  bricks
*/
@font-face {
  font-family: 'Nunito';
  src: url("/wp-content/themes/SXL-02025-P-B-BB-App-Scriber/assets/fonts/Nunito-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Nunito';
  src: url("/wp-content/themes/SXL-02025-P-B-BB-App-Scriber/assets/fonts/Nunito-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Nunito';
  src: url("/wp-content/themes/SXL-02025-P-B-BB-App-Scriber/assets/fonts/Nunito-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Nunito';
  src: url("/wp-content/themes/SXL-02025-P-B-BB-App-Scriber/assets/fonts/Nunito-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'NotoSerif';
  src: url("/wp-content/themes/SXL-02025-P-B-BB-App-Scriber/assets/fonts/NotoSerif-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'NotoSerif';
  src: url("/wp-content/themes/SXL-02025-P-B-BB-App-Scriber/assets/fonts/NotoSerif-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
:root {
  /* @sxl-category: Texte Fonts | order: 40 | scope: vars */
  --sxl-font-primary: 'Nunito';
  --sxl-font-secondary: 'NotoSerif';
  /* @sxl-category: Couleurs de base | order: 10 | scope: vars */
  --sxl-primary: #94C11F;
  --sxl-primary-alter: #597513;
  --sxl-secondary: #01afec;
  --sxl-secondary-alter: #177eab;
  --sxl-third: #ae20e6;
  --sxl-third-alter: #741599;
  --sxl-fourth: #C1FD29;
  --sxl-fifth: #6AC2F0;
  --sxl-bg: #f7f9fb;
  --sxl-bg-alpha-30: color-mix(in srgb, var(--sxl-bg) 30%, transparent);
  --sxl-text: #282F39;
  --sxl-text-darken: #000000;
  --sxl-grey-lighten: #ececec;
  --sxl-grey-medium: #dddedf;
  --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: #1e88e5;
  --sxl-info-bg: #d8e3fa;
  --sxl-info: #1e88e5;
  --sxl-success-text: #41c300;
  --sxl-success-bg: #dbf3ce;
  --sxl-success: #41c300;
  --sxl-warning-text: #f47100;
  --sxl-warning-bg: #ffe0ca;
  --sxl-warning: #f47100;
  --sxl-error-text: #d50000;
  --sxl-error-bg: #ffd1c3;
  --sxl-error: #d50000;
  /* @sxl-category: Composants | order: 35 | scope: vars */
  --sxl-ui-bg: var(--sxl-bg);
  --sxl-ui-bg-card: var(--sxl-white);
  --sxl-ui-bg-card-inverted: var(--sxl-text);
  --sxl-ui-bg-footer-card: var(--sxl-black-10);
  --sxl-ui-bg-form: var(--sxl-white);
  --sxl-ui-border-form: var(--sxl-grey-darken);
  --sxl-ui-border-ui: var(--sxl-grey-medium);
  --sxl-ui-text: var(--sxl-text);
  --sxl-ui-text-inverted: var(--sxl-white);
  --sxl-ui-title: var(--sxl-text);
  --sxl-ui-table-header: var(--sxl-text);
  --sxl-ui-icon: var(--sxl-grey-darken);
  --sxl-ui-icon-border: var(--sxl-grey-darken);
  --sxl-ui-icon-profile-bg: var(--sxl-grey-medium);
  --sxl-ui-badge: var(--sxl-text);
  --sxl-ui-badge-hover: var(--sxl-primary-alter);
  --sxl-ui-badge-bg: var(--sxl-white);
  --sxl-ui-badge-bg-hover: var(--sxl-white);
  --sxl-ui-badge-active: var(--sxl-white);
  --sxl-ui-badge-bg-active: var(--sxl-primary);
  --sxl-ui-btn-menu: var(--sxl-grey-alter);
  --sxl-ui-btn-menu-hover: var(--sxl-text);
  --sxl-ui-btn-menu-bg-hover: var(--sxl-grey-lighten);
  --sxl-ui-btn-action: var(--sxl-ui-text-inverted);
  --sxl-ui-btn-action-bg: var(--sxl-primary);
  --sxl-ui-btn-action-bg-hover: var(--sxl-secondary);
  --sxl-ui-btn-action-table: var(--sxl-ui-text);
  --sxl-ui-btn-action-table-hover: var(--sxl-ui-text);
  --sxl-ui-btn-action-table-bg: var(--sxl-black-10);
  --sxl-ui-btn-action-table-bg-hover: var(--sxl-primary);
  /* @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;
  --sxl-gap: 20px;
  --sxl-cols: 1;
  --sxl-fluid-columns: calc((100% / var(--sxl-cols)) - (var(--sxl-gap) * (var(--sxl-cols) - 1)) / var(--sxl-cols)); }

[data-theme="dark"] {
  /* @sxl-category: Dark Theme Base | order: 100 | scope: vars */
  --sxl-bg: #101828;
  --sxl-bg-alpha-30: color-mix(in srgb, var(--sxl-bg) 30%, transparent);
  --sxl-text: #c9c9c9;
  /* @sxl-category: Dark Theme Composants | order: 105 | scope: vars */
  --sxl-ui-bg: var(--sxl-bg);
  --sxl-ui-bg-card: #171F2E;
  --sxl-ui-bg-card-inverted: var(--sxl-white);
  --sxl-ui-bg-footer-card: var(--sxl-white-20);
  --sxl-ui-bg-form: var(--sxl-bg);
  --sxl-ui-border-form: var(--sxl-white-20);
  --sxl-ui-border-ui: #27374d;
  --sxl-ui-text: var(--sxl-text);
  --sxl-ui-text-inverted: #282F39;
  --sxl-ui-title: var(--sxl-primary);
  --sxl-ui-table-header: var(--sxl-white-10);
  --sxl-ui-icon: var(--sxl-text);
  --sxl-ui-icon-border: var(--sxl-primary);
  --sxl-ui-icon-profile-bg: var(--sxl-grey-alter);
  --sxl-ui-badge: var(--sxl-text);
  --sxl-ui-badge-hover: var(--sxl-primary);
  --sxl-ui-badge-bg: var(--sxl-ui-bg-card);
  --sxl-ui-badge-bg-hover: var(--sxl-ui-bg-card);
  --sxl-ui-badge-active: var(--sxl-ui-bg-card);
  --sxl-ui-badge-bg-active: var(--sxl-primary);
  --sxl-ui-btn-menu: var(--sxl-text);
  --sxl-ui-btn-menu-hover: var(--sxl-white);
  --sxl-ui-btn-menu-bg-hover: var(--sxl-white-20);
  --sxl-ui-btn-action: var(--sxl-ui-text-inverted);
  --sxl-ui-btn-action-bg: var(--sxl-primary);
  --sxl-ui-btn-action-bg-hover: var(--sxl-secondary);
  --sxl-ui-btn-action-table: var(--sxl-ui-text);
  --sxl-ui-btn-action-table-hover: var(--sxl-ui-text-inverted);
  --sxl-ui-btn-action-table-bg: var(--sxl-white-20);
  --sxl-ui-btn-action-table-bg-hover: var(--sxl-primary); }

/* Sur mobile portrait : impose un plancher confortable
   (base 16px → 0.75rem=12px, 0.875rem=14px, 1rem=16px, 1.25rem=20px, etc.) */
/* @sxl-category: Unused | order: 200 | scope: vars */
@media (max-width: 480px) and (orientation: portrait) {
  :root {
    --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 */ } }
@media (min-width: 768px) {
  :root {
    --sxl-cols: 2; } }
@media (min-width: 992px) {
  :root {
    --sxl-cols: 3; } }
@media (min-width: 1281px) {
  :root {
    --sxl-cols: 4; } }
/* @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 */
/* ----------------------- */
html, body {
  height: 100%; }

body {
  background-color: var(--sxl-ui-bg) !important;
  margin: 0; }

/* 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; }

/* footer_sitixel_link */
a.footer_sitixel_link {
  text-decoration: underline;
  color: var(--sxl-text); }

a.footer_sitixel_link:hover {
  color: var(--sxl-primary-alter); }

.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; }

/* Interface boutons */
a.sbr_btn {
  padding: 8px 10px !important; }

/* etat active */
body.sbr_dashboard a#sbr_btn_dashboard,
body.sbr_projets a#sbr_btn_projets,
body.sbr_contenus a#sbr_btn_contenus,
body.sbr_faq a#sbr_btn_faq,
body.sbr_cta a#sbr_btn_cta,
body.sbr_summary a#sbr_btn_summary,
body.sbr_arbo a#sbr_btn_arbo,
body.sbr_activite a#sbr_btn_activite,
body.sbr_profil a#sbr_btn_profil,
body.sbr_pass a#sbr_btn_pass,
body.sbr_factu a#sbr_btn_factu,
body.sbr_arbo a#sbr_btn_arbo,
body.sbr_aide a#sbr_btn_aide {
  color: var(--sxl-primary) !important;
  background-color: var(--sxl-text) !important; }

html[data-theme="dark"] body.sbr_dashboard a#sbr_btn_dashboard,
html[data-theme="dark"] body.sbr_projets a#sbr_btn_projets,
html[data-theme="dark"] body.sbr_contenus a#sbr_btn_contenus,
html[data-theme="dark"] body.sbr_faq a#sbr_btn_faq,
html[data-theme="dark"] body.sbr_cta a#sbr_btn_cta,
html[data-theme="dark"] body.sbr_summary a#sbr_btn_summary,
html[data-theme="dark"] body.sbr_arbo a#sbr_btn_arbo,
html[data-theme="dark"] body.sbr_activite a#sbr_btn_activite,
html[data-theme="dark"] body.sbr_profil a#sbr_btn_profil,
html[data-theme="dark"] body.sbr_pass a#sbr_btn_pass,
html[data-theme="dark"] body.sbr_factu a#sbr_btn_factu,
html[data-theme="dark"] body.sbr_arbo a#sbr_btn_arbo,
html[data-theme="dark"] body.sbr_aide a#sbr_btn_aide {
  color: var(--sxl-primary) !important;
  background-color: var(--sxl-white-10) !important; }

/* Form error message */
.jet-form-builder-row.field-has-error .error-message {
  font-size: 1.2rem !important;
  margin-top: 10px; }

/* Avatar */
/* Le conteneur du picto/avatar (le lien ou wrapper) */
.sxl_userpic,
.sxl_userpic_big {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid var(--sxl-ui-icon-border); }
  .sxl_userpic picture,
  .sxl_userpic_big picture {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    overflow: hidden; }
  .sxl_userpic img,
  .sxl_userpic_big img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 999px;
    overflow: hidden; }

.sxl_userpic {
  width: 30px;
  height: 30px; }

.sxl_userpic_big {
  width: 60px;
  height: 60px; }

/* Fil d'arianne : delete /app from it */
#arianne a.item:nth-child(3),
#arianne span.separator:nth-child(2) {
  display: none !important; }
#arianne .item[aria-current] {
  color: var(--sxl-primary-alter) !important;
  cursor: default; }

html[data-theme="dark"] #arianne .item[aria-current] {
  color: var(--sxl-primary) !important;
  cursor: default; }

html[data-theme="dark"] #arianne a.item:hover {
  color: var(--sxl-primary) !important; }

/* Notyf */
.notyf {
  position: fixed;
  top: 10px;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translateX(-50%);
  z-index: 99999; }

.notyf__wrapper {
  padding: 0; }

.notyf__icon {
  width: 10%; }

.notyf__message {
  width: 90%; }

.notyf__toast {
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  padding: 14px 16px;
  margin: 0 !important;
  font-family: var(--sxl-font-primary);
  font-size: var(--sxl-text-s);
  font-weight: var(--sxl-font-weight-600); }

.notyf__toast.notyf--confirm {
  background: var(--sxl-success); }

/* logo */
/* Par défaut = light */
.sxl-logo--dark {
  display: none; }

/* Dark mode : logo */
html[data-theme="dark"] .sxl-logo--light {
  display: none; }

html[data-theme="dark"] .sxl-logo--dark {
  display: block; }

/* badges projets */
.sxl-badge-projet .brxe-heading {
  color: var(--sxl-ui-badge);
  background-color: var(--sxl-ui-badge-bg);
  border: 1px solid var(--sxl-ui-badge) !important; }

.sxl-badge-projet:hover .brxe-heading {
  color: var(--sxl-ui-badge-hover);
  background-color: var(--sxl-ui-badge-bg-hover);
  border: 1px solid var(--sxl-ui-badge-hover) !important; }

.sxl-badge-projet-active .brxe-heading {
  color: var(--sxl-ui-badge-active);
  background-color: var(--sxl-ui-badge-bg-active);
  border: 1px solid var(--sxl-ui-badge-bg-active) !important; }

/* icon affichage vue list / grid */
#icon_grid.is-active,
#icon_list.is-active {
  color: var(--sxl-ui-text-inverted);
  background-color: var(--sxl-ui-text);
  border-color: var(--sxl-ui-text);
  cursor: default; }

html[data-theme="dark"] #icon_grid:hover,
html[data-theme="dark"] #icon_list:hover {
  color: var(--sxl-ui-text-inverted) !important; }

/* pagination */
.sxl-pagination {
  margin-top: 20px;
  width: 100%; }
  .sxl-pagination ul.page-numbers {
    font-family: var(--sxl-font-primary);
    font-size: var(--sxl-text-m);
    font-weight: var(--sxl-font-weight-600);
    display: flex !important;
    justify-content: flex-end;
    gap: 10px; }
    .sxl-pagination ul.page-numbers li {
      padding: 3px 6px;
      width: 30px;
      height: 30px;
      align-items: center;
      justify-content: center;
      line-height: 1;
      text-align: center; }
      .sxl-pagination ul.page-numbers li span,
      .sxl-pagination ul.page-numbers li a {
        width: 30px !important;
        height: 30px;
        color: var(--sxl-text);
        background-color: var(--sxl-ui-bg-card);
        border: solid 1px var(--sxl-text);
        border-radius: 4px; }
      .sxl-pagination ul.page-numbers li a:hover {
        color: var(--sxl-text);
        background-color: var(--sxl-primary);
        border-color: var(--sxl-primary); }
      .sxl-pagination ul.page-numbers li span.current {
        color: var(--sxl-ui-text-inverted);
        background-color: var(--sxl-ui-text);
        border-color: var(--sxl-ui-text);
        cursor: default; }

html[data-theme="dark"] .sxl-pagination ul.page-numbers li a:hover {
  color: var(--sxl-ui-text-inverted) !important; }

/* Popup confirmation */
.sxl_delete_form_mention {
  font-family: var(--sxl-font-primary);
  font-size: var(--sxl-text-s);
  font-weight: var(--sxl-font-weight-600);
  color: var(--sxl-text); }

.sxl_delete_form {
  margin-top: 20px; }
  .sxl_delete_form .sxl-modal-actions {
    font-family: var(--sxl-font-primary);
    font-size: var(--sxl-text-m);
    font-weight: var(--sxl-font-weight-600);
    display: flex;
    gap: var(--sxl-gap);
    justify-content: center; }
    .sxl_delete_form .sxl-modal-actions .sxl-modal-confirm,
    .sxl_delete_form .sxl-modal-actions .sxl-modal-cancel {
      font-weight: var(--sxl-font-weight-700);
      padding: 10px 30px;
      border-radius: 6px; }
    .sxl_delete_form .sxl-modal-actions .sxl-modal-cancel {
      color: var(--sxl-white);
      background-color: var(--sxl-primary); }
    .sxl_delete_form .sxl-modal-actions .sxl-modal-confirm {
      color: var(--sxl-text);
      background-color: var(--sxl-black-20); }
    .sxl_delete_form .sxl-modal-actions .sxl-modal-cancel:hover {
      color: var(--sxl-white);
      background-color: var(--sxl-secondary); }
    .sxl_delete_form .sxl-modal-actions .sxl-modal-confirm:hover {
      color: var(--sxl-text);
      background-color: var(--sxl-black-40); }

html[data-theme="dark"] .sxl_delete_form .sxl-modal-actions .sxl-modal-cancel,
html[data-theme="dark"] .sxl_delete_form .sxl-modal-actions .sxl-modal-cancel:hover {
  color: var(--sxl-ui-text-inverted) !important; }

html[data-theme="dark"] .sxl_delete_form .sxl-modal-actions .sxl-modal-confirm {
  background-color: var(--sxl-black-30) !important; }

html[data-theme="dark"] .sxl_delete_form .sxl-modal-actions .sxl-modal-confirm:hover {
  background-color: var(--sxl-black-60) !important; }

.sxl_app_acfe_form :focus-visible {
  outline: none !important; }
.sxl_app_acfe_form .acf-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
  column-gap: 40px; }
  .sxl_app_acfe_form .acf-fields h3 {
    font-family: var(--sxl-font-primary);
    font-size: var(--sxl-text-xl);
    font-weight: var(--sxl-font-weight-600);
    color: var(--sxl-primary);
    border: none;
    margin-top: 20px;
    width: 100%; }
  .sxl_app_acfe_form .acf-fields .acf-field {
    border: none;
    padding: 15px 0 10px 0;
    width: 46%; }
    .sxl_app_acfe_form .acf-fields .acf-field .acf-label label {
      font-family: var(--sxl-font-primary);
      font-size: var(--sxl-text-s);
      font-weight: var(--sxl-font-weight-700);
      color: var(--sxl-text); }
    .sxl_app_acfe_form .acf-fields .acf-field .acf-input input,
    .sxl_app_acfe_form .acf-fields .acf-field .acf-input textarea,
    .sxl_app_acfe_form .acf-fields .acf-field .acf-input select {
      font-family: var(--sxl-font-primary);
      font-size: var(--sxl-text-s);
      font-weight: var(--sxl-font-weight-400);
      color: var(--sxl-text);
      border-radius: 6px;
      border: 1px solid var(--sxl-ui-border-form);
      background-color: var(--sxl-ui-bg-form);
      overflow: hidden;
      padding: 6px 10px; }
      .sxl_app_acfe_form .acf-fields .acf-field .acf-input input option,
      .sxl_app_acfe_form .acf-fields .acf-field .acf-input textarea option,
      .sxl_app_acfe_form .acf-fields .acf-field .acf-input select option {
        font-family: var(--sxl-font-primary) !important;
        font-size: var(--sxl-text-s) !important;
        font-weight: var(--sxl-font-weight-400) !important;
        color: var(--sxl-text) !important; }
    .sxl_app_acfe_form .acf-fields .acf-field .acf-input label {
      font-family: var(--sxl-font-primary);
      font-size: var(--sxl-text-s);
      font-weight: var(--sxl-font-weight-400);
      color: var(--sxl-text); }
      .sxl_app_acfe_form .acf-fields .acf-field .acf-input label input {
        margin-top: -5px; }
    .sxl_app_acfe_form .acf-fields .acf-field .acf-input input:focus, .sxl_app_acfe_form .acf-fields .acf-field .acf-input input:focus-visible,
    .sxl_app_acfe_form .acf-fields .acf-field .acf-input textarea:focus,
    .sxl_app_acfe_form .acf-fields .acf-field .acf-input textarea:focus-visible,
    .sxl_app_acfe_form .acf-fields .acf-field .acf-input select:focus,
    .sxl_app_acfe_form .acf-fields .acf-field .acf-input select:focus-visible {
      outline: none !important;
      box-shadow: none !important; }
.sxl_app_acfe_form .acf-form-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 100%; }
  .sxl_app_acfe_form .acf-form-submit .sxl_acf_form_btn {
    font-family: var(--sxl-font-primary);
    font-size: var(--sxl-text-m);
    font-weight: var(--sxl-font-weight-700);
    color: var(--sxl-ui-text-inverted);
    background-color: var(--sxl-primary);
    text-transform: uppercase;
    border: none;
    padding: 10px 40px;
    border-radius: 6px;
    margin: 20px 0; }
  .sxl_app_acfe_form .acf-form-submit .sxl_acf_form_btn:hover {
    background-color: var(--sxl-secondary); }

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