@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            =
=================================*/
/*=================================
=             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: 9000;
  --z-noise: 9001;
  --z-modal: 300;
  --z-header: 200;
  --z-dropdown: 100;
  --z-limbo: -100;
}

/*=================================
=         Border Radiuses         =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --radius: 4rem;
  --radius-2xs: 0.5rem;
  --radius-xs: 1rem;
  --radius-sm: 2rem;
  --radius-md: 4rem;
  --radius-lg: 5rem;
  --radius-xl: 10rem;
}

/*==============================
=            Spacer            =
==============================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --spacer: 3rem;
  --spacer-2xs: 0.5rem;
  --spacer-xs: 1rem;
  --spacer-sm: 1.5rem;
  --spacer-md: 2rem;
  --spacer-lg: 3rem;
  --spacer-xl: 6rem;
  --spacer-2xl: 9rem;
}

/*====================================
=               Colors               =
====================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --color-error-primary: #6D484A;
  --color-error-secondary: #E56B6F;
  --color-error-tertiary: #F1AFB1;
  --color-success-primary: #40635A;
  --color-success-secondary: #2CA487;
  --color-success-tertiary: #96D2C3;
  --color-warning-primary: #986002;
  --color-warning-secondary: #E19005;
  --color-warning-tertiary: #FFE2B0;
  --color-grey-600: #626566;
  --color-grey-500: #818181;
  --color-grey-400: #A7A7A7;
  --color-grey-300: #D6D6D6;
  --color-grey-200: #EBEBEB;
  --color-grey-200-opacity-50: #767676;
  --color-grey-100: #F9F9F9;
  --color-dark-opacity-20-hover-dark: #808080;
  --color-dark-opacity-20-hover-light: #bcbcbc;
  --color-dark: #000000;
  --color-light: #FFFFFF;
}

/*====================================
=               Themes               =
====================================*/
:root {
  --theme-color-primary: #000000;
  --theme-color-secondary: #EBEBEB;
  --theme-color-opacity: #bcbcbc;
  --theme-color-base: #000000;
}

[data-theme=dark] {
  --theme-color-primary: #EBEBEB;
  --theme-color-secondary: #000000;
  --theme-color-opacity: #808080;
  --theme-color-base: #FFFFFF;
}

[data-theme=light] {
  --theme-color-primary: #000000;
  --theme-color-secondary: #EBEBEB;
  --theme-color-opacity: #bcbcbc;
  --theme-color-base: #000000;
}

/*=================================
=           Typography            =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --ff-heading: NeueHaasGrotesk, sans-serif;
  --ff-paragraph: NeueHaasGrotesk, sans-serif;
  --ff-caption: Videographe, sans-serif;
}

@font-face {
  font-family: "NeueHaasGrotesk";
  src: url("/static/fonts/NeueHaasGroteskMedium.woff2") format("woff2"), url("/static/fonts/NeueHaasGroteskMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NeueHaasGrotesk";
  src: url("/static/fonts/NeueHaasGroteskRoman.woff2") format("woff2"), url("/static/fonts/NeueHaasGroteskRoman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Videographe";
  src: url("/static/fonts/VideographeMedium.woff2") format("woff2"), url("/static/fonts/VideographeMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.t-h1 {
  font-size: calc(48px + (72 - 48) * (100vw - 420px) / (1200 - 420));
  line-height: 1;
  letter-spacing: -2px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1200px) {
  .t-h1 {
    font-size: 7.2rem;
  }
}

.t-h2 {
  font-size: calc(32px + (60 - 32) * (100vw - 420px) / (1200 - 420));
  line-height: 1;
  letter-spacing: -2px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1200px) {
  .t-h2 {
    font-size: 6rem;
  }
}

.t-h3 {
  font-size: calc(24px + (48 - 24) * (100vw - 420px) / (1200 - 420));
  line-height: 1;
  letter-spacing: -1px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1200px) {
  .t-h3 {
    font-size: 4.8rem;
  }
}

.t-h4 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -1px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  .t-h4 {
    font-size: 2.4rem;
  }
}

.t-h5 {
  font-size: 1.8rem;
  line-height: 1.2;
  letter-spacing: -1px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  .t-h5 {
    font-size: 2rem;
  }
}

.t-h6 {
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  .t-h6 {
    font-size: 1.8rem;
  }
}

.t-h7 {
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: -0.5px;
  font-family: var(--ff-heading);
  font-weight: 500;
}

.t-p1 {
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-weight: 400;
  font-family: var(--ff-paragraph);
}
@media (min-width: 1024px) {
  .t-p1 {
    font-size: 1.8rem;
  }
}

.t-p2 {
  font-size: 1.4rem;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-family: var(--ff-paragraph);
}
@media (min-width: 1024px) {
  .t-p2 {
    font-size: 1.6rem;
  }
}

.t-d1 {
  font-size: calc(60px + (96 - 60) * (100vw - 420px) / (1200 - 420));
  line-height: 1;
  letter-spacing: -2px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1200px) {
  .t-d1 {
    font-size: 9.6rem;
  }
}

.t-c1 {
  font-size: 1.4rem;
  line-height: 1.2;
  font-family: var(--ff-caption);
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .t-c1 {
    font-size: 1.6rem;
  }
}

/*=================================
=        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(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable p + ul {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable p + ol {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable p + blockquote {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable ul + p {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable ul + ul {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable ul + ol {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable ul + blockquote {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable ol + p {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable ol + ul {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable ol + ol {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable ol + blockquote {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + p {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + ul {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + ol {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + blockquote {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable p.p1 {
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-weight: 400;
  font-family: var(--ff-paragraph);
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable p.p1 {
    font-size: 1.8rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable p.h4 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -1px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable p.h4 {
    font-size: 2.4rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable p.c1 {
  font-size: 1.4rem;
  line-height: 1.2;
  font-family: var(--ff-caption);
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable p.c1 {
    font-size: 1.6rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.button-primary):not(.button-secondary) {
  color: currentColor;
  text-decoration: underline;
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.button-primary):not(.button-secondary)[target=_blank]:after {
  content: " ↗";
  vertical-align: bottom;
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.button-primary):not(.button-secondary):hover {
  color: var(--color-grey-600);
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary {
  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, nowrap);
  font-size: 1.8rem;
  line-height: 1.2;
  letter-spacing: -1px;
  font-family: var(--ff-heading);
  font-weight: 500;
  --btn-display: inline-flex;
  position: relative;
  color: var(--theme-color-primary);
  white-space: nowrap;
  padding: 0 2px;
  transition: color 0.3s ease;
  border-bottom: 2px solid var(--theme-color-primary);
  overflow: hidden;
  z-index: 2;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable a.button-primary {
    font-size: 2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary:after {
  position: var(--fullscreen-position, absolute);
  top: var(--fullscreen-top, 0);
  right: var(--fullscreen-right, 0);
  bottom: var(--fullscreen-bottom, 0);
  left: var(--fullscreen-left, 0);
  --fullscreen-top: 0.15rem;
  content: "";
  background: var(--theme-color-primary);
  z-index: -1;
  transform: translateX(calc(-100% - 0.1rem));
  transition: transform 0.3s ease;
  height: calc(100% - 0.15rem);
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary:hover {
  color: var(--theme-color-secondary);
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary:hover:after {
  transform: translateX(0);
}
body .ck.ck-editor__main > .ck-editor__editable a.button-secondary {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -1px;
  font-family: var(--ff-heading);
  font-weight: 500;
  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, nowrap);
  --btn-display: inline-flex;
  position: relative;
  color: var(--theme-color-secondary);
  white-space: nowrap;
  padding: 1.45rem 2.3rem;
  outline: 1px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
  overflow: hidden;
  z-index: 2;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable a.button-secondary {
    font-size: 2.4rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable a.button-secondary:before {
  position: var(--fullscreen-position, absolute);
  top: var(--fullscreen-top, 0);
  right: var(--fullscreen-right, 0);
  bottom: var(--fullscreen-bottom, 0);
  left: var(--fullscreen-left, 0);
  content: "";
  background-color: var(--theme-color-primary);
  z-index: 1;
  transform: translateX(0%);
  transition: transform 0.3s ease;
  height: 100%;
  z-index: -1;
}
body .ck.ck-editor__main > .ck-editor__editable a.button-secondary:after {
  position: var(--fullscreen-position, absolute);
  top: var(--fullscreen-top, 0);
  right: var(--fullscreen-right, 0);
  bottom: var(--fullscreen-bottom, 0);
  left: var(--fullscreen-left, 0);
  content: "";
  background: var(--theme-color-secondary);
  z-index: 1;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  height: 100%;
  z-index: -1;
}
body .ck.ck-editor__main > .ck-editor__editable a.button-secondary:hover {
  color: var(--theme-color-primary);
}
body .ck.ck-editor__main > .ck-editor__editable a.button-secondary:hover:before {
  transform: translateX(100%);
}
body .ck.ck-editor__main > .ck-editor__editable a.button-secondary:hover:after {
  transform: translateX(0%);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote {
  font-style: italic;
  padding-left: var(--spacer-xs);
  border-left: 0.1rem solid var(--theme-color-primary);
}
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(--spacer-xs, 1rem);
}
body .ck.ck-editor__main > .ck-editor__editable h1 {
  font-size: calc(48px + (72 - 48) * (100vw - 420px) / (1200 - 420));
  line-height: 1;
  letter-spacing: -2px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1200px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: 7.2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: calc(32px + (60 - 32) * (100vw - 420px) / (1200 - 420));
  line-height: 1;
  letter-spacing: -2px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1200px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: 6rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: calc(24px + (48 - 24) * (100vw - 420px) / (1200 - 420));
  line-height: 1;
  letter-spacing: -1px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1200px) {
  body .ck.ck-editor__main > .ck-editor__editable h3 {
    font-size: 4.8rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -1px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable h4 {
    font-size: 2.4rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  font-size: 1.8rem;
  line-height: 1.2;
  letter-spacing: -1px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable h5 {
    font-size: 2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable h6 {
    font-size: 1.8rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h7 {
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: -0.5px;
  font-family: var(--ff-heading);
  font-weight: 500;
}
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(--spacer-md);
  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(--spacer-xs);
}
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(--spacer-xs);
  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 ul.checklist > li {
  font-size: 1.8rem;
  line-height: 1.2;
  letter-spacing: -1px;
  font-family: var(--ff-heading);
  font-weight: 500;
  border-bottom: 0.1rem solid currentColor;
  padding: 0 0 var(--spacer-sm) calc(2.4rem + var(--spacer-sm));
  margin: 0 0 var(--spacer-sm) 0;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable ul.checklist > li {
    font-size: 2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable ul.checklist > li:before {
  content: "";
  position: absolute;
  top: -0.2rem;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11.5263L9.30769 18L21 6' stroke='black'/%3E%3C/svg%3E") no-repeat center;
}
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;
}
body .ck.ck-editor__main > .ck-editor__editable figure iframe {
  width: 100%;
  height: auto !important;
  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-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 {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-osx-font-smoothing: antialiased;
  font-size: 1.4rem;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-family: var(--ff-paragraph);
  color: var(--theme-color-primary);
  font-size: 16px !important;
  background-color: var(--color-grey-200);
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable {
    font-size: 1.6rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable p.p1 {
  font-size: 18px;
}
body .ck.ck-editor__main > .ck-editor__editable p.h4 {
  font-size: 24px;
  color: black;
}
body .ck.ck-editor__main > .ck-editor__editable p.c1 {
  font-size: 16px;
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: 60px;
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: 48px;
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: 24px;
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  font-size: 20px;
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  font-size: 18px;
  text-transform: none;
}
body .ck.ck-editor__main > .ck-editor__editable a.button-secondary {
  font-size: 24px;
  padding: 14px 23px;
}
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 ul.checklist li,
body .ck.ck-editor__main > .ck-editor__editable ol.checklist li {
  font-size: 20px;
  padding: 0 0 var(--spacer-sm) 30px;
  margin: 0 0 var(--spacer-sm) 0;
}
body .ck.ck-editor__main > .ck-editor__editable ul.checklist li:before,
body .ck.ck-editor__main > .ck-editor__editable ol.checklist li:before {
  width: 24px;
  height: 24px;
  top: 0;
}
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-color-primary);
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.c-button-base) {
  text-decoration: none;
}