/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* region Fonts */

/* play-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/play-v21-cyrillic_cyrillic-ext_greek_latin_latin-ext_vietnamese-regular.woff2') format('woff2');
}

/* play-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/play-v21-cyrillic_cyrillic-ext_greek_latin_latin-ext_vietnamese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* endregion Fonts */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* region CSS Variables */

/* ====================================================================================== */
/* region Responsive vertical measurements: */
:root {

  /**
   * ## Responsive vertical measurements:
   *
   * ### What this is:
   *
   * This neat little bit of mathematics automates _all_ of the responsive faff to ensure a site is still useable
   *  on short screens; especially _landscape mobile devices_.
   *
   * These tend only to have ~23.75rem (~380px) of vertical space available. By using a measurement that clamps a value
   * when the viewport *height* decreases, you can scale literally your entire website to fit properly.
   *
   * It's a _very_ easy way to ensure that your site still looks great _and_ remains usable on a short-and-wide
   * viewport.
   *
   * ### How to use:
   *
   * TL;DR: replace everything measured in px or rem with this value; use `calc()` to adjust.
   *
   * Instead of measuring everything directly in absolute or relative units (such as px or rem), use the value
   *  `var(--shr)` instead, and `calc(var(--shr) * xxx)` for anything based on it.
   *
   * The default breakpoint is 55rem tall; above this value `--shr` === `1rem`, and smoothly scales down to
   *  a minimum of `0.8125rem` at around ~36rem (~576px) tall, scaling absolutely everything along with it.
   *
   * Example:
   * ```css
   *  .class-measured-in-default-rem {
   *    max-width:      calc(var(--shr) * 40.0);
   *    min-height:     calc(var(--shr) * 5.00);
   *    padding-block:  calc(var(--shr) * 0.50);
   *    padding-inline: calc(var(--shr) * 1.00);
   *    font-size:      calc(var(--shr) * 1.00);
   *  }
   *
   *  .class-measured-in-default-px {
   *    max-width:      calc(var(--shr) * 0.0625 * 640);
   *    min-height:     calc(var(--shr) * 0.0625 * 80);
   *    padding-block:  calc(var(--shr) * 0.0625 * 8);
   *    padding-inline: calc(var(--shr) * 0.0625 * 16);
   *    font-size:      calc(var(--shr) * 0.0625 * 16);
   *  }
   * ```
   *
   * ### Why it exists:
   *
   * TL;DR: To help ensure your end users can still access and use your website, even on tiny screens.
   *
   * ### How it works:
   *
   * TL;DR: By leveraging the ability to scale everything measured in `rem` by using view-height-based `clamp()`
   *  formula.
   *
   * Before you begin - abandon all thoughts and feelings you have for 'pixels'; everything hereafter is
   *  measured in `rem`.
   *
   * `rem`, short for 'Root em', is a modern, useragent-controllable, _relative_ measurement. It's the root element
   *  font-size, but because it's a relative rather than absolute measurement, it's infinitely more powerful and
   *  useful.
   *
   * Basing everything off this value isn't only useful for disability access and for tiny devices; it also gives
   *  you, your client(s), and your sites' users a very easy way to scale the entire website at once. Super useful
   *  when your client tells you "our site's too small, can you make it bigger?"!
   *
   * By comparison, `px` is an outdated absolute measurement. It's handled inconsistently across devices and is
   *  unresponsive to user needs. How big 1px actually is depends entirely on the phone or monitor, but ultimately
   *  depends on the physical size, pixel density, and even the operating system.
   *
   * The `var(--shr)` unit works by leveraging the ability to scale everything based off `rem`; and when a viewport is
   *  very short, it will scale downwards to show more of the site at the same time on that viewport.
   */

  /**
   * ## Adjustable Variables (adjust if needed, but the defaults are pretty solid!):
   */

  /**
   * ### `--shr-base`
   *
   * The origin measurement: or _"how large is your main body-of-text's font size?"_, normally, without any responsive
   *  scaling.
   *
   * I _strongly_ recommend keeping this value at or above `1.0000` to ensure that your site is legible across as many
   *  devices and for as many people as possible; and absolutely no smaller than `0.7500`.
   *
   * Apple and some Android devices will zoom in on form items (text inputs, textareas, and so on) if their font size
   *  is set below 1rem. To avoid this, (it's very annoying), keep this value above `1.0000`.
   *
   * Most browsers use 16px === 1rem, so leaving this value alone is a good choice. However, if your client needs
   *  their entire website scaling for some reason, or if a useragent needs to scale the entire site, adjusting
   *  this value upwards is the cheat-easy way to adjust absolutely everything at once.
   *
   * To keep the maths easier, adjust it `0.1250` at a time.
   * For extreme fine-tuning, use increments of `0.0625` - this prevents useragents resorting to sub-pixel rendering
   *  unnecessarily.
   */
  --shr-base: 1.0000;

  /**
   * ### `--shr-break`:
   *
   * This determines when `--shr` will _start_ decreasing in size. Once the viewport *height* is lower than this value,
   *  it will start smoothly scaling downwards until the viewport is around ~36rem tall.
   *
   * This value is measured in `rem` and must be unitless (that is, just a number).
   *
   * 55rem is an excellent value to target short viewports. I'd advise leaving this value at 55rem, but it's here if
   *  you need to change it.
   *
   * The scaling is smooth, not an abrupt jump; so it still looks really nice when resizing on a desktop, for example.
   */
  --shr-break: 55;

  /**
   * ### `--shr-scale`:
   *
   * This determines the final size of `--shr` on a viewport around ~36rem (~576px) tall.
   *
   * The absolute minimum this value should be is 0.75 when used for text; anything small won't be legible.
   *
   */
  --shr-scale: 0.8125;

  /**
   * ## Derived Values (that should *not* be changed):
   */

  /**
   * ### `--shr`:
   *
   * This is the variable that you should actually use; and where the magic actually happens.
   *
   * The `max()` wrapper enforces a minimum value, preventing everything from getting so small it becomes unreadable
   *  (it returns the larger of whatever is inside).
   */
  --shr: max(
    clamp(calc(1.0000rem * var(--shr-scale)), calc(100svh / var(--shr-break) * 1.0000), 1.0000rem),
    1px
  );

  /**
   * ### `--shr-u`:
   *
   * A unitless version, for other calculations:
   */
  --shr-u: clamp(calc(1.0000 * var(--shr-scale)), calc(100svh / var(--shr-break) * 1.0000), 1.0000);

}

/* endregion */
/* ====================================================================================== */

/* ====================================================================================== */
/* region Colours / Branding */

/* basics: */
:root {
  --body--background-color: var(--color--dark);
  --body--color: var(--color--light);
  --link--color: hsl(from var(--color--brand-1) h s clamp(10, calc(l * 1.25), 90) / 100%);
  --link--color--hover: hsl(from var(--link--color) h s clamp(10, calc(l * 1.125), 90) / 100%);
}

/* main branding: */
:root {
  --color--light: var(--color--grey-900);
  --color--dark: var(--color--grey-100);
  --color--brand-1: #1472ceff;
  --color--brand-2: #ce7214ff;
  --color--brand-3: #14ce72ff;
  --color--brand-4: #00ce72ff;
  --color--brand-5: hsl(from var(--color--brand-1) h s calc(l * 0.5) / 100%);
  --color--brand-6: hsl(from var(--color--brand-1) h s calc(l * 0.7) / 100%);
  --color--brand-7: hsl(from var(--color--brand-1) h s calc(l * 0.9) / 100%);
}

/* monochrome: */
:root {
  --color--black: #010101ff;
  --color--grey: #6c757fff;
  --color--grey-dark: var(--color--grey-200); /*#343a40ff;*/
  --color--white: #fefefeff;
}

/* contextual: */
:root {
  --color--danger: hsl(from var(--color--red) h s calc(l * 0.7) / 100%);
  --color--info: hsl(from var(--color--cyan) h s calc(l * 0.7) / 100%);
  --color--warning: hsl(from var(--color--yellow) h s calc(l * 0.7) / 100%);
  --color--success: hsl(from var(--color--green) h s calc(l * 0.7) / 100%);
}

/* generic colour base values: */
:root {
  --color--red: #dc4035ff;
  --color--orange: #fd7e24ff;
  --color--yellow: #ffc117ff;
  --color--green: #45c522ff;
  --color--teal: #20c9a7ff;
  --color--cyan: #24badfff;
  --color--blue: #0d7efdff;
  --color--purple: #6f52c1ff;
  --color--indigo: #9510f2ff;
  --color--pink: #d63394ff;
}

/* others: */
:root {
  --highlight--bg: hsl(from var(--color--brand-1) h s clamp(80, calc(l * 1.5), 95) / 100%); /*#fff3cd;*/
  --site--gradient: linear-gradient(180deg, hsl(from var(--color--white) h s l / 15%), hsl(from var(--color--white) h s l / 0%));
  --code--color: hsl(from var(--color--brand-2) h s calc(10%, calc(l * 0.5), 80%) / 100%);
}

/* --------------------------------------------------------------------- */
/* region shades */

:root {
  --color--grey-100: hsl(from var(--color--grey) h s clamp(0, calc(l * 0.1), 100) / 100%); /* #f8f9faff;*/
  --color--grey-200: hsl(from var(--color--grey) h s clamp(0, calc(l * 0.2), 100) / 100%); /* #e9ecefff;*/
  --color--grey-300: hsl(from var(--color--grey) h s clamp(0, calc(l * 0.3), 100) / 100%); /* #dee2e6ff;*/
  --color--grey-400: hsl(from var(--color--grey) h s clamp(0, calc(l * 0.4), 100) / 100%); /* #ced4daff;*/
  --color--grey-500: hsl(from var(--color--grey) h s clamp(0, calc(l * 0.5), 100) / 100%); /* #adb5bdff;*/
  --color--grey-600: hsl(from var(--color--grey) h s clamp(0, calc(l * 0.6), 100) / 100%); /* #6c757dff;*/
  --color--grey-700: hsl(from var(--color--grey) h s clamp(0, calc(l * 0.7), 100) / 100%); /* #495057ff;*/
  --color--grey-800: hsl(from var(--color--grey) h s clamp(0, calc(l * 0.8), 100) / 100%); /* #343a40ff;*/
  --color--grey-900: hsl(from var(--color--grey) h s clamp(0, calc(l * 0.9), 100) / 100%); /* #212529ff;*/
  --color--brand-1-100: hsl(from var(--color--brand-1) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--brand-1-200: hsl(from var(--color--brand-1) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--brand-1-300: hsl(from var(--color--brand-1) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--brand-1-400: hsl(from var(--color--brand-1) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--brand-1-500: hsl(from var(--color--brand-1) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--brand-1-600: hsl(from var(--color--brand-1) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--brand-1-700: hsl(from var(--color--brand-1) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--brand-1-800: hsl(from var(--color--brand-1) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--brand-1-900: hsl(from var(--color--brand-1) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--brand-2-100: hsl(from var(--color--brand-2) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--brand-2-200: hsl(from var(--color--brand-2) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--brand-2-300: hsl(from var(--color--brand-2) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--brand-2-400: hsl(from var(--color--brand-2) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--brand-2-500: hsl(from var(--color--brand-2) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--brand-2-600: hsl(from var(--color--brand-2) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--brand-2-700: hsl(from var(--color--brand-2) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--brand-2-800: hsl(from var(--color--brand-2) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--brand-2-900: hsl(from var(--color--brand-2) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--brand-3-100: hsl(from var(--color--brand-3) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--brand-3-200: hsl(from var(--color--brand-3) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--brand-3-300: hsl(from var(--color--brand-3) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--brand-3-400: hsl(from var(--color--brand-3) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--brand-3-500: hsl(from var(--color--brand-3) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--brand-3-600: hsl(from var(--color--brand-3) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--brand-3-700: hsl(from var(--color--brand-3) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--brand-3-800: hsl(from var(--color--brand-3) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--brand-3-900: hsl(from var(--color--brand-3) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--brand-4-100: hsl(from var(--color--brand-4) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--brand-4-200: hsl(from var(--color--brand-4) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--brand-4-300: hsl(from var(--color--brand-4) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--brand-4-400: hsl(from var(--color--brand-4) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--brand-4-500: hsl(from var(--color--brand-4) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--brand-4-600: hsl(from var(--color--brand-4) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--brand-4-700: hsl(from var(--color--brand-4) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--brand-4-800: hsl(from var(--color--brand-4) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--brand-4-900: hsl(from var(--color--brand-4) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--brand-5-100: hsl(from var(--color--brand-5) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--brand-5-200: hsl(from var(--color--brand-5) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--brand-5-300: hsl(from var(--color--brand-5) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--brand-5-400: hsl(from var(--color--brand-5) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--brand-5-500: hsl(from var(--color--brand-5) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--brand-5-600: hsl(from var(--color--brand-5) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--brand-5-700: hsl(from var(--color--brand-5) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--brand-5-800: hsl(from var(--color--brand-5) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--brand-5-900: hsl(from var(--color--brand-5) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--brand-6-100: hsl(from var(--color--brand-6) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--brand-6-200: hsl(from var(--color--brand-6) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--brand-6-300: hsl(from var(--color--brand-6) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--brand-6-400: hsl(from var(--color--brand-6) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--brand-6-500: hsl(from var(--color--brand-6) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--brand-6-600: hsl(from var(--color--brand-6) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--brand-6-700: hsl(from var(--color--brand-6) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--brand-6-800: hsl(from var(--color--brand-6) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--brand-6-900: hsl(from var(--color--brand-6) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--brand-7-100: hsl(from var(--color--brand-7) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--brand-7-200: hsl(from var(--color--brand-7) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--brand-7-300: hsl(from var(--color--brand-7) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--brand-7-400: hsl(from var(--color--brand-7) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--brand-7-500: hsl(from var(--color--brand-7) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--brand-7-600: hsl(from var(--color--brand-7) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--brand-7-700: hsl(from var(--color--brand-7) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--brand-7-800: hsl(from var(--color--brand-7) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--brand-7-900: hsl(from var(--color--brand-7) h s clamp(0, calc(l * 0.9), 100) / 100%);
}

:root {
  --color--danger-100: hsl(from var(--color--danger) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--danger-200: hsl(from var(--color--danger) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--danger-300: hsl(from var(--color--danger) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--danger-400: hsl(from var(--color--danger) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--danger-500: hsl(from var(--color--danger) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--danger-600: hsl(from var(--color--danger) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--danger-700: hsl(from var(--color--danger) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--danger-800: hsl(from var(--color--danger) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--danger-900: hsl(from var(--color--danger) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--info-100: hsl(from var(--color--info) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--info-200: hsl(from var(--color--info) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--info-300: hsl(from var(--color--info) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--info-400: hsl(from var(--color--info) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--info-500: hsl(from var(--color--info) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--info-600: hsl(from var(--color--info) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--info-700: hsl(from var(--color--info) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--info-800: hsl(from var(--color--info) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--info-900: hsl(from var(--color--info) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--warning-100: hsl(from var(--color--warning) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--warning-200: hsl(from var(--color--warning) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--warning-300: hsl(from var(--color--warning) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--warning-400: hsl(from var(--color--warning) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--warning-500: hsl(from var(--color--warning) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--warning-600: hsl(from var(--color--warning) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--warning-700: hsl(from var(--color--warning) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--warning-800: hsl(from var(--color--warning) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--warning-900: hsl(from var(--color--warning) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--success-100: hsl(from var(--color--success) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--success-200: hsl(from var(--color--success) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--success-300: hsl(from var(--color--success) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--success-400: hsl(from var(--color--success) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--success-500: hsl(from var(--color--success) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--success-600: hsl(from var(--color--success) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--success-700: hsl(from var(--color--success) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--success-800: hsl(from var(--color--success) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--success-900: hsl(from var(--color--success) h s clamp(0, calc(l * 0.9), 100) / 100%);
}

:root {
  --color--red-100: hsl(from var(--color--red) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--red-200: hsl(from var(--color--red) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--red-300: hsl(from var(--color--red) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--red-400: hsl(from var(--color--red) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--red-500: hsl(from var(--color--red) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--red-600: hsl(from var(--color--red) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--red-700: hsl(from var(--color--red) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--red-800: hsl(from var(--color--red) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--red-900: hsl(from var(--color--red) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--orange-100: hsl(from var(--color--orange) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--orange-200: hsl(from var(--color--orange) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--orange-300: hsl(from var(--color--orange) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--orange-400: hsl(from var(--color--orange) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--orange-500: hsl(from var(--color--orange) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--orange-600: hsl(from var(--color--orange) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--orange-700: hsl(from var(--color--orange) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--orange-800: hsl(from var(--color--orange) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--orange-900: hsl(from var(--color--orange) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--yellow-100: hsl(from var(--color--yellow) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--yellow-200: hsl(from var(--color--yellow) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--yellow-300: hsl(from var(--color--yellow) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--yellow-400: hsl(from var(--color--yellow) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--yellow-500: hsl(from var(--color--yellow) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--yellow-600: hsl(from var(--color--yellow) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--yellow-700: hsl(from var(--color--yellow) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--yellow-800: hsl(from var(--color--yellow) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--yellow-900: hsl(from var(--color--yellow) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--green-100: hsl(from var(--color--green) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--green-200: hsl(from var(--color--green) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--green-300: hsl(from var(--color--green) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--green-400: hsl(from var(--color--green) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--green-500: hsl(from var(--color--green) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--green-600: hsl(from var(--color--green) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--green-700: hsl(from var(--color--green) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--green-800: hsl(from var(--color--green) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--green-900: hsl(from var(--color--green) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--teal-100: hsl(from var(--color--teal) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--teal-200: hsl(from var(--color--teal) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--teal-300: hsl(from var(--color--teal) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--teal-400: hsl(from var(--color--teal) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--teal-500: hsl(from var(--color--teal) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--teal-600: hsl(from var(--color--teal) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--teal-700: hsl(from var(--color--teal) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--teal-800: hsl(from var(--color--teal) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--teal-900: hsl(from var(--color--teal) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--cyan-100: hsl(from var(--color--cyan) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--cyan-200: hsl(from var(--color--cyan) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--cyan-300: hsl(from var(--color--cyan) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--cyan-400: hsl(from var(--color--cyan) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--cyan-500: hsl(from var(--color--cyan) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--cyan-600: hsl(from var(--color--cyan) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--cyan-700: hsl(from var(--color--cyan) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--cyan-800: hsl(from var(--color--cyan) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--cyan-900: hsl(from var(--color--cyan) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--blue-100: hsl(from var(--color--blue) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--blue-200: hsl(from var(--color--blue) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--blue-300: hsl(from var(--color--blue) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--blue-400: hsl(from var(--color--blue) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--blue-500: hsl(from var(--color--blue) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--blue-600: hsl(from var(--color--blue) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--blue-700: hsl(from var(--color--blue) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--blue-800: hsl(from var(--color--blue) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--blue-900: hsl(from var(--color--blue) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--purple-100: hsl(from var(--color--purple) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--purple-200: hsl(from var(--color--purple) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--purple-300: hsl(from var(--color--purple) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--purple-400: hsl(from var(--color--purple) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--purple-500: hsl(from var(--color--purple) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--purple-600: hsl(from var(--color--purple) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--purple-700: hsl(from var(--color--purple) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--purple-800: hsl(from var(--color--purple) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--purple-900: hsl(from var(--color--purple) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--indigo-100: hsl(from var(--color--indigo) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--indigo-200: hsl(from var(--color--indigo) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--indigo-300: hsl(from var(--color--indigo) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--indigo-400: hsl(from var(--color--indigo) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--indigo-500: hsl(from var(--color--indigo) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--indigo-600: hsl(from var(--color--indigo) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--indigo-700: hsl(from var(--color--indigo) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--indigo-800: hsl(from var(--color--indigo) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--indigo-900: hsl(from var(--color--indigo) h s clamp(0, calc(l * 0.9), 100) / 100%);
  --color--pink-100: hsl(from var(--color--pink) h s clamp(0, calc(l * 0.1), 100) / 100%);
  --color--pink-200: hsl(from var(--color--pink) h s clamp(0, calc(l * 0.2), 100) / 100%);
  --color--pink-300: hsl(from var(--color--pink) h s clamp(0, calc(l * 0.3), 100) / 100%);
  --color--pink-400: hsl(from var(--color--pink) h s clamp(0, calc(l * 0.4), 100) / 100%);
  --color--pink-500: hsl(from var(--color--pink) h s clamp(0, calc(l * 0.5), 100) / 100%);
  --color--pink-600: hsl(from var(--color--pink) h s clamp(0, calc(l * 0.6), 100) / 100%);
  --color--pink-700: hsl(from var(--color--pink) h s clamp(0, calc(l * 0.7), 100) / 100%);
  --color--pink-800: hsl(from var(--color--pink) h s clamp(0, calc(l * 0.8), 100) / 100%);
  --color--pink-900: hsl(from var(--color--pink) h s clamp(0, calc(l * 0.9), 100) / 100%);
}

/* endregion shades */
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* region inverse colours: */
:root {
  /*@formatter:off*/
  --color--light-inv           : rgb(from var(--color--light           ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--dark-inv            : rgb(from var(--color--dark            ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-1-inv         : rgb(from var(--color--brand-1         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-2-inv         : rgb(from var(--color--brand-2         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-3-inv         : rgb(from var(--color--brand-3         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-4-inv         : rgb(from var(--color--brand-4         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-5-inv         : rgb(from var(--color--brand-5         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-6-inv         : rgb(from var(--color--brand-6         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-7-inv         : rgb(from var(--color--brand-7         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--black-inv           : rgb(from var(--color--black           ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-inv            : rgb(from var(--color--grey            ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-dark-inv       : rgb(from var(--color--grey-dark       ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--white-inv           : rgb(from var(--color--white           ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--danger-inv          : rgb(from var(--color--danger          ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--info-inv            : rgb(from var(--color--info            ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--warning-inv         : rgb(from var(--color--warning         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--success-inv         : rgb(from var(--color--success         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--red-inv             : rgb(from var(--color--red             ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--orange-inv          : rgb(from var(--color--orange          ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--yellow-inv          : rgb(from var(--color--yellow          ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--green-inv           : rgb(from var(--color--green           ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--teal-inv            : rgb(from var(--color--teal            ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--cyan-inv            : rgb(from var(--color--cyan            ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--blue-inv            : rgb(from var(--color--blue            ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--purple-inv          : rgb(from var(--color--purple          ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--indigo-inv          : rgb(from var(--color--indigo          ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--pink-inv            : rgb(from var(--color--pink            ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-100-inv        : rgb(from var(--color--grey-100        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-200-inv        : rgb(from var(--color--grey-200        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-300-inv        : rgb(from var(--color--grey-300        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-400-inv        : rgb(from var(--color--grey-400        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-500-inv        : rgb(from var(--color--grey-500        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-600-inv        : rgb(from var(--color--grey-600        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-700-inv        : rgb(from var(--color--grey-700        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-800-inv        : rgb(from var(--color--grey-800        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--grey-900-inv        : rgb(from var(--color--grey-900        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-1-100-inv     : rgb(from var(--color--brand-1-100     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-1-200-inv     : rgb(from var(--color--brand-1-200     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-1-300-inv     : rgb(from var(--color--brand-1-300     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-1-400-inv     : rgb(from var(--color--brand-1-400     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-1-500-inv     : rgb(from var(--color--brand-1-500     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-1-600-inv     : rgb(from var(--color--brand-1-600     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-1-700-inv     : rgb(from var(--color--brand-1-700     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-1-800-inv     : rgb(from var(--color--brand-1-800     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-1-900-inv     : rgb(from var(--color--brand-1-900     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-2-100-inv     : rgb(from var(--color--brand-2-100     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-2-200-inv     : rgb(from var(--color--brand-2-200     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-2-300-inv     : rgb(from var(--color--brand-2-300     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-2-400-inv     : rgb(from var(--color--brand-2-400     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-2-500-inv     : rgb(from var(--color--brand-2-500     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-2-600-inv     : rgb(from var(--color--brand-2-600     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-2-700-inv     : rgb(from var(--color--brand-2-700     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-2-800-inv     : rgb(from var(--color--brand-2-800     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-2-900-inv     : rgb(from var(--color--brand-2-900     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-3-100-inv     : rgb(from var(--color--brand-3-100     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-3-200-inv     : rgb(from var(--color--brand-3-200     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-3-300-inv     : rgb(from var(--color--brand-3-300     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-3-400-inv     : rgb(from var(--color--brand-3-400     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-3-500-inv     : rgb(from var(--color--brand-3-500     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-3-600-inv     : rgb(from var(--color--brand-3-600     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-3-700-inv     : rgb(from var(--color--brand-3-700     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-3-800-inv     : rgb(from var(--color--brand-3-800     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-3-900-inv     : rgb(from var(--color--brand-3-900     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-4-100-inv     : rgb(from var(--color--brand-4-100     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-4-200-inv     : rgb(from var(--color--brand-4-200     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-4-300-inv     : rgb(from var(--color--brand-4-300     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-4-400-inv     : rgb(from var(--color--brand-4-400     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-4-500-inv     : rgb(from var(--color--brand-4-500     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-4-600-inv     : rgb(from var(--color--brand-4-600     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-4-700-inv     : rgb(from var(--color--brand-4-700     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-4-800-inv     : rgb(from var(--color--brand-4-800     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-4-900-inv     : rgb(from var(--color--brand-4-900     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-5-100-inv     : rgb(from var(--color--brand-5-100     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-5-200-inv     : rgb(from var(--color--brand-5-200     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-5-300-inv     : rgb(from var(--color--brand-5-300     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-5-400-inv     : rgb(from var(--color--brand-5-400     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-5-500-inv     : rgb(from var(--color--brand-5-500     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-5-600-inv     : rgb(from var(--color--brand-5-600     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-5-700-inv     : rgb(from var(--color--brand-5-700     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-5-800-inv     : rgb(from var(--color--brand-5-800     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-5-900-inv     : rgb(from var(--color--brand-5-900     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-6-100-inv     : rgb(from var(--color--brand-6-100     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-6-200-inv     : rgb(from var(--color--brand-6-200     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-6-300-inv     : rgb(from var(--color--brand-6-300     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-6-400-inv     : rgb(from var(--color--brand-6-400     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-6-500-inv     : rgb(from var(--color--brand-6-500     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-6-600-inv     : rgb(from var(--color--brand-6-600     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-6-700-inv     : rgb(from var(--color--brand-6-700     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-6-800-inv     : rgb(from var(--color--brand-6-800     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-6-900-inv     : rgb(from var(--color--brand-6-900     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-7-100-inv     : rgb(from var(--color--brand-7-100     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-7-200-inv     : rgb(from var(--color--brand-7-200     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-7-300-inv     : rgb(from var(--color--brand-7-300     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-7-400-inv     : rgb(from var(--color--brand-7-400     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-7-500-inv     : rgb(from var(--color--brand-7-500     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-7-600-inv     : rgb(from var(--color--brand-7-600     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-7-700-inv     : rgb(from var(--color--brand-7-700     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-7-800-inv     : rgb(from var(--color--brand-7-800     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--brand-7-900-inv     : rgb(from var(--color--brand-7-900     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--danger-100-inv      : rgb(from var(--color--danger-100      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--danger-200-inv      : rgb(from var(--color--danger-200      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--danger-300-inv      : rgb(from var(--color--danger-300      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--danger-400-inv      : rgb(from var(--color--danger-400      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--danger-500-inv      : rgb(from var(--color--danger-500      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--danger-600-inv      : rgb(from var(--color--danger-600      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--danger-700-inv      : rgb(from var(--color--danger-700      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--danger-800-inv      : rgb(from var(--color--danger-800      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--danger-900-inv      : rgb(from var(--color--danger-900      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--info-100-inv        : rgb(from var(--color--info-100        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--info-200-inv        : rgb(from var(--color--info-200        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--info-300-inv        : rgb(from var(--color--info-300        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--info-400-inv        : rgb(from var(--color--info-400        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--info-500-inv        : rgb(from var(--color--info-500        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--info-600-inv        : rgb(from var(--color--info-600        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--info-700-inv        : rgb(from var(--color--info-700        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--info-800-inv        : rgb(from var(--color--info-800        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--info-900-inv        : rgb(from var(--color--info-900        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--warning-100-inv     : rgb(from var(--color--warning-100     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--warning-200-inv     : rgb(from var(--color--warning-200     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--warning-300-inv     : rgb(from var(--color--warning-300     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--warning-400-inv     : rgb(from var(--color--warning-400     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--warning-500-inv     : rgb(from var(--color--warning-500     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--warning-600-inv     : rgb(from var(--color--warning-600     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--warning-700-inv     : rgb(from var(--color--warning-700     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--warning-800-inv     : rgb(from var(--color--warning-800     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--warning-900-inv     : rgb(from var(--color--warning-900     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--success-100-inv     : rgb(from var(--color--success-100     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--success-200-inv     : rgb(from var(--color--success-200     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--success-300-inv     : rgb(from var(--color--success-300     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--success-400-inv     : rgb(from var(--color--success-400     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--success-500-inv     : rgb(from var(--color--success-500     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--success-600-inv     : rgb(from var(--color--success-600     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--success-700-inv     : rgb(from var(--color--success-700     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--success-800-inv     : rgb(from var(--color--success-800     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--success-900-inv     : rgb(from var(--color--success-900     ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--red-100-inv         : rgb(from var(--color--red-100         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--red-200-inv         : rgb(from var(--color--red-200         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--red-300-inv         : rgb(from var(--color--red-300         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--red-400-inv         : rgb(from var(--color--red-400         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--red-500-inv         : rgb(from var(--color--red-500         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--red-600-inv         : rgb(from var(--color--red-600         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--red-700-inv         : rgb(from var(--color--red-700         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--red-800-inv         : rgb(from var(--color--red-800         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--red-900-inv         : rgb(from var(--color--red-900         ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--orange-100-inv      : rgb(from var(--color--orange-100      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--orange-200-inv      : rgb(from var(--color--orange-200      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--orange-300-inv      : rgb(from var(--color--orange-300      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--orange-400-inv      : rgb(from var(--color--orange-400      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--orange-500-inv      : rgb(from var(--color--orange-500      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--orange-600-inv      : rgb(from var(--color--orange-600      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--orange-700-inv      : rgb(from var(--color--orange-700      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--orange-800-inv      : rgb(from var(--color--orange-800      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--orange-900-inv      : rgb(from var(--color--orange-900      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--yellow-100-inv      : rgb(from var(--color--yellow-100      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--yellow-200-inv      : rgb(from var(--color--yellow-200      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--yellow-300-inv      : rgb(from var(--color--yellow-300      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--yellow-400-inv      : rgb(from var(--color--yellow-400      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--yellow-500-inv      : rgb(from var(--color--yellow-500      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--yellow-600-inv      : rgb(from var(--color--yellow-600      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--yellow-700-inv      : rgb(from var(--color--yellow-700      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--yellow-800-inv      : rgb(from var(--color--yellow-800      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--yellow-900-inv      : rgb(from var(--color--yellow-900      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--green-100-inv       : rgb(from var(--color--green-100       ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--green-200-inv       : rgb(from var(--color--green-200       ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--green-300-inv       : rgb(from var(--color--green-300       ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--green-400-inv       : rgb(from var(--color--green-400       ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--green-500-inv       : rgb(from var(--color--green-500       ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--green-600-inv       : rgb(from var(--color--green-600       ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--green-700-inv       : rgb(from var(--color--green-700       ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--green-800-inv       : rgb(from var(--color--green-800       ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--green-900-inv       : rgb(from var(--color--green-900       ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--teal-100-inv        : rgb(from var(--color--teal-100        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--teal-200-inv        : rgb(from var(--color--teal-200        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--teal-300-inv        : rgb(from var(--color--teal-300        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--teal-400-inv        : rgb(from var(--color--teal-400        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--teal-500-inv        : rgb(from var(--color--teal-500        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--teal-600-inv        : rgb(from var(--color--teal-600        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--teal-700-inv        : rgb(from var(--color--teal-700        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--teal-800-inv        : rgb(from var(--color--teal-800        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--teal-900-inv        : rgb(from var(--color--teal-900        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--cyan-100-inv        : rgb(from var(--color--cyan-100        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--cyan-200-inv        : rgb(from var(--color--cyan-200        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--cyan-300-inv        : rgb(from var(--color--cyan-300        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--cyan-400-inv        : rgb(from var(--color--cyan-400        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--cyan-500-inv        : rgb(from var(--color--cyan-500        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--cyan-600-inv        : rgb(from var(--color--cyan-600        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--cyan-700-inv        : rgb(from var(--color--cyan-700        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--cyan-800-inv        : rgb(from var(--color--cyan-800        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--cyan-900-inv        : rgb(from var(--color--cyan-900        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--blue-100-inv        : rgb(from var(--color--blue-100        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--blue-200-inv        : rgb(from var(--color--blue-200        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--blue-300-inv        : rgb(from var(--color--blue-300        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--blue-400-inv        : rgb(from var(--color--blue-400        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--blue-500-inv        : rgb(from var(--color--blue-500        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--blue-600-inv        : rgb(from var(--color--blue-600        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--blue-700-inv        : rgb(from var(--color--blue-700        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--blue-800-inv        : rgb(from var(--color--blue-800        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--blue-900-inv        : rgb(from var(--color--blue-900        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--purple-100-inv      : rgb(from var(--color--purple-100      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--purple-200-inv      : rgb(from var(--color--purple-200      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--purple-300-inv      : rgb(from var(--color--purple-300      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--purple-400-inv      : rgb(from var(--color--purple-400      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--purple-500-inv      : rgb(from var(--color--purple-500      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--purple-600-inv      : rgb(from var(--color--purple-600      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--purple-700-inv      : rgb(from var(--color--purple-700      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--purple-800-inv      : rgb(from var(--color--purple-800      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--purple-900-inv      : rgb(from var(--color--purple-900      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--indigo-100-inv      : rgb(from var(--color--indigo-100      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--indigo-200-inv      : rgb(from var(--color--indigo-200      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--indigo-300-inv      : rgb(from var(--color--indigo-300      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--indigo-400-inv      : rgb(from var(--color--indigo-400      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--indigo-500-inv      : rgb(from var(--color--indigo-500      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--indigo-600-inv      : rgb(from var(--color--indigo-600      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--indigo-700-inv      : rgb(from var(--color--indigo-700      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--indigo-800-inv      : rgb(from var(--color--indigo-800      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--indigo-900-inv      : rgb(from var(--color--indigo-900      ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--pink-100-inv        : rgb(from var(--color--pink-100        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--pink-200-inv        : rgb(from var(--color--pink-200        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--pink-300-inv        : rgb(from var(--color--pink-300        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--pink-400-inv        : rgb(from var(--color--pink-400        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--pink-500-inv        : rgb(from var(--color--pink-500        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--pink-600-inv        : rgb(from var(--color--pink-600        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--pink-700-inv        : rgb(from var(--color--pink-700        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--pink-800-inv        : rgb(from var(--color--pink-800        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  --color--pink-900-inv        : rgb(from var(--color--pink-900        ) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255) clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255));
  /*@formatter:on*/
}

/* endregion inverse colours: */
/* --------------------------------------------------------------------- */

/* endregion Colours / Branding */
/* ====================================================================================== */

/* ====================================================================================== */
/* region Borders */

:root {
  --border--width: max(calc(var(--shr) * 0.0625), 1px);
  --border--style: solid;
  --border--color: hsl(from var(--color--brand-2) h s clamp(10, calc(l * 1.250), 90) / 100%);
  --border--color-translucent: hsl(from var(--color--black) h s l / 12.5%);
}

:root {
  --border--radius--pill: calc(var(--shr) * 50.000);
  --border--radius--xxl: calc(var(--shr) * 2.000);
  --border--radius--xl: calc(var(--shr) * 1.000);
  --border--radius--lg: calc(var(--shr) * 0.500);
  --border--radius--md: calc(var(--shr) * 0.375);
  --border--radius--sm: calc(var(--shr) * 0.250);
  --border--radius--base: var(--border--radius--lg);
}

/* endregion Borders */
/* ====================================================================================== */

/* ====================================================================================== */
/* region Typography */

:root {
  --font--highlight: "Play", system-ui, -apple-system, "Segoe UI", "Roboto", "Noto Sans", "Liberation Sans", "Trebuchet MS", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font--monospace: "Consolas", "SFMono-Regular", "Menlo", "Monaco", "Liberation Mono", "Courier New", monospace;
  --font--sans-serif: system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --headings--line-height: 1.6;
  --headings--font-family: var(--font--highlight);
  --headings--font-size: calc(var(--body--font-size) * 1.25);
  --headings--font-weight: 400;

  --body--line-height: 1.6;
  --body--font-family: var(--font--sans-serif);
  --body--font-size: var(--body--font-size);
  --body--font-weight: 400;
}

:root {
  --h1--font-size: clamp(calc(var(--shr) * 2.2500), calc((var(--shr) * 2.2500) + (3.0000 - 2.2500) * ((100vw - 48rem) / (120 - 48))), calc(var(--shr) * 3.0000));
  --h2--font-size: clamp(calc(var(--shr) * 1.8750), calc((var(--shr) * 1.8750) + (2.3250 - 1.8750) * ((100vw - 48rem) / (120 - 48))), calc(var(--shr) * 2.3250));
  --h3--font-size: clamp(calc(var(--shr) * 1.5000), calc((var(--shr) * 1.5000) + (2.0000 - 1.5000) * ((100vw - 48rem) / (120 - 48))), calc(var(--shr) * 2.0000));
  --h4--font-size: clamp(calc(var(--shr) * 1.3250), calc((var(--shr) * 1.3250) + (1.7500 - 1.3250) * ((100vw - 48rem) / (120 - 48))), calc(var(--shr) * 1.7500));
  --h5--font-size: clamp(calc(var(--shr) * 1.2500), calc((var(--shr) * 1.2500) + (1.5000 - 1.2500) * ((100vw - 48rem) / (120 - 48))), calc(var(--shr) * 1.5000));
  --h6--font-size: clamp(calc(var(--shr) * 1.1250), calc((var(--shr) * 1.1250) + (1.2500 - 1.1250) * ((100vw - 48rem) / (120 - 48))), calc(var(--shr) * 1.2500));
  --body--font-size: clamp(calc(var(--shr) * 1.0000), calc((var(--shr) * 1.0000) + (1.0625 - 1.0000) * ((100vw - 48rem) / (120 - 48))), calc(var(--shr) * 1.0625));
}

/* endregion Typography */
/* ====================================================================================== */

:root {
  --p--margin-block: calc(var(--shr) * 1);
}

/* endregion CSS Variables */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* region HTML */

*,
*::before,
*::after {
  box-sizing: border-box;
  grid-auto-columns: minmax(0, auto);
  grid-auto-rows: minmax(0, auto);
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li, li.expanded, li.collapsed, li.leaf,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  font-size: 100% !important;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: var(--body--line-height, 1.6);
  font-size: var(--body--font-size);
  font-family: var(--body--font-family), sans-serif;
  font-weight: var(--body--font-weight, 400);
  font-smoothing: antialiased;
  background-color: var(--body--background-color);
  color: var(--body--color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: var(--headings--line-height, 1.6);
  font-family: var(--headings--font-family, var(--font--highlight)), sans-serif;
  font-weight: var(--headings--font-weight, 400);
}

h1 {
  font-size: var(--h1--font-size, var(--headings--font-size));
}

h2 {
  font-size: var(--h2--font-size, var(--headings--font-size));
}

h3 {
  font-size: var(--h3--font-size, var(--headings--font-size));
}

h4 {
  font-size: var(--h4--font-size, var(--headings--font-size));
}

h5 {
  font-size: var(--h5--font-size, var(--headings--font-size));
}

h6 {
  font-size: var(--h6--font-size, var(--headings--font-size));
}

/* Remove empty paragraphs and headings from the document flow */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  &:empty {
    display: none;
  }
}

br + br {
  /* Prevent multiple simultaneous line-breaks - author should use paragraphs instead. */
  display: none !important;
}

a:not(.btn) {
  color: var(--link--color, #3472cfff);
  background-color: var(--link--background-color, transparent);
  text-decoration: var(--link--text-decoration, none);

  &:hover,
  &:focus,
  &:focus-visible,
  &:focus-within {
    color: var(--link--color--hover);
    background-color: var(--link--background-color--hover, var(--link--background-color, transparent));
    text-decoration: var(--link--text-decoration--hover, none);
  }
}

ol,
ul {
  &:where(li) {
    margin-block: var(--li--margin-block, var(--p--margin-block, 1rem));
    padding-inline-start: var(--li--padding-inline-start, 1em);
  }
}

blockquote,
q {
  quotes: none;

  &::after,
  &::before {
    content: unset;
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  height: auto;
}

::selection {
  /* fix poor contrast for text selection */
  background-color: var(--color, var(--color--brand-2, #3345ceff)) !important;
  color: var(--background-color, var(--color--brand-2-inv, #fefefe)) !important;
}

.pre,
pre {
  white-space: pre-wrap;
}

center {
  display: none !important;
}

/* endregion HTML */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* region Accessibility */

/*noinspection CssUnresolvedCustomProperty*/
.screen-reader-response,
.visually-hidden {
  /* For hiding things visually, but keeping them in the document flow for accessibility, screen-readers and such */
  position: var(--sr--position, absolute) !important;
  top: var(--sr--top, unset);
  overflow: var(--sr--overflow, hidden);
  width: var(--sr--width, 1px);
  height: var(--sr--height, 1px);
  clip: var(--sr--clip, rect(1px, 1px, 1px, 1px));
  -webkit-clip-path: var(--sr---webkit-clip-path, inset(50%));
  clip-path: var(--sr--clip-path, inset(50%));
  margin: var(--sr--margin, -1px);
  padding: var(--sr--padding, 0);
  border: var(--sr--border, 0);
  word-wrap: var(--sr--word-wrap, normal) !important;
  word-break: var(--sr--word-break, normal);
}

/*noinspection CssUnresolvedCustomProperty*/
.visually-hidden-focusable,
.skip-link,
.screen-reader-text,
.screen-reader-shortcut,
#wpadminbar .screen-reader-shortcut {
  /* These elements should have a focus style for accessible / keyboard navigation */
  /* .skip-link is the skip to main content link */
  /* ID selector needed for specificity */
  position: var(--sr--position, absolute) !important;
  top: var(--sr--top, unset);
  overflow: var(--sr--overflow, hidden);
  width: var(--sr--width, 1px);
  height: var(--sr--height, 1px);
  clip: var(--sr--clip, rect(1px, 1px, 1px, 1px));
  -webkit-clip-path: var(--sr---webkit-clip-path, inset(50%));
  clip-path: var(--sr--clip-path, inset(50%));
  margin: var(--sr--margin, -1px);
  padding: var(--sr--padding, 0);
  border: var(--sr--border, 0);
  background-color: var(--color--background, #ffffff);
  color: var(--color--link, #3377cc);
  word-wrap: var(--sr--word-wrap, normal) !important;
  word-break: var(--sr--word-break, normal);

  &:active,
  &:focus-visible,
  &:focus {
    position: static !important;
    overflow: visible;
    width: auto;
    height: auto;
    clip: auto;
    -webkit-clip-path: unset;
    clip-path: unset;
    margin: 0;
  }
}

@media screen and (prefers-reduced-motion: reduce),
(update: slow) {

  /* Support operating system level animation preferences:
(https://css-tricks.com/revisiting-prefers-reduced-motion/)
(https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/#comment-1700170)
  `prefers-reduced-motion: reduce` - user-agent specifies to disable animations: either for technical reasons
   (such as a remote desktop), or because the end-user has a vestibular disorder and has animations disabled.
  `update: slow` - devices that are incapable of proper animation support.
    - Set a very short animation-duration and transition-duration, thereby still firing JS animation events.
    - Disable CSS smooth scrolling.
    - Set a negative animation-delay and transition-delay to even out the duration. Browsers that ignore negative delays get a single imperceptibly fast animation / transition as a fallback.
    - End animations after one iteration to prevent infinite repeats.
    - Override background-attachment to help prevent parallax and fixed scrolling.
  */
  *,
  *::before,
  *::after {
    background-attachment: initial !important;
    transition-delay: -0.01ms !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-delay: -0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }

  .slick-slider .slick-list {
    /* Slick sliders need infinite iterations to stay navigable */
    animation-iteration-count: infinite !important;
  }
}

@media screen and (prefers-reduced-motion: reduce),
(update: slow) {

  /**
   * Ensure that animations don't break accessibility:
   */
  .animated,
  .wp-block-ab-animate {
    opacity: 1 !important;
    animation-fill-mode: both;

    &.ab-is-hidden,
    &[data-scroll-class^=fadeIn],
    &[data-scroll-class^=bounceIn],
    &[data-scroll-class^=flipIn],
    &[data-scroll-class^=slideIn],
    &[data-scroll-class^=zoomIn],
    &[data-scroll-class=rollIn],
    &[data-scroll-class=jackInTheBox],
    &.ab-is-hidden.ab-animation-end {
      opacity: 1 !important;
    }
  }
}

.visually-hidden,
.screen-reader-text {
  /* Ensures hidden accessibility elements remain hidden */
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px -1px;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="reset"],
input[type="tel"],
select,
textarea {
  /* Enforce a 16px minimum font-size to prevent Android and iOS devices zooming in on focus: */
  max-width: 100%;
  font-size: max(var(--wp--preset--font-size--normal), 16px);
}

input::-webkit-input-placeholder {
  color: var(--wp--preset--color--body-text);
}

table,
tr,
th,
td {
  /* Tabular numbers for table elements to increase number legibility across columns */
  font-variant-numeric: tabular-nums;
}

/* endregion */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* region Animations */

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 1000% 50%;
  }
}


@keyframes background-animation-x {
  0% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  25% {
    transform: rotateX(-5deg) rotateY(90deg) rotateZ(15deg);
  }
  50% {
    transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  }
  75% {
    transform: rotateX(5deg) rotateY(270deg) rotateZ(-15deg);
  }
  100% {
    transform: rotateX(0deg) rotateY(360deg) rotateZ(0deg);
  }
}

body {
  min-height: 99.99vh;
  --gradient-1: var(--color--brand-1, #1472ce);
  --gradient-2: var(--color--brand-3, #14ce72);
  --gradient-3: var(--color--brand-4, #00ce72);
  --value: 16.66666%;
  background-image: linear-gradient(
    45deg,
    var(--gradient-1) 0%,
    var(--gradient-2) calc(var(--value) * 1),
    var(--gradient-3) calc(var(--value) * 2),
    var(--gradient-1) calc(var(--value) * 3),
    var(--gradient-2) calc(var(--value) * 4),
    var(--gradient-3) calc(var(--value) * 5),
    var(--gradient-1) 100%
  );
  background-size: 300vw 300vw;
  background-position: 33vw 50%;
  animation: gradient forwards 300s infinite;
  animation-timing-function: linear;
}

.rotator {
  animation: background-animation-x forwards 20s infinite;
  animation-timing-function: linear;
}

/* endregion Animations */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

.pre {
  white-space: pre-wrap;
}

:root {
  --glass--border-width: calc(var(--shr) * 0.5);
  --glass--border-style: var(--border--style);
  --glass--border-color: hsl(from var(--color--grey-700) h s l / 20%);
  --glass--border-radius: calc(var(--shr) * 2.0);
  --glass--bg: hsl(from var(--color--dark, #242424ff) h s l / 50%);
  --glass--blur-distance: calc(var(--shr) * 0.5);
}

.glass {
  --box-shadow-fallback: 0 calc(var(--shr) * 0.75) calc(var(--shr) * 4.5) calc(var(--shr) * -0.5) var(--glass--shadow-color, #004178);
  background: var(--glass--bg);
  box-shadow: var(--glass--box-shadow, var(--box-shadow-fallback));
  backdrop-filter: blur(var(--glass--blur-distance));
  -webkit-backdrop-filter: blur(var(--glass--blur-distance, calc(var(--shr) * 0.5)));
  border-radius: var(--glass--border-radius);
  border: var(--glass--border-width, var(--border--width)) var(--glass--border-style, var(--border--style)) var(--glass--border-color, var(--border--color));
  color: var(--color--dark-inv, rgb(
    /*@formatter:off*/
    from var(--color--dark)
    clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255)
    clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255)
    clamp(0, (((r * .299) + (g * .587) + (b * .114)) - 128) * -1000, 255)
    /*@formatter:on*/
  ));
}