@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         =
=================================*/
/*=======================================
=            Selected Text              =
=======================================*/
/*=================================
=            Z-indexes            =
=================================*/
/*=================================
=           Font faces            =
=================================*/
/*=================================
=          Base values            =
=================================*/
/*=================================
=            Headings             =
=================================*/
/*=================================
=        Rich text editor         =
=================================*/
/*=================================
=         Typography- styles          =
=================================*/
/*=========================
=         Global          =
=========================*/
/*====================================
=               Colors               =
====================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --color-black: #000000;
  --color-black5: rgba(0, 0, 0, 0.0509803922);
  --color-black10: rgba(0, 0, 0, 0.1019607843);
  --color-black20: rgba(0, 0, 0, 0.2);
  --color-black60: rgba(0, 0, 0, 0.6);
  --color-white: #ffffff;
  --color-shamrock: #44D991;
  --color-magic-mint: #BDF2D9;
  --color-off-green: #EAF9F2;
  --color-cornflower: #4C92E9;
  --color-tropical: #D3E4F9;
  --color-link-water: #ECF3FB;
  --color-persimmon: #FF6A51;
  --color-pippin: #FFE1DC;
  --color-watusi: #FCE8E2;
  --color-sunglow: #FFD426;
  --color-milk-punch: #FFF6D4;
}

/*====================================
=               Themes               =
====================================*/
[data-theme=base] {
  --theme-background: var(--color-white);
}

[data-theme=blue-dark] {
  --theme-background: var(--color-cornflower);
  --theme-foreground: var(--color-link-water);
  --theme-highlight: var(--color-tropical);
  --theme-shade: var(--color-link-water);
  --theme-accent: var(--color-tropical);
  --theme-lottie: var(--color-white);
}

[data-theme=blue-light] {
  --theme-background: var(--color-link-water);
  --theme-foreground: var(--color-cornflower);
  --theme-highlight: var(--color-cornflower);
  --theme-shade: var(--color-tropical);
  --theme-accent: var(--color-link-water);
  --theme-lottie: var(--color-cornflower);
}

[data-theme=green-dark] {
  --theme-background: var(--color-shamrock);
  --theme-foreground: var(--color-off-green);
  --theme-highlight: var(--color-magic-mint);
  --theme-shade: var(--color-off-green);
  --theme-accent: var(--color-magic-mint);
  --theme-lottie: var(--color-white);
}

[data-theme=green-light] {
  --theme-background: var(--color-off-green);
  --theme-foreground: var(--color-shamrock);
  --theme-highlight: var(--color-shamrock);
  --theme-shade: var(--color-magic-mint);
  --theme-accent: var(--color-off-green);
  --theme-lottie: var(--color-shamrock);
}

[data-theme=orange-dark] {
  --theme-background: var(--color-persimmon);
  --theme-foreground: var(--color-pippin);
  --theme-highlight: var(--color-pippin);
  --theme-shade: var(--color-watusi);
  --theme-accent: var(--color-pippin);
  --theme-lottie: var(--color-white);
}

[data-theme=orange-light] {
  --theme-background: var(--color-watusi);
  --theme-foreground: var(--color-persimmon);
  --theme-highlight: var(--color-persimmon);
  --theme-shade: var(--color-pippin);
  --theme-accent: var(--color-watusi);
  --theme-lottie: var(--color-persimmon);
}

/*====================================
=               Layers               =
====================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --z-default: 1;
  --z-loader: 500;
  --z-modal: 300;
  --z-stickyNav: 190;
  --z-header: 200;
  --z-dropdown: 100;
  --z-limbo: -100;
}

/*=================================
=         Border Radiuses         =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --radius-xs: 0.4rem;
  --radius-md: 0.8rem;
  --radius-lg: 10rem;
}

/*==============================
=            Spacer            =
==============================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --spacer: 3rem;
  --spacer-3xs: 0.5rem;
  --spacer-2xs: 1rem;
  --spacer-xs: 1.5rem;
  --spacer-md: 2rem;
  --spacer-lg: 3rem;
  --spacer-xl: 4rem;
  --spacer-2xl: 5rem;
  --spacer-3xl: 6rem;
  --spacer-4xl: 8rem;
  --spacer-5xl: 10rem;
  --spacer-6xl: 16rem;
  --spacer-7xl: 20rem;
}

/*=================================
=           Typography            =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --ff-heading: Athletics, serif;
  --ff-paragraph: Manrope, sans-serif;
  --fs-sm: 1.2rem;
  --fs-reg: 1.4rem;
  --fs-md: 1.6rem;
  --fs-lg: 1.8rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.2rem;
  --fs-3xl: 2.4rem;
  --lh-3xs: 0.9;
  --lh-2xs: 1;
  --lh-xs: 1.3;
  --lh-sm: 1.4;
  --lh-reg: 1.4;
  --lh-md: 1.8;
}

@font-face {
  font-family: "Athletics";
  src: url("/static/fonts/Athletics-Regular.woff2") format("woff2"), url("/static/fonts/Athletics-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Athletics";
  src: url("/static/fonts/Athletics-Medium.woff2") format("woff2"), url("/static/fonts/Athletics-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/static/fonts/Manrope-Medium.woff2") format("woff2"), url("/static/fonts/Manrope-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.t-h1 {
  font-size: calc(34px + (78 - 34) * (100vw - 420px) / (1440 - 420));
  font-weight: 400;
  font-kerning: none;
  line-height: 1em;
  letter-spacing: 0em;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .t-h1 {
    font-size: 7.8rem;
  }
}

.t-h2 {
  font-size: calc(34px + (59 - 34) * (100vw - 420px) / (1440 - 420));
  font-weight: 400;
  font-kerning: none;
  line-height: 1em;
  letter-spacing: 0em;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .t-h2 {
    font-size: 5.9rem;
  }
}

.t-h3 {
  font-size: calc(22px + (48 - 22) * (100vw - 420px) / (1440 - 420));
  font-weight: 400;
  font-kerning: none;
  line-height: 1em;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .t-h3 {
    font-size: 4.8rem;
  }
}

.t-h4 {
  font-size: calc(22px + (34 - 22) * (100vw - 420px) / (1440 - 420));
  font-weight: 400;
  font-kerning: none;
  line-height: 1em;
  letter-spacing: 0em;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .t-h4 {
    font-size: 3.4rem;
  }
}

.t-h5 {
  font-size: calc(16px + (22 - 16) * (100vw - 420px) / (1440 - 420));
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.88px;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .t-h5 {
    font-size: 2.2rem;
  }
}

.t-h6 {
  font-size: var(--fs-md);
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.64px;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}

.t-h7 {
  font-size: var(--fs-reg);
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.56px;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}

.t-h8 {
  font-size: var(--fs-sm);
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.48px;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}

.t-p1 {
  font-size: calc(18px + (22 - 18) * (100vw - 420px) / (1440 - 420));
  line-height: var(--lh-xs);
  letter-spacing: 0.24px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
}
@media (min-width: 1440px) {
  .t-p1 {
    font-size: 2.2rem;
  }
}

.t-p2 {
  font-size: calc(18px + (20 - 18) * (100vw - 420px) / (1440 - 420));
  line-height: var(--lh-sm);
  letter-spacing: 0.2px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
}
@media (min-width: 1440px) {
  .t-p2 {
    font-size: 2rem;
  }
}

.t-p3 {
  font-size: var(--fs-lg);
  line-height: var(--lh-sm);
  letter-spacing: 0.18px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
}

.t-p4 {
  font-size: var(--fs-md);
  line-height: var(--lh-sm);
  letter-spacing: 0.16px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
}

.t-p5 {
  font-size: var(--fs-reg);
  line-height: var(--lh-xs);
  letter-spacing: 0.14px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
}

.t-p6 {
  font-size: var(--fs-sm);
  line-height: var(--lh-xs);
  letter-spacing: 0.12px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
}

/*=================================
=        Rich text editor         =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --rte-gap: calc(var(--lh-lg) * 1em);
  --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 p + figure {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable p + img {
  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 ul + figure {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ul + img {
  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 ol + figure {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ol + img {
  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 blockquote + figure {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + img {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable figure + p {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable figure + ul {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable figure + ol {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable figure + blockquote {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable figure + figure {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable figure + img {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable img + p {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable img + ul {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable img + ol {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable img + blockquote {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable img + figure {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable img + img {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable figure,
body .ck.ck-editor__main > .ck-editor__editable img {
  overflow: hidden;
  border-radius: var(--radius-xs);
}
body .ck.ck-editor__main > .ck-editor__editable a:not([class*=c-button]) {
  color: var(--color-black);
  text-decoration: underline;
}
body .ck.ck-editor__main > .ck-editor__editable a:not([class*=c-button])[href^=http]:not([href^="https://cqcm"]):not([href^="http://cqcm"]):after, body .ck.ck-editor__main > .ck-editor__editable a:not([class*=c-button])[href^=https]:not([href^="https://cqcm"]):not([href^="http://cqcm"]):after, body .ck.ck-editor__main > .ck-editor__editable a:not([class*=c-button])[target=_blank]:after {
  content: url("/static/svg/arrow-top-right.svg");
  padding-left: 0.4em;
  display: inline-block;
}
body .ck.ck-editor__main > .ck-editor__editable a:not([class*=c-button]):hover {
  color: var(--color-grey);
}
body .ck.ck-editor__main > .ck-editor__editable a:not([class*=c-button]) strong {
  font-weight: normal;
}
body .ck.ck-editor__main > .ck-editor__editable a.c-button {
  --btn-display: inline-flex;
  --btn-padding-y-default: 0rem;
  --btn-padding-x-default: var(--spacer-md);
  --btn-gap-default: var(--spacer-2xs);
  --btn-txt-color-default: var(--color-white);
  --btn-bg-color-default: var(--color-black);
  --btn-radius-default: var(--radius-lg);
  --btn-height-default: 5rem;
  --btn-txt-color-hover-default: var(--color-black);
  --btn-bg-color-hover-default: var(--color-yellow);
  --btn-outline-default: 0.2rem solid var(--btn-outline-color);
  --btn-outline-color: transparent;
  --btn-outline-color-hover: var(--color-black10);
  display: var(--btn-display, flex);
  align-items: var(--btn-align, center);
  justify-content: var(--btn-justify, center);
  flex-direction: var(--btn-direction, row);
  column-gap: var(--btn-col-gap, var(--btn-gap, var(--btn-gap, var(--btn-gap-default))));
  row-gap: var(--btn-row-gap, var(--btn-gap, var(--btn-gap, var(--btn-gap-default))));
  flex-wrap: var(--btn-wrap, wrap);
  color: var(--btn-txt-color, var(--btn-txt-color-default));
  white-space: nowrap;
  padding: var(--btn-padding, var(--btn-padding-y, var(--btn-padding-y-default)) var(--btn-padding-x, var(--btn-padding-x-default)));
  background: var(--btn-bg-color, var(--btn-bg-color-default));
  border-radius: var(--btn-radius, var(--btn-radius-default));
  border: var(--btn-outline, var(--btn-outline-default));
  fill: var(--btn-txt-color, var(--btn-txt-color-default));
  height: var(--btn-height, var(--btn-height-default));
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  /*==============================
  =            STATES            =
  ==============================*/
}
body .ck.ck-editor__main > .ck-editor__editable a.c-button:hover, body .ck.ck-editor__main > .ck-editor__editable a.c-button:focus-visible {
  color: var(--btn-font-color-hover, var(--btn-font-color-hover-default));
  background: var(--btn-bg-color-hover, var(--btn-bg-color-hover-default));
  border-color: var(--btn-outline-color-hover, var(--btn-outline-color-hover-default));
}
body .ck.ck-editor__main > .ck-editor__editable .ck-list-bogus-paragraph a[href^=http]:not([href*="cqcm."]):after, body .ck.ck-editor__main > .ck-editor__editable .ck-list-bogus-paragraph a[href^=https]:not([href*="cqcm."]):after {
  content: url("/static/svg/arrow-top-right.svg");
  padding-left: 0.4em;
  display: inline-block;
}
body .ck.ck-editor__main > .ck-editor__editable .ck-list-bogus-paragraph a[target=_blank]:after {
  display: none;
}
body .ck.ck-editor__main > .ck-editor__editable blockquote {
  font-style: italic;
  padding-left: var(--rte-gap, 1em);
  border-left: var(--rte-gap-third, 0.5em) solid var(--color-grey, lightgrey);
}
body .ck.ck-editor__main > .ck-editor__editable hr {
  width: 100%;
  height: 1px;
  margin: var(--rte-gap-2X, 2em) auto;
  background-color: var(--color-grey, 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 h1 {
  font-size: calc(34px + (78 - 34) * (100vw - 420px) / (1440 - 420));
  font-weight: 400;
  font-kerning: none;
  line-height: 1em;
  letter-spacing: 0em;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: 7.8rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: calc(34px + (59 - 34) * (100vw - 420px) / (1440 - 420));
  font-weight: 400;
  font-kerning: none;
  line-height: 1em;
  letter-spacing: 0em;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: 5.9rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: calc(22px + (48 - 22) * (100vw - 420px) / (1440 - 420));
  font-weight: 400;
  font-kerning: none;
  line-height: 1em;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h3 {
    font-size: 4.8rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: calc(22px + (34 - 22) * (100vw - 420px) / (1440 - 420));
  font-weight: 400;
  font-kerning: none;
  line-height: 1em;
  letter-spacing: 0em;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h4 {
    font-size: 3.4rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  font-size: calc(16px + (22 - 16) * (100vw - 420px) / (1440 - 420));
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.88px;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h5 {
    font-size: 2.2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  font-size: var(--fs-md);
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.64px;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
body .ck.ck-editor__main > .ck-editor__editable h7 {
  font-size: var(--fs-reg);
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.56px;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
body .ck.ck-editor__main > .ck-editor__editable h8 {
  font-size: var(--fs-sm);
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.48px;
  font-family: var(--ff-heading);
  text-transform: uppercase;
}
body .ck.ck-editor__main > .ck-editor__editable p {
  font-size: var(--fs-md);
  line-height: var(--lh-sm);
  letter-spacing: 0.16px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
}
body .ck.ck-editor__main > .ck-editor__editable p.c-medium {
  font-size: calc(18px + (20 - 18) * (100vw - 420px) / (1440 - 420));
  line-height: var(--lh-sm);
  letter-spacing: 0.2px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable p.c-medium {
    font-size: 2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable p.c-excerpt {
  font-size: calc(18px + (22 - 18) * (100vw - 420px) / (1440 - 420));
  line-height: var(--lh-xs);
  letter-spacing: 0.24px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
  max-width: 67ch;
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable p.c-excerpt {
    font-size: 2.2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable p.c-excerpt:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='15' r='3' transform='rotate(-180 3 15)' /%3E%3Ccircle cx='15' cy='3' r='3' transform='rotate(-180 15 3)' /%3E%3Ccircle cx='3' cy='3.00452' r='3' transform='rotate(-180 3 3.00452)' /%3E%3C/svg%3E");
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: var(--spacer-2xs);
}
@media (min-width: 1200px) {
  body .ck.ck-editor__main > .ck-editor__editable p.c-excerpt:before {
    background-size: 1.8rem;
    width: 1.8rem;
    height: 1.8rem;
    margin-right: var(--spacer-md);
  }
}
body .ck.ck-editor__main > .ck-editor__editable ul,
body .ck.ck-editor__main > .ck-editor__editable ol {
  font-size: var(--fs-reg);
  line-height: var(--lh-xs);
  letter-spacing: 0.14px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
  list-style: none !important;
  padding-left: var(--spacer-2xs);
}
body .ck.ck-editor__main > .ck-editor__editable ul li,
body .ck.ck-editor__main > .ck-editor__editable ol li {
  padding-left: calc(var(--spacer-2xs) + 0.6rem);
  margin-bottom: var(--spacer-2xs);
  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: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 10rem;
  background-color: var(--color-black);
}
body .ck.ck-editor__main > .ck-editor__editable ul.c-info-box {
  --info-box-background-color-default: var(--color-black5);
  --info-box-after-color-default: var(--color-black);
  --info-box-border-color-default: transparent;
  --info-box-padding-default: var(--spacer-xs) var(--spacer-2xs)
      var(--spacer-xs) var(--spacer-xs);
  --info-box-dot-display-default: none;
  --info-box-border-display-default: block;
  --info-box-max-width-default: 45rem;
  padding-left: 0;
}
body .ck.ck-editor__main > .ck-editor__editable ul.c-info-box > * {
  position: relative;
  padding: var(--info-box-padding, var(--info-box-padding-default));
  background: var(--info-box-background-color, var(--info-box-background-color-default));
  border-radius: var(--radius-xs);
  overflow: hidden;
  max-width: var(--info-box-max-width, var(--info-box-max-width-default));
}
body .ck.ck-editor__main > .ck-editor__editable ul.c-info-box > *:after {
  content: " ";
  position: absolute;
  top: 0rem;
  right: auto;
  bottom: 0rem;
  left: 0rem;
  width: 0.4rem;
  background: var(--info-box-after-color, var(--info-box-after-color-default));
  display: var(--info-box-border-display, var(--info-box-border-display-default));
}
body .ck.ck-editor__main > .ck-editor__editable ul.c-info-box > *:before {
  content: " ";
  position: absolute;
  top: 50%;
  right: auto;
  bottom: 0rem;
  left: 0rem;
  width: 0.6rem;
  height: 0.6rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--color-black);
  display: var(--info-box-dot-display, var(--info-box-dot-display-default));
  transform: translateY(-50%);
}
body .ck.ck-editor__main > .ck-editor__editable ul.c-info-box > * a:hover {
  color: var(--theme-highlight, var(--color-black60));
}
body .ck.ck-editor__main > .ck-editor__editable ul.c-info-box li {
  margin-bottom: var(--spacer-2xs);
}
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.image {
  margin-left: 0;
  text-align: left;
}
body .ck.ck-editor__main > .ck-editor__editable figure.image img {
  display: block;
  max-width: 100%;
  height: auto;
  max-width: 21.5rem;
  margin: 0;
}
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: var(--fs-sm);
  font-style: italic;
  margin-top: 0.5em;
}
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 {
  --fs-sm: 12px;
  --fs-reg: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 20px;
  --fs-2xl: 22px;
  --fs-3xl: 24px;
  --spacer: 30px;
  --spacer-3xs: 5px;
  --spacer-2xs: 10px;
  --spacer-xs: 15px;
  --spacer-md: 20px;
  --spacer-lg: 30px;
  --spacer-xl: 40px;
  --spacer-2xl: 50px;
  --spacer-3xl: 60px;
  --spacer-4xl: 80px;
  --spacer-5xl: 100px;
  --spacer-6xl: 160px;
  --spacer-7xl: 200px;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-osx-font-smoothing: antialiased;
  font-size: var(--fs-lg);
  line-height: var(--lh-sm);
  letter-spacing: 0.18px;
  font-family: var(--ff-paragraph);
  font-weight: normal;
  color: var(--color-black);
  font-size: 10px !important;
  background-color: var(--color-white);
}
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(--color-black);
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.c-button-base) {
  text-decoration: none;
}