@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          =
=========================*/
/*====================================
=               Colors               =
====================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-white-40: rgba(255, 255, 255, 0.4);
  --color-white-10: rgba(255, 255, 255, 0.1019607843);
  --color-kale: #1B2B21;
  --color-kale-5: rgba(27, 43, 33, 0.0509803922);
  --color-kale-40: rgba(27, 43, 33, 0.4);
  --color-kale-10: rgba(27, 43, 33, 0.1019607843);
  --color-kale-10-opaque: #D3D7D5;
  --color-kale-60: rgba(27, 43, 33, 0.6);
  --color-gray: #E8EAE9;
  --color-citron: #F9ED37;
  --color-navet: #E0CECD;
  --color-bonbon: #EE5E73;
  --color-brocoli: #82C3A8;
  --color-gomme: #C3ADCA;
  --color-valid: #6AB395;
  --color-warning: #F9ED37;
  --color-error: #EE5E73;
}

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

/*=================================
=         Border Radiuses         =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --radius: 2rem;
  --radius-xs: 0.8rem;
  --radius-sm: 1rem;
  --radius-md: 1.4rem;
  --radius-lg: 2rem;
}

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

/*=================================
=           Typography            =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --ff-heading: GT Alpina, serif;
  --ff-paragraph: Manrope, sans-serif;
  --ff-subheading: DM Mono, monospace;
}

@font-face {
  font-family: "DM Mono";
  src: url("/static/fonts/DMMono-Regular.woff2") format("woff2"), url("/static/fonts/DMMono-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Alpina";
  src: url("/static/fonts/GT-Alpina-Regular.woff2") format("woff2"), url("/static/fonts/GT-Alpina-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT Alpina";
  src: url("/static/fonts/GT-Alpina-Medium.woff2") format("woff2"), url("/static/fonts/GT-Alpina-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/static/fonts/Manrope-Regular.woff2") format("woff2"), url("/static/fonts/Manrope-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/static/fonts/Manrope-SemiBold.woff2") format("woff2"), url("/static/fonts/Manrope-SemiBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.t-h1 {
  font-size: calc(52px + (100 - 52) * (100vw - 420px) / (1024 - 420));
  line-height: 0.85;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  .t-h1 {
    font-size: 10rem;
  }
}

.t-h2 {
  font-size: calc(52px + (65 - 52) * (100vw - 420px) / (1024 - 420));
  line-height: 0.9;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  .t-h2 {
    font-size: 6.5rem;
  }
}

.t-h3 {
  font-size: calc(26px + (38 - 26) * (100vw - 420px) / (1024 - 420));
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
}
@media (min-width: 1024px) {
  .t-h3 {
    font-size: 3.8rem;
  }
}

.t-h4 {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
}

.t-h5 {
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
}

.t-h6 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
  font-family: var(--ff-heading);
}

.t-h7 {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  font-family: var(--ff-heading);
}

.t-p1 {
  font-size: 2.2rem;
  line-height: 1.4;
  font-family: var(--ff-paragraph);
  font-weight: 400;
}

.t-p2 {
  font-size: 1.6rem;
  line-height: 1.4;
  font-family: var(--ff-paragraph);
  font-weight: 400;
}

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

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

.t-i1 {
  font-size: 1.4rem;
  line-height: 1.2;
  font-family: var(--ff-subheading);
  font-weight: 400;
  text-transform: uppercase;
}

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

body .ck.ck-editor__main > .ck-editor__editable {
  max-width: var(--rte-width, 91rem);
}
body .ck.ck-editor__main > .ck-editor__editable p + p {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable p + ul {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable p + ol {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable p + blockquote {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ul + p {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ul + ul {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ul + ol {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ul + blockquote {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ol + p {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ol + ul {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ol + ol {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable ol + blockquote {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + p {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + ul {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + ol {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote + blockquote {
  margin-top: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.redactor-custom-button, .redactor-custom-secondary-button) {
  border-bottom: 0.1rem dashed var(--color-kale);
  display: inline-block;
}
body .ck.ck-editor__main > .ck-editor__editable a:not(.redactor-custom-button, .redactor-custom-secondary-button)[href^=http]:not([href^="https://paillasson"]):not([href^="http://paillasson"]):after, body .ck.ck-editor__main > .ck-editor__editable a:not(.redactor-custom-button, .redactor-custom-secondary-button)[href^=https]:not([href^="https://paillasson"]):not([href^="http://paillasson"]):after, body .ck.ck-editor__main > .ck-editor__editable a:not(.redactor-custom-button, .redactor-custom-secondary-button)[target=_blank]:after {
  content: " ↗";
  vertical-align: middle;
  margin-left: 5px;
  font-size: 11px;
}
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-bottom: 3rem;
}
body .ck.ck-editor__main > .ck-editor__editable h1 {
  font-size: calc(52px + (100 - 52) * (100vw - 420px) / (1024 - 420));
  line-height: 0.85;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: 10rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: calc(52px + (65 - 52) * (100vw - 420px) / (1024 - 420));
  line-height: 0.9;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
  font-weight: 500;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: 6.5rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: calc(26px + (38 - 26) * (100vw - 420px) / (1024 - 420));
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable h3 {
    font-size: 3.8rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
  font-family: var(--ff-heading);
}
body .ck.ck-editor__main > .ck-editor__editable h7 {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  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;
  padding-top: calc(var(--spacer-xl) - var(--rte-gap, 1rem));
}
body .ck.ck-editor__main > .ck-editor__editable ul li,
body .ck.ck-editor__main > .ck-editor__editable ol li {
  position: relative;
  padding-left: calc(3rem + var(--spacer-md));
  padding-bottom: var(--spacer-sm);
  margin-bottom: var(--spacer-sm);
  border-bottom: 1px solid var(--color-kale-10-opaque);
}
body .ck.ck-editor__main > .ck-editor__editable ul li:has(> ul), body .ck.ck-editor__main > .ck-editor__editable ul li:has(> ol),
body .ck.ck-editor__main > .ck-editor__editable ol li:has(> ul),
body .ck.ck-editor__main > .ck-editor__editable ol li:has(> ol) {
  padding-bottom: 0;
}
body .ck.ck-editor__main > .ck-editor__editable ul li:before,
body .ck.ck-editor__main > .ck-editor__editable ol li:before {
  display: var(--stack-display, flex);
  align-items: var(--stack-align, center);
  justify-content: var(--stack-justify, center);
  flex-direction: var(--stack-direction, column);
  column-gap: var(--stack-col-gap, var(--stack-gap, var(--spacer)));
  row-gap: var(--stack-row-gap, var(--stack-gap, var(--spacer)));
  flex-wrap: var(--stack-wrap, wrap);
  position: absolute;
  top: -0.3rem;
  left: 0;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-gray);
  color: var(--color-kale);
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-kale-10-opaque);
}
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-md);
}
body .ck.ck-editor__main > .ck-editor__editable ul ul li:last-child,
body .ck.ck-editor__main > .ck-editor__editable ul ol li:last-child,
body .ck.ck-editor__main > .ck-editor__editable ol ul li:last-child,
body .ck.ck-editor__main > .ck-editor__editable ol ol li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
body .ck.ck-editor__main > .ck-editor__editable ul > li:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2614 19.4975C13.2614 19.4975 13.2014 19.4975 13.1814 19.4975C12.2214 19.4575 11.5614 18.7075 10.9314 17.9875C10.7114 17.7375 10.4814 17.4775 10.2314 17.2375C9.93139 16.9475 9.92139 16.4775 10.2114 16.1775C10.5014 15.8775 10.9714 15.8675 11.2714 16.1575C11.5514 16.4275 11.8114 16.7175 12.0514 16.9975C12.4814 17.4875 12.9214 17.9875 13.2414 17.9975C13.4414 17.9975 13.7214 17.8375 14.0514 17.5275C15.0014 16.6275 15.7714 15.5675 16.5914 14.4475C17.3814 13.3575 18.2014 12.2375 19.2214 11.2175C19.5114 10.9275 19.9914 10.9275 20.2814 11.2175C20.5714 11.5075 20.5714 11.9875 20.2814 12.2775C19.3514 13.2175 18.5614 14.2875 17.8014 15.3275C16.9814 16.4575 16.1314 17.6175 15.0914 18.6075C14.4614 19.2075 13.8614 19.4975 13.2614 19.4975Z' fill='%231B2B21'/%3E%3C/svg%3E%0A");
  background-size: 3rem;
  background-position: center center;
  background-repeat: no-repeat;
}
body .ck.ck-editor__main > .ck-editor__editable ol {
  counter-reset: ol;
}
body .ck.ck-editor__main > .ck-editor__editable ol > li:before {
  font-size: 1.4rem;
  line-height: 1.2;
  font-family: var(--ff-subheading);
  font-weight: 400;
  text-transform: uppercase;
  counter-increment: ol;
  content: counter(ol);
}
body .ck.ck-editor__main > .ck-editor__editable .t-p1 {
  font-size: 2.2rem;
  line-height: 1.4;
  font-family: var(--ff-paragraph);
  font-weight: 400;
}
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;
  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 .table {
  width: 100%;
}
body .ck.ck-editor__main > .ck-editor__editable .table td {
  padding-right: var(--spacer-xl);
}
body .ck.ck-editor__main > .ck-editor__editable .table td .t-h7 a {
  margin-bottom: var(--spacer-2xs);
}
@media (max-width: 575.98px) {
  body .ck.ck-editor__main > .ck-editor__editable .table table,
  body .ck.ck-editor__main > .ck-editor__editable .table thead,
  body .ck.ck-editor__main > .ck-editor__editable .table tbody,
  body .ck.ck-editor__main > .ck-editor__editable .table th,
  body .ck.ck-editor__main > .ck-editor__editable .table td,
  body .ck.ck-editor__main > .ck-editor__editable .table tr {
    display: block;
    width: 100%;
  }
  body .ck.ck-editor__main > .ck-editor__editable .table td {
    padding-right: 0;
    padding-bottom: var(--spacer-sm);
  }
}
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 .t-i1 {
  font-size: 1.4rem;
  line-height: 1.2;
  font-family: var(--ff-subheading);
  font-weight: 400;
  text-transform: uppercase;
}
body .ck.ck-editor__main > .ck-editor__editable .t-i1:before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 10rem;
  background-color: var(--color-kale);
  display: inline-block;
  margin-right: 0.7rem;
}
body .ck.ck-editor__main > .ck-editor__editable .redactor-custom-button {
  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);
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
  font-family: var(--ff-heading);
  color: white;
  white-space: nowrap;
  padding-top: var(--spacer-xs);
  padding-right: var(--spacer-sm);
  padding-bottom: var(--spacer-xs);
  padding-left: var(--spacer-sm);
  margin-right: auto;
  display: inline-flex;
  border-radius: 100rem;
  transition: color 0.3s ease, background-color 0.3s ease;
  position: relative;
  border-bottom: 0 none !important;
}
body .ck.ck-editor__main > .ck-editor__editable .redactor-custom-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: var(--color-kale);
  border-radius: 100rem;
  transition: transform 0.2s ease;
  transform: scale(1);
}
body .ck.ck-editor__main > .ck-editor__editable .redactor-custom-button:hover:before {
  transform: scale(1.02);
}
body .ck.ck-editor__main > .ck-editor__editable .redactor-custom-secondary-button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  border-bottom: 0 none !important;
}
body .ck.ck-editor__main > .ck-editor__editable .redactor-custom-secondary-button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 1rem);
  border-bottom: 0.1rem dashed var(--color-kale);
  transform: translateX(0rem);
  transition: transform 0.2s ease;
}
body .ck.ck-editor__main > .ck-editor__editable .redactor-custom-secondary-button:hover:before {
  animation: dashMove 1s linear infinite;
}

body .ck.ck-editor__main > .ck-editor__editable {
  font-size: 10px !important;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-osx-font-smoothing: antialiased;
  color: var(--color-kale);
  background-color: var(--color-white);
}
body .ck.ck-editor__main > .ck-editor__editable p {
  font-size: 16px;
}
body .ck.ck-editor__main > .ck-editor__editable p.t-p1 {
  font-size: 22px;
}
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;
  font-size: 16px;
}
body .ck.ck-editor__main > .ck-editor__editable ul li:before,
body .ck.ck-editor__main > .ck-editor__editable ol li:before {
  font-size: 14px;
  width: 2.5rem;
  height: 2.5rem;
  background-size: 2.5rem;
}
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-kale);
}
body .ck.ck-editor__main > .ck-editor__editable h1 {
  font-size: 100px;
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: calc(52px + (65 - 52) * (100vw - 420px) / (1024 - 420));
  line-height: 0.9;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
  font-weight: 500;
  font-size: 65px !important;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: 6.5rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: calc(26px + (38 - 26) * (100vw - 420px) / (1024 - 420));
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
  font-size: 38px;
}
@media (min-width: 1024px) {
  body .ck.ck-editor__main > .ck-editor__editable h3 {
    font-size: 3.8rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
  font-size: 32px;
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: var(--ff-heading);
  font-size: 26px;
}
body .ck.ck-editor__main > .ck-editor__editable .t-i1 {
  font-size: 14px;
}
body .ck.ck-editor__main > .ck-editor__editable .redactor-custom-button {
  font-size: 20px;
  color: white;
  background-color: var(--color-kale);
  margin-right: auto;
  display: inline-flex;
}