@charset "UTF-8";
/*=========================
=          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             =
=================================*/
/*=================================
=      Transition Duration        =
=================================*/
/*=================================
=        Transition Ease          =
=================================*/
/*=================================
=           Font faces            =
=================================*/
/*=================================
=          Base values            =
=================================*/
/*=================================
=            Headings             =
=        Used by mixin t()        =
=================================*/
/*=================================
=        Rich text editor         =
=================================*/
/*=================================
=         Typography- styles          =
=================================*/
/*====================================
=               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: 0.5rem;
  --radius-2xs: 0.25rem;
  --radius-xs: 0.5rem;
  --radius-sm: 1rem;
  --radius-md: 2rem;
  --radius-lg: 4rem;
  --radius-xl: 624.9375rem;
}

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

/*====================================
=               Themes               =
====================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --color-light: #FDFBF8;
  --theme-text-primary: #010101;
  --theme-text-secondary: #A6A49C;
  --theme-text-tertiary: #FEC728;
  --theme-surface-primary: #FDFBF8;
  --theme-surface-secondary: #EDE9DE;
  --theme-surface-tertiary: #010101;
  --theme-border-primary: #A6A49C;
  --theme-border-secondary: #96D2C3;
  --theme-border-tertiary: #010101;
  --theme-button-primary-text: #FDFBF8;
  --theme-button-primary-bg: #010101;
  --theme-button-primary-text-hover: #FDFBF8;
  --theme-button-primary-bg-hover: #010101;
  --theme-button-primary-text-disabled: #FDFBF8;
  --theme-button-primary-bg-disabled: #010101;
  --theme-button-icon-text: #FDFBF8;
  --theme-button-icon-bg: #010101;
  --theme-button-icon-text-hover: #FDFBF8;
  --theme-button-icon-bg-hover: #010101;
  --theme-button-icon-text-disabled: #FDFBF8;
  --theme-button-icon-bg-disabled: #010101;
  --theme-chip-text: #010101;
  --theme-chip-bg: rgba(1, 1, 1, 0.3019607843);
  --theme-field-text: #010101;
  --theme-field-text-active: #010101;
  --theme-field-text-hover: #010101;
  --theme-field-text-error: #6D484A;
  --theme-field-text-read-only: #010101;
  --theme-field-text-disabled: #A6A49C;
  --theme-field-placeholder: #A6A49C;
  --theme-field-bg: #FDFBF8;
  --theme-field-bg-active: #FDFBF8;
  --theme-field-bg-hover: #FDFBF8;
  --theme-field-bg-error: #FDFBF8;
  --theme-field-bg-read-only: #FDFBF8;
  --theme-field-bg-disabled: #CCCAC3;
  --theme-field-border: #A6A49C;
  --theme-field-border-active: #010101;
  --theme-field-border-hover: #FEC728;
  --theme-field-border-error: #6D484A;
  --theme-field-border-read-only: #CCCAC3;
  --theme-field-border-disabled: #A6A49C;
  --theme-field-selected-text: #FDFBF8;
  --theme-field-selected-bg: #010101;
  --theme-field-selected-border: #010101;
  --theme-field-selected-text-hover: #FDFBF8;
  --theme-field-selected-bg-hover: #FEC728;
  --theme-field-selected-border-hover: #FEC728;
  --theme-field-selected-text-error: #FDFBF8;
  --theme-field-selected-bg-error: #6D484A;
  --theme-field-selected-border-error: #6D484A;
  --theme-field-selected-text-read-only: #010101;
  --theme-field-selected-bg-read-only: rgba(1, 1, 1, 0);
  --theme-field-selected-border-read-only: rgba(1, 1, 1, 0);
  --theme-field-selected-text-disabled: #A6A49C;
  --theme-field-selected-bg-disabled: #CCCAC3;
  --theme-field-selected-border-disabled: #CCCAC3;
  --theme-logo-mark: #010101;
  --theme-logo-mark-muted: rgba(1, 1, 1, 0.6);
  --theme-neutral: #CCCAC3;
  --theme-transparent: rgba(1, 1, 1, 0);
  --theme-error-primary: #6D484A;
  --theme-error-secondary: #E56B6F;
  --theme-error-tertiary: #F1AFB1;
  --theme-success-primary: #40635A;
  --theme-success-secondary: #2CA487;
  --theme-success-tertiary: #96D2C3;
  --theme-warning-primary: #986002;
  --theme-warning-secondary: #E19005;
  --theme-warning-tertiary: #FFE2B0;
  --theme-focus: #FED253;
}

[data-theme=base] {
  --theme-text-primary: #010101;
  --theme-text-secondary: #A6A49C;
  --theme-text-tertiary: #FEC728;
  --theme-surface-primary: #FDFBF8;
  --theme-surface-secondary: #EDE9DE;
  --theme-surface-tertiary: #010101;
  --theme-border-primary: #A6A49C;
  --theme-border-secondary: #96D2C3;
  --theme-border-tertiary: #010101;
  --theme-button-primary-text: #FDFBF8;
  --theme-button-primary-bg: #010101;
  --theme-button-primary-text-hover: #FDFBF8;
  --theme-button-primary-bg-hover: #010101;
  --theme-button-primary-text-disabled: #FDFBF8;
  --theme-button-primary-bg-disabled: #010101;
  --theme-button-icon-text: #FDFBF8;
  --theme-button-icon-bg: #010101;
  --theme-button-icon-text-hover: #FDFBF8;
  --theme-button-icon-bg-hover: #010101;
  --theme-button-icon-text-disabled: #FDFBF8;
  --theme-button-icon-bg-disabled: #010101;
  --theme-chip-text: #010101;
  --theme-chip-bg: rgba(1, 1, 1, 0.3019607843);
  --theme-field-text: #010101;
  --theme-field-text-active: #010101;
  --theme-field-text-hover: #010101;
  --theme-field-text-error: #6D484A;
  --theme-field-text-read-only: #010101;
  --theme-field-text-disabled: #A6A49C;
  --theme-field-placeholder: #A6A49C;
  --theme-field-bg: #FDFBF8;
  --theme-field-bg-active: #FDFBF8;
  --theme-field-bg-hover: #FDFBF8;
  --theme-field-bg-error: #FDFBF8;
  --theme-field-bg-read-only: #FDFBF8;
  --theme-field-bg-disabled: #CCCAC3;
  --theme-field-border: #A6A49C;
  --theme-field-border-active: #010101;
  --theme-field-border-hover: #FEC728;
  --theme-field-border-error: #6D484A;
  --theme-field-border-read-only: #CCCAC3;
  --theme-field-border-disabled: #A6A49C;
  --theme-field-selected-text: #FDFBF8;
  --theme-field-selected-bg: #010101;
  --theme-field-selected-border: #010101;
  --theme-field-selected-text-hover: #FDFBF8;
  --theme-field-selected-bg-hover: #FEC728;
  --theme-field-selected-border-hover: #FEC728;
  --theme-field-selected-text-error: #FDFBF8;
  --theme-field-selected-bg-error: #6D484A;
  --theme-field-selected-border-error: #6D484A;
  --theme-field-selected-text-read-only: #010101;
  --theme-field-selected-bg-read-only: rgba(1, 1, 1, 0);
  --theme-field-selected-border-read-only: rgba(1, 1, 1, 0);
  --theme-field-selected-text-disabled: #A6A49C;
  --theme-field-selected-bg-disabled: #CCCAC3;
  --theme-field-selected-border-disabled: #CCCAC3;
  --theme-logo-mark: #010101;
  --theme-logo-mark-muted: rgba(1, 1, 1, 0.6);
}

[data-theme=dark] {
  --theme-text-primary: #FDFBF8;
  --theme-text-secondary: #FDFBF8;
  --theme-text-tertiary: #FEC728;
  --theme-surface-primary: #010101;
  --theme-surface-secondary: #010101;
  --theme-surface-tertiary: #FDFBF8;
  --theme-border-primary: #EDE9DE;
  --theme-border-secondary: #2CA487;
  --theme-border-tertiary: #FDFBF8;
  --theme-button-primary-text: #010101;
  --theme-button-primary-bg: #FDFBF8;
  --theme-button-primary-text-hover: #010101;
  --theme-button-primary-bg-hover: #FFF4D4;
  --theme-button-primary-text-disabled: #010101;
  --theme-button-primary-bg-disabled: #FDFBF8;
  --theme-button-icon-text: #010101;
  --theme-button-icon-bg: #FDFBF8;
  --theme-button-icon-text-hover: #010101;
  --theme-button-icon-bg-hover: #FFF4D4;
  --theme-button-icon-text-disabled: #010101;
  --theme-button-icon-bg-disabled: #FDFBF8;
  --theme-chip-text: #FDFBF8;
  --theme-chip-bg: rgba(1, 1, 1, 0.3019607843);
  --theme-field-text: #FDFBF8;
  --theme-field-text-active: #FDFBF8;
  --theme-field-text-hover: #FDFBF8;
  --theme-field-text-error: #6D484A;
  --theme-field-text-read-only: #FDFBF8;
  --theme-field-text-disabled: #FFF4D4;
  --theme-field-placeholder: #FDFBF8;
  --theme-field-bg: #010101;
  --theme-field-bg-active: #010101;
  --theme-field-bg-hover: #010101;
  --theme-field-bg-error: #010101;
  --theme-field-bg-read-only: #010101;
  --theme-field-bg-disabled: #A6A49C;
  --theme-field-border: #EDE9DE;
  --theme-field-border-active: #FDFBF8;
  --theme-field-border-hover: #FEC728;
  --theme-field-border-error: #6D484A;
  --theme-field-border-read-only: #A6A49C;
  --theme-field-border-disabled: #FFF4D4;
  --theme-field-selected-text: #010101;
  --theme-field-selected-bg: #FDFBF8;
  --theme-field-selected-border: #FDFBF8;
  --theme-field-selected-text-hover: #010101;
  --theme-field-selected-bg-hover: #FEC728;
  --theme-field-selected-border-hover: #FEC728;
  --theme-field-selected-text-error: #010101;
  --theme-field-selected-bg-error: #6D484A;
  --theme-field-selected-border-error: #6D484A;
  --theme-field-selected-text-read-only: #FDFBF8;
  --theme-field-selected-bg-read-only: rgba(1, 1, 1, 0);
  --theme-field-selected-border-read-only: rgba(1, 1, 1, 0);
  --theme-field-selected-text-disabled: #010101;
  --theme-field-selected-bg-disabled: #A6A49C;
  --theme-field-selected-border-disabled: #A6A49C;
  --theme-logo-mark: #FDFBF8;
  --theme-logo-mark-muted: rgba(247, 243, 232, 0.6);
}

[data-theme=colored] {
  --theme-text-primary: #010101;
  --theme-text-secondary: #FDFBF8;
  --theme-text-tertiary: #FEC728;
  --theme-surface-primary: #FDFBF8;
  --theme-surface-secondary: #EDE9DE;
  --theme-surface-tertiary: #010101;
  --theme-border-primary: #A6A49C;
  --theme-border-secondary: #96D2C3;
  --theme-border-tertiary: #010101;
  --theme-button-primary-text: #010101;
  --theme-button-primary-bg: #FEC728;
  --theme-button-primary-text-hover: #010101;
  --theme-button-primary-bg-hover: #FEC728;
  --theme-button-primary-text-disabled: #010101;
  --theme-button-primary-bg-disabled: #FEC728;
  --theme-button-icon-text: #010101;
  --theme-button-icon-bg: #FEC728;
  --theme-button-icon-text-hover: #010101;
  --theme-button-icon-bg-hover: #FEC728;
  --theme-button-icon-text-disabled: #010101;
  --theme-button-icon-bg-disabled: #FEC728;
  --theme-chip-text: #010101;
  --theme-chip-bg: rgba(1, 1, 1, 0.3019607843);
  --theme-field-text: #010101;
  --theme-field-text-active: #010101;
  --theme-field-text-hover: #010101;
  --theme-field-text-error: #6D484A;
  --theme-field-text-read-only: #010101;
  --theme-field-text-disabled: #A6A49C;
  --theme-field-placeholder: #A6A49C;
  --theme-field-bg: #FDFBF8;
  --theme-field-bg-active: #FDFBF8;
  --theme-field-bg-hover: #FDFBF8;
  --theme-field-bg-error: #FDFBF8;
  --theme-field-bg-read-only: #FDFBF8;
  --theme-field-bg-disabled: #CCCAC3;
  --theme-field-border: #A6A49C;
  --theme-field-border-active: #010101;
  --theme-field-border-hover: #FEC728;
  --theme-field-border-error: #6D484A;
  --theme-field-border-read-only: #CCCAC3;
  --theme-field-border-disabled: #A6A49C;
  --theme-field-selected-text: #FDFBF8;
  --theme-field-selected-bg: #010101;
  --theme-field-selected-border: #010101;
  --theme-field-selected-text-hover: #FDFBF8;
  --theme-field-selected-bg-hover: #FEC728;
  --theme-field-selected-border-hover: #FEC728;
  --theme-field-selected-text-error: #FDFBF8;
  --theme-field-selected-bg-error: #6D484A;
  --theme-field-selected-border-error: #6D484A;
  --theme-field-selected-text-read-only: #010101;
  --theme-field-selected-bg-read-only: rgba(1, 1, 1, 0);
  --theme-field-selected-border-read-only: rgba(1, 1, 1, 0);
  --theme-field-selected-text-disabled: #A6A49C;
  --theme-field-selected-bg-disabled: #CCCAC3;
  --theme-field-selected-border-disabled: #CCCAC3;
  --theme-logo-mark: #FEC728;
  --theme-logo-mark-muted: #FFE9A9;
}

[data-theme=chip] {
  --theme-text-primary: #010101;
  --theme-text-secondary: #FDFBF8;
  --theme-text-tertiary: #FEC728;
  --theme-surface-primary: #FDFBF8;
  --theme-surface-secondary: #EDE9DE;
  --theme-surface-tertiary: #010101;
  --theme-border-primary: #A6A49C;
  --theme-border-secondary: #96D2C3;
  --theme-border-tertiary: #010101;
  --theme-button-primary-text: #FDFBF8;
  --theme-button-primary-bg: #010101;
  --theme-button-primary-text-hover: #FDFBF8;
  --theme-button-primary-bg-hover: #010101;
  --theme-button-primary-text-disabled: #FDFBF8;
  --theme-button-primary-bg-disabled: #010101;
  --theme-button-icon-text: #010101;
  --theme-button-icon-bg: rgba(1, 1, 1, 0.3019607843);
  --theme-button-icon-text-hover: #010101;
  --theme-button-icon-bg-hover: #FEC728;
  --theme-button-icon-text-disabled: #010101;
  --theme-button-icon-bg-disabled: rgba(1, 1, 1, 0.3019607843);
  --theme-chip-text: #010101;
  --theme-chip-bg: rgba(1, 1, 1, 0.3019607843);
  --theme-field-text: #010101;
  --theme-field-text-active: #010101;
  --theme-field-text-hover: #010101;
  --theme-field-text-error: #6D484A;
  --theme-field-text-read-only: #010101;
  --theme-field-text-disabled: #A6A49C;
  --theme-field-placeholder: #A6A49C;
  --theme-field-bg: #FDFBF8;
  --theme-field-bg-active: #FDFBF8;
  --theme-field-bg-hover: #FDFBF8;
  --theme-field-bg-error: #FDFBF8;
  --theme-field-bg-read-only: #FDFBF8;
  --theme-field-bg-disabled: #CCCAC3;
  --theme-field-border: #A6A49C;
  --theme-field-border-active: #010101;
  --theme-field-border-hover: #FEC728;
  --theme-field-border-error: #6D484A;
  --theme-field-border-read-only: #CCCAC3;
  --theme-field-border-disabled: #A6A49C;
  --theme-field-selected-text: #FDFBF8;
  --theme-field-selected-bg: #010101;
  --theme-field-selected-border: #010101;
  --theme-field-selected-text-hover: #FDFBF8;
  --theme-field-selected-bg-hover: #FEC728;
  --theme-field-selected-border-hover: #FEC728;
  --theme-field-selected-text-error: #FDFBF8;
  --theme-field-selected-bg-error: #6D484A;
  --theme-field-selected-border-error: #6D484A;
  --theme-field-selected-text-read-only: #010101;
  --theme-field-selected-bg-read-only: rgba(1, 1, 1, 0);
  --theme-field-selected-border-read-only: rgba(1, 1, 1, 0);
  --theme-field-selected-text-disabled: #A6A49C;
  --theme-field-selected-bg-disabled: #CCCAC3;
  --theme-field-selected-border-disabled: #CCCAC3;
  --theme-logo-mark: #010101;
  --theme-logo-mark-muted: rgba(1, 1, 1, 0.6);
}

/*=================================
=           Typography            =
=================================*/
body .ck.ck-editor__main > .ck-editor__editable {
  --ff-primary: Roobert, Helvetica Neue, Arial, sans-serif;
  --ff-secondary: JetBrains Mono, Helvetica Neue, Arial, sans-serif;
  --ff-tertiary: DM Sans, Helvetica Neue, Arial, sans-serif;
}

@font-face {
  font-family: "Roobert";
  src: url("/static/fonts/roobert-regular.woff2") format("woff2"), url("/static/fonts/roobert-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roobert";
  src: url("/static/fonts/roobert-medium.woff2") format("woff2"), url("/static/fonts/roobert-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roobert";
  src: url("/static/fonts/roobert-semibold.woff2") format("woff2"), url("/static/fonts/roobert-semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roobert";
  src: url("/static/fonts/roobert-bold.woff2") format("woff2"), url("/static/fonts/roobert-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("/static/fonts/dm-sans-regular.woff2") format("woff2"), url("/static/fonts/dm-sans-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/static/fonts/jetbrains-mono-regular.woff2") format("woff2"), url("/static/fonts/jetbrains-mono-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.t-h1 {
  font-size: calc(60px + (110 - 60) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h1 {
    font-size: 11rem;
  }
}
.t-h1 {
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h2 {
  font-size: calc(46px + (90 - 46) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h2 {
    font-size: 9rem;
  }
}
.t-h2 {
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h3 {
  font-size: calc(36px + (70 - 36) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h3 {
    font-size: 7rem;
  }
}
.t-h3 {
  line-height: 0.95;
  letter-spacing: -0.04em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h4 {
  font-size: calc(32px + (54 - 32) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h4 {
    font-size: 5.4rem;
  }
}
.t-h4 {
  line-height: 0.95;
  letter-spacing: -0.03em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h5 {
  font-size: calc(20px + (26 - 20) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h5 {
    font-size: 2.6rem;
  }
}
.t-h5 {
  line-height: 1;
  letter-spacing: -0.03em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h6 {
  font-size: calc(20px + (22 - 20) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h6 {
    font-size: 2.2rem;
  }
}
.t-h6 {
  line-height: 1;
  letter-spacing: -0.03em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h1 {
  font-size: calc(60px + (110 - 60) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h1 {
    font-size: 11rem;
  }
}
.t-h1 {
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h2 {
  font-size: calc(46px + (90 - 46) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h2 {
    font-size: 9rem;
  }
}
.t-h2 {
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h3 {
  font-size: calc(36px + (70 - 36) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h3 {
    font-size: 7rem;
  }
}
.t-h3 {
  line-height: 0.95;
  letter-spacing: -0.04em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h4 {
  font-size: calc(32px + (54 - 32) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h4 {
    font-size: 5.4rem;
  }
}
.t-h4 {
  line-height: 0.95;
  letter-spacing: -0.03em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h5 {
  font-size: calc(20px + (26 - 20) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h5 {
    font-size: 2.6rem;
  }
}
.t-h5 {
  line-height: 1;
  letter-spacing: -0.03em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-h6 {
  font-size: calc(20px + (22 - 20) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-h6 {
    font-size: 2.2rem;
  }
}
.t-h6 {
  line-height: 1;
  letter-spacing: -0.03em;
  font-family: var(--ff-primary);
  font-weight: 500;
}

.t-p1 {
  font-size: calc(17px + (20 - 17) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-p1 {
    font-size: 2rem;
  }
}
.t-p1 {
  font-family: var(--ff-tertiary);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.t-p2 {
  font-size: calc(15px + (16 - 15) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-p2 {
    font-size: 1.6rem;
  }
}
.t-p2 {
  font-family: var(--ff-tertiary);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.t-c1 {
  font-size: calc(12px + (13 - 12) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  .t-c1 {
    font-size: 1.3rem;
  }
}
.t-c1 {
  text-transform: uppercase;
  font-family: var(--ff-secondary);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

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

body .ck.ck-editor__main > .ck-editor__editable {
  max-width: var(--rte-width, 82rem);
  font-size: calc(17px + (20 - 17) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable {
    font-size: 2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable {
  font-family: var(--ff-tertiary);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
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 {
  --rte-btn-height: 3rem;
  --rte-btn-gap: var(--spacer-3xs);
  --rte-btn-radius: var(--radius-2xs);
  --rte-btn-text-color: #010101;
  --rte-btn-bg-color: #FEC728;
  --rte-btn-text-color-hover: #010101;
  --rte-btn-bg-color-hover: #FEC728;
  font-size: calc(12px + (13 - 12) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable a {
    font-size: 1.3rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable a {
  text-transform: uppercase;
  font-family: var(--ff-secondary);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.03em;
  position: relative;
  display: inline-flex;
  align-items: center;
  height: var(--rte-btn-height);
  margin-right: calc(var(--rte-btn-height) + var(--rte-btn-gap));
  padding-inline: var(--spacer-xs);
  color: var(--rte-btn-text-color);
  white-space: nowrap;
  text-decoration: none;
  background-color: var(--rte-btn-bg-color);
  border-radius: var(--rte-btn-radius);
  transition: color var(--transition-duration) var(--transition-ease), background-color var(--transition-duration) var(--transition-ease), border-radius var(--transition-duration) var(--transition-ease);
}
body .ck.ck-editor__main > .ck-editor__editable a:before, body .ck.ck-editor__main > .ck-editor__editable a:after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% + var(--rte-btn-gap));
  width: var(--rte-btn-height);
  height: var(--rte-btn-height);
}
body .ck.ck-editor__main > .ck-editor__editable a:before {
  background-color: var(--rte-btn-bg-color);
  border-radius: var(--rte-btn-radius);
  transition: background-color var(--transition-duration) var(--transition-ease), border-radius var(--transition-duration) var(--transition-ease);
}
body .ck.ck-editor__main > .ck-editor__editable a:after {
  background-color: var(--rte-btn-text-color);
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><path d="M3.009,7.67 L5.115,5.005 C5.202,4.892 5.301,4.784 5.414,4.68 C5.527,4.567 5.622,4.481 5.7,4.42 L5.7,4.303 C5.587,4.312 5.444,4.325 5.271,4.342 C5.098,4.351 4.937,4.355 4.79,4.355 L0.5,4.355 L0.5,3.315 L4.79,3.315 C4.937,3.315 5.098,3.324 5.271,3.341 C5.444,3.35 5.587,3.363 5.7,3.38 L5.7,3.263 C5.639,3.211 5.553,3.129 5.44,3.016 C5.336,2.903 5.228,2.782 5.115,2.652 L3.009,0 L4.374,0 L7.39,3.835 L4.387,7.67 L3.009,7.67 Z"/></svg>') center/0.8rem no-repeat;
  transition: background-color var(--transition-duration) var(--transition-ease), transform var(--transition-duration) var(--transition-ease);
}
body .ck.ck-editor__main > .ck-editor__editable a[target=_blank]:after {
  transform: rotate(-45deg);
}
body .ck.ck-editor__main > .ck-editor__editable a:hover, body .ck.ck-editor__main > .ck-editor__editable a:focus-visible {
  --rte-btn-text-color: var(--rte-btn-text-color-hover);
  --rte-btn-bg-color: var(--rte-btn-bg-color-hover);
  --rte-btn-radius: var(--radius-sm);
}
body .ck.ck-editor__main > .ck-editor__editable blockquote {
  font-style: italic;
  padding-left: var(--rte-gap, 1em);
  border: none;
  border-left: var(--rte-gap-third, 0.5em) solid var(--theme-border-primary);
}
body .ck.ck-editor__main > .ck-editor__editable hr {
  width: 100%;
  height: 1px;
  margin: var(--rte-gap-2X, 2em) auto;
  background: var(--theme-border-primary);
  border: none;
}
body .ck.ck-editor__main > .ck-editor__editable h1,
body .ck.ck-editor__main > .ck-editor__editable h2,
body .ck.ck-editor__main > .ck-editor__editable h3,
body .ck.ck-editor__main > .ck-editor__editable h4,
body .ck.ck-editor__main > .ck-editor__editable h5,
body .ck.ck-editor__main > .ck-editor__editable h6 {
  margin-top: var(--rte-gap, 1em);
  margin-bottom: var(--rte-gap-half, 1rem);
}
body .ck.ck-editor__main > .ck-editor__editable h1 {
  font-size: calc(60px + (110 - 60) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h1 {
    font-size: 11rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h1 {
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-family: var(--ff-primary);
  font-weight: 500;
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  font-size: calc(46px + (90 - 46) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h2 {
    font-size: 9rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h2 {
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-family: var(--ff-primary);
  font-weight: 500;
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  font-size: calc(36px + (70 - 36) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h3 {
    font-size: 7rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h3 {
  line-height: 0.95;
  letter-spacing: -0.04em;
  font-family: var(--ff-primary);
  font-weight: 500;
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  font-size: calc(32px + (54 - 32) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h4 {
    font-size: 5.4rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h4 {
  line-height: 0.95;
  letter-spacing: -0.03em;
  font-family: var(--ff-primary);
  font-weight: 500;
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  font-size: calc(20px + (26 - 20) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h5 {
    font-size: 2.6rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h5 {
  line-height: 1;
  letter-spacing: -0.03em;
  font-family: var(--ff-primary);
  font-weight: 500;
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  font-size: calc(20px + (22 - 20) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable h6 {
    font-size: 2.2rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable h6 {
  line-height: 1;
  letter-spacing: -0.03em;
  font-family: var(--ff-primary);
  font-weight: 500;
}
body .ck.ck-editor__main > .ck-editor__editable ul,
body .ck.ck-editor__main > .ck-editor__editable ol {
  list-style: none;
  padding: 0;
}
body .ck.ck-editor__main > .ck-editor__editable ul li,
body .ck.ck-editor__main > .ck-editor__editable ol li {
  list-style-type: none;
  padding-left: var(--rte-gap);
  position: relative;
}
body .ck.ck-editor__main > .ck-editor__editable ul li:not(:first-child),
body .ck.ck-editor__main > .ck-editor__editable ol li:not(:first-child) {
  margin-top: var(--rte-gap-half);
}
body .ck.ck-editor__main > .ck-editor__editable ul ul,
body .ck.ck-editor__main > .ck-editor__editable ul ol,
body .ck.ck-editor__main > .ck-editor__editable ol ul,
body .ck.ck-editor__main > .ck-editor__editable ol ol {
  margin-top: var(--rte-gap-half);
  margin-bottom: 0;
}
body .ck.ck-editor__main > .ck-editor__editable ul > li:before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
}
body .ck.ck-editor__main > .ck-editor__editable ol {
  counter-reset: ol;
}
body .ck.ck-editor__main > .ck-editor__editable ol > li:before {
  counter-increment: ol;
  content: counter(ol) ".";
  position: absolute;
  top: 0;
  left: 0;
}
body .ck.ck-editor__main > .ck-editor__editable figure {
  margin-top: var(--rte-gap, 1em);
  margin-bottom: var(--rte-gap, 1em);
}
body .ck.ck-editor__main > .ck-editor__editable figure img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
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: 0.75em;
  text-align: center;
  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 {
  --rte-width: none;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-osx-font-smoothing: antialiased;
  font-size: calc(15px + (16 - 15) * (100vw - 420px) / (1440 - 420));
}
@media (min-width: 1440px) {
  body .ck.ck-editor__main > .ck-editor__editable {
    font-size: 1.6rem;
  }
}
body .ck.ck-editor__main > .ck-editor__editable {
  font-family: var(--ff-tertiary);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--theme-text-primary);
  font-size: 16px !important;
  background: var(--theme-surface-primary);
}
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.redactor-custom-button:hover {
  text-decoration: none;
}
body .ck.ck-editor__main > .ck-editor__editable figcaption {
  color: var(--theme-text-primary);
  padding: 0;
  background: transparent;
  border: 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;
}