/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

  /* Document
     ========================================================================== */

  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */

  html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }

  /* Sections
     ========================================================================== */

  /**
   * Remove the margin in all browsers.
   */

  body {
    margin: 0;
  }

  /**
   * Render the 'main' element consistently in IE.
   */

  main {
    display: block;
  }

  /**
   * Correct the font size and margin on 'h1' elements within 'section' and
   * 'article' contexts in Chrome, Firefox, and Safari.
   */

  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }

  /* Grouping content
     ========================================================================== */

  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }

  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd 'em' font sizing in all browsers.
   */

  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }

  /* Text-level semantics
     ========================================================================== */

  /**
   * Remove the gray background on active links in IE 10.
   */

  a {
    background-color: transparent;
  }

  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }

  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

  b,
  strong {
    font-weight: bolder;
  }

  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd 'em' font sizing in all browsers.
   */

  code,
  kbd,
  samp {
    font-family: monospace; /* 1 */
    font-size: 1em; /* 2 */
  }

  /**
   * Add the correct font size in all browsers.
   */

  small {
    font-size: 80%;
  }

  /**
   * Prevent 'sub' and 'sup' elements from affecting the line height in
   * all browsers.
   */

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  /* Embedded content
     ========================================================================== */

  /**
   * Remove the border on images inside links in IE 10.
   */

  img {
    border-style: none;
  }

  /* Forms
     ========================================================================== */

  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }

  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

  button,
  input {
    /* 1 */
    overflow: visible;
  }

  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

  button,
  select {
    /* 1 */
    text-transform: none;
  }

  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */

  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }

  /**
   * Remove the inner border and padding in Firefox.
   */

  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

  /**
   * Restore the focus styles unset by the previous rule.
   */

  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }

  /**
   * Correct the padding in Firefox.
   */

  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }

  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from 'fieldset' elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    'fieldset' elements in all browsers.
   */

  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }

  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

  progress {
    vertical-align: baseline;
  }

  /**
   * Remove the default vertical scrollbar in IE 10+.
   */

  textarea {
    overflow: auto;
  }

  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }

  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }

  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to 'inherit' in Safari.
   */

  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }

  /* Interactive
     ========================================================================== */

  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

  details {
    display: block;
  }

  /*
   * Add the correct display in all browsers.
   */

  summary {
    display: list-item;
  }

  /* Misc
     ========================================================================== */

  /**
   * Add the correct display in IE 10+.
   */

  template {
    display: none;
  }

  /**
   * Add the correct display in IE 10.
   */

  [hidden] {
    display: none;
  }

  /* Box sizing rules */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  /* Remove default margin */
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  ol,
  li,
  figure,
  figcaption,
  blockquote,
  dl,
  dd {
    margin: 0;
  }

  /* A elements that don't have a class get default styles */
  a:not([class]) {
    text-decoration-skip-ink: auto;
  }

  /* Make images easier to work with */
  img {
    max-width: 100%;
    display: block;
  }

  /* Inherit fonts for inputs and buttons */
  input,
  button,
  textarea,
  select {
    font: inherit;
  }

  /* Remove all animations and transitions for people that prefer not to see them */
  @media (prefers-reduced-motion: reduce) {
    * {
      animation-duration: 0.01ms !important; /* stylelint-disable-line declaration-no-important */
      animation-iteration-count: 1 !important; /* stylelint-disable-line declaration-no-important */
      transition-duration: 0.01ms !important; /* stylelint-disable-line declaration-no-important */
      scroll-behavior: auto !important; /* stylelint-disable-line declaration-no-important */
    }
  }

  
  @font-face {
    font-family: "Supreme LL Web";
    src:
      url("/assets/fonts/SupremeLLWeb-Book.woff") format("woff"),
      url("/assets/fonts/SupremeLLWeb-Book.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Supreme LL Web";
    src:
      url("/assets/fonts/SupremeLLWeb-BookItalic.woff") format("woff"),
      url("/assets/fonts/SupremeLLWeb-BookItalic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: "Supreme LL Web";
    src:
      url("/assets/fonts/SupremeLLWeb-BoldFlat.woff") format("woff"),
      url("/assets/fonts/SupremeLLWeb-BoldFlat.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "Supreme LL Web";
    src:
      url("/assets/fonts/SupremeLLWeb-BoldFlatItalic.woff") format("woff"),
      url("/assets/fonts/SupremeLLWeb-BoldFlatItalic.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }

  
  :root {
    /* Low-level variables */
    /* Do not use outside of this document */

    /* Predefined units based on an exponential scale of --unit-ratio */
    --unit-normal: 18px;
    --unit-thin: 2px;
    --unit-hairline: 1px;
    --unit-ratio: 1.2;

    /* Units based on an exponential scale of --unit-ratio */
    --unit-large: calc(var(--unit-normal) * var(--unit-ratio));
--unit-large-2: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-3: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-4: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-5: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-6: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-7: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-8: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-9: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-10: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-11: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));
--unit-large-12: calc(var(--unit-normal) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio) * var(--unit-ratio));

    --unit-small: calc(var(--unit-normal) / var(--unit-ratio));
--unit-small-2: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-3: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-4: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-5: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-6: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-7: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-8: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-9: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-10: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-11: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));
--unit-small-12: calc(var(--unit-normal) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio) / var(--unit-ratio));

    /* Font and type basics */
    --font-stack-ultima: 'Supreme LL Web', 'Futura', sans-serif;

    /* Named colors */
    --color-white: white;

    --color-magenta-100: #f8f4f5;
    --color-magenta-200: #ffeff5;
    --color-magenta-300: #ffd6e5; /* Ultima accent 2024 */
    --color-magenta-400: #f8afca;
    --color-magenta-500: #ff69a2;
    --color-magenta-600: #ff0061; /* Ultima brand 2024 */
    --color-magenta-700: #d61b62;
    --color-magenta-800: #810333;
    --color-magenta-900: #48071f;
    --color-magenta-950: #27010f;

    --color-cyan-50: #fbfdfd;
    --color-cyan-100: #f7fbfc;
    --color-cyan-200: #eff8fa;
    --color-cyan-300: #daf4fa;
    --color-cyan-400: #b0e8f6;
    --color-cyan-500: #78d8f0;
    --color-cyan-600: #19bce5;
    --color-cyan-700: #138dab;
    --color-cyan-800: #026781;
    --color-cyan-900: #063b48;
    --color-cyan-950: #001f27;

    --color-gray-50: #f8f8f8;
    --color-gray-100: #f2f2f2;
    --color-gray-200: #e3e3e3;
    --color-gray-300: #d9d8d8;
    --color-gray-400: #c6c6c6;
    --color-gray-500: #9a9a9a;
    --color-gray-600: #767676;
    --color-gray-700: #585858;
    --color-gray-800: #3e3e3e;
    --color-gray-900: #212121;
    --color-gray-950: #121212;
  }

  :root {
    /* High-level variables */
    /* These are meant to be used in the normal stylesheet */

    /* Typography */
    --line-height-large: 1.4;
    --line-height-normal: 1.333;
    --line-height-small: 1.25;
    --line-height-small-2: 1.2;
    --line-height-small-3: 1.1;

    --font-size-large-5: var(--unit-large-7);
    --font-size-large-4: var(--unit-large-5);
    --font-size-large-3: var(--unit-large-3);
    --font-size-large-2: var(--unit-large-2);
    --font-size-large: var(--unit-large);
    --font-size-normal: var(--unit-normal);
    --font-size-small: var(--unit-small);
    --font-size-small-2: var(--unit-small-2);
    --font-size-small-3: var(--unit-small-3);

    --font-stack-primary: var(--font-stack-ultima);

    /* Colors */
    --color-text: var(--color-gray-800);
    --color-text-muted: var(--color-cyan-600);
    --color-text-highlighted: var(--color-magenta-600);
    --color-text-light: var(--color-gray-300);
    --color-text-dark: var(--color-gray-900);
    --color-text-inverted: var(--color-white);
    --color-border: var(--color-gray-500);
    --color-border-muted: var(--color-gray-300);
    --color-footer-background: var(--color-cyan-200);
    --color-background: var(--color-white);
    --color-background-contrast: var(--color-gray-200);
    --color-background-contrast-light: var(--color-gray-100);
    --color-background-inverted: var(--color-gray-900);
    --color-background-under-image: var(--color-gray-700);
    --color-background-under-image-hover: var(--color-gray-600);
    --color-link: var(--color-magenta-600);
    --color-link-hover: var(--color-magenta-500);
    --color-link-active: var(--color-magenta-700);
    --color-link-border: var(--color-magenta-400);
    --color-link-border-hover: var(--color-magenta-600);
    --color-link-border-active: var(--color-gray-700);
    --color-link-inverted: var(--color-white);
    --color-link-inverted-hover: var(--color-magenta-100);
    --color-link-inverted-active: var(--color-white);
    --color-link-inverted-border: var(--color-magenta-500);
    --color-link-inverted-background: var(--color-magenta-600);
    --color-link-inverted-background-inverted: var(--color-magenta-600);
    --color-block-link-text: var(--color-text);
    --color-block-link-background: var(--color-white);
    --color-link-navigation-decoration: var(--color-cyan-500);
    --color-notice-background: var(--color-cyan-200);
    --color-notice-background-inverted: rbga(255, 255, 255, 0.1);
    --color-image-background: var(--color-gray-900);
    --color-brand: var(--color-magenta-600);

    /* Spacing */
    --spacing-horizontal-large-5: var(--unit-large-12);
    --spacing-horizontal-large-4: var(--unit-large-10);
    --spacing-horizontal-large-3: var(--unit-large-6);
    --spacing-horizontal-large-2: var(--unit-large-4);
    --spacing-horizontal-large: var(--unit-large);
    --spacing-horizontal: var(--unit-small);
    --spacing-horizontal-small: var(--unit-small-3);
    --spacing-horizontal-small-2: var(--unit-small-6);
    --spacing-horizontal-small-3: var(--unit-small-8);
    --spacing-horizontal-small-4: var(--unit-small-10);
    --spacing-horizontal-small-5: var(--unit-small-12);

    --spacing-vertical-large-5: var(--unit-large-12);
    --spacing-vertical-large-4: var(--unit-large-10);
    --spacing-vertical-large-3: var(--unit-large-6);
    --spacing-vertical-large-2: var(--unit-large-4);
    --spacing-vertical-large: var(--unit-large);
    --spacing-vertical: var(--unit-small);
    --spacing-vertical-small: var(--unit-small-3);
    --spacing-vertical-small-2: var(--unit-small-6);
    --spacing-vertical-small-3: var(--unit-small-8);
    --spacing-vertical-small-4: var(--unit-small-10);
    --spacing-vertical-small-5: var(--unit-small-12);

    --spacing-page-margin-horizontal: var(--spacing-horizontal-small);
    --spacing-gutter-horizontal: var(--spacing-horizontal-small);

    /* Borders */
    --border-width-normal: var(--unit-hairline);
    --border-width-large: var(--unit-thin);

    --border-radius-small-2: var(--unit-small-12);
    --border-radius-small: var(--unit-small-6);
    --border-radius: var(--unit-small-3);
    --border-radius-large: var(--unit-large);
    --border-radius-large-2: var(--unit-large-4);

    /* Special */

    --site-header-height: 2.1rem;
  }

  @media (min-width: 640px) {
    :root {
      --unit-normal: 20px;
      --spacing-page-margin-horizontal: var(--spacing-horizontal-large);
      --spacing-gutter-horizontal: var(--spacing-horizontal-large);
    }
  }

  @media (min-width: 1024px) {
    :root {
      --unit-normal: 22px;
      --spacing-page-margin-horizontal: var(--spacing-horizontal-large-2);
      --spacing-gutter-horizontal: var(--spacing-horizontal-large-2);
    }
  }

  @media (min-width: 1536px) {
    :root {
      --unit-normal: 25px;
    }
  }

  
  html {
    font-size: var(--font-size-normal);
    font-feature-settings: "ss01", "ss02", "ss04", "ss10", "ss14", "ss19";
    font-variant-numeric: oldstyle-nums;
  }

  body {
    font-family: var(--font-stack-primary);
    line-height: var(--line-height-normal);
    color: var(--color-text);
    background: var(--color-background);
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
  }

  address {
    font-style: normal;
  }

  
    
  .aspectRatio {
    position: relative;
  }

  .aspectRatio__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .blockDetails {
    border: var(--border-width-normal) solid;
    transition:
      border-color 70ms ease,
      margin 70ms ease-in-out;
  }

  .blockDetails[open] {
    border-color: var(--color-border-muted);
    /* margin: 0 calc(var(--spacing-horizontal-small-2) * -2); */
    /* transition: margin 100ms ease-out; */
    backdrop-filter: blur(50px);
  }

  .blockDetails[open]:active {
    /* border-color: var(--color-background); */
  }

  .blockDetails:not([open]):active {
    border-color: var(--color-border-muted);
    /* margin: 0 calc(var(--spacing-horizontal-small-2) * -2); */
  }

  .blockDetails__content {
    padding: var(--spacing-vertical-small-2) var(--spacing-horizontal-small)
      var(--spacing-vertical-large) var(--spacing-horizontal-small);
  }

  .blockDetails__summary {
    padding: var(--spacing-vertical-small) var(--spacing-horizontal-large-4)
      var(--spacing-vertical-small) var(--spacing-horizontal-small);
    position: sticky;
    top: 0;
    display: block;
    cursor: pointer;
    color: var(--color-block-link-text);
    background: var(--color-block-link-background);
    outline: none;
    user-select: none;
  }

  .blockDetails__heading::after {
    content: "+";
    position: absolute;
    top: var(--spacing-vertical-small);
    right: var(--spacing-horizontal-small);
    line-height: var(--line-height-small-2);
  }

  .blockDetails[open] .blockDetails__heading::after {
    content: "–";
  }

  .blockDetails__summary:active {
    /* color: var(--color-link-active); */
  }

  .blockDetails__summary::-webkit-details-marker {
    display: none;
  }

  .blockDetails__summary::marker {
    color: transparent;
  }

  .blockLink {
    display: block;
  }

  .blockLink--small-value-true {
    font-size: var(--font-size-small);
    line-height: var(--line-height-large);
  }

  .blockLink--invert-value-true {
    background: var(--color-link-inverted-background);
    color: var(--color-link-inverted);
  }

  .blockLink--invert-value-true:hover {
    color: var(--color-link-inverted-hover);
  }

  .blockLink--invert-value-true:active {
    color: var(--color-link-inverted-active);
  }

  .blockLink--background-value-true {
    background-blend-mode: overlay;
    background-color: var(--color-background-under-image);
  }

  .blockLink__button {
    position: relative;
    border: var(--border-width-normal) solid;
    padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
    padding-right: var(--spacing-horizontal-large-3);
    user-select: none;
    font-size: var(--font-size-normal);
    color: var(--color-block-link-text);
    background: var(--color-block-link-background);
    font-weight: bold;
  }

  .blockLink__button:active {
    border-color: var(--color-border);
  }

  .blockLink__button:hover {
    --color-background-under-image: var(--color-background-under-image-hover);
  }

  .blockLink__button::after {
    content: "→";
    position: absolute;
    top: 0;
    right: 0;
    padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
  }

  .blockLink__button--external::after {
    content: "↗︎";
  }

  .blockLink--tall-value-true .blockLink__button {
    padding-bottom: var(--spacing-vertical-large-5);
  }

  .blockLink--invert-value-true .blockLink__button {
    color: var(--color-text-inverted);
  }

  .blockLink--background-value-false.blockLink--invert-value-true .blockLink__button {
    background-color: var(--color-background-inverted);
  }

  .blockLink--background-value-true .blockLink__button {
    height: 100%;
    background-color: var(--color-background-under-image);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
  }

  .blockLink__preview {
    border-bottom: 0;
  }

  .breadcrumbs__list {
    display: flex;
    padding: 0;
    list-style: none;
    overflow-x: scroll;
  }

  .breadcrumbs__item {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
  }

  .breadcrumbs__item:not(:last-child)::after {
    content: "/ ";
    margin: 0 var(--spacing-horizontal-small-5);
  }

  .cardLink {
    display: block;
    min-height: 6em;
    background: var(--color-background-inverted);
    position: relative;
    aspect-ratio: 3 / 2;
    text-decoration: none;
    overflow-y: hidden;
    line-height: var(--line-height-small-2);
  }

  .cardLink:active .cardLink__picture {
    opacity: 0.8;
  }

  .cardLink__content {
    position: relative;
    z-index: 1;
    color: var(--color-background);
    padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
    pointer-events: none;
  }

  .cardLink--arrow-value-true .cardLink__content {
    padding-right: var(--spacing-horizontal-large-2);
  }

  .cardLink--arrow-value-true .cardLink__content::after {
    content: "→";
    position: absolute;
    top: 0;
    right: 0;
    padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
  }

  .cardLink__picture {
    position: absolute !important;
    z-index: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .checkboxPill__input {
    display: none;
  }

  .checkboxPill__label {
    display: inline-block;
    color: var(--color-link);
    font-size: var(--font-size-small);
    line-height: var(--line-height-large);
    border: var(--border-width-large) currentcolor solid;
    padding: var(--spacing-vertical-small-3) var(--spacing-horizontal-small);
    border-radius: var(--border-radius-large);
    cursor: pointer;
    user-select: none;
    display: inline-block;

    /* Should it have a margin? Should this be solved by a layout component?  */
    margin: 0.2em 0;
  }

  .checkboxPill__label:hover {
    color: var(--color-link-hover);
  }

  .checkboxPill__label:active {
    color: var(--color-link-active);
  }

  .checkboxPill__input:checked + .checkboxPill__label {
    background: var(--color-link-inverted-background);
    border-color: var(--color-link-inverted-border);
    color: var(--color-link-inverted);
  }

  .checkboxPill__input:checked + .checkboxPill__label:hover {
    color: var(--color-link-inverted-hover);
  }

  .checkboxPill__input:checked + .checkboxPill__label:active {
    color: var(--color-link-inverted-active);
  }

  
      
      .checkboxPill--favorite-value-true .checkboxPill__label::before {
        content: "○";
      }

      .checkboxPill--favorite-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
        content: "●";
      }

      .checkboxPill--favorite-value-true .checkboxPill__label {
        padding: 0 0.3em;
        border: none;
        background: transparent;
      }
    

      
          @media (min-width: 0) {
            
      .checkboxPill--favorite-breakpoint-0-value-true .checkboxPill__label::before {
        content: "○";
      }

      .checkboxPill--favorite-breakpoint-0-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
        content: "●";
      }

      .checkboxPill--favorite-breakpoint-0-value-true .checkboxPill__label {
        padding: 0 0.3em;
        border: none;
        background: transparent;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .checkboxPill--favorite-breakpoint-1-value-true .checkboxPill__label::before {
        content: "○";
      }

      .checkboxPill--favorite-breakpoint-1-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
        content: "●";
      }

      .checkboxPill--favorite-breakpoint-1-value-true .checkboxPill__label {
        padding: 0 0.3em;
        border: none;
        background: transparent;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .checkboxPill--favorite-breakpoint-2-value-true .checkboxPill__label::before {
        content: "○";
      }

      .checkboxPill--favorite-breakpoint-2-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
        content: "●";
      }

      .checkboxPill--favorite-breakpoint-2-value-true .checkboxPill__label {
        padding: 0 0.3em;
        border: none;
        background: transparent;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .checkboxPill--favorite-breakpoint-3-value-true .checkboxPill__label::before {
        content: "○";
      }

      .checkboxPill--favorite-breakpoint-3-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
        content: "●";
      }

      .checkboxPill--favorite-breakpoint-3-value-true .checkboxPill__label {
        padding: 0 0.3em;
        border: none;
        background: transparent;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .checkboxPill--favorite-breakpoint-4-value-true .checkboxPill__label::before {
        content: "○";
      }

      .checkboxPill--favorite-breakpoint-4-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
        content: "●";
      }

      .checkboxPill--favorite-breakpoint-4-value-true .checkboxPill__label {
        padding: 0 0.3em;
        border: none;
        background: transparent;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .checkboxPill--favorite-breakpoint-5-value-true .checkboxPill__label::before {
        content: "○";
      }

      .checkboxPill--favorite-breakpoint-5-value-true .checkboxPill__input:checked + .checkboxPill__label::before {
        content: "●";
      }

      .checkboxPill--favorite-breakpoint-5-value-true .checkboxPill__label {
        padding: 0 0.3em;
        border: none;
        background: transparent;
      }
    
          }
        
    

  
      
      .checkboxPill--invert-value-true .checkboxPill__label {
        color: var(--color-link-inverted);
      }
    

      
          @media (min-width: 0) {
            
      .checkboxPill--invert-breakpoint-0-value-true .checkboxPill__label {
        color: var(--color-link-inverted);
      }
    
          }
        
          @media (min-width: 640px) {
            
      .checkboxPill--invert-breakpoint-1-value-true .checkboxPill__label {
        color: var(--color-link-inverted);
      }
    
          }
        
          @media (min-width: 768px) {
            
      .checkboxPill--invert-breakpoint-2-value-true .checkboxPill__label {
        color: var(--color-link-inverted);
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .checkboxPill--invert-breakpoint-3-value-true .checkboxPill__label {
        color: var(--color-link-inverted);
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .checkboxPill--invert-breakpoint-4-value-true .checkboxPill__label {
        color: var(--color-link-inverted);
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .checkboxPill--invert-breakpoint-5-value-true .checkboxPill__label {
        color: var(--color-link-inverted);
      }
    
          }
        
    

  .column {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  
      
      .column--background-value-true {
        background: var(--color-background);
      }
    

      
          @media (min-width: 0) {
            
      .column--background-breakpoint-0-value-true {
        background: var(--color-background);
      }
    
          }
        
          @media (min-width: 640px) {
            
      .column--background-breakpoint-1-value-true {
        background: var(--color-background);
      }
    
          }
        
          @media (min-width: 768px) {
            
      .column--background-breakpoint-2-value-true {
        background: var(--color-background);
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .column--background-breakpoint-3-value-true {
        background: var(--color-background);
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .column--background-breakpoint-4-value-true {
        background: var(--color-background);
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .column--background-breakpoint-5-value-true {
        background: var(--color-background);
      }
    
          }
        
    

  
      
      .column--sticky-value-true {
        align-self: flex-start;
        position: sticky;
        top: 0;
      }
    

      
          @media (min-width: 0) {
            
      .column--sticky-breakpoint-0-value-true {
        align-self: flex-start;
        position: sticky;
        top: 0;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .column--sticky-breakpoint-1-value-true {
        align-self: flex-start;
        position: sticky;
        top: 0;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .column--sticky-breakpoint-2-value-true {
        align-self: flex-start;
        position: sticky;
        top: 0;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .column--sticky-breakpoint-3-value-true {
        align-self: flex-start;
        position: sticky;
        top: 0;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .column--sticky-breakpoint-4-value-true {
        align-self: flex-start;
        position: sticky;
        top: 0;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .column--sticky-breakpoint-5-value-true {
        align-self: flex-start;
        position: sticky;
        top: 0;
      }
    
          }
        
    

  
      
      .column--highZ-value-true {
        z-index: 100;
      }
    

      
          @media (min-width: 0) {
            
      .column--highZ-breakpoint-0-value-true {
        z-index: 100;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .column--highZ-breakpoint-1-value-true {
        z-index: 100;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .column--highZ-breakpoint-2-value-true {
        z-index: 100;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .column--highZ-breakpoint-3-value-true {
        z-index: 100;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .column--highZ-breakpoint-4-value-true {
        z-index: 100;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .column--highZ-breakpoint-5-value-true {
        z-index: 100;
      }
    
          }
        
    

  
      
      .column--halfscreen-value-true {
        aspect-ratio: 1;
        min-height: 75vh;
      }
    

      
          @media (min-width: 0) {
            
      .column--halfscreen-breakpoint-0-value-true {
        aspect-ratio: 1;
        min-height: 75vh;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .column--halfscreen-breakpoint-1-value-true {
        aspect-ratio: 1;
        min-height: 75vh;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .column--halfscreen-breakpoint-2-value-true {
        aspect-ratio: 1;
        min-height: 75vh;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .column--halfscreen-breakpoint-3-value-true {
        aspect-ratio: 1;
        min-height: 75vh;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .column--halfscreen-breakpoint-4-value-true {
        aspect-ratio: 1;
        min-height: 75vh;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .column--halfscreen-breakpoint-5-value-true {
        aspect-ratio: 1;
        min-height: 75vh;
      }
    
          }
        
    

  
      
      .column--fullscreen-value-true {
        min-height: 100vh;
        max-height: 100vh;
      }
    

      
          @media (min-width: 0) {
            
      .column--fullscreen-breakpoint-0-value-true {
        min-height: 100vh;
        max-height: 100vh;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .column--fullscreen-breakpoint-1-value-true {
        min-height: 100vh;
        max-height: 100vh;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .column--fullscreen-breakpoint-2-value-true {
        min-height: 100vh;
        max-height: 100vh;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .column--fullscreen-breakpoint-3-value-true {
        min-height: 100vh;
        max-height: 100vh;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .column--fullscreen-breakpoint-4-value-true {
        min-height: 100vh;
        max-height: 100vh;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .column--fullscreen-breakpoint-5-value-true {
        min-height: 100vh;
        max-height: 100vh;
      }
    
          }
        
    

  
      
      .column--align-value-start {
        justify-content: flex-start;
      }

      .column--align-value-center {
        justify-content: center;
      }

      .column--align-value-end {
        justify-content: flex-end;
      }
    

      
          @media (min-width: 0) {
            
      .column--align-breakpoint-0-value-start {
        justify-content: flex-start;
      }

      .column--align-breakpoint-0-value-center {
        justify-content: center;
      }

      .column--align-breakpoint-0-value-end {
        justify-content: flex-end;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .column--align-breakpoint-1-value-start {
        justify-content: flex-start;
      }

      .column--align-breakpoint-1-value-center {
        justify-content: center;
      }

      .column--align-breakpoint-1-value-end {
        justify-content: flex-end;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .column--align-breakpoint-2-value-start {
        justify-content: flex-start;
      }

      .column--align-breakpoint-2-value-center {
        justify-content: center;
      }

      .column--align-breakpoint-2-value-end {
        justify-content: flex-end;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .column--align-breakpoint-3-value-start {
        justify-content: flex-start;
      }

      .column--align-breakpoint-3-value-center {
        justify-content: center;
      }

      .column--align-breakpoint-3-value-end {
        justify-content: flex-end;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .column--align-breakpoint-4-value-start {
        justify-content: flex-start;
      }

      .column--align-breakpoint-4-value-center {
        justify-content: center;
      }

      .column--align-breakpoint-4-value-end {
        justify-content: flex-end;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .column--align-breakpoint-5-value-start {
        justify-content: flex-start;
      }

      .column--align-breakpoint-5-value-center {
        justify-content: center;
      }

      .column--align-breakpoint-5-value-end {
        justify-content: flex-end;
      }
    
          }
        
    

  
      
      .column--scrollable-value-true .column__scroller {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
      }
    

      
          @media (min-width: 0) {
            
      .column--scrollable-breakpoint-0-value-true .column__scroller {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .column--scrollable-breakpoint-1-value-true .column__scroller {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .column--scrollable-breakpoint-2-value-true .column__scroller {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .column--scrollable-breakpoint-3-value-true .column__scroller {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .column--scrollable-breakpoint-4-value-true .column__scroller {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .column--scrollable-breakpoint-5-value-true .column__scroller {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
      }
    
          }
        
    

  .column__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .column__backdrop-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: var(--color-background-inverted);
  }

  @media (prefers-reduced-motion) {
    .column__backdrop-video {
      display: none;
    }
  }

  @media not (prefers-reduced-motion) {
    .column__backdrop-video .column__backdrop-image {
      display: none;
    }
  }

  .column__backdrop-video-player {
    width: 100%;
    z-index: 2;
    object-fit: cover;
    opacity: 0.6;
  }

  .column__backdrop-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

  .column__content {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    z-index: 3;
  }

  
      
      .column--align-value-stretch .column__scroller,
    .column--align-value-stretch .column__content {
        flex-grow: 1;
      }
    

      
          @media (min-width: 0) {
            
      .column--align-breakpoint-0-value-stretch .column__scroller,
    .column--align-breakpoint-0-value-stretch .column__content {
        flex-grow: 1;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .column--align-breakpoint-1-value-stretch .column__scroller,
    .column--align-breakpoint-1-value-stretch .column__content {
        flex-grow: 1;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .column--align-breakpoint-2-value-stretch .column__scroller,
    .column--align-breakpoint-2-value-stretch .column__content {
        flex-grow: 1;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .column--align-breakpoint-3-value-stretch .column__scroller,
    .column--align-breakpoint-3-value-stretch .column__content {
        flex-grow: 1;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .column--align-breakpoint-4-value-stretch .column__scroller,
    .column--align-breakpoint-4-value-stretch .column__content {
        flex-grow: 1;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .column--align-breakpoint-5-value-stretch .column__scroller,
    .column--align-breakpoint-5-value-stretch .column__content {
        flex-grow: 1;
      }
    
          }
        
    

  @media (min-width: 768px) {
    .pad-top {
      padding-top: var(--site-header-height);
    }
  }

  .columns {
    --columns-page-margin: var(--spacing-page-margin-horizontal);
    --columns-gutter: var(--spacing-gutter-horizontal);
    --columns-half-gutter: calc(var(--columns-gutter) / 2);
    --columns-half-negative-gutter: calc(var(--columns-half-gutter) * -1);
    --columns-vertical-gap: 0;

    display: flex;
    flex-wrap: wrap;
  }

  .columns .columns {
    margin-left: var(--columns-half-negative-gutter);
    margin-right: var(--columns-half-negative-gutter);
  }

  
      
      .columns--reverse-value-true {
        flex-direction: row-reverse;
      }
    

      
          @media (min-width: 0) {
            
      .columns--reverse-breakpoint-0-value-true {
        flex-direction: row-reverse;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .columns--reverse-breakpoint-1-value-true {
        flex-direction: row-reverse;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .columns--reverse-breakpoint-2-value-true {
        flex-direction: row-reverse;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .columns--reverse-breakpoint-3-value-true {
        flex-direction: row-reverse;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .columns--reverse-breakpoint-4-value-true {
        flex-direction: row-reverse;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .columns--reverse-breakpoint-5-value-true {
        flex-direction: row-reverse;
      }
    
          }
        
    

  
      
      .columns--verticalGap-value--5 {
        --columns-vertical-gap: var(--spacing-vertical-small-5);
      }
      .columns--verticalGap-value--4 {
        --columns-vertical-gap: var(--spacing-vertical-small-4);
      }
      .columns--verticalGap-value--3 {
        --columns-vertical-gap: var(--spacing-vertical-small-3);
      }
      .columns--verticalGap-value--2 {
        --columns-vertical-gap: var(--spacing-vertical-small-2);
      }
      .columns--verticalGap-value--1 {
        --columns-vertical-gap: var(--spacing-vertical-small);
      }
      .columns--verticalGap-value-0 {
        --columns-vertical-gap: var(--spacing-vertical);
      }
      .columns--verticalGap-value-1 {
        --columns-vertical-gap: var(--spacing-vertical-large);
      }
      .columns--verticalGap-value-2 {
        --columns-vertical-gap: var(--spacing-vertical-large-2);
      }
      .columns--verticalGap-value-3 {
        --columns-vertical-gap: var(--spacing-vertical-large-3);
      }
      .columns--verticalGap-value-4 {
        --columns-vertical-gap: var(--spacing-vertical-large-4);
      }
      .columns--verticalGap-value-5 {
        --columns-vertical-gap: var(--spacing-vertical-large-5);
      }
    

      
          @media (min-width: 0) {
            
      .columns--verticalGap-breakpoint-0-value--5 {
        --columns-vertical-gap: var(--spacing-vertical-small-5);
      }
      .columns--verticalGap-breakpoint-0-value--4 {
        --columns-vertical-gap: var(--spacing-vertical-small-4);
      }
      .columns--verticalGap-breakpoint-0-value--3 {
        --columns-vertical-gap: var(--spacing-vertical-small-3);
      }
      .columns--verticalGap-breakpoint-0-value--2 {
        --columns-vertical-gap: var(--spacing-vertical-small-2);
      }
      .columns--verticalGap-breakpoint-0-value--1 {
        --columns-vertical-gap: var(--spacing-vertical-small);
      }
      .columns--verticalGap-breakpoint-0-value-0 {
        --columns-vertical-gap: var(--spacing-vertical);
      }
      .columns--verticalGap-breakpoint-0-value-1 {
        --columns-vertical-gap: var(--spacing-vertical-large);
      }
      .columns--verticalGap-breakpoint-0-value-2 {
        --columns-vertical-gap: var(--spacing-vertical-large-2);
      }
      .columns--verticalGap-breakpoint-0-value-3 {
        --columns-vertical-gap: var(--spacing-vertical-large-3);
      }
      .columns--verticalGap-breakpoint-0-value-4 {
        --columns-vertical-gap: var(--spacing-vertical-large-4);
      }
      .columns--verticalGap-breakpoint-0-value-5 {
        --columns-vertical-gap: var(--spacing-vertical-large-5);
      }
    
          }
        
          @media (min-width: 640px) {
            
      .columns--verticalGap-breakpoint-1-value--5 {
        --columns-vertical-gap: var(--spacing-vertical-small-5);
      }
      .columns--verticalGap-breakpoint-1-value--4 {
        --columns-vertical-gap: var(--spacing-vertical-small-4);
      }
      .columns--verticalGap-breakpoint-1-value--3 {
        --columns-vertical-gap: var(--spacing-vertical-small-3);
      }
      .columns--verticalGap-breakpoint-1-value--2 {
        --columns-vertical-gap: var(--spacing-vertical-small-2);
      }
      .columns--verticalGap-breakpoint-1-value--1 {
        --columns-vertical-gap: var(--spacing-vertical-small);
      }
      .columns--verticalGap-breakpoint-1-value-0 {
        --columns-vertical-gap: var(--spacing-vertical);
      }
      .columns--verticalGap-breakpoint-1-value-1 {
        --columns-vertical-gap: var(--spacing-vertical-large);
      }
      .columns--verticalGap-breakpoint-1-value-2 {
        --columns-vertical-gap: var(--spacing-vertical-large-2);
      }
      .columns--verticalGap-breakpoint-1-value-3 {
        --columns-vertical-gap: var(--spacing-vertical-large-3);
      }
      .columns--verticalGap-breakpoint-1-value-4 {
        --columns-vertical-gap: var(--spacing-vertical-large-4);
      }
      .columns--verticalGap-breakpoint-1-value-5 {
        --columns-vertical-gap: var(--spacing-vertical-large-5);
      }
    
          }
        
          @media (min-width: 768px) {
            
      .columns--verticalGap-breakpoint-2-value--5 {
        --columns-vertical-gap: var(--spacing-vertical-small-5);
      }
      .columns--verticalGap-breakpoint-2-value--4 {
        --columns-vertical-gap: var(--spacing-vertical-small-4);
      }
      .columns--verticalGap-breakpoint-2-value--3 {
        --columns-vertical-gap: var(--spacing-vertical-small-3);
      }
      .columns--verticalGap-breakpoint-2-value--2 {
        --columns-vertical-gap: var(--spacing-vertical-small-2);
      }
      .columns--verticalGap-breakpoint-2-value--1 {
        --columns-vertical-gap: var(--spacing-vertical-small);
      }
      .columns--verticalGap-breakpoint-2-value-0 {
        --columns-vertical-gap: var(--spacing-vertical);
      }
      .columns--verticalGap-breakpoint-2-value-1 {
        --columns-vertical-gap: var(--spacing-vertical-large);
      }
      .columns--verticalGap-breakpoint-2-value-2 {
        --columns-vertical-gap: var(--spacing-vertical-large-2);
      }
      .columns--verticalGap-breakpoint-2-value-3 {
        --columns-vertical-gap: var(--spacing-vertical-large-3);
      }
      .columns--verticalGap-breakpoint-2-value-4 {
        --columns-vertical-gap: var(--spacing-vertical-large-4);
      }
      .columns--verticalGap-breakpoint-2-value-5 {
        --columns-vertical-gap: var(--spacing-vertical-large-5);
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .columns--verticalGap-breakpoint-3-value--5 {
        --columns-vertical-gap: var(--spacing-vertical-small-5);
      }
      .columns--verticalGap-breakpoint-3-value--4 {
        --columns-vertical-gap: var(--spacing-vertical-small-4);
      }
      .columns--verticalGap-breakpoint-3-value--3 {
        --columns-vertical-gap: var(--spacing-vertical-small-3);
      }
      .columns--verticalGap-breakpoint-3-value--2 {
        --columns-vertical-gap: var(--spacing-vertical-small-2);
      }
      .columns--verticalGap-breakpoint-3-value--1 {
        --columns-vertical-gap: var(--spacing-vertical-small);
      }
      .columns--verticalGap-breakpoint-3-value-0 {
        --columns-vertical-gap: var(--spacing-vertical);
      }
      .columns--verticalGap-breakpoint-3-value-1 {
        --columns-vertical-gap: var(--spacing-vertical-large);
      }
      .columns--verticalGap-breakpoint-3-value-2 {
        --columns-vertical-gap: var(--spacing-vertical-large-2);
      }
      .columns--verticalGap-breakpoint-3-value-3 {
        --columns-vertical-gap: var(--spacing-vertical-large-3);
      }
      .columns--verticalGap-breakpoint-3-value-4 {
        --columns-vertical-gap: var(--spacing-vertical-large-4);
      }
      .columns--verticalGap-breakpoint-3-value-5 {
        --columns-vertical-gap: var(--spacing-vertical-large-5);
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .columns--verticalGap-breakpoint-4-value--5 {
        --columns-vertical-gap: var(--spacing-vertical-small-5);
      }
      .columns--verticalGap-breakpoint-4-value--4 {
        --columns-vertical-gap: var(--spacing-vertical-small-4);
      }
      .columns--verticalGap-breakpoint-4-value--3 {
        --columns-vertical-gap: var(--spacing-vertical-small-3);
      }
      .columns--verticalGap-breakpoint-4-value--2 {
        --columns-vertical-gap: var(--spacing-vertical-small-2);
      }
      .columns--verticalGap-breakpoint-4-value--1 {
        --columns-vertical-gap: var(--spacing-vertical-small);
      }
      .columns--verticalGap-breakpoint-4-value-0 {
        --columns-vertical-gap: var(--spacing-vertical);
      }
      .columns--verticalGap-breakpoint-4-value-1 {
        --columns-vertical-gap: var(--spacing-vertical-large);
      }
      .columns--verticalGap-breakpoint-4-value-2 {
        --columns-vertical-gap: var(--spacing-vertical-large-2);
      }
      .columns--verticalGap-breakpoint-4-value-3 {
        --columns-vertical-gap: var(--spacing-vertical-large-3);
      }
      .columns--verticalGap-breakpoint-4-value-4 {
        --columns-vertical-gap: var(--spacing-vertical-large-4);
      }
      .columns--verticalGap-breakpoint-4-value-5 {
        --columns-vertical-gap: var(--spacing-vertical-large-5);
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .columns--verticalGap-breakpoint-5-value--5 {
        --columns-vertical-gap: var(--spacing-vertical-small-5);
      }
      .columns--verticalGap-breakpoint-5-value--4 {
        --columns-vertical-gap: var(--spacing-vertical-small-4);
      }
      .columns--verticalGap-breakpoint-5-value--3 {
        --columns-vertical-gap: var(--spacing-vertical-small-3);
      }
      .columns--verticalGap-breakpoint-5-value--2 {
        --columns-vertical-gap: var(--spacing-vertical-small-2);
      }
      .columns--verticalGap-breakpoint-5-value--1 {
        --columns-vertical-gap: var(--spacing-vertical-small);
      }
      .columns--verticalGap-breakpoint-5-value-0 {
        --columns-vertical-gap: var(--spacing-vertical);
      }
      .columns--verticalGap-breakpoint-5-value-1 {
        --columns-vertical-gap: var(--spacing-vertical-large);
      }
      .columns--verticalGap-breakpoint-5-value-2 {
        --columns-vertical-gap: var(--spacing-vertical-large-2);
      }
      .columns--verticalGap-breakpoint-5-value-3 {
        --columns-vertical-gap: var(--spacing-vertical-large-3);
      }
      .columns--verticalGap-breakpoint-5-value-4 {
        --columns-vertical-gap: var(--spacing-vertical-large-4);
      }
      .columns--verticalGap-breakpoint-5-value-5 {
        --columns-vertical-gap: var(--spacing-vertical-large-5);
      }
    
          }
        
    

  /* Debug */
  .columns--debug-value-true .column {
    outline: 1px solid rgba(255, 0, 0, 0.25);
  }

  .columns--debug-value-true .column__backdrop {
    background: rgba(0, 0, 0, 0.1);
  }

  .columns--debug-value-true .invert .column__backdrop {
    background: rgba(255, 255, 255, 0.1);
  }

  .columns--debug-value-true .column__content {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 255, 0.25);
  }

  
      
      
          /* Set fixed column size based on count */
          .columns--count-value-12 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-value-12 > .column:nth-child(12n + 1),
      .columns--count-value-12 > .column:nth-child(12n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-value-12 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-value-12 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-value-12 > .column:nth-child(12n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-value-12 > .column:nth-child(12n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-value-12 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-value-12 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-value-12.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-value-12.columns--debug-value-true > .column:nth-child(12n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-value-12.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-12.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-value-8 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-value-8 > .column:nth-child(8n + 1),
      .columns--count-value-8 > .column:nth-child(8n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-value-8 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-value-8 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-value-8 > .column:nth-child(8n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-value-8 > .column:nth-child(8n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-value-8 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-value-8 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-value-8.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-value-8.columns--debug-value-true > .column:nth-child(8n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-value-8.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-8.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-value-6 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-value-6 > .column:nth-child(6n + 1),
      .columns--count-value-6 > .column:nth-child(6n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-value-6 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-value-6 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-value-6 > .column:nth-child(6n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-value-6 > .column:nth-child(6n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-value-6 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-value-6 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-value-6.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-value-6.columns--debug-value-true > .column:nth-child(6n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-value-6.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-6.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-value-4 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-value-4 > .column:nth-child(4n + 1),
      .columns--count-value-4 > .column:nth-child(4n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-value-4 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-value-4 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-value-4 > .column:nth-child(4n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-value-4 > .column:nth-child(4n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-value-4 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-value-4 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-value-4.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-value-4.columns--debug-value-true > .column:nth-child(4n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-value-4.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-4.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-value-3 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-value-3 > .column:nth-child(3n + 1),
      .columns--count-value-3 > .column:nth-child(3n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-value-3 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-value-3 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-value-3 > .column:nth-child(3n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-value-3 > .column:nth-child(3n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-value-3 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-value-3 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-value-3.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-value-3.columns--debug-value-true > .column:nth-child(3n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-value-3.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-3.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-value-2 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-value-2 > .column:nth-child(2n + 1),
      .columns--count-value-2 > .column:nth-child(2n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-value-2 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-value-2 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-value-2 > .column:nth-child(2n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-value-2 > .column:nth-child(2n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-value-2 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-value-2 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-value-2.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-value-2.columns--debug-value-true > .column:nth-child(2n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-value-2.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-2.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-value-1 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-value-1 > .column:nth-child(1n + 1),
      .columns--count-value-1 > .column:nth-child(1n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-value-1 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-value-1 > .column:nth-child(1n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-value-1 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-value-1 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-value-1.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-value-1.columns > .column:not(
        :nth-child(1)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-value-1.columns--debug-value-true > .column:nth-child(1n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-value-1.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-1.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
    

      
          @media (min-width: 0) {
            
      
          /* Set fixed column size based on count */
          .columns--count-breakpoint-0-value-12 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-0-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-0-value-12 > .column:nth-child(12n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-0-value-12 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-0-value-12 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-0-value-12 > .column:nth-child(12n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-0-value-12 > .column:nth-child(12n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-0-value-12 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-0-value-12 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-0-value-12.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-0-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-0-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-0-value-12.columns--debug-value-true > .column:nth-child(12n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-0-value-12.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-12.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-0-value-8 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-0-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-0-value-8 > .column:nth-child(8n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-0-value-8 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-0-value-8 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-0-value-8 > .column:nth-child(8n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-0-value-8 > .column:nth-child(8n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-0-value-8 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-0-value-8 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-0-value-8.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-0-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-0-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-0-value-8.columns--debug-value-true > .column:nth-child(8n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-0-value-8.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-8.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-0-value-6 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-0-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-0-value-6 > .column:nth-child(6n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-0-value-6 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-0-value-6 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-0-value-6 > .column:nth-child(6n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-0-value-6 > .column:nth-child(6n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-0-value-6 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-0-value-6 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-0-value-6.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-0-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-0-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-0-value-6.columns--debug-value-true > .column:nth-child(6n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-0-value-6.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-6.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-0-value-4 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-0-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-0-value-4 > .column:nth-child(4n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-0-value-4 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-0-value-4 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-0-value-4 > .column:nth-child(4n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-0-value-4 > .column:nth-child(4n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-0-value-4 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-0-value-4 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-0-value-4.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-0-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-0-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-0-value-4.columns--debug-value-true > .column:nth-child(4n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-0-value-4.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-4.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-0-value-3 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-0-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-0-value-3 > .column:nth-child(3n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-0-value-3 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-0-value-3 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-0-value-3 > .column:nth-child(3n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-0-value-3 > .column:nth-child(3n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-0-value-3 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-0-value-3 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-0-value-3.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-0-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-0-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-0-value-3.columns--debug-value-true > .column:nth-child(3n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-0-value-3.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-3.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-0-value-2 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-0-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-0-value-2 > .column:nth-child(2n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-0-value-2 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-0-value-2 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-0-value-2 > .column:nth-child(2n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-0-value-2 > .column:nth-child(2n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-0-value-2 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-0-value-2 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-0-value-2.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-0-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-0-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-0-value-2.columns--debug-value-true > .column:nth-child(2n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-0-value-2.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-2.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-0-value-1 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-0-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-0-value-1 > .column:nth-child(1n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-0-value-1 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-0-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-0-value-1 > .column:nth-child(1n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-0-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-0-value-1 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-0-value-1 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-0-value-1.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-0-value-1.columns > .column:not(
        :nth-child(1)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-0-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-0-value-1.columns--debug-value-true > .column:nth-child(1n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-0-value-1.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-1.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
    
          }
        
          @media (min-width: 640px) {
            
      
          /* Set fixed column size based on count */
          .columns--count-breakpoint-1-value-12 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-1-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-1-value-12 > .column:nth-child(12n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-1-value-12 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-1-value-12 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-1-value-12 > .column:nth-child(12n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-1-value-12 > .column:nth-child(12n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-1-value-12 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-1-value-12 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-1-value-12.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-1-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-1-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-1-value-12.columns--debug-value-true > .column:nth-child(12n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-1-value-12.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-12.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-1-value-8 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-1-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-1-value-8 > .column:nth-child(8n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-1-value-8 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-1-value-8 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-1-value-8 > .column:nth-child(8n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-1-value-8 > .column:nth-child(8n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-1-value-8 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-1-value-8 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-1-value-8.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-1-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-1-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-1-value-8.columns--debug-value-true > .column:nth-child(8n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-1-value-8.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-8.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-1-value-6 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-1-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-1-value-6 > .column:nth-child(6n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-1-value-6 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-1-value-6 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-1-value-6 > .column:nth-child(6n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-1-value-6 > .column:nth-child(6n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-1-value-6 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-1-value-6 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-1-value-6.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-1-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-1-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-1-value-6.columns--debug-value-true > .column:nth-child(6n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-1-value-6.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-6.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-1-value-4 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-1-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-1-value-4 > .column:nth-child(4n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-1-value-4 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-1-value-4 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-1-value-4 > .column:nth-child(4n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-1-value-4 > .column:nth-child(4n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-1-value-4 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-1-value-4 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-1-value-4.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-1-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-1-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-1-value-4.columns--debug-value-true > .column:nth-child(4n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-1-value-4.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-4.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-1-value-3 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-1-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-1-value-3 > .column:nth-child(3n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-1-value-3 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-1-value-3 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-1-value-3 > .column:nth-child(3n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-1-value-3 > .column:nth-child(3n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-1-value-3 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-1-value-3 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-1-value-3.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-1-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-1-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-1-value-3.columns--debug-value-true > .column:nth-child(3n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-1-value-3.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-3.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-1-value-2 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-1-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-1-value-2 > .column:nth-child(2n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-1-value-2 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-1-value-2 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-1-value-2 > .column:nth-child(2n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-1-value-2 > .column:nth-child(2n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-1-value-2 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-1-value-2 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-1-value-2.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-1-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-1-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-1-value-2.columns--debug-value-true > .column:nth-child(2n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-1-value-2.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-2.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-1-value-1 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-1-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-1-value-1 > .column:nth-child(1n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-1-value-1 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-1-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-1-value-1 > .column:nth-child(1n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-1-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-1-value-1 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-1-value-1 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-1-value-1.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-1-value-1.columns > .column:not(
        :nth-child(1)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-1-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-1-value-1.columns--debug-value-true > .column:nth-child(1n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-1-value-1.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-1.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
    
          }
        
          @media (min-width: 768px) {
            
      
          /* Set fixed column size based on count */
          .columns--count-breakpoint-2-value-12 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-2-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-2-value-12 > .column:nth-child(12n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-2-value-12 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-2-value-12 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-2-value-12 > .column:nth-child(12n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-2-value-12 > .column:nth-child(12n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-2-value-12 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-2-value-12 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-2-value-12.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-2-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-2-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-2-value-12.columns--debug-value-true > .column:nth-child(12n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-2-value-12.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-12.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-2-value-8 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-2-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-2-value-8 > .column:nth-child(8n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-2-value-8 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-2-value-8 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-2-value-8 > .column:nth-child(8n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-2-value-8 > .column:nth-child(8n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-2-value-8 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-2-value-8 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-2-value-8.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-2-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-2-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-2-value-8.columns--debug-value-true > .column:nth-child(8n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-2-value-8.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-8.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-2-value-6 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-2-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-2-value-6 > .column:nth-child(6n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-2-value-6 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-2-value-6 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-2-value-6 > .column:nth-child(6n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-2-value-6 > .column:nth-child(6n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-2-value-6 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-2-value-6 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-2-value-6.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-2-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-2-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-2-value-6.columns--debug-value-true > .column:nth-child(6n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-2-value-6.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-6.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-2-value-4 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-2-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-2-value-4 > .column:nth-child(4n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-2-value-4 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-2-value-4 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-2-value-4 > .column:nth-child(4n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-2-value-4 > .column:nth-child(4n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-2-value-4 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-2-value-4 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-2-value-4.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-2-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-2-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-2-value-4.columns--debug-value-true > .column:nth-child(4n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-2-value-4.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-4.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-2-value-3 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-2-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-2-value-3 > .column:nth-child(3n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-2-value-3 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-2-value-3 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-2-value-3 > .column:nth-child(3n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-2-value-3 > .column:nth-child(3n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-2-value-3 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-2-value-3 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-2-value-3.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-2-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-2-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-2-value-3.columns--debug-value-true > .column:nth-child(3n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-2-value-3.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-3.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-2-value-2 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-2-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-2-value-2 > .column:nth-child(2n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-2-value-2 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-2-value-2 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-2-value-2 > .column:nth-child(2n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-2-value-2 > .column:nth-child(2n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-2-value-2 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-2-value-2 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-2-value-2.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-2-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-2-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-2-value-2.columns--debug-value-true > .column:nth-child(2n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-2-value-2.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-2.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-2-value-1 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-2-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-2-value-1 > .column:nth-child(1n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-2-value-1 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-2-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-2-value-1 > .column:nth-child(1n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-2-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-2-value-1 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-2-value-1 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-2-value-1.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-2-value-1.columns > .column:not(
        :nth-child(1)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-2-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-2-value-1.columns--debug-value-true > .column:nth-child(1n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-2-value-1.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-1.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
    
          }
        
          @media (min-width: 1024px) {
            
      
          /* Set fixed column size based on count */
          .columns--count-breakpoint-3-value-12 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-3-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-3-value-12 > .column:nth-child(12n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-3-value-12 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-3-value-12 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-3-value-12 > .column:nth-child(12n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-3-value-12 > .column:nth-child(12n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-3-value-12 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-3-value-12 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-3-value-12.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-3-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-3-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-3-value-12.columns--debug-value-true > .column:nth-child(12n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-3-value-12.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-12.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-3-value-8 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-3-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-3-value-8 > .column:nth-child(8n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-3-value-8 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-3-value-8 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-3-value-8 > .column:nth-child(8n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-3-value-8 > .column:nth-child(8n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-3-value-8 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-3-value-8 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-3-value-8.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-3-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-3-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-3-value-8.columns--debug-value-true > .column:nth-child(8n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-3-value-8.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-8.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-3-value-6 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-3-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-3-value-6 > .column:nth-child(6n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-3-value-6 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-3-value-6 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-3-value-6 > .column:nth-child(6n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-3-value-6 > .column:nth-child(6n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-3-value-6 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-3-value-6 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-3-value-6.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-3-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-3-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-3-value-6.columns--debug-value-true > .column:nth-child(6n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-3-value-6.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-6.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-3-value-4 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-3-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-3-value-4 > .column:nth-child(4n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-3-value-4 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-3-value-4 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-3-value-4 > .column:nth-child(4n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-3-value-4 > .column:nth-child(4n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-3-value-4 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-3-value-4 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-3-value-4.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-3-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-3-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-3-value-4.columns--debug-value-true > .column:nth-child(4n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-3-value-4.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-4.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-3-value-3 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-3-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-3-value-3 > .column:nth-child(3n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-3-value-3 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-3-value-3 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-3-value-3 > .column:nth-child(3n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-3-value-3 > .column:nth-child(3n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-3-value-3 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-3-value-3 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-3-value-3.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-3-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-3-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-3-value-3.columns--debug-value-true > .column:nth-child(3n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-3-value-3.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-3.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-3-value-2 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-3-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-3-value-2 > .column:nth-child(2n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-3-value-2 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-3-value-2 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-3-value-2 > .column:nth-child(2n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-3-value-2 > .column:nth-child(2n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-3-value-2 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-3-value-2 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-3-value-2.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-3-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-3-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-3-value-2.columns--debug-value-true > .column:nth-child(2n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-3-value-2.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-2.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-3-value-1 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-3-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-3-value-1 > .column:nth-child(1n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-3-value-1 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-3-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-3-value-1 > .column:nth-child(1n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-3-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-3-value-1 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-3-value-1 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-3-value-1.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-3-value-1.columns > .column:not(
        :nth-child(1)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-3-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-3-value-1.columns--debug-value-true > .column:nth-child(1n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-3-value-1.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-1.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
    
          }
        
          @media (min-width: 1280px) {
            
      
          /* Set fixed column size based on count */
          .columns--count-breakpoint-4-value-12 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-4-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-4-value-12 > .column:nth-child(12n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-4-value-12 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-4-value-12 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-4-value-12 > .column:nth-child(12n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-4-value-12 > .column:nth-child(12n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-4-value-12 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-4-value-12 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-4-value-12.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-4-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-4-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-4-value-12.columns--debug-value-true > .column:nth-child(12n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-4-value-12.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-12.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-4-value-8 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-4-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-4-value-8 > .column:nth-child(8n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-4-value-8 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-4-value-8 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-4-value-8 > .column:nth-child(8n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-4-value-8 > .column:nth-child(8n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-4-value-8 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-4-value-8 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-4-value-8.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-4-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-4-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-4-value-8.columns--debug-value-true > .column:nth-child(8n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-4-value-8.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-8.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-4-value-6 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-4-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-4-value-6 > .column:nth-child(6n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-4-value-6 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-4-value-6 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-4-value-6 > .column:nth-child(6n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-4-value-6 > .column:nth-child(6n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-4-value-6 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-4-value-6 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-4-value-6.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-4-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-4-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-4-value-6.columns--debug-value-true > .column:nth-child(6n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-4-value-6.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-6.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-4-value-4 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-4-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-4-value-4 > .column:nth-child(4n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-4-value-4 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-4-value-4 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-4-value-4 > .column:nth-child(4n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-4-value-4 > .column:nth-child(4n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-4-value-4 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-4-value-4 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-4-value-4.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-4-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-4-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-4-value-4.columns--debug-value-true > .column:nth-child(4n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-4-value-4.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-4.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-4-value-3 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-4-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-4-value-3 > .column:nth-child(3n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-4-value-3 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-4-value-3 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-4-value-3 > .column:nth-child(3n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-4-value-3 > .column:nth-child(3n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-4-value-3 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-4-value-3 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-4-value-3.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-4-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-4-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-4-value-3.columns--debug-value-true > .column:nth-child(3n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-4-value-3.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-3.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-4-value-2 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-4-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-4-value-2 > .column:nth-child(2n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-4-value-2 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-4-value-2 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-4-value-2 > .column:nth-child(2n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-4-value-2 > .column:nth-child(2n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-4-value-2 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-4-value-2 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-4-value-2.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-4-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-4-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-4-value-2.columns--debug-value-true > .column:nth-child(2n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-4-value-2.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-2.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-4-value-1 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-4-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-4-value-1 > .column:nth-child(1n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-4-value-1 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-4-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-4-value-1 > .column:nth-child(1n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-4-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-4-value-1 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-4-value-1 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-4-value-1.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-4-value-1.columns > .column:not(
        :nth-child(1)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-4-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-4-value-1.columns--debug-value-true > .column:nth-child(1n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-4-value-1.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-1.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
    
          }
        
          @media (min-width: 1536px) {
            
      
          /* Set fixed column size based on count */
          .columns--count-breakpoint-5-value-12 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-5-value-12 > .column:nth-child(12n + 1),
      .columns--count-breakpoint-5-value-12 > .column:nth-child(12n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-5-value-12 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-5-value-12 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-5-value-12 > .column:nth-child(12n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-5-value-12 > .column:nth-child(12n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-5-value-12 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 12
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-5-value-12 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-5-value-12.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-5-value-12.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(12)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-5-value-12.columns--debug-value-true > .column:nth-child(12n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-5-value-12.columns--debug-value-true > .column:nth-child(12n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-5-value-12.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-12.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-5-value-8 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-5-value-8 > .column:nth-child(8n + 1),
      .columns--count-breakpoint-5-value-8 > .column:nth-child(8n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-5-value-8 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-5-value-8 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-5-value-8 > .column:nth-child(8n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-5-value-8 > .column:nth-child(8n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-5-value-8 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 8
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-5-value-8 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-5-value-8.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-5-value-8.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-5-value-8.columns--debug-value-true > .column:nth-child(8n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-5-value-8.columns--debug-value-true > .column:nth-child(8n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-5-value-8.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-8.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-5-value-6 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-5-value-6 > .column:nth-child(6n + 1),
      .columns--count-breakpoint-5-value-6 > .column:nth-child(6n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-5-value-6 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-5-value-6 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-5-value-6 > .column:nth-child(6n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-5-value-6 > .column:nth-child(6n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-5-value-6 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 6
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-5-value-6 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-5-value-6.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-5-value-6.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-5-value-6.columns--debug-value-true > .column:nth-child(6n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-5-value-6.columns--debug-value-true > .column:nth-child(6n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-5-value-6.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-6.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-5-value-4 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-5-value-4 > .column:nth-child(4n + 1),
      .columns--count-breakpoint-5-value-4 > .column:nth-child(4n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-5-value-4 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-5-value-4 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-5-value-4 > .column:nth-child(4n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-5-value-4 > .column:nth-child(4n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-5-value-4 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 4
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-5-value-4 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-5-value-4.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-5-value-4.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-5-value-4.columns--debug-value-true > .column:nth-child(4n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-5-value-4.columns--debug-value-true > .column:nth-child(4n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-5-value-4.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-4.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-5-value-3 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-5-value-3 > .column:nth-child(3n + 1),
      .columns--count-breakpoint-5-value-3 > .column:nth-child(3n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-5-value-3 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-5-value-3 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-5-value-3 > .column:nth-child(3n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-5-value-3 > .column:nth-child(3n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-5-value-3 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 3
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-5-value-3 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-5-value-3.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-5-value-3.columns > .column:not(
        :nth-child(1),:nth-child(2),:nth-child(3)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-5-value-3.columns--debug-value-true > .column:nth-child(3n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-5-value-3.columns--debug-value-true > .column:nth-child(3n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-5-value-3.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-3.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-5-value-2 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-5-value-2 > .column:nth-child(2n + 1),
      .columns--count-breakpoint-5-value-2 > .column:nth-child(2n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-5-value-2 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-5-value-2 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-5-value-2 > .column:nth-child(2n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-5-value-2 > .column:nth-child(2n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-5-value-2 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 2
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-5-value-2 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-5-value-2.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-5-value-2.columns > .column:not(
        :nth-child(1),:nth-child(2)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-5-value-2.columns--debug-value-true > .column:nth-child(2n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-5-value-2.columns--debug-value-true > .column:nth-child(2n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-5-value-2.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-2.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
          /* Set fixed column size based on count */
          .columns--count-breakpoint-5-value-1 > .column:nth-child(n) {
            --columns-total-spacing: calc(var(--columns-page-margin));
            --columns-total-content-width: calc(
              100% - var(--columns-total-spacing)
            );
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );

            box-sizing: content-box;
            min-width: var(--columns-single-width);
            max-width: var(--columns-single-width);
          }

          .columns--count-breakpoint-5-value-1 > .column:nth-child(1n + 1),
      .columns--count-breakpoint-5-value-1 > .column:nth-child(1n) {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1 +
                var(--columns-page-margin) / 2
            );
          }

          /* Space without page margins for nested columns  */
          .columns .columns--count-breakpoint-5-value-1 > .column {
            --columns-total-spacing: 0px;
          }

          /* Add gutters */
          .columns--count-breakpoint-5-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Add page margin on first of each line */
          .columns--count-breakpoint-5-value-1 > .column:nth-child(1n + 1) > .column__scroller {
            padding-left: var(--columns-page-margin);
          }

          /* Add page margin on last of each line */
          .columns--count-breakpoint-5-value-1 > .column:nth-child(1n) > .column__scroller {
            padding-right: var(--columns-page-margin);
          }

          .columns .columns--count-breakpoint-5-value-1 > .column {
            --columns-single-width: calc(
              var(--columns-total-content-width) / 1
            );
          }

          /* Remove page margins for nested columns */
          .columns .columns--count-breakpoint-5-value-1 > .column > .column__scroller {
            padding-left: var(--columns-half-gutter);
            padding-right: var(--columns-half-gutter);
          }

          /* Reset vertical space on all column items  */
          .columns--count-breakpoint-5-value-1.columns > .column:not([all]) {
            margin-top: 0;
          }

          /* Add vertical space on all items except on first line */
          .columns--count-breakpoint-5-value-1.columns > .column:not(
        :nth-child(1)
      ) {
            margin-top: var(--columns-vertical-gap);
          }

          /* Debugging */
          .columns--count-breakpoint-5-value-1.columns--debug-value-true > .column:nth-child(1n + 1) {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns--count-breakpoint-5-value-1.columns--debug-value-true > .column:nth-child(1n) {
            background: rgba(0, 255, 255, 0.1);
          }

          .columns .columns--count-breakpoint-5-value-1.columns--debug-value-true > .column {
            background: rgba(255, 255, 0, 0.1);
          }

          .columns .columns--count-1.columns--debug-value-true > .column {
            background: rgba(0, 255, 255, 0.1);
          }
        
    
          }
        
    

  .credits {
    display: grid;
    grid-gap: var(--spacing-vertical);
  }

  .credits__toList {
    list-style: none;
    padding: 0;
  }

  .credits__toList-item {
    padding: var(--spacing-vertical-small-3) 0;
  }

  .credits__link--withLogo {
    opacity: 0.5;
  }

  .credits__link--withLogo:hover {
    opacity: 0.6;
  }

  .credits__logo {
    display: inline-block;
    filter: grayscale(100%);
    max-width: 10em;
    max-height: 2em;
  }

  .divider--visual {
    border-right: var(--border-width-normal) solid var(--color-border-muted);
    border-bottom: var(--border-width-normal) solid var(--color-border-muted);
  }

  .favoriteAction {
    display: inline;
  }

  .favoriteDisplay {
    display: none;
  }

  .favoriteDisplay__favorited {
    display: inline;
    color: var(--color-text-highlighted);
  }

  .favoriteDisplay__favorited::before {
    content: "★ ";
  }

  .figure__caption {
    margin-top: var(--spacing-vertical-small-2);
    font-size: var(--font-size-small-3);
  }

  .filterable--noMatch {
    display: none;
  }

  .grid {
    display: grid;
  }

  .grid--columns-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--columns-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid--columns-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid--columns-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid--gap-4 {
    gap: var(--spacing-vertical-small-4);
  }
  .grid--gap-3 {
    gap: var(--spacing-vertical-small-3);
  }
  .grid--gap-2 {
    gap: var(--spacing-vertical-small-2);
  }
  .grid--gap-1 {
    gap: var(--spacing-vertical-small);
  }
  .grid--gap0 {
    gap: var(--spacing-vertical);
  }
  .grid--gap1 {
    gap: var(--spacing-vertical-large);
  }
  .grid--gap2 {
    gap: var(--spacing-vertical-large-2);
  }
  .grid--gap3 {
    gap: var(--spacing-vertical-large-3);
  }
  .grid--gap4 {
    gap: var(--spacing-vertical-large-4);
  }

  @media (min-width: 50em) {
    .grid--columns-md-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .grid--columns-md-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .grid--columns-md-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .grid--columns-md-5 {
      grid-template-columns: repeat(5, 1fr);
    }
  }

  .heading--visualLevel-1 {
    font-size: var(--font-size-large-4);
    line-height: var(--line-height-small-3);
    font-weight: 400;
    max-width: 34ch;
    margin-left: -0.075em;
  }

  .heading--visualLevel-2 {
    font-size: var(--font-size-large-2);
    line-height: var(--line-height-small-2);
    font-weight: 400;
  }

  .heading--visualLevel-3 {
    font-size: var(--font-size);
    font-weight: bold;
  }

  .heading--visualLevel-4 {
    font-size: var(--font-size);
    font-weight: normal;
  }

  .heading--visualLevel-5,
  .heading--visualLevel-6 {
    font-size: var(--font-size-small);
  }

  .heading--visualLevel-6 {
    font-weight: normal;
  }

  .heading--muted {
    color: var(--color-text-muted);
  }

  .heading--highlighted {
    color: var(--color-text-highlighted);
  }

  .hero {
    position: relative;
    background: var(--color-hero-background);
  }

  .hero__navigation {
    position: absolute;
    top: 0;
    right: 0;
    height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    pointer-events: none;
  }

  /* Fix browser chrome overlap in iOS */
  /* Reference: https://www.bram.us/2020/05/06/100vh-in-safari-on-ios/  */
  @supports (-webkit-touch-callout: none) {
    .hero__navigation {
      height: -webkit-fill-available;
    }
  }

  .hero__navigation-item {
    --size: 0.6rem;
    width: var(--size);
    height: var(--size);
    pointer-events: auto;
    color: transparent;
    background: white;
    border-radius: 50%;
    margin-right: var(--spacing-horizontal-small);
    margin-bottom: var(--spacing-vertical);
    opacity: 0.5;
    z-index: 10;
  }

  .hero__navigation-item:hover {
    opacity: 1;
  }

  .hero__navigation-item:active {
    opacity: 0.9;
  }

  .hero__navigation-item--active {
    opacity: 1;
  }

  .hero__items {
    display: flex;
    overflow: auto;
    scroll-snap-type: x mandatory;
  }

  .hero__item {
    scroll-snap-align: start;
    position: relative;
    min-height: 100vh;
    min-width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  /* Fix browser chrome overlap in iOS */
  /* Reference: https://www.bram.us/2020/05/06/100vh-in-safari-on-ios/  */
  @supports (-webkit-touch-callout: none) {
    .hero__item {
      min-height: -webkit-fill-available;
    }
  }

  .hero__content {
    margin-top: var(--spacing-vertical-large-5);
    margin-right: var(--spacing-horizontal-large-3);
  }

  .hero__text {
    font-size: var(--font-size-large-3);
    max-width: 26ch;
  }

  .hero__item .picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .hero__item .picture__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hero__content {
    position: relative;
  }

  .horizontalScroller {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .horizontalScroller__content {
    min-width: max-content;
  }

  .horizontalScroller__item {
    max-width: 70vw;
  }

  .horizontalScroller__item:empty {
    display: none;
  }

  .horizontalScroller__item--fit2 {
    max-width: calc((100vw - 30vw) / 2);
  }

  .horizontalScroller__item--fit3 {
    max-width: calc((100vw - 30vw) / 3);
  }

  .inlineBlockList {
    display: flex;
    flex-wrap: wrap;
  }

  .inlineBlockList__item {
    flex-grow: 0;
  }

  
      
      /* Vertical or horizontal gap? */
      .inlineBlockList--gap-value--5 {
        gap: var(--spacing-vertical-small-5);
      }
      .inlineBlockList--gap-value--4 {
        gap: var(--spacing-vertical-small-4);
      }
      .inlineBlockList--gap-value--3 {
        gap: var(--spacing-vertical-small-3);
      }
      .inlineBlockList--gap-value--2 {
        gap: var(--spacing-vertical-small-2);
      }
      .inlineBlockList--gap-value--1 {
        gap: var(--spacing-vertical-small);
      }
      .inlineBlockList--gap-value-0 {
        gap: var(--spacing-vertical);
      }
      .inlineBlockList--gap-value-1 {
        gap: var(--spacing-vertical-large);
      }
      .inlineBlockList--gap-value-2 {
        gap: var(--spacing-vertical-large-2);
      }
      .inlineBlockList--gap-value-3 {
        gap: var(--spacing-vertical-large-3);
      }
      .inlineBlockList--gap-value-4 {
        gap: var(--spacing-vertical-large-4);
      }
      .inlineBlockList--gap-value-5 {
        gap: var(--spacing-vertical-large-5);
      }
    

      
          @media (min-width: 0) {
            
      /* Vertical or horizontal gap? */
      .inlineBlockList--gap-breakpoint-0-value--5 {
        gap: var(--spacing-vertical-small-5);
      }
      .inlineBlockList--gap-breakpoint-0-value--4 {
        gap: var(--spacing-vertical-small-4);
      }
      .inlineBlockList--gap-breakpoint-0-value--3 {
        gap: var(--spacing-vertical-small-3);
      }
      .inlineBlockList--gap-breakpoint-0-value--2 {
        gap: var(--spacing-vertical-small-2);
      }
      .inlineBlockList--gap-breakpoint-0-value--1 {
        gap: var(--spacing-vertical-small);
      }
      .inlineBlockList--gap-breakpoint-0-value-0 {
        gap: var(--spacing-vertical);
      }
      .inlineBlockList--gap-breakpoint-0-value-1 {
        gap: var(--spacing-vertical-large);
      }
      .inlineBlockList--gap-breakpoint-0-value-2 {
        gap: var(--spacing-vertical-large-2);
      }
      .inlineBlockList--gap-breakpoint-0-value-3 {
        gap: var(--spacing-vertical-large-3);
      }
      .inlineBlockList--gap-breakpoint-0-value-4 {
        gap: var(--spacing-vertical-large-4);
      }
      .inlineBlockList--gap-breakpoint-0-value-5 {
        gap: var(--spacing-vertical-large-5);
      }
    
          }
        
          @media (min-width: 640px) {
            
      /* Vertical or horizontal gap? */
      .inlineBlockList--gap-breakpoint-1-value--5 {
        gap: var(--spacing-vertical-small-5);
      }
      .inlineBlockList--gap-breakpoint-1-value--4 {
        gap: var(--spacing-vertical-small-4);
      }
      .inlineBlockList--gap-breakpoint-1-value--3 {
        gap: var(--spacing-vertical-small-3);
      }
      .inlineBlockList--gap-breakpoint-1-value--2 {
        gap: var(--spacing-vertical-small-2);
      }
      .inlineBlockList--gap-breakpoint-1-value--1 {
        gap: var(--spacing-vertical-small);
      }
      .inlineBlockList--gap-breakpoint-1-value-0 {
        gap: var(--spacing-vertical);
      }
      .inlineBlockList--gap-breakpoint-1-value-1 {
        gap: var(--spacing-vertical-large);
      }
      .inlineBlockList--gap-breakpoint-1-value-2 {
        gap: var(--spacing-vertical-large-2);
      }
      .inlineBlockList--gap-breakpoint-1-value-3 {
        gap: var(--spacing-vertical-large-3);
      }
      .inlineBlockList--gap-breakpoint-1-value-4 {
        gap: var(--spacing-vertical-large-4);
      }
      .inlineBlockList--gap-breakpoint-1-value-5 {
        gap: var(--spacing-vertical-large-5);
      }
    
          }
        
          @media (min-width: 768px) {
            
      /* Vertical or horizontal gap? */
      .inlineBlockList--gap-breakpoint-2-value--5 {
        gap: var(--spacing-vertical-small-5);
      }
      .inlineBlockList--gap-breakpoint-2-value--4 {
        gap: var(--spacing-vertical-small-4);
      }
      .inlineBlockList--gap-breakpoint-2-value--3 {
        gap: var(--spacing-vertical-small-3);
      }
      .inlineBlockList--gap-breakpoint-2-value--2 {
        gap: var(--spacing-vertical-small-2);
      }
      .inlineBlockList--gap-breakpoint-2-value--1 {
        gap: var(--spacing-vertical-small);
      }
      .inlineBlockList--gap-breakpoint-2-value-0 {
        gap: var(--spacing-vertical);
      }
      .inlineBlockList--gap-breakpoint-2-value-1 {
        gap: var(--spacing-vertical-large);
      }
      .inlineBlockList--gap-breakpoint-2-value-2 {
        gap: var(--spacing-vertical-large-2);
      }
      .inlineBlockList--gap-breakpoint-2-value-3 {
        gap: var(--spacing-vertical-large-3);
      }
      .inlineBlockList--gap-breakpoint-2-value-4 {
        gap: var(--spacing-vertical-large-4);
      }
      .inlineBlockList--gap-breakpoint-2-value-5 {
        gap: var(--spacing-vertical-large-5);
      }
    
          }
        
          @media (min-width: 1024px) {
            
      /* Vertical or horizontal gap? */
      .inlineBlockList--gap-breakpoint-3-value--5 {
        gap: var(--spacing-vertical-small-5);
      }
      .inlineBlockList--gap-breakpoint-3-value--4 {
        gap: var(--spacing-vertical-small-4);
      }
      .inlineBlockList--gap-breakpoint-3-value--3 {
        gap: var(--spacing-vertical-small-3);
      }
      .inlineBlockList--gap-breakpoint-3-value--2 {
        gap: var(--spacing-vertical-small-2);
      }
      .inlineBlockList--gap-breakpoint-3-value--1 {
        gap: var(--spacing-vertical-small);
      }
      .inlineBlockList--gap-breakpoint-3-value-0 {
        gap: var(--spacing-vertical);
      }
      .inlineBlockList--gap-breakpoint-3-value-1 {
        gap: var(--spacing-vertical-large);
      }
      .inlineBlockList--gap-breakpoint-3-value-2 {
        gap: var(--spacing-vertical-large-2);
      }
      .inlineBlockList--gap-breakpoint-3-value-3 {
        gap: var(--spacing-vertical-large-3);
      }
      .inlineBlockList--gap-breakpoint-3-value-4 {
        gap: var(--spacing-vertical-large-4);
      }
      .inlineBlockList--gap-breakpoint-3-value-5 {
        gap: var(--spacing-vertical-large-5);
      }
    
          }
        
          @media (min-width: 1280px) {
            
      /* Vertical or horizontal gap? */
      .inlineBlockList--gap-breakpoint-4-value--5 {
        gap: var(--spacing-vertical-small-5);
      }
      .inlineBlockList--gap-breakpoint-4-value--4 {
        gap: var(--spacing-vertical-small-4);
      }
      .inlineBlockList--gap-breakpoint-4-value--3 {
        gap: var(--spacing-vertical-small-3);
      }
      .inlineBlockList--gap-breakpoint-4-value--2 {
        gap: var(--spacing-vertical-small-2);
      }
      .inlineBlockList--gap-breakpoint-4-value--1 {
        gap: var(--spacing-vertical-small);
      }
      .inlineBlockList--gap-breakpoint-4-value-0 {
        gap: var(--spacing-vertical);
      }
      .inlineBlockList--gap-breakpoint-4-value-1 {
        gap: var(--spacing-vertical-large);
      }
      .inlineBlockList--gap-breakpoint-4-value-2 {
        gap: var(--spacing-vertical-large-2);
      }
      .inlineBlockList--gap-breakpoint-4-value-3 {
        gap: var(--spacing-vertical-large-3);
      }
      .inlineBlockList--gap-breakpoint-4-value-4 {
        gap: var(--spacing-vertical-large-4);
      }
      .inlineBlockList--gap-breakpoint-4-value-5 {
        gap: var(--spacing-vertical-large-5);
      }
    
          }
        
          @media (min-width: 1536px) {
            
      /* Vertical or horizontal gap? */
      .inlineBlockList--gap-breakpoint-5-value--5 {
        gap: var(--spacing-vertical-small-5);
      }
      .inlineBlockList--gap-breakpoint-5-value--4 {
        gap: var(--spacing-vertical-small-4);
      }
      .inlineBlockList--gap-breakpoint-5-value--3 {
        gap: var(--spacing-vertical-small-3);
      }
      .inlineBlockList--gap-breakpoint-5-value--2 {
        gap: var(--spacing-vertical-small-2);
      }
      .inlineBlockList--gap-breakpoint-5-value--1 {
        gap: var(--spacing-vertical-small);
      }
      .inlineBlockList--gap-breakpoint-5-value-0 {
        gap: var(--spacing-vertical);
      }
      .inlineBlockList--gap-breakpoint-5-value-1 {
        gap: var(--spacing-vertical-large);
      }
      .inlineBlockList--gap-breakpoint-5-value-2 {
        gap: var(--spacing-vertical-large-2);
      }
      .inlineBlockList--gap-breakpoint-5-value-3 {
        gap: var(--spacing-vertical-large-3);
      }
      .inlineBlockList--gap-breakpoint-5-value-4 {
        gap: var(--spacing-vertical-large-4);
      }
      .inlineBlockList--gap-breakpoint-5-value-5 {
        gap: var(--spacing-vertical-large-5);
      }
    
          }
        
    

  .inlineButton,
  .inlineButtonLink {
    color: var(--color-link);
    font-size: var(--font-size-small);
    line-height: var(--line-height-large);
    border: var(--border-width-large) currentcolor solid;
    padding: var(--spacing-vertical-small-3) var(--spacing-horizontal);
    border-radius: var(--border-radius-large);
    user-select: none;
    display: inline-block;
  }

  .inlineButton {
    background: transparent;
    cursor: pointer;
  }

  .inlineButton:hover,
  .inlineButtonLink:hover {
    color: var(--color-link-hover);
    background: rgba(255, 255, 255, 0.05);
  }

  .inlineButton:active,
  .inlineButtonLink:active {
    color: var(--color-link-active);
  }

  .inlineButton--disabled,
  .inlineButtonLink--disabled {
    opacity: 0.5;
    pointer-events: none;
  }

  .inlineButton--expand::after {
    content: "+";
  }

  .inlineButton--contract::after {
    content: "–";
  }

  /* .inlineButtonLink::after {
    content:  " →";
  } */

  .inlineButton--external::after,
  .inlineButtonLink--external::after {
    content: " ↗";
  }

  .inlineButton--share::after,
  .inlineButtonLink--share::after {
    content: " ⁂"; /* ⁂ */
  }

  .invert {
    color: var(--color-text-inverted);
    --color-block-link-text: var(--color-text-inverted);
    --color-block-link-background: transparent;
    --color-notice-background: var(--color-notice-background-inverted);
  }

  .invert--background {
    background-color: var(--color-background-inverted);
  }

  .link {
    color: inherit;
    text-decoration: none;
    transition: opacity 60ms ease;
  }

  .link:active {
    opacity: 0.7;
  }

  .invert .link {
    color: var(--color-link-inverted);
  }

  .link--buttonize {
    border: var(--border-width-large) currentcolor solid;
    border-radius: var(--border-radius-large);
    padding: var(--spacing-vertical-small-3) var(--spacing-horizontal-small);
    white-space: nowrap;
  }

  .link--buttonize:hover {
    color: var(--color-link-hover);
  }

  .link--buttonize:active {
    color: var(--color-link-active);
    border-color: var(--color-link-active);
    transition: border-color 70ms ease;
  }

  .link--decoration {
    text-decoration: underline;
    text-decoration-color: var(--color-text-muted);
  }

  .link--decoration:hover {
    text-decoration-color: inherit;
  }

  .link--decoration:active {
    color: var(--color-text-muted);
    transition: color 70ms ease;
  }

  .link--highlighted {
    color: var(--color-text);
  }

  .link--internalIndicator::after {
    /* content: "►"; */
    content: " →";
    font-size: 0.9em;
    vertical-align: top;
  }

  .link--externalIndicator::after {
    content: " ↗";
  }

  .localePicker--item {
    border: 2px solid currentColor;
    border-radius: 1lh;
    padding-inline: 0.35em;
    display: inline-block;
  }

  .logo {
    height: 0.8em;
    margin-bottom: -0.01em;
    fill: currentcolor;
  }

  .mediaPreview {
    position: relative;
    --size: 8em;
    --aspect: 10 / 16;
    min-width: calc(var(--size));
    min-height: calc(var(--size) * var(--aspect));
    background: rgba(0, 0, 0, 0.1);
  }

  .invert .mediaPreview {
    background: rgba(255, 255, 255, 0.1);
  }

  .mediaPreview__label {
    content: "▶";
    position: absolute;
    bottom: var(--spacing-vertical-small-3);
    right: var(--spacing-horizontal-small-3);
    user-select: none;
    background: var(--color-background-inverted);
    color: var(--color-text-inverted);
    padding: var(--spacing-vertical-small-3) var(--spacing-horizontal-small);
    border-radius: var(--border-radius-small);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.125s linear;
    font-size: var(--font-size-small-2);
  }

  .mediaPreview:hover .mediaPreview__label {
    opacity: 1;
  }

  .invert .mediaPreview__label {
    background: var(--color-background-inverted);
  }

  .mediaPreview--zoom .mediaPreview__label::before {
    content: "+";
  }

  .mediaPreview--play .mediaPreview__label::before {
    content: "▶";
  }

  .membership-discount {
    background-color: var(--color-brand);
    color: var(--color-white);
    font-size: var(--font-size-small-3);
    border-radius: var(--border-radius-large);
    display: inline-block;
    padding: var(--spacing-vertical-small-5) var(--spacing-horizontal-small-2);
    font-weight: 500;
    white-space: nowrap;
    font-variant-numeric: proportional-nums;
  }

  .navigation__menu {
    background: linear-gradient(
      var(--color-brand),
      var(--color-brand),
      var(--color-brand),
      var(--color-brand),
      var(--color-brand),
      var(--color-brand),
      rgba(0, 0, 0, 0)
    );
    color: var(--color-text-inverted);
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    opacity: 1;
    transform: translateY(0%);
    transition:
      opacity 300ms ease,
      transform 100ms ease-out;
    pointer-events: all;
    overflow-y: scroll;
    padding-left: var(--spacing-page-margin-horizontal);
    padding-right: var(--spacing-page-margin-horizontal);
  }

  .navigation__menu--hidden {
    opacity: 0;
    transform: translateY(-100%);
    transition:
      opacity 300ms ease,
      transform 100ms ease-in;
  }

  .navigation__festival-dates {
    margin-top: var(--spacing-vertical-large);
  }

  .navigation__list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--spacing-horizontal-small) * -1);
    margin-right: calc(var(--spacing-horizontal-small) * -1);
  }

  .navigation__list {
    margin-top: var(--spacing-vertical-large-2);
  }

  .navigation__list--large {
    /* margin-top: var(--spacing-v); */
    margin-left: calc(var(--spacing-horizontal-large) * -1);
    margin-right: calc(var(--spacing-horizontal-large) * -1);
  }

  .navigation__list-item {
    margin-left: var(--spacing-horizontal-small);
    margin-right: var(--spacing-horizontal-small);
  }

  .navigation__list-item a:hover {
    text-decoration: underline;
    text-decoration-color: var(--color-link-navigation-decoration);
  }

  .navigation__list-item--large {
    font-size: var(--font-size-large-4);
    margin-left: calc(var(--spacing-horizontal-large) - 0.1rem);
    margin-right: var(--spacing-horizontal-large);
    line-height: var(--line-height-small-3);
    margin-top: var(--spacing-vertical-small-2);
    margin-bottom: var(--spacing-vertical-small-2);
  }

  .navigation__show-button,
  .navigation__hide-button {
    text-align: right;
  }

  .navigation__click-outside {
    display: none;
  }

  @media (min-width: 640px) {
    .navigation__menu {
      background: linear-gradient(
        var(--color-brand),
        var(--color-brand),
        var(--color-brand),
        var(--color-brand),
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0)
      );
    }

    .navigation__click-outside {
      display: block;
      background: transparent;
      color: transparent;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 40%;
      cursor: pointer;
    }
  }

  @media (min-width: 768px) {
    .hide-on-desktop {
      display: none;
    }
  }

  .notice {
    font-size: var(--font-size-small);
    line-height: var(--line-height-large);
    display: flex;
    background: var(--color-notice-background);
  }

  .notice--pad {
    padding: var(--spacing-vertical) var(--spacing-horizontal);
  }

  .notice__content {
    flex-grow: 1;
  }

  .notice::before {
    flex-grow: 0;
    flex-shrink: 0;
    content: "i";
    margin-right: var(--spacing-horizontal-small-2);
    width: 1.3em;
    height: 1.3em;
    line-height: 1.2em;
    text-align: center;
    border: var(--border-width-normal) solid;
    border-radius: 50%;
  }

  .notice--warning::before {
    content: "!";
  }

  .notice--error::before {
    content: "🛑";
  }

  .notice__content {
    flex-grow: 1;
  }

  
      
      .pad--background-value-true {
        background-size: cover;
        background-position: center;
      }
    

      
          @media (min-width: 0) {
            
      .pad--background-breakpoint-0-value-true {
        background-size: cover;
        background-position: center;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .pad--background-breakpoint-1-value-true {
        background-size: cover;
        background-position: center;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .pad--background-breakpoint-2-value-true {
        background-size: cover;
        background-position: center;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .pad--background-breakpoint-3-value-true {
        background-size: cover;
        background-position: center;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .pad--background-breakpoint-4-value-true {
        background-size: cover;
        background-position: center;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .pad--background-breakpoint-5-value-true {
        background-size: cover;
        background-position: center;
      }
    
          }
        
    

  
      
      .pad--gap-value-null {
        padding: 0;
      }
      .pad--gap-value--5 {
        padding: var(--spacing-vertical-small-5)
          var(--spacing-horizontal-small-5);
      }
      .pad--gap-value--4 {
        padding: var(--spacing-vertical-small-4)
          var(--spacing-horizontal-small-4);
      }
      .pad--gap-value--3 {
        padding: var(--spacing-vertical-small-3)
          var(--spacing-horizontal-small-3);
      }
      .pad--gap-value--2 {
        padding: var(--spacing-vertical-small-2)
          var(--spacing-horizontal-small-2);
      }
      .pad--gap-value--1 {
        padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
      }
      .pad--gap-value-0 {
        padding: var(--spacing-vertical) var(--spacing-horizontal);
      }
      .pad--gap-value-1 {
        padding: var(--spacing-vertical-large) var(--spacing-horizontal-large);
      }
      .pad--gap-value-2 {
        padding: var(--spacing-vertical-large-2)
          var(--spacing-horizontal-large-2);
      }
      .pad--gap-value-3 {
        padding: var(--spacing-vertical-large-3)
          var(--spacing-horizontal-large-3);
      }
      .pad--gap-value-4 {
        padding: var(--spacing-vertical-large-4)
          var(--spacing-horizontal-large-4);
      }
      .pad--gap-value-5 {
        padding: var(--spacing-vertical-large-5)
          var(--spacing-horizontal-large-5);
      }
    

      
          @media (min-width: 0) {
            
      .pad--gap-breakpoint-0-value-null {
        padding: 0;
      }
      .pad--gap-breakpoint-0-value--5 {
        padding: var(--spacing-vertical-small-5)
          var(--spacing-horizontal-small-5);
      }
      .pad--gap-breakpoint-0-value--4 {
        padding: var(--spacing-vertical-small-4)
          var(--spacing-horizontal-small-4);
      }
      .pad--gap-breakpoint-0-value--3 {
        padding: var(--spacing-vertical-small-3)
          var(--spacing-horizontal-small-3);
      }
      .pad--gap-breakpoint-0-value--2 {
        padding: var(--spacing-vertical-small-2)
          var(--spacing-horizontal-small-2);
      }
      .pad--gap-breakpoint-0-value--1 {
        padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
      }
      .pad--gap-breakpoint-0-value-0 {
        padding: var(--spacing-vertical) var(--spacing-horizontal);
      }
      .pad--gap-breakpoint-0-value-1 {
        padding: var(--spacing-vertical-large) var(--spacing-horizontal-large);
      }
      .pad--gap-breakpoint-0-value-2 {
        padding: var(--spacing-vertical-large-2)
          var(--spacing-horizontal-large-2);
      }
      .pad--gap-breakpoint-0-value-3 {
        padding: var(--spacing-vertical-large-3)
          var(--spacing-horizontal-large-3);
      }
      .pad--gap-breakpoint-0-value-4 {
        padding: var(--spacing-vertical-large-4)
          var(--spacing-horizontal-large-4);
      }
      .pad--gap-breakpoint-0-value-5 {
        padding: var(--spacing-vertical-large-5)
          var(--spacing-horizontal-large-5);
      }
    
          }
        
          @media (min-width: 640px) {
            
      .pad--gap-breakpoint-1-value-null {
        padding: 0;
      }
      .pad--gap-breakpoint-1-value--5 {
        padding: var(--spacing-vertical-small-5)
          var(--spacing-horizontal-small-5);
      }
      .pad--gap-breakpoint-1-value--4 {
        padding: var(--spacing-vertical-small-4)
          var(--spacing-horizontal-small-4);
      }
      .pad--gap-breakpoint-1-value--3 {
        padding: var(--spacing-vertical-small-3)
          var(--spacing-horizontal-small-3);
      }
      .pad--gap-breakpoint-1-value--2 {
        padding: var(--spacing-vertical-small-2)
          var(--spacing-horizontal-small-2);
      }
      .pad--gap-breakpoint-1-value--1 {
        padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
      }
      .pad--gap-breakpoint-1-value-0 {
        padding: var(--spacing-vertical) var(--spacing-horizontal);
      }
      .pad--gap-breakpoint-1-value-1 {
        padding: var(--spacing-vertical-large) var(--spacing-horizontal-large);
      }
      .pad--gap-breakpoint-1-value-2 {
        padding: var(--spacing-vertical-large-2)
          var(--spacing-horizontal-large-2);
      }
      .pad--gap-breakpoint-1-value-3 {
        padding: var(--spacing-vertical-large-3)
          var(--spacing-horizontal-large-3);
      }
      .pad--gap-breakpoint-1-value-4 {
        padding: var(--spacing-vertical-large-4)
          var(--spacing-horizontal-large-4);
      }
      .pad--gap-breakpoint-1-value-5 {
        padding: var(--spacing-vertical-large-5)
          var(--spacing-horizontal-large-5);
      }
    
          }
        
          @media (min-width: 768px) {
            
      .pad--gap-breakpoint-2-value-null {
        padding: 0;
      }
      .pad--gap-breakpoint-2-value--5 {
        padding: var(--spacing-vertical-small-5)
          var(--spacing-horizontal-small-5);
      }
      .pad--gap-breakpoint-2-value--4 {
        padding: var(--spacing-vertical-small-4)
          var(--spacing-horizontal-small-4);
      }
      .pad--gap-breakpoint-2-value--3 {
        padding: var(--spacing-vertical-small-3)
          var(--spacing-horizontal-small-3);
      }
      .pad--gap-breakpoint-2-value--2 {
        padding: var(--spacing-vertical-small-2)
          var(--spacing-horizontal-small-2);
      }
      .pad--gap-breakpoint-2-value--1 {
        padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
      }
      .pad--gap-breakpoint-2-value-0 {
        padding: var(--spacing-vertical) var(--spacing-horizontal);
      }
      .pad--gap-breakpoint-2-value-1 {
        padding: var(--spacing-vertical-large) var(--spacing-horizontal-large);
      }
      .pad--gap-breakpoint-2-value-2 {
        padding: var(--spacing-vertical-large-2)
          var(--spacing-horizontal-large-2);
      }
      .pad--gap-breakpoint-2-value-3 {
        padding: var(--spacing-vertical-large-3)
          var(--spacing-horizontal-large-3);
      }
      .pad--gap-breakpoint-2-value-4 {
        padding: var(--spacing-vertical-large-4)
          var(--spacing-horizontal-large-4);
      }
      .pad--gap-breakpoint-2-value-5 {
        padding: var(--spacing-vertical-large-5)
          var(--spacing-horizontal-large-5);
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .pad--gap-breakpoint-3-value-null {
        padding: 0;
      }
      .pad--gap-breakpoint-3-value--5 {
        padding: var(--spacing-vertical-small-5)
          var(--spacing-horizontal-small-5);
      }
      .pad--gap-breakpoint-3-value--4 {
        padding: var(--spacing-vertical-small-4)
          var(--spacing-horizontal-small-4);
      }
      .pad--gap-breakpoint-3-value--3 {
        padding: var(--spacing-vertical-small-3)
          var(--spacing-horizontal-small-3);
      }
      .pad--gap-breakpoint-3-value--2 {
        padding: var(--spacing-vertical-small-2)
          var(--spacing-horizontal-small-2);
      }
      .pad--gap-breakpoint-3-value--1 {
        padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
      }
      .pad--gap-breakpoint-3-value-0 {
        padding: var(--spacing-vertical) var(--spacing-horizontal);
      }
      .pad--gap-breakpoint-3-value-1 {
        padding: var(--spacing-vertical-large) var(--spacing-horizontal-large);
      }
      .pad--gap-breakpoint-3-value-2 {
        padding: var(--spacing-vertical-large-2)
          var(--spacing-horizontal-large-2);
      }
      .pad--gap-breakpoint-3-value-3 {
        padding: var(--spacing-vertical-large-3)
          var(--spacing-horizontal-large-3);
      }
      .pad--gap-breakpoint-3-value-4 {
        padding: var(--spacing-vertical-large-4)
          var(--spacing-horizontal-large-4);
      }
      .pad--gap-breakpoint-3-value-5 {
        padding: var(--spacing-vertical-large-5)
          var(--spacing-horizontal-large-5);
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .pad--gap-breakpoint-4-value-null {
        padding: 0;
      }
      .pad--gap-breakpoint-4-value--5 {
        padding: var(--spacing-vertical-small-5)
          var(--spacing-horizontal-small-5);
      }
      .pad--gap-breakpoint-4-value--4 {
        padding: var(--spacing-vertical-small-4)
          var(--spacing-horizontal-small-4);
      }
      .pad--gap-breakpoint-4-value--3 {
        padding: var(--spacing-vertical-small-3)
          var(--spacing-horizontal-small-3);
      }
      .pad--gap-breakpoint-4-value--2 {
        padding: var(--spacing-vertical-small-2)
          var(--spacing-horizontal-small-2);
      }
      .pad--gap-breakpoint-4-value--1 {
        padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
      }
      .pad--gap-breakpoint-4-value-0 {
        padding: var(--spacing-vertical) var(--spacing-horizontal);
      }
      .pad--gap-breakpoint-4-value-1 {
        padding: var(--spacing-vertical-large) var(--spacing-horizontal-large);
      }
      .pad--gap-breakpoint-4-value-2 {
        padding: var(--spacing-vertical-large-2)
          var(--spacing-horizontal-large-2);
      }
      .pad--gap-breakpoint-4-value-3 {
        padding: var(--spacing-vertical-large-3)
          var(--spacing-horizontal-large-3);
      }
      .pad--gap-breakpoint-4-value-4 {
        padding: var(--spacing-vertical-large-4)
          var(--spacing-horizontal-large-4);
      }
      .pad--gap-breakpoint-4-value-5 {
        padding: var(--spacing-vertical-large-5)
          var(--spacing-horizontal-large-5);
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .pad--gap-breakpoint-5-value-null {
        padding: 0;
      }
      .pad--gap-breakpoint-5-value--5 {
        padding: var(--spacing-vertical-small-5)
          var(--spacing-horizontal-small-5);
      }
      .pad--gap-breakpoint-5-value--4 {
        padding: var(--spacing-vertical-small-4)
          var(--spacing-horizontal-small-4);
      }
      .pad--gap-breakpoint-5-value--3 {
        padding: var(--spacing-vertical-small-3)
          var(--spacing-horizontal-small-3);
      }
      .pad--gap-breakpoint-5-value--2 {
        padding: var(--spacing-vertical-small-2)
          var(--spacing-horizontal-small-2);
      }
      .pad--gap-breakpoint-5-value--1 {
        padding: var(--spacing-vertical-small) var(--spacing-horizontal-small);
      }
      .pad--gap-breakpoint-5-value-0 {
        padding: var(--spacing-vertical) var(--spacing-horizontal);
      }
      .pad--gap-breakpoint-5-value-1 {
        padding: var(--spacing-vertical-large) var(--spacing-horizontal-large);
      }
      .pad--gap-breakpoint-5-value-2 {
        padding: var(--spacing-vertical-large-2)
          var(--spacing-horizontal-large-2);
      }
      .pad--gap-breakpoint-5-value-3 {
        padding: var(--spacing-vertical-large-3)
          var(--spacing-horizontal-large-3);
      }
      .pad--gap-breakpoint-5-value-4 {
        padding: var(--spacing-vertical-large-4)
          var(--spacing-horizontal-large-4);
      }
      .pad--gap-breakpoint-5-value-5 {
        padding: var(--spacing-vertical-large-5)
          var(--spacing-horizontal-large-5);
      }
    
          }
        
    

  
      
      
      /* Should this work differently? Vertical grid system? */
      .pad--top-value-halfViewport { padding-top: 50vh }

      .pad--top-value-null { padding-top: 0 }
      .pad--top-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-value-5 { padding-top: var(--spacing-vertical-large-5) }
    

      
          @media (min-width: 0) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-0-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-0-value-null { padding-top: 0 }
      .pad--top-breakpoint-0-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-0-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-0-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-0-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-0-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-0-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-0-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-0-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-0-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-0-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-0-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 640px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-1-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-1-value-null { padding-top: 0 }
      .pad--top-breakpoint-1-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-1-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-1-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-1-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-1-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-1-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-1-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-1-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-1-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-1-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-1-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 768px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-2-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-2-value-null { padding-top: 0 }
      .pad--top-breakpoint-2-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-2-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-2-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-2-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-2-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-2-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-2-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-2-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-2-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-2-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-2-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1024px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-3-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-3-value-null { padding-top: 0 }
      .pad--top-breakpoint-3-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-3-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-3-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-3-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-3-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-3-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-3-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-3-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-3-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-3-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-3-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1280px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-4-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-4-value-null { padding-top: 0 }
      .pad--top-breakpoint-4-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-4-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-4-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-4-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-4-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-4-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-4-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-4-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-4-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-4-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-4-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1536px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--top-breakpoint-5-value-halfViewport { padding-top: 50vh }

      .pad--top-breakpoint-5-value-null { padding-top: 0 }
      .pad--top-breakpoint-5-value--5 { padding-top: var(--spacing-vertical-small-5) }
      .pad--top-breakpoint-5-value--4 { padding-top: var(--spacing-vertical-small-4) }
      .pad--top-breakpoint-5-value--3 { padding-top: var(--spacing-vertical-small-3) }
      .pad--top-breakpoint-5-value--2 { padding-top: var(--spacing-vertical-small-2) }
      .pad--top-breakpoint-5-value--1 { padding-top: var(--spacing-vertical-small) }
      .pad--top-breakpoint-5-value-0 { padding-top: var(--spacing-vertical) }
      .pad--top-breakpoint-5-value-1 { padding-top: var(--spacing-vertical-large) }
      .pad--top-breakpoint-5-value-2 { padding-top: var(--spacing-vertical-large-2) }
      .pad--top-breakpoint-5-value-3 { padding-top: var(--spacing-vertical-large-3) }
      .pad--top-breakpoint-5-value-4 { padding-top: var(--spacing-vertical-large-4) }
      .pad--top-breakpoint-5-value-5 { padding-top: var(--spacing-vertical-large-5) }
    
          }
        
    
    
      
      
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-value-null { padding-bottom: 0 }
      .pad--bottom-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    

      
          @media (min-width: 0) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-0-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-0-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-0-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-0-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-0-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-0-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-0-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-0-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-0-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-0-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-0-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-0-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-0-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 640px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-1-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-1-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-1-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-1-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-1-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-1-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-1-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-1-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-1-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-1-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-1-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-1-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-1-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 768px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-2-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-2-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-2-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-2-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-2-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-2-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-2-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-2-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-2-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-2-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-2-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-2-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-2-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1024px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-3-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-3-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-3-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-3-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-3-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-3-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-3-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-3-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-3-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-3-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-3-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-3-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-3-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1280px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-4-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-4-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-4-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-4-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-4-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-4-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-4-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-4-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-4-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-4-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-4-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-4-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-4-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1536px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--bottom-breakpoint-5-value-halfViewport { padding-bottom: 50vh }

      .pad--bottom-breakpoint-5-value-null { padding-bottom: 0 }
      .pad--bottom-breakpoint-5-value--5 { padding-bottom: var(--spacing-vertical-small-5) }
      .pad--bottom-breakpoint-5-value--4 { padding-bottom: var(--spacing-vertical-small-4) }
      .pad--bottom-breakpoint-5-value--3 { padding-bottom: var(--spacing-vertical-small-3) }
      .pad--bottom-breakpoint-5-value--2 { padding-bottom: var(--spacing-vertical-small-2) }
      .pad--bottom-breakpoint-5-value--1 { padding-bottom: var(--spacing-vertical-small) }
      .pad--bottom-breakpoint-5-value-0 { padding-bottom: var(--spacing-vertical) }
      .pad--bottom-breakpoint-5-value-1 { padding-bottom: var(--spacing-vertical-large) }
      .pad--bottom-breakpoint-5-value-2 { padding-bottom: var(--spacing-vertical-large-2) }
      .pad--bottom-breakpoint-5-value-3 { padding-bottom: var(--spacing-vertical-large-3) }
      .pad--bottom-breakpoint-5-value-4 { padding-bottom: var(--spacing-vertical-large-4) }
      .pad--bottom-breakpoint-5-value-5 { padding-bottom: var(--spacing-vertical-large-5) }
    
          }
        
    
    
      
      
      /* Should this work differently? Vertical grid system? */
      .pad--left-value-halfViewport { padding-left: 50vw }

      .pad--left-value-null { padding-left: 0 }
      .pad--left-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-value-5 { padding-left: var(--spacing-vertical-large-5) }
    

      
          @media (min-width: 0) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-0-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-0-value-null { padding-left: 0 }
      .pad--left-breakpoint-0-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-0-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-0-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-0-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-0-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-0-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-0-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-0-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-0-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-0-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-0-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 640px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-1-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-1-value-null { padding-left: 0 }
      .pad--left-breakpoint-1-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-1-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-1-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-1-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-1-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-1-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-1-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-1-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-1-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-1-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-1-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 768px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-2-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-2-value-null { padding-left: 0 }
      .pad--left-breakpoint-2-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-2-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-2-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-2-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-2-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-2-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-2-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-2-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-2-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-2-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-2-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1024px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-3-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-3-value-null { padding-left: 0 }
      .pad--left-breakpoint-3-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-3-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-3-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-3-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-3-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-3-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-3-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-3-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-3-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-3-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-3-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1280px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-4-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-4-value-null { padding-left: 0 }
      .pad--left-breakpoint-4-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-4-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-4-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-4-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-4-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-4-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-4-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-4-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-4-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-4-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-4-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1536px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--left-breakpoint-5-value-halfViewport { padding-left: 50vw }

      .pad--left-breakpoint-5-value-null { padding-left: 0 }
      .pad--left-breakpoint-5-value--5 { padding-left: var(--spacing-vertical-small-5) }
      .pad--left-breakpoint-5-value--4 { padding-left: var(--spacing-vertical-small-4) }
      .pad--left-breakpoint-5-value--3 { padding-left: var(--spacing-vertical-small-3) }
      .pad--left-breakpoint-5-value--2 { padding-left: var(--spacing-vertical-small-2) }
      .pad--left-breakpoint-5-value--1 { padding-left: var(--spacing-vertical-small) }
      .pad--left-breakpoint-5-value-0 { padding-left: var(--spacing-vertical) }
      .pad--left-breakpoint-5-value-1 { padding-left: var(--spacing-vertical-large) }
      .pad--left-breakpoint-5-value-2 { padding-left: var(--spacing-vertical-large-2) }
      .pad--left-breakpoint-5-value-3 { padding-left: var(--spacing-vertical-large-3) }
      .pad--left-breakpoint-5-value-4 { padding-left: var(--spacing-vertical-large-4) }
      .pad--left-breakpoint-5-value-5 { padding-left: var(--spacing-vertical-large-5) }
    
          }
        
    
    
      
      
      /* Should this work differently? Vertical grid system? */
      .pad--right-value-halfViewport { padding-right: 50vw }

      .pad--right-value-null { padding-right: 0 }
      .pad--right-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-value-5 { padding-right: var(--spacing-vertical-large-5) }
    

      
          @media (min-width: 0) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-0-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-0-value-null { padding-right: 0 }
      .pad--right-breakpoint-0-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-0-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-0-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-0-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-0-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-0-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-0-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-0-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-0-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-0-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-0-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 640px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-1-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-1-value-null { padding-right: 0 }
      .pad--right-breakpoint-1-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-1-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-1-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-1-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-1-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-1-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-1-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-1-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-1-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-1-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-1-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 768px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-2-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-2-value-null { padding-right: 0 }
      .pad--right-breakpoint-2-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-2-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-2-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-2-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-2-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-2-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-2-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-2-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-2-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-2-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-2-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1024px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-3-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-3-value-null { padding-right: 0 }
      .pad--right-breakpoint-3-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-3-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-3-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-3-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-3-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-3-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-3-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-3-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-3-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-3-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-3-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1280px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-4-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-4-value-null { padding-right: 0 }
      .pad--right-breakpoint-4-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-4-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-4-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-4-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-4-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-4-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-4-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-4-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-4-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-4-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-4-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
          }
        
          @media (min-width: 1536px) {
            
      /* Should this work differently? Vertical grid system? */
      .pad--right-breakpoint-5-value-halfViewport { padding-right: 50vw }

      .pad--right-breakpoint-5-value-null { padding-right: 0 }
      .pad--right-breakpoint-5-value--5 { padding-right: var(--spacing-vertical-small-5) }
      .pad--right-breakpoint-5-value--4 { padding-right: var(--spacing-vertical-small-4) }
      .pad--right-breakpoint-5-value--3 { padding-right: var(--spacing-vertical-small-3) }
      .pad--right-breakpoint-5-value--2 { padding-right: var(--spacing-vertical-small-2) }
      .pad--right-breakpoint-5-value--1 { padding-right: var(--spacing-vertical-small) }
      .pad--right-breakpoint-5-value-0 { padding-right: var(--spacing-vertical) }
      .pad--right-breakpoint-5-value-1 { padding-right: var(--spacing-vertical-large) }
      .pad--right-breakpoint-5-value-2 { padding-right: var(--spacing-vertical-large-2) }
      .pad--right-breakpoint-5-value-3 { padding-right: var(--spacing-vertical-large-3) }
      .pad--right-breakpoint-5-value-4 { padding-right: var(--spacing-vertical-large-4) }
      .pad--right-breakpoint-5-value-5 { padding-right: var(--spacing-vertical-large-5) }
    
          }
        
    
    

  .picture {
    display: block;
    position: relative;
    overflow: hidden;
  }

  .picture--cover {
    width: 100%;
    height: 100%;
  }

  .picture--background {
    background: var(--color-background-inverted);
  }

  .picture--overlay::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: 150ms opacity ease-out;
    background: linear-gradient(
      rgba(0, 0, 0, 1),
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.25)
    );
    mix-blend-mode: multiply;
    opacity: 0.6;
  }

  .picture--overlay--type-bottom::before {
    background: linear-gradient(
      var(--color-background-inverted),
      var(--color-background-inverted),
      rgba(0, 0, 0, 1)
    );
    mix-blend-mode: multiply;
    opacity: 0.4;
  }

  .picture--overlayHover:hover::before {
    transition: 30ms opacity ease-out;
    opacity: 0.2;
  }

  .picture--inline {
    display: inline;
  }

  .picture--logo img {
    max-height: 4em;
    object-fit: contain;
    object-position: top left;
  }

  .picture__image {
    mix-blend-mode: lighten;
    width: 100%;
  }

  .picture__image--circle {
    border-radius: 50%;
  }

  .picture__image--cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .picture__image--gray {
    filter: grayscale(1);
    opacity: 0.7;
  }

  .picture__image--rounded {
    border-radius: var(--border-radius-small-2);
  }

  .picture__image--inline {
    display: inline-block;
  }

  .picture__image--aspect {
    max-height: 75vh;
  }

  .picture__image--aspect-square {
    object-fit: cover;
    aspect-ratio: 1;
  }

  .picture__image--aspect-portrait {
    object-fit: cover;
    aspect-ratio: 2 / 3;
    /* 
      Workaround because of strange support for aspect-ratio in Safari
      This is a hack to make sure the image doesn't get too wide, works well enough on mobile to make it OK  
    */
    max-width: calc(min(50vw, 60vh) - var(--columns-page-margin));
  }

  .picture__image--aspect-landscape {
    object-fit: cover;
    aspect-ratio: 3 / 2;
  }

  .portableText--muted {
    color: var(--color-text-muted);
  }

  .portableText__introduction {
    font-size: var(--font-size-large-3);
    line-height: var(--line-height-small-2);
  }

  .portableText__introduction:not(:last-child) {
    margin-bottom: var(--spacing-vertical-large-2);
  }

  .portableText__introduction:not(:first-child),
  .portableText__list:not(:first-child),
  .portableText__paragraph:not(:first-child) {
    margin-top: var(--spacing-vertical);
  }

  .portableText__listItem:not(:first-child) {
    margin-top: var(--spacing-vertical-small);
  }

  .portableText figure:not(:first-child) {
    margin-top: var(--spacing-vertical-large);
    margin-bottom: var(--spacing-vertical-large);
  }

  .siteFooter .portableText__introduction:not(:first-child),
  .siteFooter .portableText__list:not(:first-child),
  .siteFooter .portableText__listItem:not(:first-child),
  .siteFooter .portableText__paragraph:not(:first-child) {
    margin-top: 0;
  }

  .portableText__list {
    padding-left: var(--spacing-vertical-large-2);
  }

  .portableText__list--bullet {
    list-style: none;
  }

  .portableText__listItem--bullet::before {
    content: "•";
    display: inline-block;
    float: left;
    text-indent: calc(var(--spacing-vertical-large-2) * -1);
  }

  .portableText__heading--visualLevel-1:not(:first-child) {
    margin-top: var(--spacing-vertical);
  }

  .portableText__heading--visualLevel-2:not(:first-child) {
    margin-top: var(--spacing-vertical-large-3);
  }

  .portableText__heading--visualLevel-3:not(:first-child) {
    margin-top: var(--spacing-vertical-large-3);
  }

  .portableText__heading--visualLevel-4:not(:first-child) {
    margin-top: var(--spacing-vertical-large-2);
  }

  .portableText__heading--visualLevel-5:not(:first-child),
  .portableText__heading--visualLevel-6:not(:first-child) {
    margin-top: var(--spacing-vertical-large-2);
  }

  .siteFooter .portableText__heading--visualLevel-1:not(:first-child),
  .siteFooter .portableText__heading--visualLevel-2:not(:first-child),
  .siteFooter .portableText__heading--visualLevel-3:not(:first-child),
  .siteFooter .portableText__heading--visualLevel-4:not(:first-child),
  .siteFooter .portableText__heading--visualLevel-5:not(:first-child),
  .siteFooter .portableText__heading--visualLevel-6:not(:first-child) {
    margin-top: var(--spacing-vertical-large);
  }

  .portableText__link {
  }

  .portableText__figure {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .portableText__figureImage {
    max-height: 80vh;
    width: auto;
    height: auto;
  }

  .portableText__figureCaption {
    color: var(--color-text-muted);
    font-size: var(--font-size-small);
    line-height: var(--line-height-large);
  }

  .reviewsSection__review__avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--color-blue-300);
  }
  .reviewsSection__review__header {
    align-items: center;
  }
  .reviewsSection__review {
    padding: var(--spacing-vertical) var(--spacing-horizontal);
    border: 1px solid var(--color-gray-300);
    border-radius: var(--border-radius);
    font-size: var(--font-size-small);
  }

  .siteFooter {
    background: var(--color-footer-background);
    min-height: 100vh;
  }

  .siteFooter__logo-column {
    mix-blend-mode: multiply;
  }

  .siteFooter__sb-logo {
    filter: grayscale(1);
    opacity: 1;
    max-width: 8em;
    margin-top: 1em;
  }

  .siteHeader {
    border-bottom: 1px solid var(--color-border-muted);
    background: var(--color-background);
    color: var(--color-text-inverted);
    padding-bottom: 0.05em;
    min-height: var(--site-header-height);
  }

  
      
      .siteHeader--overlay-value-true {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: var(--color-brand);
        border: none;
      }
    

      
          @media (min-width: 0) {
            
      .siteHeader--overlay-breakpoint-0-value-true {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: var(--color-brand);
        border: none;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .siteHeader--overlay-breakpoint-1-value-true {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: var(--color-brand);
        border: none;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .siteHeader--overlay-breakpoint-2-value-true {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: var(--color-brand);
        border: none;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .siteHeader--overlay-breakpoint-3-value-true {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: var(--color-brand);
        border: none;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .siteHeader--overlay-breakpoint-4-value-true {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: var(--color-brand);
        border: none;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .siteHeader--overlay-breakpoint-5-value-true {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: var(--color-brand);
        border: none;
      }
    
          }
        
    

  
      
      .siteHeader--invertLogo-value-true .siteHeader__logo {
        color: var(--color-text-inverted);
      }

      .siteHeader--invertLogo-value-false .siteHeader__logo {
        color: var(--color-text);
      }
    

      
          @media (min-width: 0) {
            
      .siteHeader--invertLogo-breakpoint-0-value-true .siteHeader__logo {
        color: var(--color-text-inverted);
      }

      .siteHeader--invertLogo-breakpoint-0-value-false .siteHeader__logo {
        color: var(--color-text);
      }
    
          }
        
          @media (min-width: 640px) {
            
      .siteHeader--invertLogo-breakpoint-1-value-true .siteHeader__logo {
        color: var(--color-text-inverted);
      }

      .siteHeader--invertLogo-breakpoint-1-value-false .siteHeader__logo {
        color: var(--color-text);
      }
    
          }
        
          @media (min-width: 768px) {
            
      .siteHeader--invertLogo-breakpoint-2-value-true .siteHeader__logo {
        color: var(--color-text-inverted);
      }

      .siteHeader--invertLogo-breakpoint-2-value-false .siteHeader__logo {
        color: var(--color-text);
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .siteHeader--invertLogo-breakpoint-3-value-true .siteHeader__logo {
        color: var(--color-text-inverted);
      }

      .siteHeader--invertLogo-breakpoint-3-value-false .siteHeader__logo {
        color: var(--color-text);
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .siteHeader--invertLogo-breakpoint-4-value-true .siteHeader__logo {
        color: var(--color-text-inverted);
      }

      .siteHeader--invertLogo-breakpoint-4-value-false .siteHeader__logo {
        color: var(--color-text);
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .siteHeader--invertLogo-breakpoint-5-value-true .siteHeader__logo {
        color: var(--color-text-inverted);
      }

      .siteHeader--invertLogo-breakpoint-5-value-false .siteHeader__logo {
        color: var(--color-text);
      }
    
          }
        
    

  .hide-on-mobile {
    display: none;
  }

  .no-wrap {
    white-space: nowrap;
  }

  .tagline {
    white-space: nowrap;
  }

  [data-menu="open"] .tagline {
    display: block;
    white-space: normal;
  }

  @media (min-width: 768px) {
    .hide-on-mobile {
      display: block;
    }
  }

  .slideshow {
    position: relative;
  }

  
      
      .slideshow--cover-value-true,
      .slideshow--cover-value-true .slideshow__item,
    .slideshow--cover-value-true .figure {
        width: 100%;
        height: 100%;
      }
    

      
          @media (min-width: 0) {
            
      .slideshow--cover-breakpoint-0-value-true,
      .slideshow--cover-breakpoint-0-value-true .slideshow__item,
    .slideshow--cover-breakpoint-0-value-true .figure {
        width: 100%;
        height: 100%;
      }
    
          }
        
          @media (min-width: 640px) {
            
      .slideshow--cover-breakpoint-1-value-true,
      .slideshow--cover-breakpoint-1-value-true .slideshow__item,
    .slideshow--cover-breakpoint-1-value-true .figure {
        width: 100%;
        height: 100%;
      }
    
          }
        
          @media (min-width: 768px) {
            
      .slideshow--cover-breakpoint-2-value-true,
      .slideshow--cover-breakpoint-2-value-true .slideshow__item,
    .slideshow--cover-breakpoint-2-value-true .figure {
        width: 100%;
        height: 100%;
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .slideshow--cover-breakpoint-3-value-true,
      .slideshow--cover-breakpoint-3-value-true .slideshow__item,
    .slideshow--cover-breakpoint-3-value-true .figure {
        width: 100%;
        height: 100%;
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .slideshow--cover-breakpoint-4-value-true,
      .slideshow--cover-breakpoint-4-value-true .slideshow__item,
    .slideshow--cover-breakpoint-4-value-true .figure {
        width: 100%;
        height: 100%;
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .slideshow--cover-breakpoint-5-value-true,
      .slideshow--cover-breakpoint-5-value-true .slideshow__item,
    .slideshow--cover-breakpoint-5-value-true .figure {
        width: 100%;
        height: 100%;
      }
    
          }
        
    

  .slideshow__item {
    transition: opacity 500ms linear;
  }

  .slideshow__item--active .slideshow__item:not(.slideshow__item--current) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition-delay: 500ms;
    z-index: 0;
  }

  .slideshow__item--current {
    position: relative;
    transition-delay: 0;
    z-index: 2;
  }

  .slideshow__item .figure figcaption {
    display: none;
  }

  .slideshowNavigation {
    display: flex;
    gap: var(--spacing-horizontal-small-3);
    margin-bottom: var(--spacing-vertical-small-2);
  }

  @media (min-width: 768px) {
    .slideshowNavigation {
      margin-bottom: var(--spacing-vertical-large-2);
    }
  }

  .slideshowNavigation__link {
    width: 0.75rem;
    height: 0.75rem;
    border: 0.2rem var(--color-link) solid;
    background: var(--color-link);
    border-radius: 50%;
    cursor: pointer;
  }

  .slideshowNavigation__link:hover {
    border-color: var(--color-link-hover);
    background-color: var(--color-link-hover);
  }

  .slideshowNavigation__link:active {
    border-color: var(--color-link-active);
    background-color: var(--color-link-active);
  }

  .slideshowNavigation__link--active,
  .slideshowNavigation__link--active:hover,
  .slideshowNavigation__link--active:active {
    background: none;
  }

  
      
      .slideshowNavigation--invert-value-true .slideshowNavigation__link {
        border-color: var(--color-link-inverted);
        background-color: transparent;
      }

      .slideshowNavigation--invert-value-true .slideshowNavigation__link:hover {
        border-color: var(--color-link-inverted-hover);
        background-color: var(--color-link-inverted-hover);
      }

      .slideshowNavigation--invert-value-true .slideshowNavigation__link:active {
        border-color: var(--color-link-inverted-active);
        background-color: var(--color-link-inverted-active);
      }

      .slideshowNavigation--invert-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-value-true .slideshowNavigation__link--active:active {
        /* background: none; */
        background-color: var(--color-link-inverted);
      }
    

      
          @media (min-width: 0) {
            
      .slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link {
        border-color: var(--color-link-inverted);
        background-color: transparent;
      }

      .slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link:hover {
        border-color: var(--color-link-inverted-hover);
        background-color: var(--color-link-inverted-hover);
      }

      .slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link:active {
        border-color: var(--color-link-inverted-active);
        background-color: var(--color-link-inverted-active);
      }

      .slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-0-value-true .slideshowNavigation__link--active:active {
        /* background: none; */
        background-color: var(--color-link-inverted);
      }
    
          }
        
          @media (min-width: 640px) {
            
      .slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link {
        border-color: var(--color-link-inverted);
        background-color: transparent;
      }

      .slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link:hover {
        border-color: var(--color-link-inverted-hover);
        background-color: var(--color-link-inverted-hover);
      }

      .slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link:active {
        border-color: var(--color-link-inverted-active);
        background-color: var(--color-link-inverted-active);
      }

      .slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-1-value-true .slideshowNavigation__link--active:active {
        /* background: none; */
        background-color: var(--color-link-inverted);
      }
    
          }
        
          @media (min-width: 768px) {
            
      .slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link {
        border-color: var(--color-link-inverted);
        background-color: transparent;
      }

      .slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link:hover {
        border-color: var(--color-link-inverted-hover);
        background-color: var(--color-link-inverted-hover);
      }

      .slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link:active {
        border-color: var(--color-link-inverted-active);
        background-color: var(--color-link-inverted-active);
      }

      .slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-2-value-true .slideshowNavigation__link--active:active {
        /* background: none; */
        background-color: var(--color-link-inverted);
      }
    
          }
        
          @media (min-width: 1024px) {
            
      .slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link {
        border-color: var(--color-link-inverted);
        background-color: transparent;
      }

      .slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link:hover {
        border-color: var(--color-link-inverted-hover);
        background-color: var(--color-link-inverted-hover);
      }

      .slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link:active {
        border-color: var(--color-link-inverted-active);
        background-color: var(--color-link-inverted-active);
      }

      .slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-3-value-true .slideshowNavigation__link--active:active {
        /* background: none; */
        background-color: var(--color-link-inverted);
      }
    
          }
        
          @media (min-width: 1280px) {
            
      .slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link {
        border-color: var(--color-link-inverted);
        background-color: transparent;
      }

      .slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link:hover {
        border-color: var(--color-link-inverted-hover);
        background-color: var(--color-link-inverted-hover);
      }

      .slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link:active {
        border-color: var(--color-link-inverted-active);
        background-color: var(--color-link-inverted-active);
      }

      .slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-4-value-true .slideshowNavigation__link--active:active {
        /* background: none; */
        background-color: var(--color-link-inverted);
      }
    
          }
        
          @media (min-width: 1536px) {
            
      .slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link {
        border-color: var(--color-link-inverted);
        background-color: transparent;
      }

      .slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link:hover {
        border-color: var(--color-link-inverted-hover);
        background-color: var(--color-link-inverted-hover);
      }

      .slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link:active {
        border-color: var(--color-link-inverted-active);
        background-color: var(--color-link-inverted-active);
      }

      .slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link--active,
    .slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link--active:hover,
    .slideshowNavigation--invert-breakpoint-5-value-true .slideshowNavigation__link--active:active {
        /* background: none; */
        background-color: var(--color-link-inverted);
      }
    
          }
        
    

  .stack {
    display: flex;
  }

  .stack--justifyStart {
    justify-content: flex-start;
  }

  .stack--justifyEnd {
    justify-content: flex-end;
  }

  .stack--justifyCenter {
    justify-content: center;
  }

  .stack--justifySpaceAround {
    justify-content: space-around;
  }

  .stack--justifySpaceBetween {
    justify-content: space-between;
  }

  .stack--alignStart {
    align-items: flex-start;
  }

  .stack--alignEnd {
    align-items: flex-end;
  }

  .stack--alignCenter {
    justify-items: center;
  }

  .stack--vertical {
    flex-direction: column;
  }

  .stack--horizontal {
    flex-direction: row;
  }

  .stack--vertical.stack--compact {
    max-height: max-content;
  }

  .stack--horizontal.stack--compact {
    max-width: max-content;
  }

  .stack--vertical > .stack__item {
    max-width: 100%;
  }

  .stack__item:empty {
    display: none;
  }

  /* Should this be generated? */
  .stack--vertical.stack--gap-5 {
    --spacing: var(--spacing-vertical-small-5);
  }
  .stack--vertical.stack--gap-4 {
    --spacing: var(--spacing-vertical-small-4);
  }
  .stack--vertical.stack--gap-3 {
    --spacing: var(--spacing-vertical-small-3);
  }
  .stack--vertical.stack--gap-2 {
    --spacing: var(--spacing-vertical-small-2);
  }
  .stack--vertical.stack--gap-1 {
    --spacing: var(--spacing-vertical-small);
  }
  .stack--vertical.stack--gap0 {
    --spacing: var(--spacing-vertical);
  }
  .stack--vertical.stack--gap1 {
    --spacing: var(--spacing-vertical-large);
  }
  .stack--vertical.stack--gap2 {
    --spacing: var(--spacing-vertical-large-2);
  }
  .stack--vertical.stack--gap3 {
    --spacing: var(--spacing-vertical-large-3);
  }
  .stack--vertical.stack--gap4 {
    --spacing: var(--spacing-vertical-large-4);
  }
  .stack--vertical.stack--gap5 {
    --spacing: var(--spacing-vertical-large-5);
  }

  .stack--vertical[class*=" stack--gap"] > .stack__item:not(:last-child),
  .stack--vertical[class^="stack--gap"] > .stack__item:not(:last-child) {
    padding-bottom: var(--spacing);
  }

  .stack--vertical.stack--dividers > .stack__item:not(:last-child) {
    border-bottom: var(--border-width-normal) solid var(--color-border-muted);
    margin-bottom: var(--spacing);
  }

  .stack--horizontal.stack--gap-5 {
    --spacing: var(--spacing-horizontal-small-5);
  }
  .stack--horizontal.stack--gap-4 {
    --spacing: var(--spacing-horizontal-small-4);
  }
  .stack--horizontal.stack--gap-3 {
    --spacing: var(--spacing-horizontal-small-3);
  }
  .stack--horizontal.stack--gap-2 {
    --spacing: var(--spacing-horizontal-small-2);
  }
  .stack--horizontal.stack--gap-1 {
    --spacing: var(--spacing-horizontal-small);
  }
  .stack--horizontal.stack--gap0 {
    --spacing: var(--spacing-horizontal);
  }
  .stack--horizontal.stack--gap1 {
    --spacing: var(--spacing-horizontal-large);
  }
  .stack--horizontal.stack--gap2 {
    --spacing: var(--spacing-horizontal-large-2);
  }
  .stack--horizontal.stack--gap3 {
    --spacing: var(--spacing-horizontal-large-3);
  }
  .stack--horizontal.stack--gap4 {
    --spacing: var(--spacing-horizontal-large-4);
  }
  .stack--horizontal.stack--gap5 {
    --spacing: var(--spacing-horizontal-large-5);
  }

  .stack--horizontal[class*=" stack--gap"] > .stack__item:not(:last-child),
  .stack--horizontal[class^="stack--gap"] > .stack__item:not(:last-child) {
    padding-right: var(--spacing);
  }

  .stack--horizontal.stack--dividers > .stack__item:not(:last-child) {
    border-right: var(--border-width-normal) solid var(--color-border-muted);
    margin-right: var(--spacing);
  }

  .tabs__navigation {
    display: flex;
    margin-bottom: var(--spacing-vertical-large);
    border: var(--border-width-large) var(--color-link) solid;
    user-select: none;
    /* position: sticky;
    top: calc(var(--site-header-height) + var(--spacing-vertical-small));
    z-index: 10;
    background: oklch(from var(--color-background) l c h / 0.8);
    backdrop-filter: blur(10px); */
  }

  .tabs__link {
    display: block;
    color: var(--color-link);
    font-size: var(--font-size-small);
    line-height: var(--line-height-large);
    padding: var(--spacing-vertical-small-2) var(--spacing-horizontal-small);
    flex-grow: 1;
    text-align: center;
  }

  .tabs__link--active {
    background: var(--color-link-inverted-background);
    border-color: var(--color-link-inverted-border);
    color: var(--color-link-inverted);
  }

  .tabs__link--active:hover,
  .tabs__link--active:active {
    cursor: default;
    color: var(--color-link-inverted);
  }

  .tabs__content--inactive {
    display: none;
  }

  .text--strong {
    /* Handled by reset? */
    /*font-weight: bold;*/
  }

  .text--emphasis {
    /* Handled by reset? */
    /*font-style: italic;*/
  }

  .text--antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .text--left {
    text-align: left;
  }

  .text--center {
    text-align: center;
  }

  .text--right {
    text-align: right;
  }

  .text--large {
    font-size: var(--font-size-large);
    line-height: var(--line-height-normal);
  }

  .text--small {
    font-size: var(--font-size-small);
    line-height: var(--line-height-large);
  }

  .text--smaller {
    font-size: var(--font-size-small-2);
    line-height: var(--line-height-large);
  }

  .text--lower-case {
    text-transform: lowercase;
  }

  .text--muted {
    color: var(--color-text-muted);
  }

  .text--highlighted {
    color: var(--color-text-highlighted);
  }

  .text--striked {
    /* color: var(--color-text-highlighted); */
    text-decoration: line-through;
  }

  .text--tabular-numbers {
    font-variant-numeric: lining-nums;
    /* font-variant-numeric: tabular-nums; */
    /* There's a bug in the font files */
  }

  .text--lining-numbers {
    font-variant-numeric: lining-nums;
  }

  .toggleMore {
    display: grid;
    gap: var(--spacing-vertical);
  }

  .toggleMore--active .toggleMore__content {
    display: none;
  }

  .toggleMore--expanded .toggleMore__content {
    display: block;
  }

  .toggleMore--active .toggleMore__contractButton {
    display: none;
  }

  .toggleMore--expanded .toggleMore__contractButton {
    display: block;
  }

  .toggleMore--expanded .toggleMore__expandButton {
    display: none;
  }

  
  
    
  .frontPage__bigHeroLink {
    font-size: var(--font-size-large-3);
    letter-spacing: -0.021em;
    padding: 0.3em 0.65em;
    border-radius: 2em;
    background: rgba(255, 255, 255, 0.12);
    border-color: transparent;
    line-height: 1;
  }

  @media (min-width: 768px) {
    .frontPage__bigHeroLink {
      font-size: var(--font-size-large-4);
      margin-left: calc(var(--spacing-page-margin-horizontal) * -0.5);
      margin-right: calc(var(--spacing-page-margin-horizontal) * -0.5);
    }
  }

  .frontPage__bigHeroLink:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: transparent;

    /* border: 3px dashed; */
  }

  .frontPage__bigHeroLink:active {
    background: transparent;
  }

  @supports (backdrop-filter: blur(1px)) {
    .frontPage__bigHeroLink {
      backdrop-filter: blur(0.35em);
    }
    .frontPage__bigHeroLink:hover {
      backdrop-filter: blur(0.7em);
    }
    .frontPage__bigHeroLink:active {
      backdrop-filter: blur(0.2em);
    }
  }

  
  
  .text-block-heading {
    font-size: var(--font-size-large-3);
    line-height: var(--line-height-small-2);
    font-weight: 400;
    color: var(--color-text-dark);
  }

  .text-block-subhead {
    font-size: var(--font-size-large);
    line-height: var(--line-height-small-2);
    font-weight: 600;
  }

  .text-block-normal {
    font-size: var(--font-size-normal);
    line-height: var(--line-height-normal);
  }

  .text-block-small {
    font-size: var(--font-size-small);
    line-height: var(--line-height-large);
  }

  .text-inline-code {
    font-size: 0.8em;
    background: var(--color-text-light);
  }

  .visually-hidden {
    display: none;
  }

  .border-top {
    border-top: 1px solid;
    padding-top: 0.2em;
    line-height: var(--line-height-small-2);
  }

  /*.wrapper--main {
    margin-top: 10%;
  }*/

  
  input,
  textarea {
    font-size: inherit;
    line-height: var(--line-height-small-2);
    font-weight: inherit;
    color: inherit;
    border: none;
    border-bottom: var(--border-width-large) solid;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    padding: var(--spacing-vertical-small-4) 0;
    margin: var(--spacing-vertical-small-4) 0;
    background: transparent;
  }

  input:focus {
    border-bottom-color: var(--color-link);
    outline: none;
  }

  .hidden-until-form-focus {
    display: none;
  }
  form:focus-within .hidden-until-form-focus {
    display: initial;
  }