@charset "UTF-8";
/*=========================
=          Main           =
=========================*/
/*=========================
=          Core           =
=========================*/
/*=================================
=            Helpers              =
=================================*/
/*=================================
=        SASS map helpers         =
=================================*/
/*======================================
=                Math                  =
======================================*/
/**
 * Remove units from the given number
 * @param  {number} $number The number with units
 * @return {number}
 */
/**
 * Division helper
 * @param  {number} $den    Denominator
 * @param  {number} $num    Numerator
 * @return {number}
 */
/**
 * Calculate vh percentage from number
 * @param  {number} $number The percentage number
 * @return {number} in vh
 */
/*=================================
=           Shortcuts             =
=================================*/
/**
 * Shortcut to avoid having to type a css variable and its default with the same name everytime
 *
 * @param  {string} $var     The name of the css variable
 * @param  {string} $default The default value to use if the variable is not set
 * @return {string}          A css variable with a default var() of the same name
 *
 * @example 
 *     font-size: dvar(--heading-font-size); ↴
 *     font-size: var(--heading-font-size, var(--heading-font-size-default));
 *
 * @example 
 *     font-size: dvar(--button-color, red); ↴
 *     font-size: var(--button-color, var(--button-color-default, red));
 */
/**
 * Shortcut for multiplications based on a factor and a variable.
 * 
 * @param  {string} $factor Multiplier to adjust the value (default: 1)
 * @param  {string} $var    Customizable variable representing the base value (default: var(--spacer))
 * @return {string}         The multiplied value using the formula: calc($var * $factor)
 * 
 * @example
 *      margin: multiply(2); // Calculates 2 times the default value
 *      padding: multiply(0.5, var(--custom)); // Calculates half of a custom variable
 */
/**
 * A function helper to avoid having to type `map-get($directories, ...)` to output a given font-size
 * @param  {string} $dir The name of the directory
 * @return {string}      The corresponding directory path
 */
/*=====================================
=            Accessibility            =
=====================================*/
/**
 * A class to hide labels and stuff
 * for accessibility
 * @author Facebook Accessibility Team
 * @source https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
/*=======================================
=             Breakpoints               =
=======================================*/
/*=======================================
=          Custom breakpoints           =
=======================================*/
/*======================================
=             Containers               =
======================================*/
/**
 * Container(s) styles generator
 *
 * @param  {string} $variant     What size variant to generate.
 *                               Use 'all' to generate default base styles and all other keys as modifier classes
 * @return {void}
 */
/*=======================================
=                 Grid                  =
=======================================*/
/*=================================
=         Heading styles          =
=================================*/
/**
 * Print typographic styles of an element from a map
 * @param  {string}   $t            The name of the element
 * @param  {sass-map} $titles       The map to loop through
 * @return {void}
 *
 * @format {sass-map}
 *      $titles: (
 *          shared: (
 *              <property>: <value>,
 *              ...
 *          ),
 *          <element>: (
 *              font-size: (
 *                  <breakpoint>: <font-size-w/o-unit> <fluid-or-not>,
 *                  ...
 *              )
 *          ),
 *          <element>: (
 *              font-size: <size-w/o-unit>,
 *              <property>: <value>,
 *              ...
 *          )
 *      )
 */
/**
 * Responsive typography
 * @param  {sass-map} $sizes      The map containing the breakpoint, font-size and if fluid or not.
 *                                (For sass map format, view mixin h() documentation above)
 * @return {void}
 */
/**
 * Generate calculation for a responsive size based on viewport width
 * All sizes must be in pixels
 * @author Based on Mike Riethmuller http://codepen.io/MadeByMike/pen/YPJJYv
 * @param  {integer} $min-size        The minimum size for the element
 * @param  {integer} $max-size        The maximum size for the element
 * @param  {integer} $min-width       The breakpoint minimum to activate the responsive typography
 * @param  {integer} $max-width       The breakpoint maximum to activate th responsive typography
 * @return {string}  $ratio           The calculation
 */
/*=======================================
=              Reset list               =
=======================================*/
/*=================================
=           Shorthands            =
=================================*/
/*======================================
=            Viewport width            =
======================================*/
/*======================================
=              Overflow                =
======================================*/
/*======================================
=                Stack                 =
======================================*/
/**
 * Align and space elements in a container
 * @param  {string} $orientation     Orientation. Values: 'horizontal' or 'vertical'
 * @param  {string} $alignX          Alignment of each element on X axis. Values: 'left', 'right', 'center' or adaptative according to orientation.
 * @param  {string} $alignY          Alignment of each element on Y axis. Values: 'top', 'bottom', 'center' or adaptative according to orientation.
 * @param  {number} $gap             Width of the gap between elements.
 * @param  {boolean} $wrap           If element can go onto multiple lines. Values: true or false
 * @param  {string} $var-prefix      If needed, change prefix of all var(). Default: 'stack'
 * @return {void}
 */
/*=================================
=         Size variations         =
=================================*/
/**
 * Generate variants of a size in a root css variables format
 * @param  {string}  $name           The name of the variable
 * @param  {number}  $size           The size to decline
 * @param  {boolean} $advanced       If true, generate more precise variants
 * @param  {boolean} $minus          If true, generate negative variants
 * @return {void}
 */
/**
   * Minimum aspect-ratio hack
   * @param {number} $min
   */
/**
   * Add inner shadows on element to make overflow more obvious.
   * 
   * @param {string} $color         Color of shadow
   * @param {string} $orientation   Position of gradients in parent top/bottom or left/right. Values: vertical | horizontal
   * @param {string} $size          Size of the shadow. Applied on width or height according to orientation.
   * 
   */
/*=================================
=           Font-faces            =
=================================*/
/*=================================
=         Selected Text           =
=================================*/
/*=================================
=              Misc               =
=================================*/
/*=============================
=          Visuals            =
=============================*/
/**
   * Mixin printing a linear-gradient
   * as well as a plain color fallback
   * and the `-webkit-` prefixed declaration
   * @param {String | List | Angle} $direction - Linear gradient direction
   * @param {Arglist} $color-stops - List of color-stops composing the gradient
   */
/*=========================================
=            Outline debugger             =
=========================================*/
/*==============================
=            Easing            =
==============================*/
/*============================
=    Queso mixins' config     =
============================*/
/*=======================================
=         Document Typography           =
=======================================*/
/*=================================
=             Spacers             =
=================================*/
/*=================================
=         Border Radiuses         =
=================================*/
/*=================================
=            Z-indexes            =
=================================*/
/*=================================
=             Borders             =
=================================*/
/*=================================
=             Shadows             =
=================================*/
/*=================================
=           Font faces            =
=================================*/
/*=================================
=          Base values            =
=================================*/
/*=================================
=            Headings             =
=================================*/
/*=================================
=        Rich text editor         =
=================================*/
/*=================================
=        Typography-styles        =
=================================*/
/*=========================
=         Global          =
=========================*/
/*====================================
=               Layers               =
====================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --z-default: 1;
  --z-loader: 500;
  --z-modal: 300;
  --z-header: 200;
  --z-dropdown: 100;
  --z-limbo: -100;
}

/*=================================
=         Border Radiuses         =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --radius: 2rem;
  --radius-none: 0rem;
  --radius-xsm: 0.5rem;
  --radius-sm: 1.5rem;
  --radius-md: 2rem;
  --radius-lg: 3rem;
  --radius-full: 999rem;
}

/*==============================
=           Spacers            =
==============================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --space: 1.6rem;
  --space-0: 0rem;
  --space-1: 0.4rem;
  --space-2: 0.6rem;
  --space-3: 1.2rem;
  --space-4: 1.6rem;
  --space-5: 1.6rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;
  --section-space: 8rem;
  --section-space-none: 0rem;
  --section-space-small: 4.8rem;
  --section-space-main: 8rem;
  --section-space-large: 12rem;
  --section-space-xlarge: 8rem;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable {
    --space: 2rem;
    --space-0: 0rem;
    --space-1: 0.4rem;
    --space-2: 0.8rem;
    --space-3: 1.6rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4rem;
    --space-7: 6rem;
    --space-8: 12rem;
    --section-space: 8rem;
    --section-space-none: 0rem;
    --section-space-small: 4rem;
    --section-space-main: 8rem;
    --section-space-large: 11rem;
    --section-space-xlarge: 20rem;
  }
}

/*====================================
=               Themes               =
====================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --theme-surface-primary: #FFFFFF;
  --theme-surface-primary-faded: rgba(255, 255, 255, 0.2);
  --theme-surface-secondary: #FDF6F7;
  --theme-surface-tertiary: #FFE0E0;
  --theme-surface-neutral: #96ABBD;
  --theme-surface-neutral-light: #F5F6F7;
  --theme-surface-accent: #E63F42;
  --theme-surface-dark: #00325E;
  --theme-surface-dark-secondary: #002342;
  --theme-text-primary: #002342;
  --theme-text-secondary: #3D5C77;
  --theme-text-accent: #E63F42;
  --theme-text-invert: #FFFFFF;
  --theme-border-primary: #00325E;
  --theme-border-primary-alternate: #00325E;
  --theme-border-secondary: #96ABBD;
  --theme-border-accent: #E63F42;
  --theme-border-neutral: rgba(0, 50, 94, 0.1019607843);
  --theme-border-invert: #FFFFFF;
  --theme-link-default: #0068CC;
  --theme-link-default-dark: #3D5C77;
  --theme-link-hover: #00325E;
  --theme-link-disabled: #96ABBD;
  --theme-link-visited: #E63F42;
  --theme-button-default: #FFE0E0;
  --theme-button-hover: #FFD2D2;
  --theme-button-disabled: #E6EBEF;
  --theme-button-bg-focus: #FDF6F7;
  --theme-button-nav-default: rgba(0, 0, 0, 0);
  --theme-button-nav-hover: #FFD2D2;
  --theme-button-nav-selected: #FFFFFF;
  --theme-button-nav-disabled: #E6EBEF;
  --theme-button-nav-bg-focus: #FDF6F7;
  --theme-button-chip-default: #FFFFFF;
  --theme-button-chip-selected: #FFE0E0;
  --theme-button-chip-hover: #FFD2D2;
  --theme-button-chip-disabled: #E6EBEF;
  --theme-button-chip-bg-focus: #FDF6F7;
  --theme-checkbox-surface-default: #FFFFFF;
  --theme-selector-surface-hover: #00325E;
  --theme-selector-surface-selected: #00325E;
  --theme-selector-surface-disabled: #96ABBD;
  --theme-selector-surface-pressed: #E63F42;
  --theme-selector-stroke-default: #E6EBEF;
  --theme-selector-stroke-hover: #00325E;
  --theme-selector-stroke-selected: #00325E;
  --theme-selector-stroke-disabled: #96ABBD;
  --theme-neutral: #F8F9FA;
  --theme-error-primary: #6D484A;
  --theme-error-secondary: #E56B6F;
  --theme-error-tertiary: #F1AFB1;
  --theme-success-primary: #40635A;
  --theme-success-secondary: #2CA487;
  --theme-success-tertiary: #96D2C3;
  --theme-warning-primary: #986002;
  --theme-warning-secondary: #E19005;
  --theme-warning-tertiary: #FFE2B0;
}

[data-theme=blue] {
  --theme-surface-primary: #FFFFFF;
  --theme-surface-primary-faded: rgba(255, 255, 255, 0.2);
  --theme-surface-secondary: #F0F8FF;
  --theme-surface-tertiary: #CEE7FF;
  --theme-surface-neutral: #96ABBD;
  --theme-surface-neutral-light: #F5F6F7;
  --theme-surface-accent: #E63F42;
  --theme-surface-dark: #00325E;
  --theme-surface-dark-secondary: #002342;
  --theme-text-primary: #002342;
  --theme-text-secondary: #3D5C77;
  --theme-text-accent: #0068CC;
  --theme-text-invert: #FFFFFF;
  --theme-border-primary: #00325E;
  --theme-border-primary-alternate: #00325E;
  --theme-border-secondary: #96ABBD;
  --theme-border-accent: #0068CC;
  --theme-border-neutral: rgba(0, 50, 94, 0.1019607843);
  --theme-border-invert: #FFFFFF;
  --theme-link-default: #0068CC;
  --theme-link-default-dark: #3D5C77;
  --theme-link-hover: #00325E;
  --theme-link-disabled: #96ABBD;
  --theme-link-visited: #E63F42;
  --theme-button-default: #CEE7FF;
  --theme-button-hover: #B5DBFF;
  --theme-button-disabled: #E6EBEF;
  --theme-button-bg-focus: #F0F8FF;
  --theme-button-nav-default: rgba(0, 0, 0, 0);
  --theme-button-nav-hover: #B5DBFF;
  --theme-button-nav-selected: #FFFFFF;
  --theme-button-nav-disabled: #E6EBEF;
  --theme-button-nav-bg-focus: #F0F8FF;
  --theme-button-chip-default: #FFFFFF;
  --theme-button-chip-selected: #CEE7FF;
  --theme-button-chip-hover: #B5DBFF;
  --theme-button-chip-disabled: #E6EBEF;
  --theme-button-chip-bg-focus: #F0F8FF;
  --theme-checkbox-surface-default: #FFFFFF;
  --theme-selector-surface-hover: #F0F8FF;
  --theme-selector-surface-selected: #CEE7FF;
  --theme-selector-surface-disabled: #E6EBEF;
  --theme-selector-surface-pressed: #B5DBFF;
  --theme-selector-stroke-default: #E6EBEF;
  --theme-selector-stroke-hover: #9CCEFF;
  --theme-selector-stroke-selected: #0068CC;
  --theme-selector-stroke-disabled: #96ABBD;
}

[data-theme=red] {
  --theme-surface-primary: #FFFFFF;
  --theme-surface-primary-faded: rgba(255, 255, 255, 0.2);
  --theme-surface-secondary: #FDF6F7;
  --theme-surface-tertiary: #FFE0E0;
  --theme-surface-neutral: #96ABBD;
  --theme-surface-neutral-light: #F5F6F7;
  --theme-surface-accent: #E63F42;
  --theme-surface-dark: #00325E;
  --theme-surface-dark-secondary: #002342;
  --theme-text-primary: #002342;
  --theme-text-secondary: #3D5C77;
  --theme-text-accent: #E63F42;
  --theme-text-invert: #FFFFFF;
  --theme-border-primary: #00325E;
  --theme-border-primary-alternate: #00325E;
  --theme-border-secondary: #96ABBD;
  --theme-border-accent: #E63F42;
  --theme-border-neutral: rgba(0, 50, 94, 0.1019607843);
  --theme-border-invert: #FFFFFF;
  --theme-link-default: #0068CC;
  --theme-link-default-dark: #3D5C77;
  --theme-link-hover: #00325E;
  --theme-link-disabled: #96ABBD;
  --theme-link-visited: #E63F42;
  --theme-button-default: #FFE0E0;
  --theme-button-hover: #FFD2D2;
  --theme-button-disabled: #E6EBEF;
  --theme-button-bg-focus: #FDF6F7;
  --theme-button-nav-default: rgba(0, 0, 0, 0);
  --theme-button-nav-hover: #FFD2D2;
  --theme-button-nav-selected: #FFFFFF;
  --theme-button-nav-disabled: #E6EBEF;
  --theme-button-nav-bg-focus: #FDF6F7;
  --theme-button-chip-default: #FFFFFF;
  --theme-button-chip-selected: #FFE0E0;
  --theme-button-chip-hover: #FFD2D2;
  --theme-button-chip-disabled: #E6EBEF;
  --theme-button-chip-bg-focus: #FDF6F7;
  --theme-checkbox-surface-default: #FFFFFF;
  --theme-selector-surface-hover: #00325E;
  --theme-selector-surface-selected: #00325E;
  --theme-selector-surface-disabled: #96ABBD;
  --theme-selector-surface-pressed: #E63F42;
  --theme-selector-stroke-default: #E6EBEF;
  --theme-selector-stroke-hover: #00325E;
  --theme-selector-stroke-selected: #00325E;
  --theme-selector-stroke-disabled: #96ABBD;
}

[data-theme=navy] {
  --theme-surface-primary: #FFFFFF;
  --theme-surface-primary-faded: rgba(255, 255, 255, 0.2);
  --theme-surface-secondary: #F5F6F7;
  --theme-surface-tertiary: #E6EBEF;
  --theme-surface-neutral: #96ABBD;
  --theme-surface-neutral-light: #F5F6F7;
  --theme-surface-accent: #E63F42;
  --theme-surface-dark: #00325E;
  --theme-surface-dark-secondary: #002342;
  --theme-text-primary: #FFFFFF;
  --theme-text-secondary: #3D5C77;
  --theme-text-accent: #0068CC;
  --theme-text-invert: #002342;
  --theme-border-primary: #FFFFFF;
  --theme-border-primary-alternate: #FFFFFF;
  --theme-border-secondary: #96ABBD;
  --theme-border-accent: #3D5C77;
  --theme-border-neutral: #E6EBEF;
  --theme-border-invert: #002342;
  --theme-link-default: #0068CC;
  --theme-link-default-dark: #3D5C77;
  --theme-link-hover: #00325E;
  --theme-link-disabled: #96ABBD;
  --theme-link-visited: #E63F42;
  --theme-button-default: #00325E;
  --theme-button-hover: #3D5C77;
  --theme-button-disabled: #E6EBEF;
  --theme-button-bg-focus: #E6EBEF;
  --theme-button-nav-default: rgba(0, 0, 0, 0);
  --theme-button-nav-hover: #3D5C77;
  --theme-button-nav-selected: #FFFFFF;
  --theme-button-nav-disabled: #E6EBEF;
  --theme-button-nav-bg-focus: #E6EBEF;
  --theme-button-chip-default: #FFFFFF;
  --theme-button-chip-selected: #FFFFFF;
  --theme-button-chip-hover: #3D5C77;
  --theme-button-chip-disabled: #E6EBEF;
  --theme-button-chip-bg-focus: #E6EBEF;
  --theme-checkbox-surface-default: #0068CC;
  --theme-selector-surface-hover: #00325E;
  --theme-selector-surface-selected: #00325E;
  --theme-selector-surface-disabled: #96ABBD;
  --theme-selector-surface-pressed: #E63F42;
  --theme-selector-stroke-default: #0068CC;
  --theme-selector-stroke-hover: #00325E;
  --theme-selector-stroke-selected: #00325E;
  --theme-selector-stroke-disabled: #96ABBD;
}

/*=================================
=           Typography            =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --ff-primary: ES Build, Arial, sans-serif;
  --ff-secondary: DM Sans, Arial, sans-serif;
}

@font-face {
  font-family: "ES Build";
  src: url("/static/fonts/ES-Build-Regular.woff2") format("woff2"), url("/static/fonts/ES-Build-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ES Build";
  src: url("/static/fonts/ES-Build-Medium.woff2") format("woff2"), url("/static/fonts/ES-Build-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ES Build";
  src: url("/static/fonts/ES-Build-Bold.woff2") format("woff2"), url("/static/fonts/ES-Build-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("/static/fonts/DMSans-Regular.woff2") format("woff2"), url("/static/fonts/DMSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("/static/fonts/DMSans-Medium.woff2") format("woff2"), url("/static/fonts/DMSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("/static/fonts/DMSans-Bold.woff2") format("woff2"), url("/static/fonts/DMSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.t-display {
  font-size: 4rem;
  line-height: 0.85;
  font-family: var(--ff-primary);
  font-weight: 500;
}
@media (min-width: 768px) {
  .t-display {
    font-size: calc(40px + (104 - 40) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-display {
    font-size: 10.4rem;
  }
}

.t-h1 {
  font-size: 3.2rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .t-h1 {
    font-size: calc(32px + (96 - 32) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-h1 {
    font-size: 9.6rem;
  }
}

.t-h2 {
  font-size: 3rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .t-h2 {
    font-size: calc(30px + (60 - 30) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-h2 {
    font-size: 6rem;
  }
}

.t-h3 {
  font-size: 2.8rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .t-h3 {
    font-size: calc(28px + (32 - 28) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-h3 {
    font-size: 3.2rem;
  }
}

.t-h4 {
  font-size: 2.6rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}

.t-h5 {
  font-size: 2.2rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}

.t-h6 {
  font-size: 1.6rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .t-h6 {
    font-size: calc(16px + (18 - 16) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-h6 {
    font-size: 1.8rem;
  }
}

.t-display {
  font-size: 4rem;
  line-height: 0.85;
  font-family: var(--ff-primary);
  font-weight: 500;
}
@media (min-width: 768px) {
  .t-display {
    font-size: calc(40px + (104 - 40) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-display {
    font-size: 10.4rem;
  }
}

.t-h1 {
  font-size: 3.2rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .t-h1 {
    font-size: calc(32px + (96 - 32) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-h1 {
    font-size: 9.6rem;
  }
}

.t-h2 {
  font-size: 3rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .t-h2 {
    font-size: calc(30px + (60 - 30) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-h2 {
    font-size: 6rem;
  }
}

.t-h3 {
  font-size: 2.8rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .t-h3 {
    font-size: calc(28px + (32 - 28) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-h3 {
    font-size: 3.2rem;
  }
}

.t-h4 {
  font-size: 2.6rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}

.t-h5 {
  font-size: 2.2rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}

.t-h6 {
  font-size: 1.6rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .t-h6 {
    font-size: calc(16px + (18 - 16) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-h6 {
    font-size: 1.8rem;
  }
}

.t-p1 {
  font-size: 1.8rem;
  font-family: var(--ff-secondary);
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 768px) {
  .t-p1 {
    font-size: calc(18px + (20 - 18) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-p1 {
    font-size: 2rem;
  }
}

.t-p2 {
  font-size: 1.7rem;
  font-family: var(--ff-secondary);
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 768px) {
  .t-p2 {
    font-size: calc(17px + (18 - 17) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-p2 {
    font-size: 1.8rem;
  }
}

.t-p3 {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
  font-family: var(--ff-secondary);
}

.t-p4 {
  font-size: 1.4rem;
  line-height: 1.3;
  font-family: var(--ff-secondary);
  font-weight: 400;
}

.t-c1 {
  font-size: 1.3rem;
  font-family: var(--ff-secondary);
  line-height: 1.2;
  font-weight: 400;
}

/*=================================
=        Rich text editor         =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --rte-gap: 2rem;
  --rte-gap-half: calc(var(--rte-gap) / 2);
  --rte-gap-third: calc(var(--rte-gap) / 3);
  --rte-gap-2X: calc(var(--rte-gap) * 2);
  --rte-gap-4X: calc(var(--rte-gap) * 4);
}

body .ck.ck-editor__main > .ck-editor__editable {
  max-width: var(--rte-width, 91rem);
}
body .ck.ck-editor__main > .ck-editor__editable p + p {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable p + ul {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable p + ol {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable p + blockquote {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ul + p {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ul + ul {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ul + ol {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ul + blockquote {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ol + p {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ol + ul {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ol + ol {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ol + blockquote {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + p {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + ul {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + ol {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + blockquote {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.redactor-custom-button) {
  color: var(--theme-surface-dark-secondary);
  text-decoration: underline;
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.redactor-custom-button):hover {
  color: var(--theme-surface-accent);
}
body .ck.ck-editor__main > .ck-editor__editable a.redactor-custom-button {
  --btn-primary-padding-y-default: var(--space-3);
  --btn-primary-padding-x-default: var(--space-3);
  --btn-primary-gap-default: var(--space-2);
  --btn-primary-txt-color-default: var(--theme-text-primary);
  --btn-primary-bg-color-default: var(--theme-button-default);
  --btn-primary-radius-default: var(--radius-md);
  --btn-primary-border-color-default: var(--theme-border-primary);
  --btn-primary-border-width-default: var(--border-width);
  --btn-primary-txt-color-hover-default: var(--theme-text-primary);
  --btn-primary-bg-color-hover-default: var(--theme-button-hover);
  --btn-primary-border-color-hover-default: var(--theme-border-accent);
  --btn-primary-radius-hover-default: calc(var(--radius-md) * 1.5);
  --btn-primary-display: inline-flex;
  display: var(--btn-primary-display, flex);
  align-items: var(--btn-primary-align, center);
  justify-content: var(--btn-primary-justify, center);
  flex-direction: var(--btn-primary-direction, row);
  column-gap: var(--btn-primary-col-gap, var(--btn-primary-gap, var(--btn-primary-gap, var(--btn-primary-gap-default))));
  row-gap: var(--btn-primary-row-gap, var(--btn-primary-gap, var(--btn-primary-gap, var(--btn-primary-gap-default))));
  flex-wrap: var(--btn-primary-wrap, wrap);
  color: var(--btn-primary-txt-color, var(--btn-primary-txt-color-default));
  white-space: nowrap;
  padding: var(--btn-primary-padding, var(--btn-primary-padding-y, var(--btn-primary-padding-y-default)) var(--btn-primary-padding-x, var(--btn-primary-padding-x-default)));
  background: var(--btn-primary-bg-color, var(--btn-primary-bg-color-default));
  border-radius: var(--btn-primary-radius, var(--btn-primary-radius-default));
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, border-radius 0.3s ease;
  will-change: color, background-color, border-color, border-radius;
  font-weight: bold;
}
body .ck.ck-editor__main > .ck-editor__editable a.redactor-custom-button.-outline {
  background: transparent;
  border: var(--btn-primary-border-width, var(--btn-primary-border-width-default)) solid var(--btn-primary-border-color, var(--btn-primary-border-color-default));
}
body .ck.ck-editor__main > .ck-editor__editable a.redactor-custom-button:hover {
  --btn-primary-txt-color-default: var(--btn-primary-txt-color-hover, var(--btn-primary-txt-color-hover-default));
  --btn-primary-bg-color-default: var(--btn-primary-bg-color-hover, var(--btn-primary-bg-color-hover-default));
  --btn-primary-radius-default: var(--btn-primary-radius-hover, var(--btn-primary-radius-hover-default));
}
body .ck.ck-editor__main > .ck-editor__editable blockquote {
  font-style: italic;
  padding-left: var(--rte-gap, 1em);
  border-left: 2px solid var(--theme-surface-dark);
}
body .ck.ck-editor__main > .ck-editor__editable hr {
  width: 100%;
  height: 1px;
  margin: var(--rte-gap-2X, 2em) auto;
  background-color: var(--theme-surface-neutral, lightgrey);
  border: none;
}
body .ck.ck-editor__main > .ck-editor__editable h1,
body .ck.ck-editor__main > .ck-editor__editable h2,
body .ck.ck-editor__main > .ck-editor__editable h3,
body .ck.ck-editor__main > .ck-editor__editable h4,
body .ck.ck-editor__main > .ck-editor__editable h5,
body .ck.ck-editor__main > .ck-editor__editable h6 {
  margin-top: var(--rte-gap, 1em);
  margin-bottom: var(--rte-gap-half, 1rem);
}
body .ck.ck-editor__main > .ck-editor__editable display {
  font-size: 4rem;
  line-height: 0.85;
  font-family: var(--ff-primary);
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable display {
    font-size: calc(40px + (104 - 40) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable display {
    font-size: 10.4rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h1 {
  font-size: 3.2rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: calc(32px + (96 - 32) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: 9.6rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: 3rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: calc(30px + (60 - 30) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: 6rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: 2.8rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h3 {
    font-size: calc(28px + (32 - 28) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h3 {
    font-size: 3.2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: 2.6rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  font-size: 2.2rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  font-size: 1.6rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h6 {
    font-size: calc(16px + (18 - 16) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h6 {
    font-size: 1.8rem;
  }
}
@media (max-width: 767.98px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: 2.8rem;
    font-family: var(--ff-primary);
    line-height: 1;
    font-weight: 500;
  }
}
@media (max-width: 767.98px) and (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: calc(28px + (32 - 28) * (100vw - 768px) / (1440 - 768));
  }
}
@media (max-width: 767.98px) and (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: 3.2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: 2.6rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: 2.8rem;
    font-family: var(--ff-primary);
    line-height: 1;
    font-weight: 500;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: calc(28px + (32 - 28) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 768px) and (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: 3.2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: 2.2rem;
  font-family: var(--ff-primary);
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h3 {
    font-size: 2.6rem;
    font-family: var(--ff-primary);
    line-height: 1;
    font-weight: 500;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: 1.7rem;
  font-family: var(--ff-secondary);
  line-height: 1.2;
  font-weight: 400;
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h4 {
    font-size: calc(17px + (18 - 17) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h4 {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h4 {
    font-size: 2.2rem;
    font-family: var(--ff-primary);
    line-height: 1;
    font-weight: 500;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
  font-family: var(--ff-secondary);
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h5 {
    font-size: 1.6rem;
    font-family: var(--ff-primary);
    line-height: 1;
    font-weight: 500;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h5 {
    font-size: calc(16px + (18 - 16) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 768px) and (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h5 {
    font-size: 1.8rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  font-size: 1.4rem;
  line-height: 1.3;
  font-family: var(--ff-secondary);
  font-weight: 400;
  font-weight: 500;
  text-transform: none;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h6 {
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 500;
    font-family: var(--ff-secondary);
  }
}
body .ck.ck-editor__main > .ck-editor__editable ul,
body .ck.ck-editor__main > .ck-editor__editable ol {
  list-style: none;
}
body .ck.ck-editor__main > .ck-editor__editable ul li,
body .ck.ck-editor__main > .ck-editor__editable ol li {
  padding-left: var(--rte-gap);
  position: relative;
}
body .ck.ck-editor__main > .ck-editor__editable ul li:not(:first-child),
body .ck.ck-editor__main > .ck-editor__editable ol li:not(:first-child) {
  margin-top: var(--rte-gap-half);
}
body .ck.ck-editor__main > .ck-editor__editable ul ul,
body .ck.ck-editor__main > .ck-editor__editable ul ol,
body .ck.ck-editor__main > .ck-editor__editable ol ul,
body .ck.ck-editor__main > .ck-editor__editable ol ol {
  margin-top: var(--rte-gap-half);
  margin-bottom: 0;
}
body .ck.ck-editor__main > .ck-editor__editable ul > li:before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
}
body .ck.ck-editor__main > .ck-editor__editable ol {
  counter-reset: ol;
}
body .ck.ck-editor__main > .ck-editor__editable ol > li:before {
  counter-increment: ol;
  content: counter(ol) ".";
  position: absolute;
  top: 0;
  left: 0;
}
body .ck.ck-editor__main > .ck-editor__editable figure {
  margin-top: var(--rte-gap, 1em);
  margin-bottom: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable figure img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--radius-md);
}
body .ck.ck-editor__main > .ck-editor__editable figure iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
body .ck.ck-editor__main > .ck-editor__editable figure figcaption,
body .ck.ck-editor__main > .ck-editor__editable figure caption {
  display: block;
  font-size: 1.4rem;
  font-style: italic;
  margin-top: 0.5em;
  text-align: center;
}
body .ck.ck-editor__main > .ck-editor__editable figure.media {
  border-radius: var(--radius-md);
  overflow: hidden;
}
body .ck.ck-editor__main > .ck-editor__editable figure.media iframe {
  height: auto !important;
}
body .ck.ck-editor__main > .ck-editor__editable > *:first-child {
  margin-top: 0;
}
body .ck.ck-editor__main > .ck-editor__editable > *:last-child {
  margin-bottom: 0;
}

body .ck.ck-editor__main > .ck-editor__editable {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-osx-font-smoothing: antialiased;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
  font-family: var(--ff-secondary);
  color: var(--theme-text-primary);
  font-size: 16px !important;
  background-color: var(--theme-surface-secondary);
}
body .ck.ck-editor__main > .ck-editor__editable ul,
body .ck.ck-editor__main > .ck-editor__editable ol {
  padding: 0 !important;
}
body .ck.ck-editor__main > .ck-editor__editable ul li,
body .ck.ck-editor__main > .ck-editor__editable ol li {
  list-style-type: none;
}
body .ck.ck-editor__main > .ck-editor__editable blockquote {
  border: none !important;
}
body .ck.ck-editor__main > .ck-editor__editable hr {
  margin: 90px auto !important;
}
body .ck.ck-editor__main > .ck-editor__editable h1,
body .ck.ck-editor__main > .ck-editor__editable h2,
body .ck.ck-editor__main > .ck-editor__editable h3,
body .ck.ck-editor__main > .ck-editor__editable h4,
body .ck.ck-editor__main > .ck-editor__editable h5,
body .ck.ck-editor__main > .ck-editor__editable h6 {
  color: var(--theme-text-primary);
  margin-top: 20px;
  margin-bottom: 10px;
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: 26px;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: 32px;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: 22px;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h3 {
    font-size: 26px;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: 17px;
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h4 {
    font-size: 22px;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h5 {
    font-size: 18px;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable h6 {
    font-size: 16px;
  }
}
body .ck.ck-editor__main > .ck-editor__editable p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
body .ck.ck-editor__main > .ck-editor__editable p.t-p2 {
  font-size: 17px;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable p.t-p2 {
    font-size: 18px;
  }
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.redactor-custom-button) {
  text-decoration: underline;
}
body .ck.ck-editor__main > .ck-editor__editable a.redactor-custom-button {
  --btn-primary-border-width-default: 1px;
  --btn-primary-padding-y-default: 12px;
  --btn-primary-padding-x-default: 12px;
}
@media (min-width: 768px) {
  body .ck.ck-editor__main > .ck-editor__editable a.redactor-custom-button {
    --btn-primary-padding-y-default: 16px;
    --btn-primary-padding-x-default: 16px;
  }
}
body .ck.ck-editor__main > .ck-editor__editable a.redactor-custom-button:hover {
  text-decoration: none;
}
body .ck.ck-editor__main > .ck-editor__editable figcaption {
  background: transparent;
  font-size: 12px !important;
  font-style: italic;
  text-align: center;
  margin-top: 10px;
}
body .ck.ck-editor__main > .ck-editor__editable .html-object-embed {
  width: 100%;
  padding: 0;
}
body .ck.ck-editor__main > .ck-editor__editable .html-object-embed:before {
  display: none;
}
body .ck.ck-editor__main > .ck-editor__editable .html-object-embed__content {
  width: 100%;
  aspect-ratio: 16/9;
}