/* ===================== colours (ante-import-colours) ===================== */
/* Base theme */
  :root {
    --base-color-background: #FFFFFF;
    --base-color-surface-100: #F6F6F6;
    --base-color-surface: #F3F3F3;
    --base-color-surface-900: #E2E2E2;
    --base-color-surface-alt-100: #EEF9FB;
    --base-color-surface-alt: #E1F0F5;
    --base-color-surface-alt-900: #D3E8F0;
    --base-color-border: #D4D1CD;
    --base-color-border-active: #0E7490;
    --base-color-border-alt: #D3E8F0;
    --base-color-border-alt-active: #0E7490;
    --base-color-text-default: #020B1E;
    --base-color-text-muted: #4E5462;
    --base-color-text-faint: #8E8E8E;
    --base-color-text-alt: #11657C;
    --base-color-text-link: #0F75FF;
    --base-color-text-price: #118F39;
    --base-color-text-price-alt: #0F75FF;
    --base-color-button: #0F75FF;
    --base-color-button-hover: #0E57B9;
    --base-color-button-text: #FFFFFF;
    --base-color-button-border: transparent;
    --base-color-button-alt: transparent;
    --base-color-button-alt-hover: #EAF0FF;
    --base-color-button-alt-text: #020B1E;
    --base-color-button-alt-border: #020B1E;
    --base-color-tab: #FFFFFF;
    --base-color-tab-text: #020B1E;
    --base-color-tab-border: #D4D1CD;
    --base-color-tab-active: #0E7490;
    --base-color-tab-active-text: #FFFFFF;
    --base-color-tab-active-border: #D4D1CD;
    --base-color-accent-background: #EAF0FF;
    --base-color-accent-text: #2B395E;
    --base-color-accent-alt-background: #2B395E;
    --base-color-accent-alt-text: #FFFFFF;
    --base-color-accent-alt-2-background: #0E7490;
    --base-color-accent-alt-2-text: #FFFFFF;
    --base-color-system-true: #C1FFB8;
    --base-color-system-true-text: #387843;
    --base-color-system-false: #FFB4B3;
    --base-color-system-false-text: #EB4342;
    --base-color-input-background: #FFFFFF;
    --base-color-input-text: #020B1E;
    --base-color-elevated-shadow: transparent;
    --inverse-color-background: linear-gradient(135deg, #2B395E 0%, #0D1B48 100%);
    --inverse-color-surface-100: rgba(255, 255, 255, 0.08);
    --inverse-color-surface: rgba(255, 255, 255, 0.04);
    --inverse-color-surface-900: rgba(0, 0, 0, 0.12);
    --inverse-color-surface-alt-100: #EEF9FB;
    --inverse-color-surface-alt: #E1F0F5;
    --inverse-color-surface-alt-900: #D3E8F0;
    --inverse-color-border: #6F7A92;
    --inverse-color-border-active: #0E7490;
    --inverse-color-border-alt: #6F7A92;
    --inverse-color-border-alt-active: #0E7490;
    --inverse-color-text-default: #FFFFFF;
    --inverse-color-text-muted: #EFEFEF;
    --inverse-color-text-faint: #949BAD;
    --inverse-color-text-alt: #8ABCFF;
    --inverse-color-text-link: #4CC3D1;
    --inverse-color-text-price: #43C362;
    --inverse-color-text-price-alt: #FFB4B3;
    --inverse-color-button: #0F75FF;
    --inverse-color-button-hover: #0E57B9;
    --inverse-color-button-text: #FFFFFF;
    --inverse-color-button-border: transparent;
    --inverse-color-button-alt: transparent;
    --inverse-color-button-alt-hover: rgba(0, 0, 0, 0.12);
    --inverse-color-button-alt-text: #FFFFFF;
    --inverse-color-button-alt-border: #FFFFFF;
    --inverse-color-tab: transparent;
    --inverse-color-tab-text: #FFFFFF;
    --inverse-color-tab-border: #6F7A92;
    --inverse-color-tab-active: #FFFFFF;
    --inverse-color-tab-active-text: #020B1E;
    --inverse-color-tab-active-border: #6F7A92;
    --inverse-color-accent-background: #EAF0FF;
    --inverse-color-accent-text: #2B395E;
    --inverse-color-accent-alt-background: #FFFFFF;
    --inverse-color-accent-alt-text: #020B10;
    --inverse-color-accent-alt-2-background: #8ABCFF;
    --inverse-color-accent-alt-2-text: #020B10;
    --inverse-color-system-true: #C1FFB8;
    --inverse-color-system-true-text: #387843;
    --inverse-color-system-false: #FFB4B3;
    --inverse-color-system-false-text: #EB4342;
    --inverse-color-input-background: #FFFFFF;
    --inverse-color-input-text: #020B1E;
    --inverse-color-elevated-shadow: transparent;
    --color-background: var(--base-color-background);
    --color-surface-100: var(--base-color-surface-100);
    --color-surface: var(--base-color-surface);
    --color-surface-900: var(--base-color-surface-900);
    --color-surface-alt-100: var(--base-color-surface-alt-100);
    --color-surface-alt: var(--base-color-surface-alt);
    --color-surface-alt-900: var(--base-color-surface-alt-900);
    --color-border: var(--base-color-border);
    --color-border-active: var(--base-color-border-active);
    --color-border-alt: var(--base-color-border-alt);
    --color-border-alt-active: var(--base-color-border-alt-active);
    --color-text-default: var(--base-color-text-default);
    --color-text-muted: var(--base-color-text-muted);
    --color-text-faint: var(--base-color-text-faint);
    --color-text-alt: var(--base-color-text-alt);
    --color-text-link: var(--base-color-text-link);
    --color-text-price: var(--base-color-text-price);
    --color-text-price-alt: var(--base-color-text-price-alt);
    --color-button: var(--base-color-button);
    --color-button-hover: var(--base-color-button-hover);
    --color-button-text: var(--base-color-button-text);
    --color-button-border: var(--base-color-button-border);
    --color-button-alt: var(--base-color-button-alt);
    --color-button-alt-hover: var(--base-color-button-alt-hover);
    --color-button-alt-text: var(--base-color-button-alt-text);
    --color-button-alt-border: var(--base-color-button-alt-border);
    --color-tab: var(--base-color-tab);
    --color-tab-text: var(--base-color-tab-text);
    --color-tab-border: var(--base-color-tab-border);
    --color-tab-active: var(--base-color-tab-active);
    --color-tab-active-text: var(--base-color-tab-active-text);
    --color-tab-active-border: var(--base-color-tab-active-border);
    --color-accent-background: var(--base-color-accent-background);
    --color-accent-text: var(--base-color-accent-text);
    --color-accent-alt-background: var(--base-color-accent-alt-background);
    --color-accent-alt-text: var(--base-color-accent-alt-text);
    --color-accent-alt-2-background: var(--base-color-accent-alt-2-background);
    --color-accent-alt-2-text: var(--base-color-accent-alt-2-text);
    --color-system-true: var(--base-color-system-true);
    --color-system-true-text: var(--base-color-system-true-text);
    --color-system-false: var(--base-color-system-false);
    --color-system-false-text: var(--base-color-system-false-text);
    --color-input-background: var(--base-color-input-background);
    --color-input-text: var(--base-color-input-text);
    --color-elevated-shadow: var(--base-color-elevated-shadow);
  }

  .ante-inverse {
    --color-background: var(--inverse-color-background);
    --color-surface-100: var(--inverse-color-surface-100);
    --color-surface: var(--inverse-color-surface);
    --color-surface-900: var(--inverse-color-surface-900);
    --color-surface-alt-100: var(--inverse-color-surface-alt-100);
    --color-surface-alt: var(--inverse-color-surface-alt);
    --color-surface-alt-900: var(--inverse-color-surface-alt-900);
    --color-border: var(--inverse-color-border);
    --color-border-active: var(--inverse-color-border-active);
    --color-border-alt: var(--inverse-color-border-alt);
    --color-border-alt-active: var(--inverse-color-border-alt-active);
    --color-text-default: var(--inverse-color-text-default);
    --color-text-muted: var(--inverse-color-text-muted);
    --color-text-faint: var(--inverse-color-text-faint);
    --color-text-alt: var(--inverse-color-text-alt);
    --color-text-link: var(--inverse-color-text-link);
    --color-text-price: var(--inverse-color-text-price);
    --color-text-price-alt: var(--inverse-color-text-price-alt);
    --color-button: var(--inverse-color-button);
    --color-button-hover: var(--inverse-color-button-hover);
    --color-button-text: var(--inverse-color-button-text);
    --color-button-border: var(--inverse-color-button-border);
    --color-button-alt: var(--inverse-color-button-alt);
    --color-button-alt-hover: var(--inverse-color-button-alt-hover);
    --color-button-alt-text: var(--inverse-color-button-alt-text);
    --color-button-alt-border: var(--inverse-color-button-alt-border);
    --color-tab: var(--inverse-color-tab);
    --color-tab-text: var(--inverse-color-tab-text);
    --color-tab-border: var(--inverse-color-tab-border);
    --color-tab-active: var(--inverse-color-tab-active);
    --color-tab-active-text: var(--inverse-color-tab-active-text);
    --color-tab-active-border: var(--inverse-color-tab-active-border);
    --color-accent-background: var(--inverse-color-accent-background);
    --color-accent-text: var(--inverse-color-accent-text);
    --color-accent-alt-background: var(--inverse-color-accent-alt-background);
    --color-accent-alt-text: var(--inverse-color-accent-alt-text);
    --color-accent-alt-2-background: var(--inverse-color-accent-alt-2-background);
    --color-accent-alt-2-text: var(--inverse-color-accent-alt-2-text);
    --color-system-true: var(--inverse-color-system-true);
    --color-system-true-text: var(--inverse-color-system-true-text);
    --color-system-false: var(--inverse-color-system-false);
    --color-system-false-text: var(--inverse-color-system-false-text);
    --color-input-background: var(--inverse-color-input-background);
    --color-input-text: var(--inverse-color-input-text);
    --color-elevated-shadow: var(--inverse-color-elevated-shadow);
  }

  .ante-inverse .ante-inverse {
    --color-background: var(--base-color-background);
    --color-surface-100: var(--base-color-surface-100);
    --color-surface: var(--base-color-surface);
    --color-surface-900: var(--base-color-surface-900);
    --color-surface-alt-100: var(--base-color-surface-alt-100);
    --color-surface-alt: var(--base-color-surface-alt);
    --color-surface-alt-900: var(--base-color-surface-alt-900);
    --color-border: var(--base-color-border);
    --color-border-active: var(--base-color-border-active);
    --color-border-alt: var(--base-color-border-alt);
    --color-border-alt-active: var(--base-color-border-alt-active);
    --color-text-default: var(--base-color-text-default);
    --color-text-muted: var(--base-color-text-muted);
    --color-text-faint: var(--base-color-text-faint);
    --color-text-alt: var(--base-color-text-alt);
    --color-text-link: var(--base-color-text-link);
    --color-text-price: var(--base-color-text-price);
    --color-text-price-alt: var(--base-color-text-price-alt);
    --color-button: var(--base-color-button);
    --color-button-hover: var(--base-color-button-hover);
    --color-button-text: var(--base-color-button-text);
    --color-button-border: var(--base-color-button-border);
    --color-button-alt: var(--base-color-button-alt);
    --color-button-alt-hover: var(--base-color-button-alt-hover);
    --color-button-alt-text: var(--base-color-button-alt-text);
    --color-button-alt-border: var(--base-color-button-alt-border);
    --color-tab: var(--base-color-tab);
    --color-tab-text: var(--base-color-tab-text);
    --color-tab-border: var(--base-color-tab-border);
    --color-tab-active: var(--base-color-tab-active);
    --color-tab-active-text: var(--base-color-tab-active-text);
    --color-tab-active-border: var(--base-color-tab-active-border);
    --color-accent-background: var(--base-color-accent-background);
    --color-accent-text: var(--base-color-accent-text);
    --color-accent-alt-background: var(--base-color-accent-alt-background);
    --color-accent-alt-text: var(--base-color-accent-alt-text);
    --color-accent-alt-2-background: var(--base-color-accent-alt-2-background);
    --color-accent-alt-2-text: var(--base-color-accent-alt-2-text);
    --color-system-true: var(--base-color-system-true);
    --color-system-true-text: var(--base-color-system-true-text);
    --color-system-false: var(--base-color-system-false);
    --color-system-false-text: var(--base-color-system-false-text);
    --color-input-background: var(--base-color-input-background);
    --color-input-text: var(--base-color-input-text);
    --color-elevated-shadow: var(--base-color-elevated-shadow);
  }

/* ===================== sizes (ante-import-sizes) ===================== */
:root {
    --content-width: 1792px;

    --section-vertical-padding: 164px;
    --section-horizontal-padding: 64px;
    
    --spacing-large: 128px;
    --spacing-medium-large: 72px;
    --spacing-medium: 56px;
    --spacing-small: 32px;
    --spacing-x-small: 20px;

    --padding-x-large: 48px;
    --padding-large: 28px;
    --padding-medium: 24px;
    --padding-small: 20px;

    --padding-button-x: 28px;
    --padding-button-y: 24px;
    --padding-button: var(--padding-button-y) var(--padding-button-x);
    --padding-button-small-x: 20px;
    --padding-button-small-y: 20px;
    --padding-button-small: var(--padding-button-small-y) var(--padding-button-small-x);
    --padding-tag-x: 8px;
    --padding-tag-y: 6px;
    --padding-tag: var(--padding-tag-y) var(--padding-tag-x);
    --padding-tab-x: 12px;
    --padding-tab-y: 16px;
    --padding-tab: var(--padding-tab-y) var(--padding-tab-x);

    --radius-x-large: 32px;
    --radius-large: 16px;
    --radius-medium: 12px;
    --radius-small: 8px;
    --radius-x-small: 4px;

    --micropad-x-large: 12px;
    --micropad-large: 10px;
    --micropad-medium: 8px;
    --micropad-small: 6px;
    --micropad-x-small: 4px;

    --break-size: 1920px;
    --break-gap: 32px;
    --column-count: 12;

    --width-1: calc((var(--break-size) - (var(--break-gap) * (var(--column-count) - 1)) - (var(--section-horizontal-padding) * 2)) / var(--column-count));
    --width-2: calc(var(--width-1) * 2 + var(--break-gap) * 1);
    --width-3: calc(var(--width-1) * 3 + var(--break-gap) * 2);
    --width-4: calc(var(--width-1) * 4 + var(--break-gap) * 3);
    --width-5: calc(var(--width-1) * 5 + var(--break-gap) * 4);
    --width-6: calc(var(--width-1) * 6 + var(--break-gap) * 5);
    --width-7: calc(var(--width-1) * 7 + var(--break-gap) * 6);
    --width-8: calc(var(--width-1) * 8 + var(--break-gap) * 7);
    --width-9: calc(var(--width-1) * 9 + var(--break-gap) * 8);
    --width-10: calc(var(--width-1) * 10 + var(--break-gap) * 9);
    --width-11: calc(var(--width-1) * 11 + var(--break-gap) * 10);
    --width-12: calc(var(--width-1) * 12 + var(--break-gap) * 11);
  }

  @media (max-width: 1919px) {
    :root {
      --content-width: 1360px;

      --section-vertical-padding: 120px;
      --section-horizontal-padding: 40px;

      --spacing-large: 96px;
      --spacing-medium-large: 56px;
      --spacing-medium: 48px;
      --spacing-small: 24px;
      --spacing-x-small: 16px;

      --padding-x-large: 44px;
      --padding-large: 24px;
      --padding-medium: 20px;
      --padding-small: 16px;

      --padding-button-x: 26px;
      --padding-button-y: 22px;
      --padding-button-small-x: 18px;
      --padding-button-small-y: 18px;
      --padding-tag-x: 8px;
      --padding-tag-y: 6px;
      --padding-tab-x: 12px;
      --padding-tab-y: 16px;

      --break-size: 1440px;
      --break-gap: 24px;
      --column-count: 12;

      --ante-header-height: 72px;
    }

    body.cta-header {
      --ante-header-height: 98px;
    }
  }

  @media (max-width: 1024px) {
    :root {
      --section-vertical-padding: 80px;
      --section-horizontal-padding: 28px;

      --spacing-large: 64px;
      --spacing-medium-large: 48px;
      --spacing-medium: 40px;
      --spacing-small: 20px;
      --spacing-x-small: 14px;

      --break-size: 769px;
      --break-gap: 20px;
      --column-count: 8;
    }
  }

  @media (max-width: 600px) {
    :root {
      --section-vertical-padding: 60px;
      --section-horizontal-padding: 16px;

      --spacing-large: 40px;
      --spacing-medium-large: 32px;
      --spacing-medium: 24px;
      --spacing-small: 16px;
      --spacing-x-small: 12px;

      --padding-x-large: 24px;
      --padding-large: 20px;
      --padding-medium: 16px;
      --padding-small: 12px;

      --padding-button-x: 22px;
      --padding-button-y: 18px;
      --padding-button-small-x: 16px;
      --padding-button-small-y: 12px;
      --padding-tag-x: 6px;
      --padding-tag-y: 4px;
      --padding-tab-x: 8px;
      --padding-tab-y: 12px;

      --break-size: 376px;
      --break-gap: 16px;
      --column-count: 6;
    }
  }

/* ===================== text (ante-import-text) ===================== */
.ante-section :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    all: unset;
    display: block;
    margin: 0;
    font-family: var(--font-heading);
    color: var(--color-text-default);
  }

  .ante-section :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) * {
    font-family: var(--font-heading);
  }

  .ante-section :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) :is([class*="body-"], [class*="callout-"], [class*="display-"]),
  .ante-section :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) :is([class*="body-"], [class*="callout-"], [class*="display-"]) * {
    font-family: revert;
  }

  .ante-section :is(h1, .h1) {
    font-size: 72px;
    line-height: 120%;
  }
  @media (max-width: 1919px) {
    .ante-section :is(h1, .h1) {
      font-size: 66px;
    }
  }
  @media (max-width: 1024px) {
    .ante-section :is(h1, .h1) {
      font-size: 54px;
    }
  }
  @media (max-width: 600px) {
    .ante-section :is(h1, .h1) {
      font-size: 44px;
    }
  }

  .ante-section :is(h2, .h2) {
    font-size: 64px;
    line-height: 120%;
  }
  @media (max-width: 1919px) {
    .ante-section :is(h2, .h2) {
      font-size: 59px;
    }
  }
  @media (max-width: 1024px) {
    .ante-section :is(h2, .h2) {
      font-size: 48px;
    }
  }
  @media (max-width: 600px) {
    .ante-section :is(h2, .h2) {
      font-size: 39px;
    }
  }

  .ante-section :is(h3, .h3) {
    font-size: 48px;
    line-height: 120%;
  }
  @media (max-width: 1919px) {
    .ante-section :is(h3, .h3) {
      font-size: 45px;
    }
  }
  @media (max-width: 1024px) {
    .ante-section :is(h3, .h3) {
      font-size: 37px;
    }
  }
  @media (max-width: 600px) {
    .ante-section :is(h3, .h3) {
      font-size: 31px;
    }
  }

  .ante-section :is(h4, .h4) {
    font-size: 32px;
    line-height: 120%;
  }
  @media (max-width: 1919px) {
    .ante-section :is(h4, .h4) {
      font-size: 30px;
    }
  }
  @media (max-width: 1024px) {
    .ante-section :is(h4, .h4) {
      font-size: 26px;
    }
  }
  @media (max-width: 600px) {
    .ante-section :is(h4, .h4) {
      font-size: 22px;
    }
  }

  .ante-section :is(h5, .h5) {
    font-size: 26px;
    line-height: 140%;
  }
  @media (max-width: 1919px) {
    .ante-section :is(h5, .h5) {
      font-size: 25px;
    }
  }
  @media (max-width: 1024px) {
    .ante-section :is(h5, .h5) {
      font-size: 22px;
    }
  }
  @media (max-width: 600px) {
    .ante-section :is(h5, .h5) {
      font-size: 20px;
    }
  }

  .ante-section :is(h6, .h6) {
    font-size: 20px;
    line-height: 140%;
  }
  @media (max-width: 1919px) {
    .ante-section :is(h6, .h6) {
      font-size: 19px;
    }
  }
  @media (max-width: 1024px) {
    .ante-section :is(h6, .h6) {
      font-size: 18px;
    }
  }
  @media (max-width: 600px) {
    .ante-section :is(h6, .h6) {
      font-size: 17px;
    }
  }

  .ante-section strong,
  .ante-section b,
  .ante-section .bold {
    font-weight: var(--font-weight-bold);
  }

  .ante-section .muted {
    color: var(--color-text-muted);
  }

  .ante-section .faint {
    color: var(--color-text-faint);
  }

  .ante-section a {
    color: var(--color-text-link);
    text-decoration: underline;
    text-decoration-color: currentColor;
  }

  .ante-section a:has(> .faint, > .muted) {
    text-decoration: none;
  }

  .ante-section a > .faint,
  .ante-section a > .muted {
    text-decoration: underline;
  }

  .body-large {
    font-size: 20px;
    line-height: 150%;
  }
  @media (max-width: 1919px) {
    .body-large {
      font-size: 19px;
    }
  }
  @media (max-width: 600px) {
    .body-large {
      font-size: 17px;
    }
  }

  .ante-section,
  .body-base {
    font-size: 18px;
    line-height: 150%;
    font-weight: var(--font-weight-base);
    letter-spacing:  -0.005em;
  }
  @media (max-width: 1919px) {
    .ante-section,
    .body-base {
      font-size: 17px;
    }
  }
  @media (max-width: 600px) {
    .ante-section,
    .body-base {
      font-size: 15px;
    }
  }

  .body-micro {
    font-size: 12px;
    line-height: 150%;
    font-family: var(--font-caption-alt) !important;
    font-weight: var(--font-weight-micro);
    letter-spacing: 0.05em;
  }
  @media (max-width: 1919px) {
    .body-micro {
      font-size: 11px;
    }
  }
  @media (max-width: 600px) {
    .body-micro {
      font-size: 10px;
    }
  }
  .body-micro * {
    font-family: var(--font-caption-alt) !important;
  }

  .body-caption {
    font-size: 16px;
    line-height: 150%;
    font-weight: var(--font-weight-caption);
  }
  @media (max-width: 1919px) {
    .body-caption {
      font-size: 15px;
    }
  }
  @media (max-width: 600px) {
    .body-caption {
      font-size: 13px;
    }
  }

  .body-caption.alt {
    font-family: var(--font-caption-alt) !important;
    font-size: 14px;
    font-weight: var(--font-weight-caption-alt);
    letter-spacing: 0.05em;
  }
  @media (max-width: 600px) {
    .body-caption.alt {
      font-size: 12px;
    }
  }
  .body-caption.alt * {
    font-family: var(--font-caption-alt) !important;
  }

  .callout-base {
    font-size: 48px;
    line-height: 130%;
  }
  @media (max-width: 1919px) {
    .callout-base {
      font-size: 45px;
    }
  }
  @media (max-width: 600px) {
    .callout-base {
      font-size: 31px;
    }
  }

  .callout-price {
    font-size: 20px;
    line-height: 130%;
    font-weight: var(--font-weight-price);
  }
  @media (max-width: 1919px) {
    .callout-price {
      font-size: 18px;
    }
  }
  @media (max-width: 600px) {
    .callout-price {
      font-size: 18px;
    }
  }

  .callout-price.large {
    font-size: 28px;
    line-height: 110%;
  }
  @media (max-width: 1919px) {
    .callout-price.large {
      font-size: 25px;
    }
  }
  @media (max-width: 600px) {
    .callout-price.large {
      font-size: 22px;
    }
  }

  .callout-tab {
    font-size: 18px;
    line-height: 100%;
    font-weight: var(--font-weight-tab);
  }
  @media (max-width: 1919px) {
    .callout-tab {
      font-size: 17px;
    }
  }
  @media (max-width: 600px) {
    .callout-tab {
      font-size: 15px;
    }
  }

  .richtext > *:not(:is(style, script)) {
    display: inline-block !important;
  }

  .richtext > *:is(h1, h2, h3, h4, h5, h6, p, ul, ol) {
    display: block !important;
  }

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

  .richtext :is(p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    margin: var(--spacing-x-small) 0;
  }

  .richtext > :first-child {
    margin-top: 0;
  }

  .richtext > :last-child {
    margin-bottom: 0;
  }

  .richtext ul,
  .richtext ol {
    padding-left: 20px;
  }

  .richtext li {
    list-style: initial;
  }

  .richtext li ~ li {
    margin-top: var(--spacing-x-small);
  }

  .richtext p:empty {
    display: block;
    height: var(--spacing-small);
  }

  .ante-text-svg {
    height: 0;
    display: inline-grid;
    vertical-align: middle;
  }

  .ante-text-svg svg {
    height: 1lh;
    width: auto;
    transform: translateY(-64%);
    display: inline-block;
  }

/* ===================== buttons (ante-import-buttons) ===================== */
:root {
    --button-border-radius: 100px;
    --button-font-size: 24px;
    --button-font-weight: var(--font-weight-button);
    --button-line-height: 110%;
    --button-font-family: var(--font-heading);
  }

  .ante-button-row {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--spacing-x-small);
    column-gap: var(--spacing-small);
  }

  .ante-button {
    all: unset;
    background: var(--color-button) !important;
    padding: var(--padding-button) !important;
    min-height: 77px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--micropad-large);
    font-size: var(--button-font-size) !important;
    font-weight: var(--button-font-weight);
    line-height: var(--button-line-height);
    cursor: pointer;
    transition: transform .15s, box-shadow .15s, opacity .15s, background .15s, border .15s, color .15s !important;
    text-align: center;
    font-family: var(--button-font-family) !important;
    position: relative !important;
    z-index: 1;
    overflow: hidden;
    user-select: none !important;
    min-width: 240px !important;
    color: var(--color-button-text) !important;
    box-shadow: var(--elevated-shadow) !important;
    transform: var(--elevated-translate);
    border: 1px solid var(--color-button-border) !important;
    border-radius: var(--button-border-radius);
    text-decoration: none !important;
    letter-spacing: -0.005em;
  }

  .ante-button::after,
  .ante-button::before,
  .ante-button * {
    color: inherit !important;
    text-decoration: none !important;
    font-family: var(--font-heading) !important;
    transition: color .15s, background .15s !important;
  }

  .ante-button.small {
    padding: var(--padding-button-small) !important;
    min-height: 60px !important;
    font-size: 20px !important;
  }

  .ante-button.secondary {
    background: var(--color-button-alt) !important;
    color: var(--color-button-alt-text) !important;
    border: 1px solid var(--color-button-alt-border) !important;
  }

  .ante-button.special {
    background: #FFCF0F !important;
    color: #000000 !important;
    border: 1px solid transparent !important;
  }

  .ante-button.special::before {
    content: "";
    position: absolute;
    top: -40%;
    bottom: -40%;
    width: 35%;
    left: -60%;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.0),
      rgba(255, 255, 255, 0.55),
      rgba(255, 255, 255, 0.0),
      transparent
    );
    transform: skewX(-20deg);
    opacity: 0.5;
    pointer-events: none;
    z-index: -1;
    animation: button-shine 5s ease-in-out infinite;
  }

  .ante-button:not([loading]):not([disabled]):hover,
  .ante-button-activator:hover > .ante-button:not([loading]):not([disabled]) {
    background: var(--color-button-hover) !important;
    box-shadow: var(--elevated-shadow-hover) !important;
    transform: var(--elevated-translate-hover);
  }

  .ante-button:not([loading]):not([disabled]):hover.secondary,
  .ante-button-activator:hover > .ante-button:not([loading]):not([disabled]).secondary {
    background: var(--color-button-alt-hover) !important;
    box-shadow: var(--elevated-shadow-hover) !important;
    transform: var(--elevated-translate-hover);
  }

  .ante-button:not([loading]):not([disabled]):hover.special,
  .ante-button-activator:hover > .ante-button:not([loading]):not([disabled]).special {
    background: #f9ee59 !important;
    box-shadow: var(--elevated-shadow-hover) !important;
    transform: var(--elevated-translate-hover);
  }

  .ante-button:not([loading]):not([disabled]):active,
  .ante-button:not([loading]):not([disabled]):active.secondary,
  .ante-button:not([loading]):not([disabled]):active.special,
  .ante-button-activator:active > .ante-button:not([loading]):not([disabled]),
  .ante-button-activator:active > .ante-button:not([loading]):not([disabled]).secondary,
  .ante-button-activator:active > .ante-button:not([loading]):not([disabled]).special {
    box-shadow: var(--elevated-shadow-active) !important;
    transform: var(--elevated-translate-active);
  }

  .ante-button[loading],
  .ante-button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: var(--elevated-shadow-off) !important;
    transform: initial;
  }

  .ante-button[loading] {
    color: transparent !important;
    cursor: progress !important;
  }

  .ante-button[loading]::before,
  .ante-button[loading] * {
    visibility: hidden !important;
  }

  .ante-button[loading]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background: var(--color-button-text);
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'><defs><linearGradient x1='8.042%' y1='0%' x2='65.682%' y2='23.865%' id='A'><stop stop-color='%23FFFFFF' stop-opacity='0' offset='0%'/><stop stop-color='%23FFFFFF' stop-opacity='.631' offset='63.146%'/><stop stop-color='%23FFFFFF' offset='100%'/></linearGradient></defs><g fill='none' fill-rule='evenodd'><g transform='translate(1 1)'><path d='M36 18c0-9.94-8.06-18-18-18' stroke='url(%23A)' stroke-width='2'/></g></g></svg>");
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    animation: loadingspin 0.9s linear infinite;
  }

  .ante-button[loading].secondary::after {
    background: var(--color-button-alt-text);
  }

  .ante-button-activator {
    text-decoration: none !important;
  }

  .ante-button .ante-buy-compare-price span {
    opacity: 0.6;
  }

  .ante-button .ante-buy-compare-price::before {
    background-color: currentColor;
  }

  @media (max-width: 1919px) {
    .ante-button {
      min-height: 64px !important;
      font-size: 22px !important;
      min-width: 220px !important;
    }

    .ante-button.small {
      min-height: 54px !important;
      font-size: 19px !important;
    }
  }

  @media (max-width: 600px) {
    .ante-button {
      min-height: 54px !important;
      font-size: 20px !important;
      min-width: 160px !important;
    }

    .ante-button.small {
      min-height: 40px !important;
      font-size: 17px !important;
    }
  }

  @keyframes loadingspin {
    to {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }

  @keyframes button-shine {
    0% {
      left: -60%;
    }
    30% {
      left: 120%;
    }
    100% {
      left: 120%;
    }
  }

/* ===================== main (ante-import-main) ===================== */
style,
  script {
    display: none !important;
  }

  .visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
  }

  .ante-glass {
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    box-shadow:
      inset 1px 1px 0.5px 0 rgba(255, 255, 255, 0.5),
      inset -1px -1px 0.5px 0 rgba(255, 255, 255, 0.25);
  }

  body {
    --font: "Plus Jakarta Sans", helvetica;
    --font-heading: "Plus Jakarta Sans", helvetica;
    --font-caption-alt: "Geist Mono", helvetica;
    --box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.06);
    --sticky-top: calc(var(--ante-header-height, 90px) + var(--section-horizontal-padding));
    interpolate-size: allow-keywords;
    background: var(--color-background);
    display: flex;
    flex-direction: column;
    margin: 0;
    overflow-x: clip;
    min-height: 100svh;
    box-sizing: border-box;
  }

  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }

  body #MainContent {
    max-width: var(--ante-page-width);
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  body #MainContent > *:has(.ante-section) {
    width: 100%;
    display: initial;
  }

  [hidden] {
    display: none !important;
  }

  .ante-inverse {
    color: var(--color-text-default);
  }

  .spacer {
    flex: 1;
  }

  /* Popupable */

  .popupable-container {
    font-family: var(--font);
  }

  /* Add to cart modals */

  #add-to-cart-modal .modal-element {
    --modal-max-height: calc(100svh - var(--section-horizontal-padding) * 2);
  }

  #add-to-cart-modal .modal-title-row {
    display: none;
  }

  #add-to-cart-modal .modal-contents {
    display: flex;
    align-items: center;
    gap: var(--spacing-small);
    text-align: center;
  }

  #add-to-cart-modal .modal-contents > svg {
    width: 80px;
    min-height: 80px;
  }

  #add-to-cart-modal .add-to-cart-modal-contents {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-x-small);
    max-width: 420px;
  }

  #add-to-cart-modal .add-to-cart-modal-contents * {
    margin: 0;
  }

  #add-to-cart-modal .add-to-cart-modal-cart-item {
    text-align: left;
    display: flex;
    align-items: center;
    gap: var(--micropad-medium);
  }

  #add-to-cart-modal .add-to-cart-modal-cart-item::before {
    content: "";
    min-width: 6px;
    height: 6px;
    background-color: var(--color-text-muted);
    border-radius: 50%;
  }

  #add-to-cart-modal .add-to-cart-modal-contents h6 {
    color: var(--color-text-alt);
  }

  #add-to-cart-modal .add-to-cart-modal-contents > :last-child {
    padding-top: var(--spacing-x-small);
    border-top: 1px solid var(--color-border);
  }

  #add-to-cart-modal .add-to-cart-modal-buttons {
    display: flex !important;
    flex-direction: column;
    gap: var(--spacing-x-small);
    width: 100%;
  }

  @media (max-width: 600px) {
    #add-to-cart-modal .modal-contents > svg {
      width: 64px;
      min-height: 64px;
    }
  }

/* ===================== section structure (ante-section-structure) ===================== */
.ante-section * {
    box-sizing: border-box !important;
  }

  .ante-section {
    --ante-container-width: var(--ante-container-width-full);
    padding: 0 var(--section-horizontal-padding);
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: clip;
    color: var(--color-text-default);
    font-family: inherit;
    position: relative;
    background: var(--color-background);
  }

  .ante-section.section-background-style-floating,
  .ante-section.section-background-style-floating-slim {
    background: transparent;
  }

  .ante-section.section-background-style-floating > .ante-container,
  .ante-section.section-background-style-floating-slim > .ante-container {
    background: var(--color-background);
  }

  @media (min-width: 1025px) {
    .ante-section.section-background-style-floating,
    .ante-section.section-background-style-floating-slim {
      --ante-container-width: calc(var(--ante-container-width-full) - var(--section-horizontal-padding) * 2);
    }
  }

  .ante-container {
    width: 100%;
    max-width: min(100%, var(--content-width));
    padding: var(--section-vertical-padding) 0;
    margin: 0 auto;
    font-family: var(--font) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
  }

  .ante-container > * {
    z-index: 1;
  }

  .ante-section.section-spacing-top-off > .ante-container,
  .ante-section.section-spacing-top-off.section-background-style-floating,
  .ante-section.section-spacing-top-off.section-background-style-floating-slim {
    padding-top: 0 !important;
  }

  .ante-section.section-spacing-top-small > .ante-container,
  .ante-section.section-spacing-top-small.section-background-style-floating,
  .ante-section.section-spacing-top-small.section-background-style-floating-slim {
    padding-top: var(--section-horizontal-padding) !important;
  }

  .ante-section.section-spacing-bottom-off > .ante-container,
  .ante-section.section-spacing-bottom-off.section-background-style-floating,
  .ante-section.section-spacing-bottom-off.section-background-style-floating-slim {
    padding-bottom: 0 !important;
  }

  .ante-section.section-spacing-bottom-small > .ante-container,
  .ante-section.section-spacing-bottom-small.section-background-style-floating,
  .ante-section.section-spacing-bottom-small.section-background-style-floating-slim {
    padding-bottom: var(--section-horizontal-padding) !important;
  }

  .ante-section.section-background-style-floating,
  .ante-section.section-background-style-floating-slim {
    padding-top: var(--section-vertical-padding);
    padding-bottom: var(--section-vertical-padding);
  }

  .ante-section.section-background-style-floating > .ante-container {
    border-radius: var(--radius-x-large);
    --section-internal-padding-vertical: var(--spacing-large);
    --section-internal-padding-horizontal: var(--spacing-large);
    padding: var(--section-internal-padding-vertical) var(--section-internal-padding-horizontal) !important;
    overflow: clip;
  }

  .ante-section.section-background-style-floating-slim > .ante-container {
    border-radius: var(--radius-x-large);
    --section-internal-padding-vertical: var(--spacing-small);
    --section-internal-padding-horizontal: var(--spacing-small);
    padding: var(--section-internal-padding-vertical) var(--section-internal-padding-horizontal) !important;
    overflow: clip;
  }

  @media (max-width: 1024px) {
    .ante-section.section-background-style-floating > .ante-container {
      --section-internal-padding-vertical: var(--section-vertical-padding);
      --section-internal-padding-horizontal: var(--section-horizontal-padding);
    }

    .ante-section.section-background-style-floating-slim > .ante-container {
      --section-internal-padding-vertical: var(--spacing-medium);
      --section-internal-padding-horizontal: var(--section-horizontal-padding);
    }

    .ante-section.section-background-style-floating > .ante-container,
    .ante-section.section-background-style-floating-slim > .ante-container {
      border-radius: var(--radius-large);
    }
  }

  .shopify-section:has(> .ante-section-hidden),
  .ante-section-hidden {
    display: none !important;
  }

  .ante-section p {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit;
  }

  .ante-section a {
    color: inherit;
  }

  .ante-section .link,
  .ante-section .richtext a {
    color: var(--color-text-link) !important;
    position: relative;
    text-decoration: underline;
    font-weight: var(--font-weight-bold);
  }

  .ante-section .link,
  .ante-section .richtext a strong {
    font-family: var(--font-caption-alt);
    font-weight: var(--font-weight-caption-alt);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .05em;
  }

  .ante-section .mobile {
    display: none !important;
  }

  .ante-section video:fullscreen {
    object-fit: contain;
  }

  .ante-section-header {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    flex-wrap: wrap;
  }

  .ante-section-header.header-alignment-left {
    align-items: flex-start;
    text-align: left;
  }

  .ante-section-header.header-alignment-right {
    align-items: flex-end;
    text-align: right;
  }

  .ante-section-header * {
    flex: 1;
  }

  .ante-section-header :is(h1, h2, h3, h4, h5, h6) {
    display: block !important;
    margin: 0 !important;
  }

  .ante-section-header :is(h1, h2, h3, h4, h5, h6) + p {
    margin-top: var(--spacing-small) !important;
  }

  .ante-section-header :is(h1, h2, h3, h4, h5, h6) strong {
    color: var(--color-text-alt);
  }

  .ante-section-header + .ante-section-content {
    margin-top: var(--spacing-medium-large);
  }

  .ante-section-header.limit-width :is(h1, h2, h3, h4, h5) {
    max-width: var(--width-8);
    display: block;
  }

  .ante-section-header.limit-width p {
    max-width: var(--width-6);
  }

  .ante-section-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    flex: 1;
  }

  @media (max-width: 1919px) {
    .ante-section-header :is(h1, h2, h3, h4, h5, h6) strong::before {
      height: 36px;
    }
  }

  @media (min-width: 1025px) {
    .ante-header-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      text-align: left;
      width: 100%;
      column-gap: var(--spacing-medium);
    }

    .ante-header-row :is(h1, h2, h3, h4, h5, h6) {
      min-width: 60% !important;
      max-width: 60% !important;
    }

    .ante-header-row p {
      margin: 0 !important;
      margin-top: var(--spacing-x-small) !important;
      align-self: flex-end;
    }

    .ante-header-row :is(h1, h2, h3, h4, h5, h6) + p {
      margin-top: var(--spacing-x-small) !important;
    }
  }

  @media (max-width: 1024px) {
    .ante-section.section-background-style-floating,
    .ante-section.section-background-style-floating-slim {
      padding-left: 0;
      padding-right: 0;
    }

    .ante-section-header {
      flex-direction: column !important;
    }

    .ante-section-header.header-alignment-mobile-center {
      align-items: center;
      text-align: center;
    }

    .ante-section-header.header-alignment-mobile-left {
      align-items: flex-start;
      text-align: left;
    }

    .ante-section-header.header-alignment-mobile-right {
      align-items: flex-end;
      text-align: right;
    }

    .ante-header-row {
      display: contents;
    }

    .ante-section-header.limit-width :is(h1, h2, h3, h4, h5, h6) {
      max-width: 100% !important;
    }

    .ante-section-header.limit-width p {
      max-width: var(--width-7);
    }

    .ante-section-header h6 {
      font-size: 14px;
    }
  }

  @media (max-width: 600px) {
    .ante-section .mobile {
      display: flex !important;
    }

    .ante-section .desktop {
      display: none !important;
    }

    .ante-section .link,
    .ante-section .richtext a strong {
      font-size: 12px;
    }

    .ante-section-header :is(h1, h2, h3, h4, h5, h6) strong::before {
      height: 24px;
    }

    .ante-section-header.limit-width p {
      max-width: 100%;
    }

    .ante-section-header h6 {
      font-size: 12px;
    }
  }

/* ===================== image (ante-image) ===================== */
.ante-image {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
    flex-shrink: 0;
  }

  .ante-image img {
    display: block;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
  }

  .ante-image .interaction {
    position: absolute;
    top: var(--padding-small);
    right: var(--padding-small);
    z-index: 1;
  }

  .ante-image .ante-image-play {
    position: absolute;
    bottom: var(--padding-small);
    left: var(--padding-small);
    top: initial;
    right: initial;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
    background: var(--color-button) !important;
  }

  .ante-image-play svg {
    color: var(--color-button-text);
  }

  .ante-image-play svg:last-child {
    display: none;
  }

  .video-previewing .ante-image-play svg:last-child {
    display: initial;
  }

  .video-previewing .ante-image-play svg:first-child {
    display: none;
  }

  .ante-image-caption {
    position: absolute;
    bottom: var(--padding-small);
    left: var(--padding-small);
    color: var(--inverse-color-text-default);
    filter: drop-shadow(0px 0px 4px black) !important;
  }

  .ante-image-type-polaroid {
    padding: var(--padding-medium);
    box-shadow: var(--box-shadow);
    background: var(--base-color-surface-100)
  }

  .ante-image-type-polaroid img {
    border-radius: 0 !important;
  }

  .ante-image-type-polaroid img:last-child {
    margin-bottom: var(--padding-x-large);
  }

  .ante-image-type-polaroid .ante-image-caption {
    position: initial;
    color: var(--base-color-text-alt);
    filter: none !important;
    margin-top: var(--spacing-x-small);
    width: 100%;
    font-family: "Hello Stranger";
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 3px;
  }

  .ante-image-video-preview,
  .ante-image-video-inline {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }

  .ante-image-video-inline {
    pointer-events: initial;
    z-index: 1;
  }

  .ante-image-video-preview video,
  .ante-image-video-inline video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #video-modal .modal-element {
    min-width: initial;
  }

  #video-modal .modal-contents {
    padding: 0;
    max-height: calc(100svh - var(--section-horizontal-padding) * 2 - var(--modal-header-height));
  }

  #video-modal .modal-contents iframe {
    aspect-ratio: 16 / 9;
    width: min(var(--width-8), 100svw - var(--section-horizontal-padding) * 2);
    max-height: calc(100svh - var(--section-horizontal-padding) * 2 - var(--modal-header-height));
  }

  #video-modal .modal-contents video {
    max-height: calc(100svh - var(--section-horizontal-padding) * 2 - var(--modal-header-height));
  }

  #video-modal .modal-element {
    --modal-max-height: calc(100svh - var(--section-horizontal-padding) * 2 - 52px);
  }

  #video-modal .modal-title-row {
    height: 0;
  }
    
  #video-modal .modal-title {
    position: absolute;
    top: var(--padding-medium);
    left: var(--padding-medium);
    z-index: 1;
    filter: drop-shadow(0 0 8px #000);
  }

  #video-modal .modal-close {
    position: absolute;
    top: var(--padding-medium);
    right: var(--padding-medium);
    z-index: 1;
  }

  #video-modal .modal-close svg {
    background-color: initial;
    padding: 0;
    filter: drop-shadow(0 0 8px #000);
  }

  #video-modal .modal-contents {
    padding: 0;
  }

  #video-modal video {
    width: 100%;
    display: block;
  }

  @media (max-width: 700px) {
    .ante-image-type-polaroid {
      padding: var(--padding-small);
    }
  }

  @media (max-width: 600px) {
    .ante-image-type-polaroid .ante-image-caption {
      font-size: 16px;
    }
  }

/* ===================== custom-range host (ante-import-custom-range) ===================== */
custom-range {
    width: 100%;
    --track-height: 5px;
    --thumb-size: 16px;
    --thumb-border: 1px solid transparent;
    --thumb-outline-size: 5px;
    --thumb-outline-color: rgb(from var(--thumb-color) r g b / 0.4);
    --vstep-size: 32px;
    --vstep-line: var(--color-border);
    --vstep-width: 2px;
    --vstep-height: 88px;
    --vstep-gap: var(--micropad-x-large);
    --text-color-light: var(--inverse-color-text-default);
    --text-color-dark: var(--base-color-text-default);
    --text-size: 14px;
    --text-weight: var(--font-weight-caption);
  }

/* ===================== splide (ante-import-splide) ===================== */
@keyframes pagination-fill {
    from {
      mask-position: 100% 0;
    }
    to {
      mask-position: 0 0;
    }
  }

  .splide.is-overflow:has(.splide__pagination) {
    padding-bottom: calc(var(--spacing-medium) + 18px);
  }

  .splide.is-overflow.pagination-close:has(.splide__pagination) {
    padding-bottom: calc(var(--spacing-x-small) + 18px);
  }

  .splide__pagination {
    margin: 0 auto !important;
    bottom: 0 !important;
    padding: 0 !important;
    gap: var(--micropad-large);
  }

  .splide__pagination__page {
    opacity: 1 !important;
    transform: initial !important;
    border: 1px solid var(--color-text-default);
    min-width: 18px;
    height: 18px;
    margin: 0 !important;
    background-color: transparent !important;
    border-radius: 10px;
    transition: min-width .15s;
    overflow: hidden;
  }

  .splide__pagination__page.is-active {
    min-width: 36px;
    position: relative;
  }

  .splide__pagination__page::before,
  .splide__pagination__page::after {
    content: "";
    position: absolute;
    left: 2.37px;
    right: 2.37px;
    height: 11.3px;
    background-color: var(--color-button);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .15s;
    mask-image: linear-gradient(to right, black 50%, transparent 50%);
    mask-repeat: no-repeat;
    mask-size: 200% 100%;
    mask-position: 100% 0;
  }

  .splide__pagination__page::after {
    mask-image: initial;
    opacity: 0;
  }

  .splide__pagination__page.is-active::before {
    opacity: 1;
    animation: pagination-fill 5s linear forwards;
  }

  .splide.is-overflow:has(.splide__track[aria-live="polite"]) .splide__pagination__page.is-active::before {
    animation-play-state: paused;
  }

  .splide.is-overflow:has(.splide__track[aria-live="polite"]) .splide__pagination__page.is-active::after {
    opacity: 1;
  }

  .splide__pagination__page:not(.is-active):hover::after {
    opacity: 0.5;
  }

  .splide__arrow {
    --element-size: 36px;
    opacity: 1 !important;
    width: var(--element-size);
    height: var(--element-size);
    background: var(--color-button);
    transition: opacity .25s;
  }

  .splide__arrow svg {
    display: none;
  }

  

  .splide__arrow::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M11.0013 17.4173L17.418 11.0007L11.0013 4.58398" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.58464 11H17.418" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
  }

  .splide__arrow.splide__arrow--prev::before {
    transform: rotate(180deg);
  }

  .splide__arrow[disabled] {
    opacity: 0.5 !important;
    cursor: not-allowed;
  }

  @media (max-width: 1919px) {
    .splide__arrow {
      --element-size: 34px;
    }
  }

  @media (max-width: 600px) {
    .splide__arrow {
      --element-size: 28px;
    }
  }

  @media (max-width: 600px) {
    .splide__arrow {
      --element-size: 24px;
    }
  }

  @media (max-width: 1919px) {
    .splide__pagination {
      gap: var(--micropad-medium);
    }

    .splide__pagination__page {
      min-width: 16px;
      height: 16px;
    }

    .splide__pagination__page::before,
    .splide__pagination__page::after {
      height: 10px;
      left: 2px;
      right: 2px;
    }

    .splide__pagination__page.is-active {
      min-width: 32px;
    }
  }

  @media (max-width: 600px) {
    .splide.is-overflow:has(.splide__pagination) {
      padding-bottom: calc(var(--spacing-medium) + 12px);
    }

    .splide__pagination {
      gap: var(--micropad-small);
    }

    .splide__pagination__page {
      min-width: 12px;
      height: 12px;
    }

    .splide__pagination__page::before,
    .splide__pagination__page::after {
      height: 8px;
      left: 1px;
      right: 1px;
    }

    .splide__pagination__page.is-active {
      min-width: 24px;
    }
  }

/* ===================== tags (ante-tags + dashed-yellow style) ===================== */
:root {
  --ante-tag-dashed-yellow: rgba(255, 189, 0, 0.20);
  --ante-tag-dashed-yellow-text: #020b1e;
  --ante-tag-dashed-yellow-border: #be8d04;
  --ante-tag-dashed-yellow-border-style: dashed;
  --ante-tag-dashed-yellow-alt-text: #020b1e;
}
[class*="ante-tag"]:not([class*="ante-tag-style"]) {
  padding: var(--padding-tag);
  font-size: 15px;
  font-family: var(--font-caption-alt) !important;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0.2em;
  text-transform: uppercase;
  border-radius: var(--radius-x-small);
  font-weight: var(--font-weight-caption-alt);
  transition: border .15s, color .15s, background .15s;
  position: relative;
  overflow: hidden;
}
[class*="ante-tag-style"] {
  position: relative;
  overflow: hidden;
  transition: border .15s, color .15s, background .15s;
}
[class*="ante-tag"]:not([class*="ante-tag-style"]) * { font-family: var(--font-caption-alt) !important; }
[class*="ante-tag"]:not([class*="ante-tag-style"]) > .ante-image {
  margin-right: calc(-0.2em + var(--micropad-small));
  min-width: 1lh;
  height: 1lh;
}
@media (max-width: 1919px) { [class*="ante-tag"]:not([class*="ante-tag-style"]) { font-size: 14px; } }
@media (max-width: 600px) { [class*="ante-tag"]:not([class*="ante-tag-style"]) { font-size: 13px; } }
.ante-tag-dashed-yellow,
.ante-tag-style-dashed-yellow {
  background: var(--ante-tag-dashed-yellow);
  color: var(--ante-tag-dashed-yellow-text);
  border: 1px var(--ante-tag-dashed-yellow-border-style) var(--ante-tag-dashed-yellow-border);
}
.ante-tag-dashed-yellow strong,
.ante-tag-style-dashed-yellow strong { color: var(--ante-tag-dashed-yellow-alt-text); }

/* ===================== section background tile (resolved) ===================== */
.ante_quiz_dpHzaA-styles-outer {
  background: url(https://cdn.shopify.com/s/files/1/0557/7188/9712/files/tile_6ebb8164-ea09-46d0-978c-6c29940639fd.png) center repeat, #FFFFFF;
  background-size: 128px;
  background-position: 0 0;
  animation: ante_quiz_dpHzaA-bg-slide 20s linear infinite;
}
@media (max-width: 1024px) {
  .ante_quiz_dpHzaA-styles-outer {
    background: url(https://cdn.shopify.com/s/files/1/0557/7188/9712/files/tile_884f79ad-ba33-494e-b7fd-895a94e9fdbe.png) center repeat, #FFFFFF;
    background-size: 64px;
    background-position: 0 0;
    animation: ante_quiz_dpHzaA-bg-slide-mobile 10s linear infinite;
  }
}
@keyframes ante_quiz_dpHzaA-bg-slide { from { background-position: 0 0; } to { background-position: 256px 128px; } }
@keyframes ante_quiz_dpHzaA-bg-slide-mobile { from { background-position: 0 0; } to { background-position: 128px 64px; } }

/* ===================== section content max-width (resolved) ===================== */
#ante_quiz_dpHzaA .ante-section-content { max-width: var(--width-6); }
@media (max-width: 1919px) { #ante_quiz_dpHzaA .ante-section-content { max-width: var(--width-6); } }
@media (max-width: 1024px) { #ante_quiz_dpHzaA .ante-section-content { max-width: var(--width-11); } }
@media (max-width: 600px) { #ante_quiz_dpHzaA .ante-section-content { max-width: var(--width-10); } }

/* ===================== font weights (live theme: settings_data.json) ===================== */
:root {
  --font-weight-base: 380;
  --font-weight-bold: 600;
  --font-weight-micro: 400;
  --font-weight-caption: 380;
  --font-weight-caption-alt: 440;
  --font-weight-button: 550;
  --font-weight-price: 600;
  --font-weight-tab: 500;
}
.ante-section :is(h1, .h1) { font-weight: 550; }
.ante-section :is(h2, .h2) { font-weight: 550; }
.ante-section :is(h3, .h3) { font-weight: 550; }
.ante-section :is(h4, .h4) { font-weight: 550; }
.ante-section :is(h5, .h5) { font-weight: 550; }
.ante-section :is(h6, .h6) { font-weight: 550; }
.ante-section :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) * { font-weight: inherit !important; }