@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: 500;
  --z-modal: 300;
  --z-header: 200;
  --z-dropdown: 100;
  --z-limbo: -100;
}

/*=================================
=         Border Radiuses         =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --radius: 1rem;
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable {
    --radius-lg: 2rem;
  }
}

/*==============================
=            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: 2.5rem;
  --spacer-xl: 3rem;
  --spacer-2xl: 6rem;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable {
    --spacer-md: 2.5rem;
  }
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable {
    --spacer-lg: 3rem;
  }
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable {
    --spacer-xl: 6rem;
  }
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable {
    --spacer-2xl: 12rem;
  }
}

/*====================================
=               Themes               =
====================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --theme-surface: #FFE8CF;
  --theme-surface-secondary: #FFEDD9;
  --theme-surface-base: #FFF1E2;
  --theme-surface-light: #FFF6EC;
  --theme-text-primary: #0B3F2E;
  --theme-text-secondary: #6D8C82;
  --theme-text-tertiary: #3C6558;
  --theme-text-invert: #FFFFFF;
  --theme-text-invert-variant: #F1EDE6;
  --theme-surface-primary: #FFFFFF;
  --theme-surface-invert: #0B3F2E;
  --theme-surface-accent: #59C280;
  --theme-surface-inverse-light: #6D8C82;
  --theme-surface-accent-alternate: #B2C4F6;
  --theme-surface-accent-light: #CFDCFF;
  --theme-border-primary: #F1EDE6;
  --theme-border-primary-variant: #DBD2C1;
  --theme-border-secondary: #9DB2AB;
  --theme-border-tertiary: #0B3F2E;
  --theme-error-primary: #6D484A;
  --theme-error-secondary: #E56B6F;
  --theme-error-tertiary: #F1AFB1;
  --theme-warning-primary: #986002;
  --theme-warning-secondary: #E19005;
  --theme-warning-tertiary: #FFE2B0;
  --theme-success-primary: #40635A;
  --theme-success-secondary: #2CA487;
  --theme-success-tertiary: #96D2C3;
  --theme-emerald-400: #7ACE99;
  --theme-sisal-100: #F8F6F3;
  --theme-emerald-300: #9BDAB3;
  --theme-karry-500: #FFE8CF;
  --theme-karry-300: #FFF1E2;
  --theme-karry-200: #FFF6EC;
}

[data-theme=karry] {
  --theme-surface: #FFE8CF;
  --theme-surface-secondary: #FFEDD9;
  --theme-surface-base: #FFF1E2;
  --theme-surface-light: #FFF6EC;
}

[data-theme=emerald] {
  --theme-surface: #59C280;
  --theme-surface-secondary: #9BDAB3;
  --theme-surface-base: #BDE7CC;
  --theme-surface-light: #DEF3E6;
}

[data-theme=chetwode] {
  --theme-surface: #B2C4F6;
  --theme-surface-secondary: #8099D9;
  --theme-surface-base: #CFDCFF;
  --theme-surface-light: #E0E5F6;
}

[data-theme=sisal] {
  --theme-surface: #DBD2C1;
  --theme-surface-secondary: #E9E4DA;
  --theme-surface-base: #F1EDE6;
  --theme-surface-light: #F8F6F3;
}

[data-theme=bottle-green] {
  --theme-surface: #9DB2AB;
  --theme-surface-secondary: #CED9D5;
  --theme-surface-base: #0B3F2E;
  --theme-surface-light: #6D8C82;
}

[data-theme=projet-collectif] {
  --theme-surface: #59C280;
  --theme-surface-base: #BDE7CC;
}

[data-theme=maison-des-demarches] {
  --theme-surface: #FFE32B;
  --theme-surface-base: #FFF29E;
  --theme-text-invert: #0B3F2E;
}

[data-theme=portes-ouvertes] {
  --theme-surface: #E50914;
  --theme-surface-base: #FFC7D6;
}

[data-theme=en-commun] {
  --theme-surface: #000000;
  --theme-surface-base: #E2E2E2;
}

[data-theme=journee-des-savoirs-ouverts] {
  --theme-surface: #FF5C30;
  --theme-surface-base: #D5D5D5;
  --theme-text-invert: #FFFFFF;
}

[data-theme=soiree-perseides] {
  --theme-surface: #D5B7FF;
  --theme-surface-base: #E5D3FF;
  --theme-text-invert: #0B3F2E;
}

[data-theme=communautes-de-pratique] {
  --theme-surface: #59C280;
  --theme-surface-base: #BDE7CC;
}

/*=================================
=           Typography            =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --ff-heading: WorkSans, sans-serif;
  --ff-paragraph: WorkSans, sans-serif;
  --ff-roboto: Roboto, sans-serif;
  --fs-sm: 1.4rem;
  --fs-reg: 1.6rem;
  --fs-md: 1.8rem;
  --fs-lg: 2.2rem;
  --fs-xl: 2.6rem;
  --fs-2xl: 3rem;
  --lh-3xs: 0.9;
  --lh-2xs: 1.05;
  --lh-xs: 1.1;
  --lh-sm: 1.2;
  --lh-md: 1.3;
  --lh-lg: 1.4;
}

@font-face {
  font-family: "WorkSans";
  src: url("/static/fonts/WorkSans-Bold.woff2") format("woff2"), url("/static/fonts/WorkSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "WorkSans";
  src: url("/static/fonts/WorkSans-SemiBold.woff2") format("woff2"), url("/static/fonts/WorkSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "WorkSans";
  src: url("/static/fonts/WorkSans-Regular.woff2") format("woff2"), url("/static/fonts/WorkSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/static/fonts/RobotoMono-Regular.woff2") format("woff2"), url("/static/fonts/RobotoMono-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/static/fonts/RobotoMono-Medium.woff2") format("woff2"), url("/static/fonts/RobotoMono-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.t-h1 {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.9px;
  line-height: 0.95;
  font-family: var(--ff-heading);
}
@media (min-width: 1024px) {
  .t-h1 {
    font-size: calc(30px + (60 - 30) * (100vw - 1024px) / (1440 - 1024));
  }
}
@media (min-width: 1440px) {
  .t-h1 {
    font-size: 6rem;
  }
}

.t-h2 {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 0.95;
  font-family: var(--ff-heading);
}
@media (min-width: 1024px) {
  .t-h2 {
    font-size: calc(30px + (40 - 30) * (100vw - 1024px) / (1440 - 1024));
  }
}
@media (min-width: 1440px) {
  .t-h2 {
    font-size: 4rem;
  }
}

.t-h3 {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 0.95;
  font-family: var(--ff-heading);
}

.t-h4 {
  font-size: calc(20px + (24 - 20) * (100vw - 420px) / (1440 - 420));
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.1;
  font-family: var(--ff-heading);
}
@media (min-width: 1440px) {
  .t-h4 {
    font-size: 2.4rem;
  }
}

.t-h5 {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  line-height: 1.1;
  font-family: var(--ff-heading);
}

.t-h6 {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  line-height: 1.1;
  font-family: var(--ff-heading);
}

.t-p1 {
  font-size: calc(20px + (24 - 20) * (100vw - 420px) / (1440 - 420));
  letter-spacing: -0.8px;
  line-height: 1.2;
  font-family: var(--ff-paragraph);
  font-weight: 400;
}
@media (min-width: 1440px) {
  .t-p1 {
    font-size: 2.4rem;
  }
}

.t-p2 {
  font-size: 1.8rem;
  letter-spacing: -0.54px;
  line-height: 1.25;
  font-family: var(--ff-paragraph);
  font-weight: 400;
}

.t-p3 {
  font-size: 1.6rem;
  letter-spacing: -0.32px;
  line-height: 1.2;
  font-family: var(--ff-paragraph);
  font-weight: 400;
}

.t-p3-semibold {
  font-size: 1.6rem;
  letter-spacing: -0.32px;
  line-height: 1;
  font-weight: 600;
  font-family: var(--ff-paragraph);
}

.t-p4 {
  font-size: 1.4rem;
  letter-spacing: -0.56px;
  line-height: 1.1;
  font-family: var(--ff-paragraph);
  font-weight: 400;
}

.t-p4-semibold {
  font-size: 1.4rem;
  letter-spacing: -0.28px;
  line-height: 1;
  font-weight: 600;
  font-family: var(--ff-paragraph);
}

.t-d1 {
  font-family: var(--ff-heading);
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: -1.2px;
  line-height: 0.95;
}
@media (min-width: 768px) {
  .t-d1 {
    font-size: calc(40px + (80 - 40) * (100vw - 768px) / (1440 - 768));
  }
}
@media (min-width: 1440px) {
  .t-d1 {
    font-size: 8rem;
  }
}

.t-d2 {
  font-family: var(--ff-roboto);
  font-size: calc(20px + (24 - 20) * (100vw - 420px) / (1440 - 420));
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .t-d2 {
    font-size: 2.4rem;
  }
}

.t-c1 {
  font-size: 1.4rem;
  line-height: 0.95;
  letter-spacing: -0.28px;
  font-family: var(--ff-roboto);
  font-weight: 500;
  text-transform: uppercase;
}

.t-c2 {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: -0.24px;
  font-family: var(--ff-roboto);
  font-weight: 500;
  text-transform: uppercase;
}

/*=================================
=        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 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(.button-primary) {
  color: var(--color-black);
  text-decoration: underline;
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.button-primary)[target=_blank]:after {
  content: " ↗";
  vertical-align: bottom;
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.button-primary):hover {
  color: var(--color-sisal-500);
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary {
  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(--spacer-xs)));
  row-gap: var(--btn-primary-row-gap, var(--btn-primary-gap, var(--spacer-xs)));
  flex-wrap: var(--btn-primary-wrap, nowrap);
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  line-height: 1.1;
  font-family: var(--ff-heading);
  --btn-primary-display: inline-flex;
  color: var(--theme-text-primary);
  white-space: nowrap;
  padding: 0.9rem 1.2rem 0.9rem 2.3rem;
  background: white;
  border: 0.1rem solid var(--theme-border-primary);
  border-radius: 999rem;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary:after {
  content: "";
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 999rem;
  color: var(--btn-icon-color, var(--btn-icon-color-default));
  background-color: var(--theme-surface-invert);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.928 5.832L10.936 5C11.4587 5.84267 11.9653 6.57867 12.456 7.208C12.9467 7.83733 13.4533 8.39733 13.976 8.888C14.4987 9.368 15.0587 9.82667 15.656 10.264V10.36C15.0587 10.7867 14.4987 11.2453 13.976 11.736C13.4533 12.2267 12.9467 12.7867 12.456 13.416C11.9653 14.0347 11.4587 14.7707 10.936 15.624L9.928 14.792C10.3653 14.12 10.8027 13.5173 11.24 12.984C11.688 12.44 12.1307 11.9653 12.568 11.56C13.0053 11.1547 13.432 10.824 13.848 10.568C14.264 10.312 14.664 10.136 15.048 10.04V10.584C14.664 10.488 14.264 10.312 13.848 10.056C13.432 9.8 13.0053 9.46933 12.568 9.064C12.1307 8.65867 11.688 8.18933 11.24 7.656C10.8027 7.112 10.3653 6.504 9.928 5.832ZM5 9.672H10.68C11.352 9.672 11.9387 9.688 12.44 9.72C12.952 9.752 13.4053 9.78933 13.8 9.832L14.76 10.312L13.8 10.792C13.4053 10.8347 12.952 10.872 12.44 10.904C11.9387 10.936 11.352 10.952 10.68 10.952H5V9.672Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  transition: color 0.3s ease, background-color 0.3s ease;
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary:hover {
  color: var(--theme-text-invert);
  background: var(--theme-surface-invert);
  border-color: white;
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary:hover:after {
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.928 5.832L10.936 5C11.4587 5.84267 11.9653 6.57867 12.456 7.208C12.9467 7.83733 13.4533 8.39733 13.976 8.888C14.4987 9.368 15.0587 9.82667 15.656 10.264V10.36C15.0587 10.7867 14.4987 11.2453 13.976 11.736C13.4533 12.2267 12.9467 12.7867 12.456 13.416C11.9653 14.0347 11.4587 14.7707 10.936 15.624L9.928 14.792C10.3653 14.12 10.8027 13.5173 11.24 12.984C11.688 12.44 12.1307 11.9653 12.568 11.56C13.0053 11.1547 13.432 10.824 13.848 10.568C14.264 10.312 14.664 10.136 15.048 10.04V10.584C14.664 10.488 14.264 10.312 13.848 10.056C13.432 9.8 13.0053 9.46933 12.568 9.064C12.1307 8.65867 11.688 8.18933 11.24 7.656C10.8027 7.112 10.3653 6.504 9.928 5.832ZM5 9.672H10.68C11.352 9.672 11.9387 9.688 12.44 9.72C12.952 9.752 13.4053 9.78933 13.8 9.832L14.76 10.312L13.8 10.792C13.4053 10.8347 12.952 10.872 12.44 10.904C11.9387 10.936 11.352 10.952 10.68 10.952H5V9.672Z' fill='%230B3F2E'/%3E%3C/svg%3E%0A");
}
body .ck.ck-editor__main > .ck-editor__editable p {
  font-size: 1.8rem;
  letter-spacing: -0.54px;
  line-height: 1.25;
  font-family: var(--ff-paragraph);
  font-weight: 400;
}
body .ck.ck-editor__main > .ck-editor__editable p + blockquote {
  margin-top: var(--spacer-xl);
}
body .ck.ck-editor__main > .ck-editor__editable p + p {
  margin-top: var(--spacer-lg);
}
body .ck.ck-editor__main > .ck-editor__editable p + figure {
  margin-top: var(--spacer-xl);
}
body .ck.ck-editor__main > .ck-editor__editable p.p1 {
  font-size: calc(20px + (24 - 20) * (100vw - 420px) / (1440 - 420));
  letter-spacing: -0.8px;
  line-height: 1.2;
  font-family: var(--ff-paragraph);
  font-weight: 400;
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable p.p1 {
    font-size: 2.4rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable blockquote p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 0.95;
  font-family: var(--ff-heading);
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable blockquote p {
    font-size: calc(30px + (40 - 30) * (100vw - 1024px) / (1440 - 1024));
  }
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable blockquote p {
    font-size: 4rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + p {
  margin-top: var(--spacer-xl);
}
body .ck.ck-editor__main > .ck-editor__editable figure + p {
  margin-top: var(--spacer-xl);
}
body .ck.ck-editor__main > .ck-editor__editable hr {
  width: 100%;
  height: 1px;
  margin: var(--rte-gap-2X, 2em) auto;
  background-color: var(--color-sisal-500, 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: 3rem;
  font-weight: 600;
  letter-spacing: -0.9px;
  line-height: 0.95;
  font-family: var(--ff-heading);
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: calc(30px + (60 - 30) * (100vw - 1024px) / (1440 - 1024));
  }
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: 6rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 0.95;
  font-family: var(--ff-heading);
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: calc(30px + (40 - 30) * (100vw - 1024px) / (1440 - 1024));
  }
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: 4rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 0.95;
  font-family: var(--ff-heading);
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: calc(20px + (24 - 20) * (100vw - 420px) / (1440 - 420));
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.1;
  font-family: var(--ff-heading);
}
@media (min-width: 1440px) {
  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;
  font-weight: 600;
  letter-spacing: -0.36px;
  line-height: 1.1;
  font-family: var(--ff-heading);
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  line-height: 1.1;
  font-family: var(--ff-heading);
}
body .ck.ck-editor__main > .ck-editor__editable ul,
body .ck.ck-editor__main > .ck-editor__editable ol {
  list-style: none;
  font-size: 1.8rem;
  letter-spacing: -0.54px;
  line-height: 1.25;
  font-family: var(--ff-paragraph);
  font-weight: 400;
}
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;
  font-size: 2.3rem;
  line-height: 1;
}
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;
  aspect-ratio: unset !important;
}
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 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.8rem;
  letter-spacing: -0.54px;
  line-height: 1.25;
  font-family: var(--ff-paragraph);
  font-weight: 400;
  color: var(--theme-text-primary);
  font-size: 16px !important;
  background-color: var(--theme-surface-light);
}
body .ck.ck-editor__main > .ck-editor__editable p,
body .ck.ck-editor__main > .ck-editor__editable ul,
body .ck.ck-editor__main > .ck-editor__editable ol {
  font-size: 18px;
}
body .ck.ck-editor__main > .ck-editor__editable p.p1,
body .ck.ck-editor__main > .ck-editor__editable ul.p1,
body .ck.ck-editor__main > .ck-editor__editable ol.p1 {
  font-size: 24px;
}
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 {
  font-weight: 600;
}
body .ck.ck-editor__main > .ck-editor__editable h1 {
  font-size: 60px;
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: 40px;
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: 30px;
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: 24px;
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  font-size: 18px;
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  font-size: 16px;
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary {
  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(--spacer-xs)));
  row-gap: var(--btn-primary-row-gap, var(--btn-primary-gap, var(--spacer-xs)));
  flex-wrap: var(--btn-primary-wrap, nowrap);
  font-size: 18px;
  color: var(--theme-text-primary);
  white-space: nowrap;
  padding: 15px 15px 15px 21px;
  background: white;
  border: 0.1rem solid var(--theme-border-primary);
  border-radius: 999rem;
  display: inline-flex;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary:after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 999rem;
  color: var(--btn-icon-color, var(--btn-icon-color-default));
  background-color: var(--theme-surface-invert);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.928 5.832L10.936 5C11.4587 5.84267 11.9653 6.57867 12.456 7.208C12.9467 7.83733 13.4533 8.39733 13.976 8.888C14.4987 9.368 15.0587 9.82667 15.656 10.264V10.36C15.0587 10.7867 14.4987 11.2453 13.976 11.736C13.4533 12.2267 12.9467 12.7867 12.456 13.416C11.9653 14.0347 11.4587 14.7707 10.936 15.624L9.928 14.792C10.3653 14.12 10.8027 13.5173 11.24 12.984C11.688 12.44 12.1307 11.9653 12.568 11.56C13.0053 11.1547 13.432 10.824 13.848 10.568C14.264 10.312 14.664 10.136 15.048 10.04V10.584C14.664 10.488 14.264 10.312 13.848 10.056C13.432 9.8 13.0053 9.46933 12.568 9.064C12.1307 8.65867 11.688 8.18933 11.24 7.656C10.8027 7.112 10.3653 6.504 9.928 5.832ZM5 9.672H10.68C11.352 9.672 11.9387 9.688 12.44 9.72C12.952 9.752 13.4053 9.78933 13.8 9.832L14.76 10.312L13.8 10.792C13.4053 10.8347 12.952 10.872 12.44 10.904C11.9387 10.936 11.352 10.952 10.68 10.952H5V9.672Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  transition: color 0.3s ease, background-color 0.3s ease;
}
body .ck.ck-editor__main > .ck-editor__editable a.button-primary:hover {
  color: var(--theme-text-invert);
  background: var(--theme-surface-invert);
  border-color: transparent;
}
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 {
  padding: 0;
  border: 0 none;
}
body .ck.ck-editor__main > .ck-editor__editable blockquote p,
body .ck.ck-editor__main > .ck-editor__editable blockquote p.p1 {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 0.95;
  font-family: var(--ff-heading);
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 0.95;
  font-style: normal;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable blockquote p,
  body .ck.ck-editor__main > .ck-editor__editable blockquote p.p1 {
    font-size: calc(30px + (40 - 30) * (100vw - 1024px) / (1440 - 1024));
  }
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable blockquote p,
  body .ck.ck-editor__main > .ck-editor__editable blockquote p.p1 {
    font-size: 4rem;
  }
}
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);
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.c-button-base) {
  text-decoration: none;
}
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;
}