/** Shopify CDN: Minification failed

Line 1116:2 Unexpected "{"
Line 1116:3 Expected identifier but found "%"
Line 1118:9 Expected identifier but found whitespace
Line 1119:3 Expected identifier but found "%"
Line 1125:2 Unexpected "{"
Line 1125:3 Expected identifier but found "%"
Line 1127:49 Unexpected bad string token
Line 1127:69 Unterminated string token
Line 1128:3 Expected identifier but found "%"
Line 1136:2 Unexpected "{"
... and 13 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from snippet stylesheet tags */
/* START_SNIPPET:ante-buybox-block-buttons (INDEX:61) */
.buybox-buttons {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--micropad-x-large);
    column-gap: var(--spacing-medium);
    flex-direction: var(--bb-dir);
    justify-content: var(--bb-align);
    align-items: var(--bb-align);
  }

  .buybox-buttons > * {
    flex-grow: var(--bb-grow);
    flex-basis: var(--bb-basis);
    width: var(--bb-width);
  }

  @media (max-width: 1024px) {
    .buybox-buttons {
      flex-direction: var(--bb-dir-m);
      justify-content: var(--bb-align-m);
      align-items: var(--bb-align-m);
    }

    .buybox-buttons > * {
      flex-grow: var(--bb-grow-m);
      flex-basis: var(--bb-basis-m);
      width: var(--bb-width-m);
    }
  }

  .buybox-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--micropad-medium);
    padding: var(--micropad-medium) 0;
    border-bottom: 1px solid var(--color-border-default);
    color: var(--color-text-default);
    font-size: var(--font-size-body);
    font-weight: 700;
    line-height: 1.48;
    letter-spacing: 0.02em;
    white-space: nowrap;
    text-decoration: none !important;
    cursor: pointer;
    transition: border-color .15s;
  }

  .buybox-button:hover {
    border-bottom-color: var(--color-border-active);
  }

  .buybox-button svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }
/* END_SNIPPET:ante-buybox-block-buttons */

/* START_SNIPPET:ante-buybox-block-buybox-info (INDEX:62) */
.buybox-block-buybox-info {
    gap: var(--spacing-x-small);
  }

  .buybox-info-facts {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-small);
  }

  .buybox-info-fact {
    display: flex;
    gap: var(--micropad-x-large);
    align-items: center;
    margin: 0 var(--micropad-x-small)
  }

  .buybox-info-fact .ante-image {
    flex-shrink: 0;
    height: 21px;
  }

  .buybox-info-cards {
    display: flex;
    gap: var(--micropad-x-small);
    padding-top: var(--spacing-x-small);
    justify-content: space-around;
  }

  .buybox-info-cards .ante-image {
    min-width: 0;
    max-height: 24px;
    flex-shrink: 1;
  }
/* END_SNIPPET:ante-buybox-block-buybox-info */

/* START_SNIPPET:ante-buybox-block-buybox-zimms (INDEX:63) */
.buybox-zimms {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-xxx-large);
  }

  .buybox-zimms p {
    margin: 0;
  }

  .buybox-zimms.bz-set {
    gap: var(--padding-small);
    padding: var(--padding-x-large);
    border-radius: var(--radius-small);
    background: var(--color-surface-background);
  }

  .buybox-zimms .bz-mask {
    display: block;
    flex-shrink: 0;
    width: var(--bz-size, 40px);
    height: var(--bz-size, 40px);
    background-color: var(--color-text-default);
    -webkit-mask: var(--bz-src) center / contain no-repeat;
    mask: var(--bz-src) center / contain no-repeat;
  }

  .buybox-zimms .bz-head {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-xxx-large);
  }

  .buybox-zimms.bz-set .bz-head {
    gap: var(--micropad-medium);
  }

  .buybox-zimms .bz-reviews {
    display: flex;
    align-items: center;
    align-self: flex-start;
    gap: var(--micropad-medium);
    color: inherit;
    text-decoration: none;
  }

  .buybox-zimms .bz-reviews:hover .bz-upper {
    text-decoration: underline;
  }

  .buybox-zimms .bz-stars {
    display: flex;
    gap: var(--micropad-xx-small);
  }

  .buybox-zimms .bz-stars i {
    color: var(--color-rating-stars);
  }

  .buybox-zimms .bz-upper {
    color: var(--color-text-muted);
    text-transform: uppercase;
  }

  .buybox-zimms .bz-benefits {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-medium);
    padding: var(--micropad-xx-small) 0;
  }

  .buybox-zimms .bz-benefit {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
  }

  .buybox-zimms .bz-callout {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
    padding: var(--micropad-large) var(--micropad-x-large);
    border-radius: var(--radius-small);
    background: var(--color-surface-dark);
    --bz-size: 32px;
  }

  /* value card (set mode) */
  .buybox-zimms .bz-offer {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
    padding: var(--micropad-x-large) var(--micropad-xxx-large);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-small);
    background: var(--color-surface-dark);
  }

  .buybox-zimms .bz-offer > div {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--micropad-xx-small);
  }

  /* purchase type: a dark pill with the selected segment in the light palette */
  .buybox-zimms .bz-toggle {
    display: flex;
    gap: var(--micropad-x-small);
    padding: var(--micropad-x-small);
    border-radius: 9999px;
    background: var(--color-surface-background);
  }

  /* SKU colour (product metafield pxl.colour_theme → a Theme Config colour theme). The theme class
     only takes effect next to a palette class, hence ante-base on the root. The purchase pill takes
     the button colour, resolved here in the base palette before the pill inverts. */
  .buybox-zimms[class*="color-theme-"] {
    --bz-sku: var(--color-button-surface);
  }

  .buybox-zimms[class*="color-theme-"] .bz-toggle {
    background: var(--bz-sku);
  }

  .buybox-zimms.bz-set .bz-toggle {
    background: var(--color-surface-x-dark);
  }

  .buybox-zimms .bz-toggle button {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--micropad-large) var(--micropad-xxx-large);
    border: 0;
    border-radius: 9999px;
    background: transparent;
    color: var(--color-text-default);
    cursor: pointer;
  }

  .buybox-zimms .bz-toggle button[aria-checked="true"] {
    background: var(--color-surface-background);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1.5px rgba(0, 0, 0, 0.1);
  }

  .buybox-zimms .bz-toggle .bz-toggle-sub {
    color: var(--color-text-muted);
  }

  .buybox-zimms .bz-toggle .bz-toggle-sub[data-save] {
    color: var(--color-true);
  }

  /* tier cards */
  .buybox-zimms .bz-tiers {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-xx-large);
    padding-top: var(--micropad-small);
  }

  .buybox-zimms .bz-tier {
    position: relative;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    grid-template-areas: "radio thumb copy price" "radio thumb tag price";
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: var(--micropad-xx-large);
    row-gap: var(--micropad-x-small);
    padding: var(--micropad-xx-large) var(--micropad-xxx-large) var(--micropad-xx-large) var(--micropad-xx-large);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-small);
    background: var(--color-surface-background);
    text-align: left;
    cursor: pointer;
  }

  .buybox-zimms .bz-tier[aria-checked="true"] {
    border: 2px solid var(--color-border-active);
    background: var(--color-surface-dark);
    padding: calc(var(--micropad-xx-large) - 1px) calc(var(--micropad-xxx-large) - 1px) calc(var(--micropad-xx-large) - 1px) calc(var(--micropad-xx-large) - 1px);
  }

  .buybox-zimms .bz-radio {
    grid-area: radio;
    flex-shrink: 0;
    display: flex;
    width: 22px;
    height: 22px;
    padding: var(--micropad-x-small);
    border: 2px solid var(--color-border-active-secondary);
    border-radius: 9999px;
  }

  .buybox-zimms .bz-tier[aria-checked="true"] .bz-radio::after {
    content: "";
    flex: 1;
    border-radius: 9999px;
    background: var(--color-border-active);
  }

  .buybox-zimms .bz-thumb {
    grid-area: thumb;
    position: relative;
    flex-shrink: 0;
    display: flex;
    width: 60px;
    height: 60px;
  }

  .buybox-zimms .bz-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: var(--color-surface-background);
    border-radius: var(--radius-x-small);
  }

  .buybox-zimms .bz-count {
    position: absolute;
    left: 3px;
    top: 38px;
    padding: var(--micropad-xx-small) var(--micropad-small);
    border-radius: 9999px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1.5px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
  }

  .buybox-zimms [class*="ante-tag-"]:not([class*="ante-tag-style"]) {
    white-space: nowrap;
  }

  .buybox-zimms .bz-tier-copy {
    grid-area: copy;
    align-self: end;
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--micropad-x-small);
  }

  .buybox-zimms .bz-tier-title {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: var(--micropad-medium);
  }

  .buybox-zimms .bz-tier-tag {
    grid-area: tag;
    justify-self: start;
    align-self: start;
  }

  .buybox-zimms .bz-tier-price {
    grid-area: price;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: var(--micropad-medium);
    white-space: nowrap;
  }

  .buybox-zimms .bz-price-line {
    display: flex;
    align-items: flex-end;
    gap: var(--micropad-x-small);
  }

  .buybox-zimms .bz-price-line > :last-child {
    padding-bottom: var(--micropad-x-small);
  }

  .buybox-zimms s,
  .buybox-zimms .bz-strike {
    color: var(--color-text-faint);
    text-decoration: line-through;
  }

  .buybox-zimms .bz-tier:not(:has(.bz-tier-tag:not([hidden]))) .bz-tier-copy {
    grid-row: 1 / span 2;
    align-self: center;
  }

  .buybox-zimms .bz-mob {
    display: none;
  }

  .buybox-zimms .bz-title {
    display: flex;
    flex-direction: column;
    margin: 0;
  }

  .buybox-zimms .bz-title > .bz-mob {
    display: none;
  }

  /* the offer line is longer than a phone column, so this one tag may wrap. */
  .buybox-zimms .bz-title-tag.bz-title-tag {
    align-self: flex-start;
    max-width: 100%;
    white-space: normal;
  }

  /* Figma: 7px above the card's top edge, inset 16px (12px on mobile) from the right */
  .buybox-zimms .bz-tier > [class*="ante-tag-best"] {
    position: absolute;
    top: -7px;
    right: var(--micropad-xxx-large);
  }

  .buybox-zimms .bz-true {
    color: var(--color-true);
  }

  /* gift chips */
  .buybox-zimms .bz-gifts {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-medium);
  }

  .buybox-zimms .bz-gifts-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: var(--micropad-medium);
  }

  .buybox-zimms .bz-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--micropad-medium);
  }

  .buybox-zimms .bz-chip {
    display: flex;
    align-items: center;
    gap: var(--micropad-medium);
    padding: var(--micropad-x-small) var(--micropad-x-large) var(--micropad-x-small) var(--micropad-x-small);
    border: 1px solid var(--color-border-default);
    border-radius: 9999px;
    color: var(--color-text-muted);
    opacity: 0.6;
  }

  .buybox-zimms .bz-chip.is-unlocked {
    border-color: var(--color-border-active);
    background: var(--color-surface-x-dark);
    color: var(--color-text-default);
    opacity: 1;
  }

  .buybox-zimms.bz-set .bz-chip.is-unlocked {
    background: transparent;
  }

  .buybox-zimms .bz-chip img {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 9999px;
  }

  .buybox-zimms .bz-chip .bz-chip-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
  }

  .buybox-zimms .bz-chip .bz-lock-open,
  .buybox-zimms .bz-chip.is-unlocked .bz-lock {
    display: none;
  }

  .buybox-zimms .bz-chip.is-unlocked .bz-lock-open {
    display: inline-flex;
    color: var(--color-true);
  }

  .buybox-zimms .ante-buy-button-container,
  .buybox-zimms .ante-buy-button {
    width: 100%;
  }

  .buybox-zimms .ante-buy-arrow {
    display: none !important;
  }

  .buybox-zimms .bz-payment {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--micropad-medium);
  }

  .buybox-zimms .bz-payment svg {
    width: 38px;
    height: 24px;
  }

  .buybox-zimms .bz-center {
    text-align: center;
  }

  .buybox-zimms .bz-renew a {
    color: var(--color-text-link);
    text-decoration: underline;
  }

  .buybox-zimms .bz-cross-sell {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
    padding: var(--micropad-x-large) var(--micropad-xx-large) var(--micropad-x-large) var(--micropad-x-large);
    border-radius: var(--radius-small);
    color: inherit;
    text-decoration: none;
  }

  .buybox-zimms .bz-cross-sell img {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: var(--radius-x-small);
  }

  .buybox-zimms .bz-cross-sell > div {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-xx-small);
  }

  .buybox-zimms .bz-cross-sell .bz-link {
    color: var(--color-text-link);
  }

  .buybox-zimms .bz-badges {
    display: flex;
    justify-content: center;
    gap: var(--spacing-small);
    padding: var(--micropad-x-small) var(--micropad-medium) 0;
    --bz-size: 60px;
  }

  /* set mode (Trifecta) */
  .buybox-zimms .bz-items {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-x-large);
  }

  .buybox-zimms .bz-item {
    display: flex;
    align-items: center;
    gap: var(--micropad-xx-large);
  }

  .buybox-zimms .bz-item img {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    padding: var(--micropad-x-small);
    object-fit: contain;
    border-radius: var(--radius-x-small);
    background: var(--color-surface-background);
  }

  .buybox-zimms .bz-item > div {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--micropad-xx-small);
  }

  .buybox-zimms hr {
    width: 100%;
    margin: 0;
    border: 0;
    border-top: 1px dashed var(--color-border-default);
  }

  .buybox-zimms .bz-receipt {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-medium);
  }

  .buybox-zimms .bz-total {
    display: flex;
    align-items: baseline;
    gap: var(--micropad-medium);
    padding-top: var(--micropad-x-small);
  }

  .buybox-zimms .bz-total .h6 {
    text-decoration: line-through;
  }

  .buybox-zimms [hidden] {
    display: none !important;
  }

  .buybox-zimms.bz-accordions {
    gap: 0;
  }

  /* the tag chrome sets position: relative at (0,2,0), so this needs to outrank it */
  .ante-section .section-left-container > .bz-gallery-badge[class*="ante-tag-"] {
    position: absolute;
    top: var(--micropad-xxx-large);
    left: var(--micropad-xxx-large);
    z-index: 2;
    width: auto;
    height: auto;
    pointer-events: none;
  }

  @media (max-width: 600px) {
    .buybox-zimms.bz-set {
      padding: var(--padding-medium);
    }

    .buybox-zimms .bz-benefit {
      --bz-size: 32px;
    }

    .buybox-zimms .bz-callout {
      --bz-size: 28px;
    }

    .buybox-zimms .bz-badges {
      gap: var(--spacing-x-small);
      --bz-size: 48px;
    }

    .buybox-zimms .bz-desk {
      display: none;
    }

    .buybox-zimms .bz-tier > [class*="ante-tag-best"] {
      top: 0;
      right: var(--micropad-xx-large);
      transform: translateY(-50%);
    }

    .buybox-zimms .bz-tier:has(> [class*="ante-tag-best"]:not([hidden])) {
      padding-top: calc(var(--micropad-xx-large) + var(--micropad-large));
    }

    .buybox-zimms .bz-tier[aria-checked="true"]:has(> [class*="ante-tag-best"]:not([hidden])) {
      padding-top: calc(var(--micropad-xx-large) + var(--micropad-large) - 1px);
    }

    .buybox-zimms .bz-mob {
      display: inline;
    }

    .buybox-zimms .bz-title > .bz-desk {
      display: none;
    }

    .buybox-zimms .bz-title > .bz-mob {
      display: block;
    }

    .buybox-zimms .bz-tier {
      grid-template-areas: "radio thumb copy price" "tag tag tag tag";
      column-gap: var(--micropad-x-large);
      row-gap: var(--micropad-x-large);
    }

    .buybox-zimms .bz-tier:not(:has(.bz-tier-tag:not([hidden]))) .bz-tier-copy {
      grid-row: auto;
    }

    .buybox-zimms .bz-tier-copy {
      align-self: center;
    }

    .buybox-zimms .bz-tier-price {
      flex-direction: column;
      align-items: flex-end;
      gap: 0;
    }

    .buybox-zimms .bz-tier-price > s {
      order: 2;
    }

    .buybox-zimms .bz-price-line {
      flex-direction: column;
      align-items: flex-end;
      gap: 0;
    }

    .buybox-zimms .bz-price-line > :last-child {
      padding-bottom: 0;
    }

    .buybox-zimms .bz-gifts-heading {
      flex-direction: column;
      align-items: flex-start;
    }

    .buybox-zimms .bz-offer {
      flex-direction: column;
      align-items: flex-start;
    }

    .buybox-zimms .bz-offer > [class*="ante-tag-"] {
      order: -1;
    }

    .buybox-zimms .bz-total {
      justify-content: space-between;
    }

    .buybox-zimms .bz-total .h6 {
      display: none;
    }

    .buybox-zimms .bz-total > :first-child {
      margin-right: auto;
    }
  }
/* END_SNIPPET:ante-buybox-block-buybox-zimms */

/* START_SNIPPET:ante-buybox-block-callout (INDEX:64) */
.buybox-block-callout {
    gap: var(--micropad-x-large);
    align-items: flex-start;
  }
/* END_SNIPPET:ante-buybox-block-callout */

/* START_SNIPPET:ante-buybox-block-drops (INDEX:65) */
.buybox-block-drops .drop-content .drop-button .drop-button-row {
    color: var(--color-text-alt);
  }
/* END_SNIPPET:ante-buybox-block-drops */

/* START_SNIPPET:ante-buybox-block-facts (INDEX:66) */
.buybox-facts {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--micropad-x-large);
    column-gap: var(--spacing-x-small);
  }

  .buybox-facts-carded {
    row-gap: var(--micropad-x-large);
    column-gap: var(--micropad-x-large);
  }

  .buybox-facts-carded.buybox-facts-pad-compact {
    row-gap: var(--micropad-x-small);
    column-gap: var(--micropad-x-small);
  }

  .buybox-facts-pad-compact .buybox-fact {
    gap: var(--micropad-medium);
  }

  .buybox-fact {
    display: flex;
    gap: var(--micropad-x-large);
    align-items: flex-start;
    flex: 1 1 0px;
  }

  .buybox-facts-horizontal-large .buybox-fact {
    align-items: center;
  }

  .buybox-facts-horizontal-large .buybox-fact .ante-image {
    width: var(--buybox-fact-icon-large);
  }

  .buybox-facts-vertical .buybox-fact,
  .buybox-facts-vertical-large .buybox-fact {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .buybox-facts-vertical-large .buybox-fact .ante-image {
    width: var(--buybox-fact-icon-large);
  }

  .buybox-facts-horizontal .buybox-fact,
  .buybox-facts-horizontal-large .buybox-fact {
    min-width: calc(50% - var(--spacing-small) / 2);
  }

  .buybox-facts-inline .buybox-fact {
    flex: 0 1 auto;
    min-width: 0;
  }

  .buybox-facts-vertical .buybox-fact,
  .buybox-facts-vertical-large .buybox-fact {
    min-width: calc(100% / 3 - (var(--spacing-small) * 2) / 3);
  }

  .buybox-facts-column .buybox-fact {
    min-width: 100%;
    align-items: center;
  }

  @media (min-width: 601px) {
    .buybox-facts-nowrap {
      flex-wrap: nowrap;
    }

    .buybox-facts-nowrap .buybox-fact {
      min-width: 0;
    }
  }

  @media (max-width: 600px) {
    .buybox-facts.buybox-facts-mobile-column {
      flex-direction: column;
    }

    .buybox-facts.buybox-facts-mobile-column .buybox-fact {
      flex-direction: row;
      text-align: left;
      align-items: flex-start;
    }

    /* the column layout is a card row whose icon is taller than its text, so it
       keeps the centring the rule above would otherwise undo */
    .buybox-facts.buybox-facts-column.buybox-facts-mobile-column .buybox-fact {
      align-items: center;
    }

    .buybox-facts.buybox-facts-mobile-column-inline {
      flex-direction: column;
      align-items: flex-start;
    }

    .buybox-facts.buybox-facts-mobile-column-inline .buybox-fact {
      flex: 0 1 auto;
      flex-direction: row;
      text-align: left;
      align-items: flex-start;
      min-width: 0;
      width: fit-content;
      max-width: 100%;
    }

    .buybox-facts.buybox-facts-mobile-grid-2 .buybox-fact,
    .buybox-facts.buybox-facts-mobile-grid-3 .buybox-fact {
      flex-direction: column;
      text-align: center;
      align-items: center;
      flex: 1 1 0px;
    }

    .buybox-facts.buybox-facts-mobile-grid-2 .buybox-fact {
      min-width: calc(50% - var(--spacing-small) / 2);
    }

    .buybox-facts.buybox-facts-mobile-grid-3 .buybox-fact {
      min-width: calc(100% / 3 - (var(--spacing-small) * 2) / 3);
    }

    .buybox-facts.buybox-facts-mobile-single-row {
      flex-wrap: nowrap;
    }

    .buybox-facts.buybox-facts-mobile-single-row .buybox-fact {
      min-width: 0;
    }
  }
/* END_SNIPPET:ante-buybox-block-facts */

/* START_SNIPPET:ante-buybox-block-features (INDEX:67) */
.buybox-features {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
  }

  .buybox-features ~ .buybox-features-wrapper .buybox-features {
    padding-top: var(--spacing-small)
  }

  .buybox-features-more {
    display: none;
  }

  .buybox-features-more.is-open {
    display: flex;
  }

  .buybox-feature {
    display: flex;
    gap: var(--spacing-small);
    align-items: center;
  }

  .buybox-feature-body {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-x-small);
    justify-content: center;
  }

  .buybox-features-toggle-row {
    display: flex;
    align-items: center;
    padding-top: var(--spacing-small);
  }

  .buybox-features-toggle-row > div {
    height: 1px;
    background-color: var(--color-border-default);
    flex: 1;
  }

  .buybox-features-toggle {
    border: 1px solid var(--color-border-default);
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: var(--micropad-medium);
    padding: var(--micropad-large) var(--padding-small);
    cursor: pointer;
    user-select: none;
  }

  .buybox-features-toggle svg {
    transition: transform .5s var(--transition-drop-ease);
    width: 0.7lh;
    height: 0.7lh;
  }

  .buybox-features-wrapper {
    overflow: hidden;
    height: 0;
    transition: var(--transition-drop);
    interpolate-size: allow-keywords;
  }

  .buybox-features-toggle-input:checked + .buybox-features-wrapper {
    height: auto;
  }

  .buybox-features-toggle-input:checked ~ .buybox-features-toggle-row svg {
    transform: rotate(180deg);
  }
/* END_SNIPPET:ante-buybox-block-features */

/* START_SNIPPET:ante-buybox-block-generic-buybox (INDEX:68) */
.buybox-generic {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-small);
    width: 100%;
  }

  .buybox-generic-options {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-small);
  }

  .buybox-generic-field {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-small);
  }

  .buybox-generic-label {
    color: var(--color-text-faint);
    font-family: var(--font-caption);
    font-size: var(--font-size-caption-small);
    letter-spacing: 0.08em;
  }

  .buybox-generic-pills {
    display: flex;
    flex-wrap: wrap;
    gap: var(--micropad-small);
  }

  .buybox-generic-pill {
    border: 1px solid var(--color-border-default);
    border-radius: 999px;
    background: var(--color-surface-background);
    color: var(--color-text-default);
    padding: var(--padding-small) var(--padding-medium);
    line-height: 1;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
  }

  .buybox-generic-pill.selected {
    border-color: var(--color-border-active);
    background: var(--color-surface-accent);
    color: var(--color-content-accent-inverse, var(--color-text-default));
  }

  .buybox-generic-pill.unavailable {
    color: var(--color-text-faint);
    text-decoration: line-through;
  }

  .buybox-generic-pill[hidden] {
    display: none;
  }

  .buybox-generic-stepper {
    display: flex;
    align-items: center;
    width: max-content;
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-x-small);
    overflow: hidden;
  }

  .buybox-generic-step {
    appearance: none;
    border: none;
    background: var(--color-surface-background);
    color: var(--color-text-default);
    width: 40px;
    height: 40px;
    font-size: var(--font-size-body-large);
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .buybox-generic-step:hover {
    background: var(--color-surface-dark);
  }

  .buybox-generic-qty {
    min-width: 40px;
    text-align: center;
    color: var(--color-text-default);
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    user-select: none;
  }

  .buybox-generic-oos {
    color: var(--color-false);
    font-size: var(--font-size-body-small);
  }

  .buybox-generic-oos[hidden] {
    display: none;
  }
/* END_SNIPPET:ante-buybox-block-generic-buybox */

/* START_SNIPPET:ante-buybox-block-header (INDEX:69) */
.buybox-block-header {
    gap: var(--spacing-x-small);
  }

  .buybox-block-header-row {
    display: flex;
    align-items: center;
    gap: var(--spacing-x-small);
    flex-wrap: wrap;
  }

  .buybox-block-header-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-small);
  }

  .buybox-block-header .product-price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--micropad-medium);
  }

  {%- comment -%}
    The block is a column, so a tag on its own line would stretch to full width without
    this. The ones sharing a row (with the review or the price) are laid out by that row.
  {%- endcomment -%}
  .buybox-block-header .header-tag-below,
  .buybox-block-header .header-tag-above {
    align-self: flex-start;
  }

  {%- comment -%}
    One flex item, so the tags wrap against whatever shares their row as a pair, and
    wrap against each other in here when they can't sit side by side.
  {%- endcomment -%}
  .buybox-block-header .header-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--micropad-medium);
  }

  {%- comment -%}
    The review count sits beside the stars, so it steps down a size rather than pushing
    the row to wrap on a narrow screen.
  {%- endcomment -%}
  @media (max-width: 600px) {
    .buybox-block-header .review-text {
      font-size: var(--font-size-caption-x-small);
    }
  }
/* END_SNIPPET:ante-buybox-block-header */

/* START_SNIPPET:ante-buybox-block-image (INDEX:70) */
.buybox-block-image .buybox-image-tablet,
  .buybox-block-image .buybox-image-mobile {
    display: none;
  }

  @media (max-width: 1024px) {
    .buybox-block-image .buybox-image-desktop {
      display: none;
    }
    .buybox-block-image .buybox-image-tablet {
      display: flex;
    }
  }

  @media (max-width: 600px) {
    .buybox-block-image .buybox-image-tablet {
      display: none;
    }
    .buybox-block-image .buybox-image-mobile {
      display: flex;
    }
  }
/* END_SNIPPET:ante-buybox-block-image */

/* START_SNIPPET:ante-buybox-block-links (INDEX:71) */
.buybox-block-links {
    flex-wrap: wrap;
    row-gap: var(--micropad-x-large);
    column-gap: var(--spacing-medium);
    flex-direction: row !important;
  }

  .buybox-block-links.layout-column {
    flex-direction: column !important;
  }

  .buybox-link {
    display: flex;
    gap: var(--micropad-x-large);
    min-width: calc(50% - var(--spacing-medium) / 2);
    text-decoration: none !important;
    flex: 1 1 0px;
  }

  .buybox-link-body {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  .buybox-link-title-row {
    display: flex;
    gap: var(--micropad-x-small);
  }

  .buybox-link-title {
    flex: 1;
  }

  .buybox-link .ante-image {
    height: 30px;
  }

  .buybox-link svg {
    height: 1lh;
  }

  .buybox-link-learn-more {
    display: none;
  }

  .layout-column .buybox-link svg {
    display: none;
  }

  .layout-column .buybox-link-learn-more {
    display: inline;
    align-self: center;
  }
/* END_SNIPPET:ante-buybox-block-links */

/* START_SNIPPET:ante-buybox-block-product-hero (INDEX:72) */
.buybox-block-product-hero {
    flex-direction: row !important;
    gap: var(--spacing-x-small);
    container-type: inline-size;
  }

  .buybox-block-product-hero .product-hero-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--micropad-medium);
  }

  .buybox-block-product-hero .product-hero-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-x-small);
  }

  .buybox-block-product-hero .product-hero-description-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-x-small);
  }

  .buybox-block-product-hero .product-hero-description {
    flex: 1;
  }

  .buybox-block-product-hero .product-hero-image-mobile {
    display: none;
  }

  .buybox-block-product-hero .product-hero-title-mobile {
    display: none;
  }

  @container (max-width: 420px) {
    .buybox-block-product-hero .product-hero-title-desktop {
      display: none;
    }

    .buybox-block-product-hero .product-hero-title-mobile {
      display: block;
    }

    .buybox-block-product-hero .product-hero-header {
      justify-content: space-between;
    }

    .buybox-block-product-hero .product-hero-image {
      display: none;
    }

    .buybox-block-product-hero .product-hero-image-mobile {
      display: block;
    }

    .buybox-block-product-hero .product-hero-description {
      font-size: var(--font-size-body-x-small);
      line-height: var(--line-height-body);
    }
  }
/* END_SNIPPET:ante-buybox-block-product-hero */

/* START_SNIPPET:ante-buybox-block-review (INDEX:73) */
.buybox-block-review {
    flex-direction: row !important;
    gap: var(--padding-medium);
    align-items: center;
  }

  .buybox-block-review-content {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-large);
    flex: 1;
    min-width: 0;
  }

  .buybox-block-review-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--color-border-default);
    padding-top: var(--micropad-large);
  }

  .buybox-review-2 {
    gap: var(--spacing-x-small);
  }

  .buybox-review-2 .richtext {
    margin-top: calc(var(--micropad-xxx-large) - var(--spacing-x-small));
  }

  .buybox-review-2-footer {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-x-small);
  }

  .buybox-review-2-name {
    margin: 0;
  }

  .buybox-review-2-verified {
    display: inline-flex;
    align-items: center;
    gap: var(--micropad-x-small);
    font-family: var(--font-caption);
    font-size: var(--font-size-caption-x-small);
    font-weight: var(--font-weight-caption);
    letter-spacing: var(--letter-spacing-caption);
    line-height: 1;
    color: var(--color-content-accent-primary);
  }

  .buybox-block-review .buybox-review-2-verified .ante-image {
    position: static;
    width: 18px;
    height: 18px;
    min-width: 0;
  }

  .buybox-block-review {
    position: relative;
  }

  .buybox-block-review .ante-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 142px;
    overflow: hidden;
  }

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

  .buybox-block-review:has(> .ante-image) .buybox-block-review-content {
    margin-left: 142px;
  }

  @media (max-width: 600px) {
    .buybox-block-review .ante-image {
      width: 100px;
    }

    .buybox-block-review:has(> .ante-image) .buybox-block-review-content {
      margin-left: 100px;
    }
  }
/* END_SNIPPET:ante-buybox-block-review */

/* START_SNIPPET:ante-buybox-block-subscription-buybox (INDEX:74) */
.subscription-buybox {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-small);
  }

  .subscription-buybox-row {
    display: flex;
    flex-direction: column;
    background-color: var(--color-surface-dark);
    border: 1px solid var(--color-border-default);
    padding: var(--padding-medium) var(--padding-small);
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
    user-select: none;
  }

  .subscription-buybox-row.selected {
    background-color: var(--color-surface-x-dark);
    border-color: var(--color-border-active);
  }

  .subscription-buybox-row-header {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
  }

  .subscription-buybox-row-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--micropad-medium);
  }

  .subscription-buybox-facts-wrapper {
    height: 0;
    overflow: hidden;
    transition: var(--transition-drop);
  }

  .selected .subscription-buybox-facts-wrapper,
  .always-show-facts .subscription-buybox-facts-wrapper {
    height: auto;
  }

  .subscription-buybox-facts {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-large);
    border-top: 1px dashed var(--color-border-default);
    margin-top: var(--spacing-x-small);
    padding-top: var(--spacing-x-small);
  }

  .subscription-buybox-fact {
    display: flex;
    align-items: flex-start;
    gap: var(--micropad-x-large);
    padding: 0 var(--micropad-small);
  }

  .subscription-buybox-fact .ante-image {
    width: 1lh;
    height: 1lh;
    object-fit: contain;
    flex-shrink: 0;
  }


  .subscription-buybox-row-1 {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
  }

  .subscription-buybox-title {
    font-weight: var(--font-weight-bold);
  }

  .subscription-buybox-price .ante-buy-compare-price:not([hidden]) ~ .ante-buy-price {
    color: var(--color-true);
  }

  .subscription-buybox-row-2 {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
  }

  .subscription-buybox-row-1 > .ante-checkbox {
    display: none;
  }

  .subscription-buybox-row-2-spacer {
    display: none;
  }

  .subscription-buybox-row-1 .spacer {
    flex: 1;
  }

  .subscription-buybox-row-2 .subscription-buybox-subtitle {
    flex: 1;
  }

  .subscription-buybox-row-2 .spacer {
    display: none;
  }

  .subscription-buybox-tag-mobile {
    display: none !important;
  }

  @media (max-width: 600px) {
    .subscription-buybox .subscription-buybox-outer-tag {
      padding-top: var(--micropad-medium) !important;
      padding-bottom: var(--micropad-medium) !important;
    }

    .subscription-buybox.alt-mobile .subscription-buybox-tag:not(.subscription-buybox-tag-mobile) {
      display: none !important;
    }

    .subscription-buybox.alt-mobile .subscription-buybox-tag-mobile {
      display: flex !important;
    }

    .subscription-buybox.alt-mobile .subscription-buybox-row-2 .subscription-buybox-subtitle {
      flex: initial;
    }

    .subscription-buybox.alt-mobile .subscription-buybox-row-2 .spacer {
      display: block;
      flex: 1;
    }

    .subscription-buybox.alt-mobile .subscription-buybox-row-header {
      align-items: flex-start;
    }

    .subscription-buybox.alt-mobile .subscription-buybox-row-header > .ante-checkbox {
      display: none;
    }

    .subscription-buybox.alt-mobile .subscription-buybox-row-1 > .ante-checkbox {
      display: flex;
    }

    .subscription-buybox.alt-mobile .subscription-buybox-row-2-spacer {
      display: block;
      width: var(--ante-checkbox-size);
      min-width: var(--ante-checkbox-size);
    }

    .subscription-buybox.alt-mobile .subscription-buybox-secondary-price {
      padding-left: var(--micropad-medium);
      margin-left: calc(var(--micropad-x-large) * -1 + var(--micropad-medium));
      border-left: 1px solid var(--color-border-default);
    }

    .subscription-buybox .subscription-buybox-subtitle,
    .subscription-buybox .subscription-buybox-secondary-price {
      font-size: var(--font-size-caption-x-small);
    }
  }

  .subscription-buybox-toggle-label {
    display: flex;
    align-items: center;
    gap: var(--spacing-x-small);
    cursor: pointer;
    user-select: none;
  }

  input:checked ~ .subscription-buybox-toggle-label .toggle-label-off,
  input:not(:checked) ~ .subscription-buybox-toggle-label .toggle-label-on {
    display: none;
  }

  .subscription-buybox-subscribe,
  .subscription-buybox-onetime {
    display: none;
    flex-direction: column;
    gap: var(--micropad-large);
  }

  input:checked ~ .subscription-buybox-subscribe,
  input:not(:checked) ~ .subscription-buybox-onetime {
    display: flex;
  }

  .subscription-buybox-toggle-label,
  .subscription-buybox-subscribe,
  .subscription-buybox-onetime {
    transition: opacity .25s;
  }

  .subscription-buybox.loading .subscription-buybox-toggle-label,
  .subscription-buybox.loading .subscription-buybox-subscribe,
  .subscription-buybox.loading .subscription-buybox-onetime {
    opacity: 0.5;
    pointer-events: none;
  }

  .subscription-buybox-outer-tag {
    padding: var(--micropad-x-large) var(--padding-medium) !important;
    margin-bottom: calc(var(--micropad-x-small) - var(--micropad-large));
  }

  .subscription-buybox-pre-button-msg {
    margin-bottom: calc(var(--micropad-large) - var(--spacing-x-small));
    text-align: center;
  }
/* END_SNIPPET:ante-buybox-block-subscription-buybox */

/* START_SNIPPET:ante-buybox-block-tabbed-subscription-buybox (INDEX:75) */
.tabbed-subscription-buybox {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-small);
    transition: opacity .25s;
  }

  .tabbed-subscription-buybox .tab-content {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-large);
  }

  .tabbed-subscription-buybox .subscription-buybox-row {
    display: flex;
    flex-direction: column;
    background-color: var(--color-surface-dark);
    border: 1px solid var(--color-border-default);
    padding: var(--padding-medium) var(--padding-small);
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
    user-select: none;
  }

  .tabbed-subscription-buybox .subscription-buybox-row.selected {
    background-color: var(--color-surface-x-dark);
    border-color: var(--color-border-active);
  }

  .tabbed-subscription-buybox .subscription-buybox-row-header {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
  }

  .tabbed-subscription-buybox .subscription-buybox-row-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--micropad-medium);
  }

  .tabbed-subscription-buybox .subscription-buybox-facts-wrapper {
    height: 0;
    overflow: hidden;
    transition: var(--transition-drop);
    interpolate-size: allow-keywords;
  }

  .tabbed-subscription-buybox .selected .subscription-buybox-facts-wrapper,
  .tabbed-subscription-buybox.always-show-facts .subscription-buybox-facts-wrapper {
    height: auto;
  }

  .tabbed-subscription-buybox .subscription-buybox-facts {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-large);
    border-top: 1px dashed var(--color-border-default);
    margin-top: var(--spacing-x-small);
    padding-top: var(--spacing-x-small);
  }

  .tabbed-subscription-buybox .subscription-buybox-fact {
    display: flex;
    align-items: flex-start;
    gap: var(--micropad-x-large);
    padding: 0 var(--micropad-small);
  }

  .tabbed-subscription-buybox .subscription-buybox-fact .ante-image {
    width: 1lh;
    height: 1lh;
    object-fit: contain;
    flex-shrink: 0;
  }


  .tabbed-subscription-buybox .subscription-buybox-row-1 {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
  }

  .tabbed-subscription-buybox .subscription-buybox-title {
    font-weight: var(--font-weight-bold);
  }

  .tabbed-subscription-buybox .subscription-buybox-price .ante-buy-compare-price:not([hidden]) ~ .ante-buy-price {
    color: var(--color-true);
  }

  .tabbed-subscription-buybox .subscription-buybox-row-2 {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
  }

  .tabbed-subscription-buybox .subscription-buybox-row-1 .spacer {
    flex: 1;
  }

  .tabbed-subscription-buybox .subscription-buybox-row-2 .subscription-buybox-subtitle {
    flex: 1;
  }

  .tabbed-subscription-buybox .subscription-buybox-row-2 .spacer {
    display: none;
  }

  .tabbed-subscription-buybox .subscription-buybox-tag-mobile {
    display: none !important;
  }

  .tabbed-subscription-buybox .subscription-buybox-row-1 > .ante-checkbox {
    display: none;
  }

  .tabbed-subscription-buybox .subscription-buybox-row-2-spacer {
    display: none;
  }

  .tabbed-subscription-buybox .tab-bar {
    width: 100%;
  }

  .tabbed-subscription-buybox .tab-contents {
    margin-bottom: calc(var(--spacing-small) - var(--spacing-x-small));
  }

  .tabbed-subscription-buybox .tab-heading {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-large);
    margin-top: calc(var(--spacing-small) - var(--spacing-x-small));
  }

  .tabbed-subscription-buybox .subscription-buybox-outer-tag {
    padding: var(--micropad-x-large) var(--padding-medium) !important;
    margin-bottom: calc(var(--micropad-x-small) - var(--micropad-large));
  }

  .tabbed-subscription-buybox .subscription-buybox-pre-button-msg {
    margin-bottom: calc(var(--micropad-large) - var(--spacing-x-small));
    text-align: center;
  }

  .tabbed-subscription-buybox.loading {
    opacity: 0.5;
    pointer-events: none;
  }

  @media (max-width: 600px) {
    .tabbed-subscription-buybox .subscription-buybox-outer-tag {
      padding-top: var(--micropad-medium) !important;
      padding-bottom: var(--micropad-medium) !important;
    }

    .tabbed-subscription-buybox.alt-mobile .subscription-buybox-tag:not(.subscription-buybox-tag-mobile) {
      display: none !important;
    }

    .tabbed-subscription-buybox.alt-mobile .subscription-buybox-tag-mobile {
      display: flex !important;
    }

    .tabbed-subscription-buybox.alt-mobile .subscription-buybox-row-2 .subscription-buybox-subtitle {
      flex: initial;
    }

    .tabbed-subscription-buybox.alt-mobile .subscription-buybox-row-2 .spacer {
      display: block;
      flex: 1;
    }

    .tabbed-subscription-buybox.alt-mobile .subscription-buybox-row-header {
      align-items: flex-start;
    }

    .tabbed-subscription-buybox.alt-mobile .subscription-buybox-row-header > .ante-checkbox {
      display: none;
    }

    .tabbed-subscription-buybox.alt-mobile .subscription-buybox-row-1 > .ante-checkbox {
      display: flex;
    }

    .tabbed-subscription-buybox.alt-mobile .subscription-buybox-row-2-spacer {
      display: block;
      width: var(--ante-checkbox-size);
      min-width: var(--ante-checkbox-size);
    }

    .tabbed-subscription-buybox.alt-mobile .subscription-buybox-secondary-price {
      padding-left: var(--micropad-medium);
      margin-left: calc(var(--micropad-x-large) * -1 + var(--micropad-medium));
      border-left: 1px solid var(--color-border-default);
    }

    .tabbed-subscription-buybox .subscription-buybox-subtitle,
    .tabbed-subscription-buybox .subscription-buybox-secondary-price {
      font-size: var(--font-size-caption-x-small);
    }
  }
  .tabbed-buybox-trigger {
    display: flex;
    flex-direction: column;
  }

  .buybox-modal-button {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-small);
    background: var(--color-surface-x-dark);
    padding: var(--modal-content-padding-y) var(--modal-content-padding-x);
    margin: 0 calc(var(--modal-content-padding-x) * -1) calc(var(--modal-content-padding-y) * -1);
  }

  .buybox-modal-fact {
    display: flex;
    gap: var(--micropad-x-large);
    align-items: center;
    justify-content: center;
  }

  .buybox-modal-fact .ante-image {
    flex-shrink: 0;
    height: 21px;
  }

  .buybox-modal-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-x-small);
    width: 100%;
    padding: 0 var(--spacing-x-small) var(--spacing-x-small);
    margin-bottom: var(--spacing-x-small);
    border-bottom: 1px dashed var(--color-border-default);
    background: var(--color-surface-background);
  }

  .buybox-modal-header .ante-image {
    flex-shrink: 0;
    height: 52px;
  }

  .buybox-modal-header-content {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-x-small);
    min-width: 0;
  }

  .buybox-modal-heading {
    align-self: flex-start !important;
    margin-bottom: var(--spacing-x-small) !important;
  }

  @media (max-width: 768px) {
    .modal-element:has(.modal-title:empty) .buybox-modal-header {
      padding-top: var(--spacing-x-small);
      border-top: 1px dashed var(--color-border-default);
    }
  }

  #buybox-modal .modal-contents {
    display: flex;
    flex-direction: column;
  }

  #buybox-modal .tabbed-subscription-buybox {
    flex: 1;
    width: 100%;
  }

  #buybox-modal .tab-contents {
    flex: 1;
  }

  .buybox-inline {
    display: contents;
  }
/* END_SNIPPET:ante-buybox-block-tabbed-subscription-buybox */

/* START_SNIPPET:ante-buybox-block-tabs (INDEX:76) */
.buybox-block-tabs .tab-bar {
    width: 100%;
  }

  .buybox-block-tabs .tab-content {
    display: flex;
    flex-direction: column;
    gap: var(--micropad-x-large);
  }

  .buybox-block-tabs .tab-content .richtext p:not(:first-child) {
    margin-top: var(--micropad-small);
  }

  .buybox-block-tabs .tab-content .richtext p:not(:last-child) {
    margin-bottom: var(--micropad-small);
  }

  .buybox-block-tabs .divider {
    border-top: 1px solid var(--color-border-default);
  }

  .buybox-block-tabs .divider:last-child {
    display: none;
  }

  .buybox-block-tabs .tab-text strong,
  .buybox-block-tabs .tab-fact strong {
    color: var(--color-text-default);
  }

  .buybox-block-tabs .tab-text {
    display: flex;
    gap: var(--spacing-x-small);
  }

  .buybox-block-tabs .tab-text .richtext {
    --richtext-gap: var(--micropad-small);
  }

  .buybox-block-tabs .tab-text.icon-align-top {
    align-items: flex-start;
  }

  .buybox-block-tabs .tab-text.icon-align-center {
    align-items: center;
  }

  .buybox-block-tabs .tab-text .ante-image {
    flex-shrink: 0;
  }

  .buybox-block-tabs .tab-text .ante-image.body-small,
  .buybox-block-tabs .tab-text .ante-image.body-base,
  .buybox-block-tabs .tab-text .ante-image.body-large,
  .buybox-block-tabs .tab-text .ante-image.h1,
  .buybox-block-tabs .tab-text .ante-image.h2,
  .buybox-block-tabs .tab-text .ante-image.h3,
  .buybox-block-tabs .tab-text .ante-image.h4,
  .buybox-block-tabs .tab-text .ante-image.h5,
  .buybox-block-tabs .tab-text .ante-image.h6 {
    width: 1lh;
    height: 1lh;
  }

  .buybox-block-tabs .tab-fact {
    display: flex;
    gap: var(--micropad-large);
  }

  .buybox-block-tabs .tab-fact svg {
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-top: var(--micropad-x-small);
  }

  .buybox-block-tabs .tab-review {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-small);
  }

  .buybox-block-tabs .tab-review-footer {
    display: flex;
    align-items: center;
    gap: var(--micropad-small);
    flex-wrap: wrap;
  }

  .buybox-block-tabs .tab-review-footer .ante-image {
    min-width: 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
  }

  .buybox-block-tabs .tab-review-name {
    flex: 1;
  }

  .buybox-block-tabs .tab-review-verified {
    background-color: var(--color-true-light);
    color: var(--color-true);
  }

  .buybox-block-tabs .tab-stats {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-small);
  }

  .buybox-block-tabs .tab-stat {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-small);
    flex: 1;
    min-width: calc(50% - var(--spacing-small) / 2);
  }

  .buybox-block-tabs .tab-stat-header {
    display: flex;
    align-items: center;
    gap: var(--micropad-medium);
  }

  .buybox-block-tabs .tab-review .ante-image {
    height: 24px;
    flex-shrink: 0;
  }

  .buybox-block-tabs .tab-stat-percentage {
    flex: 1 !important;
  }

  .buybox-block-tabs .tab-stat-bar {
    width: 100%;
    height: 16px;
    background-color: var(--color-surface-dark);
    border-radius: var(--radius-x-small);
    overflow: hidden;
  }

  .buybox-block-tabs .tab-stat-bar-fill {
    height: 100%;
  }

  .buybox-block-tabs .tab-stat-content-row {
    display: flex;
    gap: var(--micropad-small);
  }

  .buybox-block-tabs .tab-fact svg,
  .buybox-block-tabs .tab-stat-content-row svg {
    flex-shrink: 0;
    cursor: pointer;
  }

  .fact-tooltip,
  .stat-tooltip {
    --easy-tooltip-max-width: 320px;
  }

  .buybox-tab-features-wrapper:not(:first-child) {
    padding-top: calc(var(--spacing-small) - var(--micropad-x-large));
  }

  .buybox-tab-features-wrapper:not(:last-child) > .buybox-features:last-child {
    padding-bottom: calc(var(--spacing-small) - var(--micropad-x-large));
  }
/* END_SNIPPET:ante-buybox-block-tabs */

/* START_SNIPPET:ante-buybox-block-tag-marquee (INDEX:77) */
.buybox-block-tag-marquee .fluid-marquee.fluid-marquee-scrolling {
    --fade-width: var(--spacing-x-small);
    mask-image: linear-gradient(to right, transparent 0, black var(--fade-width), black calc(100% - var(--fade-width)), transparent 100%);
  }

  @media (max-width: 1024px) {
    .buybox-block-tag-marquee .fluid-marquee.fluid-marquee-scrolling {
      mask-image: none;
    }
  }

  @media (max-width: 600px) {
    .buybox-block-tag-marquee .fluid-marquee {
      min-width: var(--ante-page-width);
      margin-left: calc(var(--page-gutter) * -1);
    }
  }

  .buybox-block-tag-marquee .fluid-marquee-item {
    padding: 0 var(--spacing-x-small) 0 0;
  }

  .buybox-block-tag-marquee .fluid-marquee-item .richtext p {
    margin: 0;
    white-space: nowrap;
  }

  .buybox-block-tag-marquee .fluid-marquee,
  .buybox-block-tag-marquee .fluid-marquee-sub {
    justify-content: flex-start;
  }
/* END_SNIPPET:ante-buybox-block-tag-marquee */

/* START_SNIPPET:ante-checkbox (INDEX:78) */
.ante-checkbox {
    --ante-checkbox-size: 30px;
    cursor: pointer;
    user-select: none;
    --ante-checkbox-inner-size: 16px;
    min-width: var(--ante-checkbox-size);
    width: var(--ante-checkbox-size);
    height: var(--ante-checkbox-size);
    outline: 1px solid var(--color-border-default);
    outline-offset: -1px;
    border-radius: var(--radius-small);
    background-color: var(--color-surface-background);
    transition: outline .15s, background-color .15s;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ante-checkbox.radio {
    border-radius: 50%;
  }

  .ante-checkbox i {
    opacity: 0;
    scale: 0.8;
    transition: opacity .15s;
    font-size: calc(var(--ante-checkbox-inner-size) + 2px);
  }

  .ante-checkbox.radio .ante-checkbox-dot {
    width: var(--ante-checkbox-inner-size);
    height: var(--ante-checkbox-inner-size);
    border-radius: 50%;
    background-color: var(--color-surface-accent);
    opacity: 0;
    scale: 0.8;
    transition: opacity .15s, scale .15s;
  }

  .selected .ante-checkbox,
  input:checked + label .ante-checkbox {
    outline: 1px solid var(--color-border-active);
    background-color: var(--color-surface-accent-inverse);
  }

  .selected .ante-checkbox.radio,
  input:checked + label .ante-checkbox.radio {
    background-color: var(--color-surface-background);
  }

  .selected .ante-checkbox i,
  input:checked + label .ante-checkbox i,
  .selected .ante-checkbox.radio .ante-checkbox-dot,
  input:checked + label .ante-checkbox.radio .ante-checkbox-dot {
    opacity: 1;
    scale: 1;
  }

  @media (max-width: 1024px) {
    .ante-checkbox {
      --ante-checkbox-size: 26px;
      --ante-checkbox-inner-size: 14px;
    }
  }

  @media (max-width: 600px) {
    .ante-checkbox {
      --ante-checkbox-size: 22px;
      --ante-checkbox-inner-size: 12px;
    }
  }
/* END_SNIPPET:ante-checkbox */

/* START_SNIPPET:ante-drop (INDEX:80) */
.drop-content .drop-content-image {
    width: 100%;
    margin-bottom: var(--micropad-large);
  }

  .drop-content .drop-content-image:last-child {
    margin-bottom: 0;
  }

  .drop-content .drop-content-image img {
    width: 100%;
    height: auto;
  }
/* END_SNIPPET:ante-drop */

/* START_SNIPPET:ante-image-gallery-grid (INDEX:84) */
.ante-image-gallery-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--spacing-x-small);
  }

  .ante-image-gallery-grid-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
/* END_SNIPPET:ante-image-gallery-grid */

/* START_SNIPPET:ante-image-gallery (INDEX:85) */
.gallery-mobile {
    display: none;
  }

  @media (max-width: 1024px) {
    .gallery-desktop {
      display: none;
    }

    .gallery-mobile {
      display: initial;
    }
  }
/* END_SNIPPET:ante-image-gallery */

/* START_SNIPPET:ante-import-buttons (INDEX:87) */
body {
    --button-border-radius: 9999px;
    --button-font-size: var(--font-size-body-large);
    --button-font-weight: 700;
    --button-line-height: 145%;
    --button-font-family: var(--font-heading);
  }

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

  .ante-button {
    all: unset;
    white-space: pre-wrap;
    background-color: var(--color-button-surface) !important;
    border-radius: var(--button-border-radius) !important;
    padding: var(--padding-medium) var(--padding-small) !important;
    min-height: 72px !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-color .15s !important;
    text-align: center;
    text-decoration: none !important;
    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;
    --border-color: var(--color-button-border);
    box-shadow: var(--elevated-shadow) !important;
    transform: var(--elevated-translate);
    border: 1px solid var(--color-button-border) !important;
  }

  .ante-button::after,
  .ante-button::before,
  .ante-button * {
    color: inherit !important;
  }

  .ante-button.small {
    padding: var(--padding-small) var(--padding-medium) !important;
    min-height: 60px !important;
    max-height: 60px;
  }

  .ante-button.x-small {
    padding: var(--micropad-large) var(--spacing-small) !important;
    min-height: 40px !important;
    min-width: 0 !important;
    font-size: var(--font-size-body) !important;
    gap: var(--micropad-medium);
  }

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

  .ante-button:not([loading]):not([disabled]):hover,
  .ante-button-activator:hover > .ante-button:not([loading]):not([disabled]) {
    --border-color: var(--color-button-border-hover);
    background-color: var(--color-button-surface-hover) !important;
    color: var(--color-button-text-hover) !important;
    border: 1px solid var(--color-button-border-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 {
    --border-color: var(--color-button-secondary-border-hover);
    background-color: var(--color-button-secondary-surface-hover) !important;
    color: var(--color-button-secondary-text-hover) !important;
    border: 1px solid var(--color-button-secondary-border-hover) !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-activator:active > .ante-button:not([loading]):not([disabled]),
  .ante-button-activator:active > .ante-button:not([loading]):not([disabled]).secondary {
    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-none) !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-secondary-text);
  }

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

  .ante-button .ante-buy-compare-price {
    color: inherit !important;
  }

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

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

  .ante-buy-button-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: currentColor;
  }

  @media (max-width: 1440px) {
    .ante-button {
      min-height: 72px !important;
    }

    .ante-button.small {
      min-height: 54px !important;
      max-height: 54px;
    }
  }

  @media (max-width: 600px) {
    .ante-button {
      min-height: 72px !important;
    }

    .ante-button.small {
      min-height: 40px !important;
      max-height: 40px;
    }

    .ante-button.x-small {
      min-height: 36px !important;
      font-size: var(--font-size-body-small) !important;
    }
  }

  @keyframes loadingspin {
    to {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
/* END_SNIPPET:ante-import-buttons */

/* START_SNIPPET:ante-import-colours (INDEX:88) */
@property --color-surface-background {
    syntax: "<color>";
    inherits: true;
    initial-value: #FFFFFC;
  }
  @property --color-surface-dark {
    syntax: "<color>";
    inherits: true;
    initial-value: #F5F3E5;
  }
  @property --color-surface-x-dark {
    syntax: "<color>";
    inherits: true;
    initial-value: #EFEAD6;
  }
  @property --color-surface-xx-dark {
    syntax: "<color>";
    inherits: true;
    initial-value: #E6E5DC;
  }
  @property --color-surface-xxx-dark {
    syntax: "<color>";
    inherits: true;
    initial-value: #D9D7CC;
  }
  @property --color-surface-accent {
    syntax: "<color>";
    inherits: true;
    initial-value: #EFEAD6;
  }
  @property --color-surface-accent-inverse {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-surface-alpha-dark {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E474414;
  }
  @property --color-surface-alpha-x-dark {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E474429;
  }
  @property --color-surface-input {
    syntax: "<color>";
    inherits: true;
    initial-value: #FFFFFF;
  }
  @property --color-text-default {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-text-muted {
    syntax: "<color>";
    inherits: true;
    initial-value: #636A68;
  }
  @property --color-text-faint {
    syntax: "<color>";
    inherits: true;
    initial-value: #636A68;
  }
  @property --color-text-alt {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-text-link {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-text-input {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-border-default {
    syntax: "<color>";
    inherits: true;
    initial-value: #D9D7CC;
  }
  @property --color-border-default-secondary {
    syntax: "<color>";
    inherits: true;
    initial-value: #BCB9B0;
  }
  @property --color-border-active {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-border-active-secondary {
    syntax: "<color>";
    inherits: true;
    initial-value: #262C2A;
  }
  @property --color-border-alpha {
    syntax: "<color>";
    inherits: true;
    initial-value: #1717193D;
  }
  @property --color-button-surface {
    syntax: "<color>";
    inherits: true;
    initial-value: #4F4A33;
  }
  @property --color-button-surface-hover {
    syntax: "<color>";
    inherits: true;
    initial-value: #4F4A33;
  }
  /* --color-button-text is deliberately NOT registered on this store: Dawn defines the same name as an
     RGB triplet ("18,18,18") for rgb(var(--color-button-text)), and a <color> registration rejects that
     value, which blanks the text on every Dawn button outside the kit sections. */
  @property --color-button-text-hover {
    syntax: "<color>";
    inherits: true;
    initial-value: #FBF7ED;
  }
  @property --color-button-border {
    syntax: "<color>";
    inherits: true;
    initial-value: #4F4A33;
  }
  @property --color-button-border-hover {
    syntax: "<color>";
    inherits: true;
    initial-value: #4F4A33;
  }
  @property --color-button-secondary-surface {
    syntax: "<color>";
    inherits: true;
    initial-value: #17171900;
  }
  @property --color-button-secondary-surface-hover {
    syntax: "<color>";
    inherits: true;
    initial-value: #F3F3EC;
  }
  @property --color-button-secondary-text {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-button-secondary-text-hover {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-button-secondary-border {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-button-secondary-border-hover {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-content-accent-primary {
    syntax: "<color>";
    inherits: true;
    initial-value: #3E4744;
  }
  @property --color-content-accent-inverse {
    syntax: "<color>";
    inherits: true;
    initial-value: #FBF7ED;
  }
  @property --color-true {
    syntax: "<color>";
    inherits: true;
    initial-value: #2F7D37;
  }
  @property --color-true-light {
    syntax: "<color>";
    inherits: true;
    initial-value: #EFFBF1;
  }
  @property --color-false {
    syntax: "<color>";
    inherits: true;
    initial-value: #B92B3E;
  }
  @property --color-false-light {
    syntax: "<color>";
    inherits: true;
    initial-value: #FCECEE;
  }
  @property --color-rating-stars {
    syntax: "<color>";
    inherits: true;
    initial-value: #FBBB01;
  }
  @property --color-toggle-thumb-surface {
    syntax: "<color>";
    inherits: true;
    initial-value: #FFFFFF;
  }
  @property --color-toggle-thumb-border-on {
    syntax: "<color>";
    inherits: true;
    initial-value: #1C6929;
  }
  @property --color-toggle-thumb-border-off {
    syntax: "<color>";
    inherits: true;
    initial-value: #242529;
  }
  @property --color-toggle-surface-on {
    syntax: "<color>";
    inherits: true;
    initial-value: #58AE5F;
  }
  @property --color-toggle-border-on {
    syntax: "<color>";
    inherits: true;
    initial-value: #266330;
  }
  @property --color-toggle-surface-off {
    syntax: "<color>";
    inherits: true;
    initial-value: #F3F3EC;
  }
  @property --color-toggle-border-off {
    syntax: "<color>";
    inherits: true;
    initial-value: #83817A;
  }

  /* Theme values */
  :root,
  .ante-base {
    --base-color-surface-background: #FFFFFC;
    --base-color-surface-dark: #F5F3E5;
    --base-color-surface-x-dark: #EFEAD6;
    --base-color-surface-xx-dark: #E6E5DC;
    --base-color-surface-xxx-dark: #D9D7CC;
    --base-color-surface-accent: #EFEAD6;
    --base-color-surface-accent-inverse: #3E4744;
    --base-color-surface-alpha-dark: #3E474414;
    --base-color-surface-alpha-x-dark: #3E474429;
    --base-color-surface-input: #FFFFFF;
    --base-color-text-default: #3E4744;
    --base-color-text-muted: #636A68;
    --base-color-text-faint: #636A68;
    --base-color-text-alt: #3E4744;
    --base-color-text-link: #3E4744;
    --base-color-text-input: #3E4744;
    --base-color-border-default: #D9D7CC;
    --base-color-border-default-secondary: #BCB9B0;
    --base-color-border-active: #3E4744;
    --base-color-border-active-secondary: #262C2A;
    --base-color-border-alpha: #1717193D;
    --base-color-button-surface: #4F4A33;
    --base-color-button-surface-hover: #4F4A33;
    --base-color-button-text: #FBF7ED;
    --base-color-button-text-hover: #FBF7ED;
    --base-color-button-border: #4F4A33;
    --base-color-button-border-hover: #4F4A33;
    --base-color-button-secondary-surface: #17171900;
    --base-color-button-secondary-surface-hover: #F3F3EC;
    --base-color-button-secondary-text: #3E4744;
    --base-color-button-secondary-text-hover: #3E4744;
    --base-color-button-secondary-border: #3E4744;
    --base-color-button-secondary-border-hover: #3E4744;
    --base-color-content-accent-primary: #3E4744;
    --base-color-content-accent-inverse: #FBF7ED;
    --base-color-true: #2F7D37;
    --base-color-true-light: #EFFBF1;
    --base-color-false: #B92B3E;
    --base-color-false-light: #FCECEE;
    --base-color-rating-stars: #FBBB01;
    --base-color-toggle-thumb-surface: #FFFFFF;
    --base-color-toggle-thumb-border-on: #1C6929;
    --base-color-toggle-thumb-border-off: #242529;
    --base-color-toggle-surface-on: #58AE5F;
    --base-color-toggle-border-on: #266330;
    --base-color-toggle-surface-off: #F3F3EC;
    --base-color-toggle-border-off: #83817A;
    --inverse-color-surface-background: #3E4744;
    --inverse-color-surface-dark: #2B312F;
    --inverse-color-surface-x-dark: #222725;
    --inverse-color-surface-xx-dark: #181C1B;
    --inverse-color-surface-xxx-dark: #111313;
    --inverse-color-surface-accent: #222725;
    --inverse-color-surface-accent-inverse: #FBF7ED;
    --inverse-color-surface-alpha-dark: #FFFFFF1F;
    --inverse-color-surface-alpha-x-dark: #FFFFFF3D;
    --inverse-color-surface-input: #FFFFFF;
    --inverse-color-text-default: #FBF7ED;
    --inverse-color-text-muted: #D6D0B7;
    --inverse-color-text-faint: #B4B7B6;
    --inverse-color-text-alt: #D6D0B7;
    --inverse-color-text-link: #D6D0B7;
    --inverse-color-text-input: #3E4744;
    --inverse-color-border-default: #959A98;
    --inverse-color-border-default-secondary: #636A68;
    --inverse-color-border-active: #D6D0B7;
    --inverse-color-border-active-secondary: #D6D0B7;
    --inverse-color-border-alpha: #FFFFFF3D;
    --inverse-color-button-surface: #FBF7ED;
    --inverse-color-button-surface-hover: #FBF7ED;
    --inverse-color-button-text: #3E4744;
    --inverse-color-button-text-hover: #3E4744;
    --inverse-color-button-border: #FBF7ED;
    --inverse-color-button-border-hover: #FBF7ED;
    --inverse-color-button-secondary-surface: #17171900;
    --inverse-color-button-secondary-surface-hover: #FFFFFF1F;
    --inverse-color-button-secondary-text: #FBF7ED;
    --inverse-color-button-secondary-text-hover: #FBF7ED;
    --inverse-color-button-secondary-border: #FBF7ED;
    --inverse-color-button-secondary-border-hover: #FBF7ED;
    --inverse-color-content-accent-primary: #FBF7ED;
    --inverse-color-content-accent-inverse: #3E4744;
    --inverse-color-true: #74DA85;
    --inverse-color-true-light: #18391D;
    --inverse-color-false: #F3B3BB;
    --inverse-color-false-light: #3F1D1D;
    --inverse-color-rating-stars: #FFBE1F;
    --inverse-color-toggle-thumb-surface: #FFFFFF;
    --inverse-color-toggle-thumb-border-on: #1C6929;
    --inverse-color-toggle-thumb-border-off: #242529;
    --inverse-color-toggle-surface-on: #58AE5F;
    --inverse-color-toggle-border-on: #266330;
    --inverse-color-toggle-surface-off: #B4B7B6;
    --inverse-color-toggle-border-off: #181C1B;
    --brand-color-surface-background: #EFEAD6;
    --brand-color-surface-dark: #D6D0B7;
    --brand-color-surface-x-dark: #BEB79A;
    --brand-color-surface-xx-dark: #A69E7C;
    --brand-color-surface-xxx-dark: #A69E7C;
    --brand-color-surface-accent: #FFFFFC;
    --brand-color-surface-accent-inverse: #3E4744;
    --brand-color-surface-alpha-dark: #3E474414;
    --brand-color-surface-alpha-x-dark: #3E474429;
    --brand-color-surface-input: #FFFFFF;
    --brand-color-text-default: #3E4744;
    --brand-color-text-muted: #3E4744;
    --brand-color-text-faint: #636A68;
    --brand-color-text-alt: #3E4744;
    --brand-color-text-link: #3E4744;
    --brand-color-text-input: #3E4744;
    --brand-color-border-default: #BEB79A;
    --brand-color-border-default-secondary: #A69E7C;
    --brand-color-border-active: #3E4744;
    --brand-color-border-active-secondary: #262C2A;
    --brand-color-border-alpha: #1717193D;
    --brand-color-button-surface: #4F4A33;
    --brand-color-button-surface-hover: #4F4A33;
    --brand-color-button-text: #FBF7ED;
    --brand-color-button-text-hover: #FBF7ED;
    --brand-color-button-border: #4F4A33;
    --brand-color-button-border-hover: #4F4A33;
    --brand-color-button-secondary-surface: #17171900;
    --brand-color-button-secondary-surface-hover: #FFFFFC;
    --brand-color-button-secondary-text: #3E4744;
    --brand-color-button-secondary-text-hover: #3E4744;
    --brand-color-button-secondary-border: #3E4744;
    --brand-color-button-secondary-border-hover: #3E4744;
    --brand-color-content-accent-primary: #3E4744;
    --brand-color-content-accent-inverse: #FBF7ED;
    --brand-color-true: #266330;
    --brand-color-true-light: #D1F3D6;
    --brand-color-false: #693130;
    --brand-color-false-light: #F8D6DA;
    --brand-color-rating-stars: #636A68;
    --brand-color-toggle-thumb-surface: #FFFFFF;
    --brand-color-toggle-thumb-border-on: #1C6929;
    --brand-color-toggle-thumb-border-off: #242529;
    --brand-color-toggle-surface-on: #58AE5F;
    --brand-color-toggle-border-on: #266330;
    --brand-color-toggle-surface-off: #F5F3E5;
    --brand-color-toggle-border-off: #494742;
    --brand-inverse-color-surface-background: #4F4A33;
    --brand-inverse-color-surface-dark: #3D3A27;
    --brand-inverse-color-surface-x-dark: #2D2A1C;
    --brand-inverse-color-surface-xx-dark: #1D1B12;
    --brand-inverse-color-surface-xxx-dark: #0E0D08;
    --brand-inverse-color-surface-accent: #2D2A1C;
    --brand-inverse-color-surface-accent-inverse: #FBF7ED;
    --brand-inverse-color-surface-alpha-dark: #FFFFFF1F;
    --brand-inverse-color-surface-alpha-x-dark: #FFFFFF3D;
    --brand-inverse-color-surface-input: #FFFFFF;
    --brand-inverse-color-text-default: #FBF7ED;
    --brand-inverse-color-text-muted: #EFEAD6;
    --brand-inverse-color-text-faint: #D6D0B7;
    --brand-inverse-color-text-alt: #D6D0B7;
    --brand-inverse-color-text-link: #D6D0B7;
    --brand-inverse-color-text-input: #3E4744;
    --brand-inverse-color-border-default: #A69E7C;
    --brand-inverse-color-border-default-secondary: #8F8660;
    --brand-inverse-color-border-active: #D6D0B7;
    --brand-inverse-color-border-active-secondary: #D6D0B7;
    --brand-inverse-color-border-alpha: #FFFFFF3D;
    --brand-inverse-color-button-surface: #FBF7ED;
    --brand-inverse-color-button-surface-hover: #FBF7ED;
    --brand-inverse-color-button-text: #3E4744;
    --brand-inverse-color-button-text-hover: #3E4744;
    --brand-inverse-color-button-border: #FBF7ED;
    --brand-inverse-color-button-border-hover: #FBF7ED;
    --brand-inverse-color-button-secondary-surface: #17171900;
    --brand-inverse-color-button-secondary-surface-hover: #FFFFFF1F;
    --brand-inverse-color-button-secondary-text: #FBF7ED;
    --brand-inverse-color-button-secondary-text-hover: #FBF7ED;
    --brand-inverse-color-button-secondary-border: #FBF7ED;
    --brand-inverse-color-button-secondary-border-hover: #FBF7ED;
    --brand-inverse-color-content-accent-primary: #FBF7ED;
    --brand-inverse-color-content-accent-inverse: #3E4744;
    --brand-inverse-color-true: #74DA85;
    --brand-inverse-color-true-light: #18391D;
    --brand-inverse-color-false: #F3B3BB;
    --brand-inverse-color-false-light: #3F1D1D;
    --brand-inverse-color-rating-stars: #FFBE1F;
    --brand-inverse-color-toggle-thumb-surface: #FFFFFF;
    --brand-inverse-color-toggle-thumb-border-on: #1C6929;
    --brand-inverse-color-toggle-thumb-border-off: #242529;
    --brand-inverse-color-toggle-surface-on: #58AE5F;
    --brand-inverse-color-toggle-border-on: #266330;
    --brand-inverse-color-toggle-surface-off: #BEB79A;
    --brand-inverse-color-toggle-border-off: #1D1B12;

    /* Active theme indirection */
    --normal-color-surface-background: var(--base-color-surface-background);
    --normal-color-surface-dark: var(--base-color-surface-dark);
    --normal-color-surface-x-dark: var(--base-color-surface-x-dark);
    --normal-color-surface-xx-dark: var(--base-color-surface-xx-dark);
    --normal-color-surface-xxx-dark: var(--base-color-surface-xxx-dark);
    --normal-color-surface-accent: var(--base-color-surface-accent);
    --normal-color-surface-accent-inverse: var(--base-color-surface-accent-inverse);
    --normal-color-surface-alpha-dark: var(--base-color-surface-alpha-dark);
    --normal-color-surface-alpha-x-dark: var(--base-color-surface-alpha-x-dark);
    --normal-color-surface-input: var(--base-color-surface-input);
    --normal-color-text-default: var(--base-color-text-default);
    --normal-color-text-muted: var(--base-color-text-muted);
    --normal-color-text-faint: var(--base-color-text-faint);
    --normal-color-text-alt: var(--base-color-text-alt);
    --normal-color-text-link: var(--base-color-text-link);
    --normal-color-text-input: var(--base-color-text-input);
    --normal-color-border-default: var(--base-color-border-default);
    --normal-color-border-default-secondary: var(--base-color-border-default-secondary);
    --normal-color-border-active: var(--base-color-border-active);
    --normal-color-border-active-secondary: var(--base-color-border-active-secondary);
    --normal-color-border-alpha: var(--base-color-border-alpha);
    --normal-color-button-surface: var(--base-color-button-surface);
    --normal-color-button-surface-hover: var(--base-color-button-surface-hover);
    --normal-color-button-text: var(--base-color-button-text);
    --normal-color-button-text-hover: var(--base-color-button-text-hover);
    --normal-color-button-border: var(--base-color-button-border);
    --normal-color-button-border-hover: var(--base-color-button-border-hover);
    --normal-color-button-secondary-surface: var(--base-color-button-secondary-surface);
    --normal-color-button-secondary-surface-hover: var(--base-color-button-secondary-surface-hover);
    --normal-color-button-secondary-text: var(--base-color-button-secondary-text);
    --normal-color-button-secondary-text-hover: var(--base-color-button-secondary-text-hover);
    --normal-color-button-secondary-border: var(--base-color-button-secondary-border);
    --normal-color-button-secondary-border-hover: var(--base-color-button-secondary-border-hover);
    --normal-color-content-accent-primary: var(--base-color-content-accent-primary);
    --normal-color-content-accent-inverse: var(--base-color-content-accent-inverse);
    --normal-color-true: var(--base-color-true);
    --normal-color-true-light: var(--base-color-true-light);
    --normal-color-false: var(--base-color-false);
    --normal-color-false-light: var(--base-color-false-light);
    --normal-color-rating-stars: var(--base-color-rating-stars);
    --normal-color-toggle-thumb-surface: var(--base-color-toggle-thumb-surface);
    --normal-color-toggle-thumb-border-on: var(--base-color-toggle-thumb-border-on);
    --normal-color-toggle-thumb-border-off: var(--base-color-toggle-thumb-border-off);
    --normal-color-toggle-surface-on: var(--base-color-toggle-surface-on);
    --normal-color-toggle-border-on: var(--base-color-toggle-border-on);
    --normal-color-toggle-surface-off: var(--base-color-toggle-surface-off);
    --normal-color-toggle-border-off: var(--base-color-toggle-border-off);
    --invert-color-surface-background: var(--inverse-color-surface-background);
    --invert-color-surface-dark: var(--inverse-color-surface-dark);
    --invert-color-surface-x-dark: var(--inverse-color-surface-x-dark);
    --invert-color-surface-xx-dark: var(--inverse-color-surface-xx-dark);
    --invert-color-surface-xxx-dark: var(--inverse-color-surface-xxx-dark);
    --invert-color-surface-accent: var(--inverse-color-surface-accent);
    --invert-color-surface-accent-inverse: var(--inverse-color-surface-accent-inverse);
    --invert-color-surface-alpha-dark: var(--inverse-color-surface-alpha-dark);
    --invert-color-surface-alpha-x-dark: var(--inverse-color-surface-alpha-x-dark);
    --invert-color-surface-input: var(--inverse-color-surface-input);
    --invert-color-text-default: var(--inverse-color-text-default);
    --invert-color-text-muted: var(--inverse-color-text-muted);
    --invert-color-text-faint: var(--inverse-color-text-faint);
    --invert-color-text-alt: var(--inverse-color-text-alt);
    --invert-color-text-link: var(--inverse-color-text-link);
    --invert-color-text-input: var(--inverse-color-text-input);
    --invert-color-border-default: var(--inverse-color-border-default);
    --invert-color-border-default-secondary: var(--inverse-color-border-default-secondary);
    --invert-color-border-active: var(--inverse-color-border-active);
    --invert-color-border-active-secondary: var(--inverse-color-border-active-secondary);
    --invert-color-border-alpha: var(--inverse-color-border-alpha);
    --invert-color-button-surface: var(--inverse-color-button-surface);
    --invert-color-button-surface-hover: var(--inverse-color-button-surface-hover);
    --invert-color-button-text: var(--inverse-color-button-text);
    --invert-color-button-text-hover: var(--inverse-color-button-text-hover);
    --invert-color-button-border: var(--inverse-color-button-border);
    --invert-color-button-border-hover: var(--inverse-color-button-border-hover);
    --invert-color-button-secondary-surface: var(--inverse-color-button-secondary-surface);
    --invert-color-button-secondary-surface-hover: var(--inverse-color-button-secondary-surface-hover);
    --invert-color-button-secondary-text: var(--inverse-color-button-secondary-text);
    --invert-color-button-secondary-text-hover: var(--inverse-color-button-secondary-text-hover);
    --invert-color-button-secondary-border: var(--inverse-color-button-secondary-border);
    --invert-color-button-secondary-border-hover: var(--inverse-color-button-secondary-border-hover);
    --invert-color-content-accent-primary: var(--inverse-color-content-accent-primary);
    --invert-color-content-accent-inverse: var(--inverse-color-content-accent-inverse);
    --invert-color-true: var(--inverse-color-true);
    --invert-color-true-light: var(--inverse-color-true-light);
    --invert-color-false: var(--inverse-color-false);
    --invert-color-false-light: var(--inverse-color-false-light);
    --invert-color-rating-stars: var(--inverse-color-rating-stars);
    --invert-color-toggle-thumb-surface: var(--inverse-color-toggle-thumb-surface);
    --invert-color-toggle-thumb-border-on: var(--inverse-color-toggle-thumb-border-on);
    --invert-color-toggle-thumb-border-off: var(--inverse-color-toggle-thumb-border-off);
    --invert-color-toggle-surface-on: var(--inverse-color-toggle-surface-on);
    --invert-color-toggle-border-on: var(--inverse-color-toggle-border-on);
    --invert-color-toggle-surface-off: var(--inverse-color-toggle-surface-off);
    --invert-color-toggle-border-off: var(--inverse-color-toggle-border-off);
    --color-surface-background: var(--normal-color-surface-background);
    --color-surface-dark: var(--normal-color-surface-dark);
    --color-surface-x-dark: var(--normal-color-surface-x-dark);
    --color-surface-xx-dark: var(--normal-color-surface-xx-dark);
    --color-surface-xxx-dark: var(--normal-color-surface-xxx-dark);
    --color-surface-accent: var(--normal-color-surface-accent);
    --color-surface-accent-inverse: var(--normal-color-surface-accent-inverse);
    --color-surface-alpha-dark: var(--normal-color-surface-alpha-dark);
    --color-surface-alpha-x-dark: var(--normal-color-surface-alpha-x-dark);
    --color-surface-input: var(--normal-color-surface-input);
    --color-text-default: var(--normal-color-text-default);
    --color-text-muted: var(--normal-color-text-muted);
    --color-text-faint: var(--normal-color-text-faint);
    --color-text-alt: var(--normal-color-text-alt);
    --color-text-link: var(--normal-color-text-link);
    --color-text-input: var(--normal-color-text-input);
    --color-border-default: var(--normal-color-border-default);
    --color-border-default-secondary: var(--normal-color-border-default-secondary);
    --color-border-active: var(--normal-color-border-active);
    --color-border-active-secondary: var(--normal-color-border-active-secondary);
    --color-border-alpha: var(--normal-color-border-alpha);
    --color-button-surface: var(--normal-color-button-surface);
    --color-button-surface-hover: var(--normal-color-button-surface-hover);
    --color-button-text: var(--normal-color-button-text);
    --color-button-text-hover: var(--normal-color-button-text-hover);
    --color-button-border: var(--normal-color-button-border);
    --color-button-border-hover: var(--normal-color-button-border-hover);
    --color-button-secondary-surface: var(--normal-color-button-secondary-surface);
    --color-button-secondary-surface-hover: var(--normal-color-button-secondary-surface-hover);
    --color-button-secondary-text: var(--normal-color-button-secondary-text);
    --color-button-secondary-text-hover: var(--normal-color-button-secondary-text-hover);
    --color-button-secondary-border: var(--normal-color-button-secondary-border);
    --color-button-secondary-border-hover: var(--normal-color-button-secondary-border-hover);
    --color-content-accent-primary: var(--normal-color-content-accent-primary);
    --color-content-accent-inverse: var(--normal-color-content-accent-inverse);
    --color-true: var(--normal-color-true);
    --color-true-light: var(--normal-color-true-light);
    --color-false: var(--normal-color-false);
    --color-false-light: var(--normal-color-false-light);
    --color-rating-stars: var(--normal-color-rating-stars);
    --color-toggle-thumb-surface: var(--normal-color-toggle-thumb-surface);
    --color-toggle-thumb-border-on: var(--normal-color-toggle-thumb-border-on);
    --color-toggle-thumb-border-off: var(--normal-color-toggle-thumb-border-off);
    --color-toggle-surface-on: var(--normal-color-toggle-surface-on);
    --color-toggle-border-on: var(--normal-color-toggle-border-on);
    --color-toggle-surface-off: var(--normal-color-toggle-surface-off);
    --color-toggle-border-off: var(--normal-color-toggle-border-off);
    color: var(--color-text-default);
  }

  .ante-brand,
  .ante-brand .ante-brand .ante-brand {
    --normal-color-surface-background: var(--brand-color-surface-background);
    --normal-color-surface-dark: var(--brand-color-surface-dark);
    --normal-color-surface-x-dark: var(--brand-color-surface-x-dark);
    --normal-color-surface-xx-dark: var(--brand-color-surface-xx-dark);
    --normal-color-surface-xxx-dark: var(--brand-color-surface-xxx-dark);
    --normal-color-surface-accent: var(--brand-color-surface-accent);
    --normal-color-surface-accent-inverse: var(--brand-color-surface-accent-inverse);
    --normal-color-surface-alpha-dark: var(--brand-color-surface-alpha-dark);
    --normal-color-surface-alpha-x-dark: var(--brand-color-surface-alpha-x-dark);
    --normal-color-surface-input: var(--brand-color-surface-input);
    --normal-color-text-default: var(--brand-color-text-default);
    --normal-color-text-muted: var(--brand-color-text-muted);
    --normal-color-text-faint: var(--brand-color-text-faint);
    --normal-color-text-alt: var(--brand-color-text-alt);
    --normal-color-text-link: var(--brand-color-text-link);
    --normal-color-text-input: var(--brand-color-text-input);
    --normal-color-border-default: var(--brand-color-border-default);
    --normal-color-border-default-secondary: var(--brand-color-border-default-secondary);
    --normal-color-border-active: var(--brand-color-border-active);
    --normal-color-border-active-secondary: var(--brand-color-border-active-secondary);
    --normal-color-border-alpha: var(--brand-color-border-alpha);
    --normal-color-button-surface: var(--brand-color-button-surface);
    --normal-color-button-surface-hover: var(--brand-color-button-surface-hover);
    --normal-color-button-text: var(--brand-color-button-text);
    --normal-color-button-text-hover: var(--brand-color-button-text-hover);
    --normal-color-button-border: var(--brand-color-button-border);
    --normal-color-button-border-hover: var(--brand-color-button-border-hover);
    --normal-color-button-secondary-surface: var(--brand-color-button-secondary-surface);
    --normal-color-button-secondary-surface-hover: var(--brand-color-button-secondary-surface-hover);
    --normal-color-button-secondary-text: var(--brand-color-button-secondary-text);
    --normal-color-button-secondary-text-hover: var(--brand-color-button-secondary-text-hover);
    --normal-color-button-secondary-border: var(--brand-color-button-secondary-border);
    --normal-color-button-secondary-border-hover: var(--brand-color-button-secondary-border-hover);
    --normal-color-content-accent-primary: var(--brand-color-content-accent-primary);
    --normal-color-content-accent-inverse: var(--brand-color-content-accent-inverse);
    --normal-color-true: var(--brand-color-true);
    --normal-color-true-light: var(--brand-color-true-light);
    --normal-color-false: var(--brand-color-false);
    --normal-color-false-light: var(--brand-color-false-light);
    --normal-color-rating-stars: var(--brand-color-rating-stars);
    --normal-color-toggle-thumb-surface: var(--brand-color-toggle-thumb-surface);
    --normal-color-toggle-thumb-border-on: var(--brand-color-toggle-thumb-border-on);
    --normal-color-toggle-thumb-border-off: var(--brand-color-toggle-thumb-border-off);
    --normal-color-toggle-surface-on: var(--brand-color-toggle-surface-on);
    --normal-color-toggle-border-on: var(--brand-color-toggle-border-on);
    --normal-color-toggle-surface-off: var(--brand-color-toggle-surface-off);
    --normal-color-toggle-border-off: var(--brand-color-toggle-border-off);
    --invert-color-surface-background: var(--brand-inverse-color-surface-background);
    --invert-color-surface-dark: var(--brand-inverse-color-surface-dark);
    --invert-color-surface-x-dark: var(--brand-inverse-color-surface-x-dark);
    --invert-color-surface-xx-dark: var(--brand-inverse-color-surface-xx-dark);
    --invert-color-surface-xxx-dark: var(--brand-inverse-color-surface-xxx-dark);
    --invert-color-surface-accent: var(--brand-inverse-color-surface-accent);
    --invert-color-surface-accent-inverse: var(--brand-inverse-color-surface-accent-inverse);
    --invert-color-surface-alpha-dark: var(--brand-inverse-color-surface-alpha-dark);
    --invert-color-surface-alpha-x-dark: var(--brand-inverse-color-surface-alpha-x-dark);
    --invert-color-surface-input: var(--brand-inverse-color-surface-input);
    --invert-color-text-default: var(--brand-inverse-color-text-default);
    --invert-color-text-muted: var(--brand-inverse-color-text-muted);
    --invert-color-text-faint: var(--brand-inverse-color-text-faint);
    --invert-color-text-alt: var(--brand-inverse-color-text-alt);
    --invert-color-text-link: var(--brand-inverse-color-text-link);
    --invert-color-text-input: var(--brand-inverse-color-text-input);
    --invert-color-border-default: var(--brand-inverse-color-border-default);
    --invert-color-border-default-secondary: var(--brand-inverse-color-border-default-secondary);
    --invert-color-border-active: var(--brand-inverse-color-border-active);
    --invert-color-border-active-secondary: var(--brand-inverse-color-border-active-secondary);
    --invert-color-border-alpha: var(--brand-inverse-color-border-alpha);
    --invert-color-button-surface: var(--brand-inverse-color-button-surface);
    --invert-color-button-surface-hover: var(--brand-inverse-color-button-surface-hover);
    --invert-color-button-text: var(--brand-inverse-color-button-text);
    --invert-color-button-text-hover: var(--brand-inverse-color-button-text-hover);
    --invert-color-button-border: var(--brand-inverse-color-button-border);
    --invert-color-button-border-hover: var(--brand-inverse-color-button-border-hover);
    --invert-color-button-secondary-surface: var(--brand-inverse-color-button-secondary-surface);
    --invert-color-button-secondary-surface-hover: var(--brand-inverse-color-button-secondary-surface-hover);
    --invert-color-button-secondary-text: var(--brand-inverse-color-button-secondary-text);
    --invert-color-button-secondary-text-hover: var(--brand-inverse-color-button-secondary-text-hover);
    --invert-color-button-secondary-border: var(--brand-inverse-color-button-secondary-border);
    --invert-color-button-secondary-border-hover: var(--brand-inverse-color-button-secondary-border-hover);
    --invert-color-content-accent-primary: var(--brand-inverse-color-content-accent-primary);
    --invert-color-content-accent-inverse: var(--brand-inverse-color-content-accent-inverse);
    --invert-color-true: var(--brand-inverse-color-true);
    --invert-color-true-light: var(--brand-inverse-color-true-light);
    --invert-color-false: var(--brand-inverse-color-false);
    --invert-color-false-light: var(--brand-inverse-color-false-light);
    --invert-color-rating-stars: var(--brand-inverse-color-rating-stars);
    --invert-color-toggle-thumb-surface: var(--brand-inverse-color-toggle-thumb-surface);
    --invert-color-toggle-thumb-border-on: var(--brand-inverse-color-toggle-thumb-border-on);
    --invert-color-toggle-thumb-border-off: var(--brand-inverse-color-toggle-thumb-border-off);
    --invert-color-toggle-surface-on: var(--brand-inverse-color-toggle-surface-on);
    --invert-color-toggle-border-on: var(--brand-inverse-color-toggle-border-on);
    --invert-color-toggle-surface-off: var(--brand-inverse-color-toggle-surface-off);
    --invert-color-toggle-border-off: var(--brand-inverse-color-toggle-border-off);
    --color-surface-background: var(--normal-color-surface-background);
    --color-surface-dark: var(--normal-color-surface-dark);
    --color-surface-x-dark: var(--normal-color-surface-x-dark);
    --color-surface-xx-dark: var(--normal-color-surface-xx-dark);
    --color-surface-xxx-dark: var(--normal-color-surface-xxx-dark);
    --color-surface-accent: var(--normal-color-surface-accent);
    --color-surface-accent-inverse: var(--normal-color-surface-accent-inverse);
    --color-surface-alpha-dark: var(--normal-color-surface-alpha-dark);
    --color-surface-alpha-x-dark: var(--normal-color-surface-alpha-x-dark);
    --color-surface-input: var(--normal-color-surface-input);
    --color-text-default: var(--normal-color-text-default);
    --color-text-muted: var(--normal-color-text-muted);
    --color-text-faint: var(--normal-color-text-faint);
    --color-text-alt: var(--normal-color-text-alt);
    --color-text-link: var(--normal-color-text-link);
    --color-text-input: var(--normal-color-text-input);
    --color-border-default: var(--normal-color-border-default);
    --color-border-default-secondary: var(--normal-color-border-default-secondary);
    --color-border-active: var(--normal-color-border-active);
    --color-border-active-secondary: var(--normal-color-border-active-secondary);
    --color-border-alpha: var(--normal-color-border-alpha);
    --color-button-surface: var(--normal-color-button-surface);
    --color-button-surface-hover: var(--normal-color-button-surface-hover);
    --color-button-text: var(--normal-color-button-text);
    --color-button-text-hover: var(--normal-color-button-text-hover);
    --color-button-border: var(--normal-color-button-border);
    --color-button-border-hover: var(--normal-color-button-border-hover);
    --color-button-secondary-surface: var(--normal-color-button-secondary-surface);
    --color-button-secondary-surface-hover: var(--normal-color-button-secondary-surface-hover);
    --color-button-secondary-text: var(--normal-color-button-secondary-text);
    --color-button-secondary-text-hover: var(--normal-color-button-secondary-text-hover);
    --color-button-secondary-border: var(--normal-color-button-secondary-border);
    --color-button-secondary-border-hover: var(--normal-color-button-secondary-border-hover);
    --color-content-accent-primary: var(--normal-color-content-accent-primary);
    --color-content-accent-inverse: var(--normal-color-content-accent-inverse);
    --color-true: var(--normal-color-true);
    --color-true-light: var(--normal-color-true-light);
    --color-false: var(--normal-color-false);
    --color-false-light: var(--normal-color-false-light);
    --color-rating-stars: var(--normal-color-rating-stars);
    --color-toggle-thumb-surface: var(--normal-color-toggle-thumb-surface);
    --color-toggle-thumb-border-on: var(--normal-color-toggle-thumb-border-on);
    --color-toggle-thumb-border-off: var(--normal-color-toggle-thumb-border-off);
    --color-toggle-surface-on: var(--normal-color-toggle-surface-on);
    --color-toggle-border-on: var(--normal-color-toggle-border-on);
    --color-toggle-surface-off: var(--normal-color-toggle-surface-off);
    --color-toggle-border-off: var(--normal-color-toggle-border-off);
    color: var(--color-text-default);
  }

  .ante-brand .ante-brand,
  .ante-brand .ante-brand .ante-brand .ante-brand {
    --normal-color-surface-background: var(--base-color-surface-background);
    --normal-color-surface-dark: var(--base-color-surface-dark);
    --normal-color-surface-x-dark: var(--base-color-surface-x-dark);
    --normal-color-surface-xx-dark: var(--base-color-surface-xx-dark);
    --normal-color-surface-xxx-dark: var(--base-color-surface-xxx-dark);
    --normal-color-surface-accent: var(--base-color-surface-accent);
    --normal-color-surface-accent-inverse: var(--base-color-surface-accent-inverse);
    --normal-color-surface-alpha-dark: var(--base-color-surface-alpha-dark);
    --normal-color-surface-alpha-x-dark: var(--base-color-surface-alpha-x-dark);
    --normal-color-surface-input: var(--base-color-surface-input);
    --normal-color-text-default: var(--base-color-text-default);
    --normal-color-text-muted: var(--base-color-text-muted);
    --normal-color-text-faint: var(--base-color-text-faint);
    --normal-color-text-alt: var(--base-color-text-alt);
    --normal-color-text-link: var(--base-color-text-link);
    --normal-color-text-input: var(--base-color-text-input);
    --normal-color-border-default: var(--base-color-border-default);
    --normal-color-border-default-secondary: var(--base-color-border-default-secondary);
    --normal-color-border-active: var(--base-color-border-active);
    --normal-color-border-active-secondary: var(--base-color-border-active-secondary);
    --normal-color-border-alpha: var(--base-color-border-alpha);
    --normal-color-button-surface: var(--base-color-button-surface);
    --normal-color-button-surface-hover: var(--base-color-button-surface-hover);
    --normal-color-button-text: var(--base-color-button-text);
    --normal-color-button-text-hover: var(--base-color-button-text-hover);
    --normal-color-button-border: var(--base-color-button-border);
    --normal-color-button-border-hover: var(--base-color-button-border-hover);
    --normal-color-button-secondary-surface: var(--base-color-button-secondary-surface);
    --normal-color-button-secondary-surface-hover: var(--base-color-button-secondary-surface-hover);
    --normal-color-button-secondary-text: var(--base-color-button-secondary-text);
    --normal-color-button-secondary-text-hover: var(--base-color-button-secondary-text-hover);
    --normal-color-button-secondary-border: var(--base-color-button-secondary-border);
    --normal-color-button-secondary-border-hover: var(--base-color-button-secondary-border-hover);
    --normal-color-content-accent-primary: var(--base-color-content-accent-primary);
    --normal-color-content-accent-inverse: var(--base-color-content-accent-inverse);
    --normal-color-true: var(--base-color-true);
    --normal-color-true-light: var(--base-color-true-light);
    --normal-color-false: var(--base-color-false);
    --normal-color-false-light: var(--base-color-false-light);
    --normal-color-rating-stars: var(--base-color-rating-stars);
    --normal-color-toggle-thumb-surface: var(--base-color-toggle-thumb-surface);
    --normal-color-toggle-thumb-border-on: var(--base-color-toggle-thumb-border-on);
    --normal-color-toggle-thumb-border-off: var(--base-color-toggle-thumb-border-off);
    --normal-color-toggle-surface-on: var(--base-color-toggle-surface-on);
    --normal-color-toggle-border-on: var(--base-color-toggle-border-on);
    --normal-color-toggle-surface-off: var(--base-color-toggle-surface-off);
    --normal-color-toggle-border-off: var(--base-color-toggle-border-off);
    --invert-color-surface-background: var(--inverse-color-surface-background);
    --invert-color-surface-dark: var(--inverse-color-surface-dark);
    --invert-color-surface-x-dark: var(--inverse-color-surface-x-dark);
    --invert-color-surface-xx-dark: var(--inverse-color-surface-xx-dark);
    --invert-color-surface-xxx-dark: var(--inverse-color-surface-xxx-dark);
    --invert-color-surface-accent: var(--inverse-color-surface-accent);
    --invert-color-surface-accent-inverse: var(--inverse-color-surface-accent-inverse);
    --invert-color-surface-alpha-dark: var(--inverse-color-surface-alpha-dark);
    --invert-color-surface-alpha-x-dark: var(--inverse-color-surface-alpha-x-dark);
    --invert-color-surface-input: var(--inverse-color-surface-input);
    --invert-color-text-default: var(--inverse-color-text-default);
    --invert-color-text-muted: var(--inverse-color-text-muted);
    --invert-color-text-faint: var(--inverse-color-text-faint);
    --invert-color-text-alt: var(--inverse-color-text-alt);
    --invert-color-text-link: var(--inverse-color-text-link);
    --invert-color-text-input: var(--inverse-color-text-input);
    --invert-color-border-default: var(--inverse-color-border-default);
    --invert-color-border-default-secondary: var(--inverse-color-border-default-secondary);
    --invert-color-border-active: var(--inverse-color-border-active);
    --invert-color-border-active-secondary: var(--inverse-color-border-active-secondary);
    --invert-color-border-alpha: var(--inverse-color-border-alpha);
    --invert-color-button-surface: var(--inverse-color-button-surface);
    --invert-color-button-surface-hover: var(--inverse-color-button-surface-hover);
    --invert-color-button-text: var(--inverse-color-button-text);
    --invert-color-button-text-hover: var(--inverse-color-button-text-hover);
    --invert-color-button-border: var(--inverse-color-button-border);
    --invert-color-button-border-hover: var(--inverse-color-button-border-hover);
    --invert-color-button-secondary-surface: var(--inverse-color-button-secondary-surface);
    --invert-color-button-secondary-surface-hover: var(--inverse-color-button-secondary-surface-hover);
    --invert-color-button-secondary-text: var(--inverse-color-button-secondary-text);
    --invert-color-button-secondary-text-hover: var(--inverse-color-button-secondary-text-hover);
    --invert-color-button-secondary-border: var(--inverse-color-button-secondary-border);
    --invert-color-button-secondary-border-hover: var(--inverse-color-button-secondary-border-hover);
    --invert-color-content-accent-primary: var(--inverse-color-content-accent-primary);
    --invert-color-content-accent-inverse: var(--inverse-color-content-accent-inverse);
    --invert-color-true: var(--inverse-color-true);
    --invert-color-true-light: var(--inverse-color-true-light);
    --invert-color-false: var(--inverse-color-false);
    --invert-color-false-light: var(--inverse-color-false-light);
    --invert-color-rating-stars: var(--inverse-color-rating-stars);
    --invert-color-toggle-thumb-surface: var(--inverse-color-toggle-thumb-surface);
    --invert-color-toggle-thumb-border-on: var(--inverse-color-toggle-thumb-border-on);
    --invert-color-toggle-thumb-border-off: var(--inverse-color-toggle-thumb-border-off);
    --invert-color-toggle-surface-on: var(--inverse-color-toggle-surface-on);
    --invert-color-toggle-border-on: var(--inverse-color-toggle-border-on);
    --invert-color-toggle-surface-off: var(--inverse-color-toggle-surface-off);
    --invert-color-toggle-border-off: var(--inverse-color-toggle-border-off);
    --color-surface-background: var(--normal-color-surface-background);
    --color-surface-dark: var(--normal-color-surface-dark);
    --color-surface-x-dark: var(--normal-color-surface-x-dark);
    --color-surface-xx-dark: var(--normal-color-surface-xx-dark);
    --color-surface-xxx-dark: var(--normal-color-surface-xxx-dark);
    --color-surface-accent: var(--normal-color-surface-accent);
    --color-surface-accent-inverse: var(--normal-color-surface-accent-inverse);
    --color-surface-alpha-dark: var(--normal-color-surface-alpha-dark);
    --color-surface-alpha-x-dark: var(--normal-color-surface-alpha-x-dark);
    --color-surface-input: var(--normal-color-surface-input);
    --color-text-default: var(--normal-color-text-default);
    --color-text-muted: var(--normal-color-text-muted);
    --color-text-faint: var(--normal-color-text-faint);
    --color-text-alt: var(--normal-color-text-alt);
    --color-text-link: var(--normal-color-text-link);
    --color-text-input: var(--normal-color-text-input);
    --color-border-default: var(--normal-color-border-default);
    --color-border-default-secondary: var(--normal-color-border-default-secondary);
    --color-border-active: var(--normal-color-border-active);
    --color-border-active-secondary: var(--normal-color-border-active-secondary);
    --color-border-alpha: var(--normal-color-border-alpha);
    --color-button-surface: var(--normal-color-button-surface);
    --color-button-surface-hover: var(--normal-color-button-surface-hover);
    --color-button-text: var(--normal-color-button-text);
    --color-button-text-hover: var(--normal-color-button-text-hover);
    --color-button-border: var(--normal-color-button-border);
    --color-button-border-hover: var(--normal-color-button-border-hover);
    --color-button-secondary-surface: var(--normal-color-button-secondary-surface);
    --color-button-secondary-surface-hover: var(--normal-color-button-secondary-surface-hover);
    --color-button-secondary-text: var(--normal-color-button-secondary-text);
    --color-button-secondary-text-hover: var(--normal-color-button-secondary-text-hover);
    --color-button-secondary-border: var(--normal-color-button-secondary-border);
    --color-button-secondary-border-hover: var(--normal-color-button-secondary-border-hover);
    --color-content-accent-primary: var(--normal-color-content-accent-primary);
    --color-content-accent-inverse: var(--normal-color-content-accent-inverse);
    --color-true: var(--normal-color-true);
    --color-true-light: var(--normal-color-true-light);
    --color-false: var(--normal-color-false);
    --color-false-light: var(--normal-color-false-light);
    --color-rating-stars: var(--normal-color-rating-stars);
    --color-toggle-thumb-surface: var(--normal-color-toggle-thumb-surface);
    --color-toggle-thumb-border-on: var(--normal-color-toggle-thumb-border-on);
    --color-toggle-thumb-border-off: var(--normal-color-toggle-thumb-border-off);
    --color-toggle-surface-on: var(--normal-color-toggle-surface-on);
    --color-toggle-border-on: var(--normal-color-toggle-border-on);
    --color-toggle-surface-off: var(--normal-color-toggle-surface-off);
    --color-toggle-border-off: var(--normal-color-toggle-border-off);
    color: var(--color-text-default);
  }

  .ante-inverse,
  .ante-inverse .ante-inverse .ante-inverse {
    --color-surface-background: var(--invert-color-surface-background);
    --color-surface-dark: var(--invert-color-surface-dark);
    --color-surface-x-dark: var(--invert-color-surface-x-dark);
    --color-surface-xx-dark: var(--invert-color-surface-xx-dark);
    --color-surface-xxx-dark: var(--invert-color-surface-xxx-dark);
    --color-surface-accent: var(--invert-color-surface-accent);
    --color-surface-accent-inverse: var(--invert-color-surface-accent-inverse);
    --color-surface-alpha-dark: var(--invert-color-surface-alpha-dark);
    --color-surface-alpha-x-dark: var(--invert-color-surface-alpha-x-dark);
    --color-surface-input: var(--invert-color-surface-input);
    --color-text-default: var(--invert-color-text-default);
    --color-text-muted: var(--invert-color-text-muted);
    --color-text-faint: var(--invert-color-text-faint);
    --color-text-alt: var(--invert-color-text-alt);
    --color-text-link: var(--invert-color-text-link);
    --color-text-input: var(--invert-color-text-input);
    --color-border-default: var(--invert-color-border-default);
    --color-border-default-secondary: var(--invert-color-border-default-secondary);
    --color-border-active: var(--invert-color-border-active);
    --color-border-active-secondary: var(--invert-color-border-active-secondary);
    --color-border-alpha: var(--invert-color-border-alpha);
    --color-button-surface: var(--invert-color-button-surface);
    --color-button-surface-hover: var(--invert-color-button-surface-hover);
    --color-button-text: var(--invert-color-button-text);
    --color-button-text-hover: var(--invert-color-button-text-hover);
    --color-button-border: var(--invert-color-button-border);
    --color-button-border-hover: var(--invert-color-button-border-hover);
    --color-button-secondary-surface: var(--invert-color-button-secondary-surface);
    --color-button-secondary-surface-hover: var(--invert-color-button-secondary-surface-hover);
    --color-button-secondary-text: var(--invert-color-button-secondary-text);
    --color-button-secondary-text-hover: var(--invert-color-button-secondary-text-hover);
    --color-button-secondary-border: var(--invert-color-button-secondary-border);
    --color-button-secondary-border-hover: var(--invert-color-button-secondary-border-hover);
    --color-content-accent-primary: var(--invert-color-content-accent-primary);
    --color-content-accent-inverse: var(--invert-color-content-accent-inverse);
    --color-true: var(--invert-color-true);
    --color-true-light: var(--invert-color-true-light);
    --color-false: var(--invert-color-false);
    --color-false-light: var(--invert-color-false-light);
    --color-rating-stars: var(--invert-color-rating-stars);
    --color-toggle-thumb-surface: var(--invert-color-toggle-thumb-surface);
    --color-toggle-thumb-border-on: var(--invert-color-toggle-thumb-border-on);
    --color-toggle-thumb-border-off: var(--invert-color-toggle-thumb-border-off);
    --color-toggle-surface-on: var(--invert-color-toggle-surface-on);
    --color-toggle-border-on: var(--invert-color-toggle-border-on);
    --color-toggle-surface-off: var(--invert-color-toggle-surface-off);
    --color-toggle-border-off: var(--invert-color-toggle-border-off);
    color: var(--color-text-default);
  }

  .ante-inverse .ante-inverse,
  .ante-inverse .ante-inverse .ante-inverse .ante-inverse {
    --color-surface-background: var(--normal-color-surface-background);
    --color-surface-dark: var(--normal-color-surface-dark);
    --color-surface-x-dark: var(--normal-color-surface-x-dark);
    --color-surface-xx-dark: var(--normal-color-surface-xx-dark);
    --color-surface-xxx-dark: var(--normal-color-surface-xxx-dark);
    --color-surface-accent: var(--normal-color-surface-accent);
    --color-surface-accent-inverse: var(--normal-color-surface-accent-inverse);
    --color-surface-alpha-dark: var(--normal-color-surface-alpha-dark);
    --color-surface-alpha-x-dark: var(--normal-color-surface-alpha-x-dark);
    --color-surface-input: var(--normal-color-surface-input);
    --color-text-default: var(--normal-color-text-default);
    --color-text-muted: var(--normal-color-text-muted);
    --color-text-faint: var(--normal-color-text-faint);
    --color-text-alt: var(--normal-color-text-alt);
    --color-text-link: var(--normal-color-text-link);
    --color-text-input: var(--normal-color-text-input);
    --color-border-default: var(--normal-color-border-default);
    --color-border-default-secondary: var(--normal-color-border-default-secondary);
    --color-border-active: var(--normal-color-border-active);
    --color-border-active-secondary: var(--normal-color-border-active-secondary);
    --color-border-alpha: var(--normal-color-border-alpha);
    --color-button-surface: var(--normal-color-button-surface);
    --color-button-surface-hover: var(--normal-color-button-surface-hover);
    --color-button-text: var(--normal-color-button-text);
    --color-button-text-hover: var(--normal-color-button-text-hover);
    --color-button-border: var(--normal-color-button-border);
    --color-button-border-hover: var(--normal-color-button-border-hover);
    --color-button-secondary-surface: var(--normal-color-button-secondary-surface);
    --color-button-secondary-surface-hover: var(--normal-color-button-secondary-surface-hover);
    --color-button-secondary-text: var(--normal-color-button-secondary-text);
    --color-button-secondary-text-hover: var(--normal-color-button-secondary-text-hover);
    --color-button-secondary-border: var(--normal-color-button-secondary-border);
    --color-button-secondary-border-hover: var(--normal-color-button-secondary-border-hover);
    --color-content-accent-primary: var(--normal-color-content-accent-primary);
    --color-content-accent-inverse: var(--normal-color-content-accent-inverse);
    --color-true: var(--normal-color-true);
    --color-true-light: var(--normal-color-true-light);
    --color-false: var(--normal-color-false);
    --color-false-light: var(--normal-color-false-light);
    --color-rating-stars: var(--normal-color-rating-stars);
    --color-toggle-thumb-surface: var(--normal-color-toggle-thumb-surface);
    --color-toggle-thumb-border-on: var(--normal-color-toggle-thumb-border-on);
    --color-toggle-thumb-border-off: var(--normal-color-toggle-thumb-border-off);
    --color-toggle-surface-on: var(--normal-color-toggle-surface-on);
    --color-toggle-border-on: var(--normal-color-toggle-border-on);
    --color-toggle-surface-off: var(--normal-color-toggle-surface-off);
    --color-toggle-border-off: var(--normal-color-toggle-border-off);
    color: var(--color-text-default);
  }
/* END_SNIPPET:ante-import-colours */

/* START_SNIPPET:ante-import-custom-select (INDEX:89) */
custom-select:not(.initialised) {
    display: none;
  }

  custom-select {
    --color-custom-select-background: var(--color-surface-dark);
    --color-custom-select-background-active: var(--color-surface-dark);
    --color-custom-select-text: var(--color-text-default);
    --color-custom-select-text-active: var(--color-text-default);
    --border-color: var(--color-border-default-secondary);
    --select-image-size: 32px;
    position: relative;
    z-index: 10;
    display: block;
    font-size: var(--font-size-body-small);
    box-shadow: var(--elevated-shadow);
    transform: var(--elevated-translate);
    transition: box-shadow .15s, transform .15s;
  }

  custom-select:hover {
    box-shadow: var(--elevated-shadow-hover);
    transform: var(--elevated-translate-hover);
  }

  custom-select:active {
    box-shadow: var(--elevated-shadow-active);
    transform: var(--elevated-translate-active);
  }

  custom-select[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: var(--elevated-shadow-none);
    transform: initial;
  }

  custom-select .select-button,
  custom-select .select-drop > div {
    display: flex;
    justify-content: space-between;
    background-color: transparent;
    border: 1px solid var(--color-border-default-secondary);
    align-items: center;
    cursor: pointer;
    user-select: none;
    color: var(--color-custom-select-text);
    transition: color .15s, background-color .15s, border .15s;
    padding: 0;
  }

  custom-select .select-button {
    border-radius: 9999px;
  }

  /* Selects sit flat by default. To make them elevate like buttons, uncomment this, and
     note it hangs off .select-button, not the custom-select host: the host carries no
     radius, so a shadow there draws a square-cornered bar underneath a pill.

  custom-select .select-button {
    box-shadow: var(--elevated-shadow);
    transform: var(--elevated-translate);
    transition: color .15s, background-color .15s, border .15s, box-shadow .15s, transform .15s;
  }

  custom-select:hover .select-button {
    box-shadow: var(--elevated-shadow-hover);
    transform: var(--elevated-translate-hover);
  }

  custom-select:active .select-button {
    box-shadow: var(--elevated-shadow-active);
    transform: var(--elevated-translate-active);
  }

  custom-select[disabled] .select-button {
    (the button covers the whole control and sets its own cursor, so the
    host's would never reach the pointer)
    cursor: not-allowed;
    box-shadow: var(--elevated-shadow-none);
    transform: initial;
  }

  */

  custom-select .select-drop > div {
    padding: var(--micropad-large) var(--padding-medium);
    gap: var(--micropad-x-large);
    background-color: var(--color-custom-select-background);
  }

  custom-select .select-button > .select-icon {
    color: var(--color-custom-select-text);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: var(--padding-medium);
  }

  custom-select .select-button > .select-icon svg {
    stroke: currentColor;
    width: 18px;
    height: 18px;
  }

  custom-select:not([disabled]) .select-button:hover,
  custom-select:not([disabled]) .select-button:hover *,
  custom-select .select-drop > div:hover,
  custom-select .select-drop > div:hover * {
    color: var(--color-custom-select-text-active);
  }

  custom-select .select-drop > div:hover {
    background-color: var(--color-custom-select-background-active);
  }

  custom-select .select-button.active > .select-icon svg {
    rotate: 180deg;
  }

  custom-select .select-drop {
    position: absolute;
    bottom: 0;
    transform: translateY(calc(100% + 5px));
    left: 0;
    right: 0;
    border: 1px solid var(--color-border-default-secondary);
    border-radius: calc(1lh / 2 + var(--micropad-large));
    z-index: 99;
    overflow: hidden;
    box-shadow: 0 4px 16px #0002;
  }

  custom-select .select-drop.drop-up {
    bottom: auto;
    top: 0;
    transform: translateY(calc(-100% - 5px));
  }

  custom-select .select-drop > div {
    border: none;
    border-radius: 0;
    border-top: 1px solid var(--color-border-default-secondary);
    justify-content: flex-start;
  }

  custom-select .select-drop > div:first-child {
    border: none;
  }

  custom-select .select-label {
    display: grid;
    padding: var(--micropad-large) var(--padding-medium);
    width: 100%;
  }

  custom-select .select-label > span {
    grid-area: 1 / 1;
    visibility: hidden;
    display: flex;
    gap: var(--micropad-x-large);
    align-items: center;
  }

  custom-select .select-label > span.active {
    visibility: visible;
  }

  /* options often run image, then label, then a tag, the tag belongs at the far end */
  custom-select [class*="ante-tag"] {
    margin-left: auto;
  }

  /* the image is sized by the select, not by whatever renders it, a consumer that
     needs a different size changes --select-image-size, never the image itself */
  custom-select .ante-image,
  custom-select .select-option-image {
    height: var(--select-image-size);
    width: auto;
    min-width: 0;
    flex-shrink: 0;
  }

  custom-select .ante-image img {
    width: auto;
    height: 100%;
  }

  @media (max-width: 600px) {
    custom-select {
      --select-image-size: 26px;
    }
  }
/* END_SNIPPET:ante-import-custom-select */

/* START_SNIPPET:ante-import-icons (INDEX:92) */
:root {
    --icon-padding-small: var(--micropad-small);
    --icon-padding-base: var(--micropad-medium);
    --icon-padding-large: var(--micropad-large);
    --icon-padding-x-large: var(--micropad-x-large);
    --icon-padding-xx-large: var(--micropad-xx-large);
    --icon-padding-xxx-large: var(--micropad-xxx-large);
  }

  .icon-small,
  .icon-base,
  .icon-large,
  .icon-x-large,
  .icon-xx-large,
  .icon-xxx-large,
  .icon-circle,
  .icon-tile,
  .icon-ghost {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--icon-size, var(--icon-base)) !important;
    height: var(--icon-size, var(--icon-base)) !important;
    font-size: var(--icon-size, var(--icon-base));
    color: var(--color-content-accent-primary);
  }

  .icon-small > *,
  .icon-base > *,
  .icon-large > *,
  .icon-x-large > *,
  .icon-xx-large > *,
  .icon-xxx-large > *,
  .icon-circle > *,
  .icon-tile > *,
  .icon-ghost > * {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  i.icon-small, .icon-small > i,
  i.icon-base, .icon-base > i,
  i.icon-large, .icon-large > i,
  i.icon-x-large, .icon-x-large > i,
  i.icon-xx-large, .icon-xx-large > i,
  i.icon-xxx-large, .icon-xxx-large > i,
  .icon-circle > i,
  .icon-tile > i,
  .icon-ghost > i {
    transform: scale(0.8);
  }

  .icon-small.icon-small,
  .icon-base.icon-base,
  .icon-large.icon-large,
  .icon-x-large.icon-x-large,
  .icon-xx-large.icon-xx-large,
  .icon-xxx-large.icon-xxx-large,
  .icon-circle.icon-circle,
  .icon-tile.icon-tile,
  .icon-ghost.icon-ghost {
    box-sizing: content-box !important;
  }

  .icon-small { --icon-size: var(--icon-small); --icon-padding: var(--icon-padding-small); }
  .icon-base { --icon-size: var(--icon-base); --icon-padding: var(--icon-padding-base); }
  .icon-large { --icon-size: var(--icon-large); --icon-padding: var(--icon-padding-large); }
  .icon-x-large { --icon-size: var(--icon-x-large); --icon-padding: var(--icon-padding-x-large); }
  .icon-xx-large { --icon-size: var(--icon-xx-large); --icon-padding: var(--icon-padding-xx-large); }
  .icon-xxx-large { --icon-size: var(--icon-xxx-large); --icon-padding: var(--icon-padding-xxx-large); }

  .icon-circle,
  .icon-tile,
  .icon-ghost {
    padding: var(--icon-padding, var(--micropad-medium));
  }

  .icon-circle,
  .icon-tile {
    background: var(--color-surface-accent-inverse);
    color: var(--color-content-accent-inverse);
  }

  .icon-circle {
    border-radius: 50%;
  }

  .icon-tile {
    border-radius: var(--radius-large);
  }

  .icon-ghost {
    border: 1px solid currentColor;
    border-radius: 50%;
  }
/* END_SNIPPET:ante-import-icons */

/* START_SNIPPET:ante-import-images (INDEX:93) */
.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 .ante-image-link {
    position: absolute;
    top: var(--padding-small);
    right: var(--padding-small);
    z-index: 1;
  }

  .ante-image .ante-image-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
    background: var(--base-color-surface-accent-inverse);
    color: var(--base-color-content-accent-inverse);
  }

  .ante-image.video-previewing .ante-image-play {
    top: initial;
    left: var(--padding-small);
    bottom: var(--padding-small);
    transform: none;
  }

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

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

  .video-previewing .ante-image-play i: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: 4px 4px 16px 0 rgba(0, 0, 0, .2);
    background: var(--base-color-surface-dark)
  }

  .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-spacer-small) * 2 - var(--modal-header-height));
  }

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

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

  #video-modal .modal-element {
    --modal-max-height: calc(100svh - var(--section-spacer-small) * 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;
    }
  }
/* END_SNIPPET:ante-import-images */

/* START_SNIPPET:ante-import-main (INDEX:94) */
{%- comment -%}
    These two belong together. The gutter is reserved permanently, so fixed overlays (the
    slide cart) size to a viewport already 15px narrower than the window, which is
    invisible for as long as the scrollbar fills the gutter.

    overflow-x here is what keeps it filled. Without it html stays visible, body's overflow
    propagates to the viewport, and anything locking the page with overflow: hidden on body
    takes the scrollbar with it: the reserved gutter empties and reads as a strip of bare
    page beside the drawer. Clipping on html stops the propagation, so the lock never
    reaches the viewport and the scrollbar stays where it was.
  {%- endcomment -%}
  html {
    scrollbar-gutter: stable;
    overflow-x: clip;
  }

  body {
    --font: "Questrial", sans-serif;
    --font-heading: "Archivo", sans-serif;
    --font-caption: "Archivo", sans-serif;
    --font-display: "Archivo", sans-serif;
    --font-callout: "Questrial", sans-serif;
    --sticky-top: calc(var(--ante-header-height, 90px) + var(--section-spacer-small));
    --ante-page-start: calc(var(--ante-header-height, 0px) + var(--ante-announcement-height, 0px));
    interpolate-size: allow-keywords;
    background: var(--color-surface-background);
    display: flex;
    flex-direction: column;
    margin: 0;
    overflow-x: clip;
    min-height: 100svh;
    box-sizing: border-box;
    letter-spacing: var(--letter-spacing);
  }

  *,
  *::before,
  *::after {
    box-sizing: inherit;
    --elevated-shadow: 0 2px 0 0 var(--border-color, var(--color-border-active));
    --elevated-shadow-hover: var(--elevated-shadow);
    --elevated-shadow-active: 0 0 0 0 var(--border-color, var(--color-border-active));
    --elevated-shadow-none: none;
    --elevated-translate: none;
    --elevated-translate-hover: none;
    --elevated-translate-active: translateY(2px);
  }

  body:has(.ante-section) {
    background: var(--color-surface-background);
  }

  body #MainContent {
    flex: 1;
  }

  body:has(.ante-section) #MainContent {
    max-width: var(--ante-page-width);
  }

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

  [hidden],
  style,
  script {
    display: none !important;
  }

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

  .spacer {
    flex: 1;
  }

  /* Tooltips */

  #easy-tooltips {
    --easy-tooltip-padding: var(--micropad-large);
    --easy-tooltip-border-radius: var(--radius-large);
    --easy-tooltip-background-color: var(--color-surface-background);
    --easy-tooltip-text-color: var(--color-text-default);
    --easy-tooltip-border-color: var(--color-border-default);
    font-family: var(--font);
    font-size: var(--font-size-body-small);
    font-weight: var(--font-weight-base);
    letter-spacing: var(--letter-spacing);
    line-height: 145%;
  }

  #easy-tooltips .easy-tooltip-text {
    text-align: left;
  }
/* END_SNIPPET:ante-import-main */

/* START_SNIPPET:ante-import-marquee (INDEX:95) */
.fluid-marquee {
    max-width: 100%;
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: safe center;
    overflow: hidden;
    position: relative;
  }

  .fluid-marquee-item {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
/* END_SNIPPET:ante-import-marquee */

/* START_SNIPPET:ante-import-modals (INDEX:96) */
body:has(.modal-container:is(.open, .opening, .closing)) {
    overflow-y: hidden;
  }

  #modals {
    z-index: 9999;
  }

  .modal {
    display: none;
  }

  .modal-container {
    --modal-transition-duration: 150ms;
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color var(--modal-transition-duration), backdrop-filter var(--modal-transition-duration);
    pointer-events: none;
  }

  .modal-container.open {
    background-color: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(4px);
    pointer-events: initial;
  }

  .modal-element {
    --modal-max-width: min(var(--content-width), 100svw - var(--page-gutter) * 2);
    --modal-width-cap: 99999px;
    --modal-min-width: min(var(--width-3), 100svw - var(--page-gutter) * 2);
    --modal-max-height: calc(100svh - var(--section-spacer-small) * 2 - 52px);
    --modal-height-cap: 99999px;
    margin: auto;
    background-color: var(--color-surface-background);
    border-radius: var(--radius-medium);
    overflow: hidden;
    max-width: min(var(--modal-max-width), var(--modal-width-cap));
    min-width: var(--modal-min-width);
    transition: opacity var(--modal-transition-duration), transform var(--modal-transition-duration);
    opacity: 0;
    position: relative;
  }

  .modal-container.open .modal-element {
    opacity: 1;
  }

  .modal-title-row {
    display: flex;
    gap: var(--spacing-medium);
    justify-content: space-between;
    background-color: var(--color-surface-x-dark);
    align-items: center;
    padding: var(--padding-medium) var(--padding-large);
  }

  .modal-title {
    color: var(--color-text-default);
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-h5);
    line-height: var(--line-height-h5);
    letter-spacing: var(--letter-spacing-heading);
    font-family: var(--font-heading);
  }

  .modal-title-row > .modal-close {
    all: unset;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    transition: color .15s;
  }

  .modal-title-row > .modal-close i {
    font-size: var(--font-size-h5);
  }

  .modal-title-row > .modal-close:hover {
    color: var(--color-button-surface-hover);
  }

  .modal-contents,
  .ante-section.modal-contents {
    --modal-content-padding-x: var(--padding-large);
    --modal-content-padding-y: var(--padding-large);
    max-height: min(var(--modal-max-height), var(--modal-height-cap));
    overflow: auto;
    padding: var(--modal-content-padding-y) var(--modal-content-padding-x);
    display: block;
    background: initial;
    font-family: var(--font);
  }

  .modal-contents img {
    max-width: 100%;
  }

  @media (max-width: 1440px) {
    .modal-element {
      --modal-min-width: min(var(--width-4), 100svw - var(--page-gutter) * 2);
      --modal-max-height: min(465px, calc(100svh - var(--section-spacer-small) * 2 - 52px));
    }
  }

  @media (max-width: 600px) {
    .modal-element {
      --modal-min-width: min(var(--width-5), 100svw - var(--page-gutter) * 2);
      --modal-max-height: calc(100svh - var(--section-spacer-small) * 2 - 52px);
    }
  }

  .modal-type-slideout {
    --modal-transition-duration: 250ms;
  }

  .modal-type-slideout .modal-element {
    --modal-max-width: calc(100svw - var(--page-gutter));
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    transform: translateX(100%);
    opacity: 1;
    display: flex;
    flex-direction: column;
  }

  .modal-type-slideout.open .modal-element {
    transform: initial;
  }

  .modal-type-slideout .modal-title-row {
    background-color: initial;
    gap: var(--spacing-small);
    padding: var(--padding-medium);
    flex: none;
    border-bottom: 1px solid var(--color-border-default);
    touch-action: none;
  }

  .modal-type-slideout .modal-contents {
    --modal-content-padding-x: var(--padding-medium);
    --modal-content-padding-y: var(--padding-medium);
    flex: 1;
    min-height: 0;
    max-height: none;
  }

  @media (max-width: 768px) {
    .modal-type-slideout .modal-element {
      --modal-min-width: 100svw;
      max-height: 90svh;
      position: fixed;
      top: initial;
      left: 0;
      transform: translateY(100%);
      border-radius: var(--radius-large) var(--radius-large) 0 0;
    }
  }

  @media (max-width: 600px) {
    .modal-type-slideout .modal-title-row {
      padding-left: var(--page-gutter);
      padding-right: var(--page-gutter);
    }

    .modal-type-slideout .modal-contents {
      --modal-content-padding-x: var(--page-gutter);
    }
  }
/* END_SNIPPET:ante-import-modals */

/* START_SNIPPET:ante-import-prices (INDEX:97) */
.ante-price {
    display: flex;
    align-items: center;
    gap: var(--micropad-x-small) var(--micropad-medium);
    font-family: var(--font) !important;
  }

  .ante-price-symbol {
    display: inline-block !important;
  }

  .ante-price * {
    font-family: var(--font) !important;
  }

  .ante-buy-price {
    min-width: max-content;
  }

  .ante-buy-compare-price {
    position: relative !important;
    min-width: max-content;
    display: flex;
    align-items: center;
    color: var(--color-text-faint);
  }

  .ante-buy-compare-price {
    color: var(--color-text-faint) !important;
  }

  /* The symbol carries the price's size class, and the heading classes declare a colour
     of their own, so without this the currency symbol ignores the faint above. inherit
     rather than the token itself: inside a button the compare price inherits the
     button's colour. */
  .ante-buy-compare-price .ante-price-symbol {
    color: inherit !important;
  }

  .ante-buy-compare-price::before {
    content: "";
    position: absolute;
    opacity: .5;
    background-color: var(--color-text-faint);
    height: .15em;
    left: -.1em;
    right: -.1em;
    top: calc(50%);
    transform: translateY(-50%);
    z-index: 1;
  }

  .ante-buy-label {
    margin-left: calc(var(--micropad-medium) * -1 + var(--micropad-x-small));
  }

  @media (max-width: 600px) {
    .ante-buy-button .ante-buy-label {
      display: none;
    }
  }
/* END_SNIPPET:ante-import-prices */

/* START_SNIPPET:ante-import-sizes (INDEX:98) */
:root { --ante-fluid-progress: 0; }
  @media (min-width: 620px) { :root { --ante-fluid-progress: 0.025062; } }
  @media (min-width: 640px) { :root { --ante-fluid-progress: 0.049911; } }
  @media (min-width: 660px) { :root { --ante-fluid-progress: 0.074545; } }
  @media (min-width: 680px) { :root { --ante-fluid-progress: 0.098963; } }
  @media (min-width: 700px) { :root { --ante-fluid-progress: 0.123162; } }
  @media (min-width: 720px) { :root { --ante-fluid-progress: 0.14714; } }
  @media (min-width: 740px) { :root { --ante-fluid-progress: 0.170896; } }
  @media (min-width: 760px) { :root { --ante-fluid-progress: 0.194427; } }
  @media (min-width: 780px) { :root { --ante-fluid-progress: 0.217731; } }
  @media (min-width: 800px) { :root { --ante-fluid-progress: 0.240805; } }
  @media (min-width: 820px) { :root { --ante-fluid-progress: 0.263649; } }
  @media (min-width: 840px) { :root { --ante-fluid-progress: 0.286258; } }
  @media (min-width: 860px) { :root { --ante-fluid-progress: 0.308632; } }
  @media (min-width: 880px) { :root { --ante-fluid-progress: 0.330766; } }
  @media (min-width: 900px) { :root { --ante-fluid-progress: 0.352659; } }
  @media (min-width: 920px) { :root { --ante-fluid-progress: 0.374308; } }
  @media (min-width: 940px) { :root { --ante-fluid-progress: 0.395711; } }
  @media (min-width: 960px) { :root { --ante-fluid-progress: 0.416863; } }
  @media (min-width: 980px) { :root { --ante-fluid-progress: 0.437763; } }
  @media (min-width: 1000px) { :root { --ante-fluid-progress: 0.458407; } }
  @media (min-width: 1020px) { :root { --ante-fluid-progress: 0.478791; } }
  @media (min-width: 1040px) { :root { --ante-fluid-progress: 0.498914; } }
  @media (min-width: 1060px) { :root { --ante-fluid-progress: 0.518771; } }
  @media (min-width: 1080px) { :root { --ante-fluid-progress: 0.538358; } }
  @media (min-width: 1100px) { :root { --ante-fluid-progress: 0.557672; } }
  @media (min-width: 1120px) { :root { --ante-fluid-progress: 0.576709; } }
  @media (min-width: 1140px) { :root { --ante-fluid-progress: 0.595464; } }
  @media (min-width: 1160px) { :root { --ante-fluid-progress: 0.613934; } }
  @media (min-width: 1180px) { :root { --ante-fluid-progress: 0.632114; } }
  @media (min-width: 1200px) { :root { --ante-fluid-progress: 0.65; } }
  @media (min-width: 1220px) { :root { --ante-fluid-progress: 0.667586; } }
  @media (min-width: 1240px) { :root { --ante-fluid-progress: 0.684867; } }
  @media (min-width: 1260px) { :root { --ante-fluid-progress: 0.701837; } }
  @media (min-width: 1280px) { :root { --ante-fluid-progress: 0.718492; } }
  @media (min-width: 1300px) { :root { --ante-fluid-progress: 0.734825; } }
  @media (min-width: 1320px) { :root { --ante-fluid-progress: 0.750828; } }
  @media (min-width: 1340px) { :root { --ante-fluid-progress: 0.766497; } }
  @media (min-width: 1360px) { :root { --ante-fluid-progress: 0.781822; } }
  @media (min-width: 1380px) { :root { --ante-fluid-progress: 0.796796; } }
  @media (min-width: 1400px) { :root { --ante-fluid-progress: 0.811412; } }
  @media (min-width: 1420px) { :root { --ante-fluid-progress: 0.825659; } }
  @media (min-width: 1440px) { :root { --ante-fluid-progress: 0.839528; } }
  @media (min-width: 1460px) { :root { --ante-fluid-progress: 0.853008; } }
  @media (min-width: 1480px) { :root { --ante-fluid-progress: 0.866089; } }
  @media (min-width: 1500px) { :root { --ante-fluid-progress: 0.878756; } }
  @media (min-width: 1520px) { :root { --ante-fluid-progress: 0.890997; } }
  @media (min-width: 1540px) { :root { --ante-fluid-progress: 0.902795; } }
  @media (min-width: 1560px) { :root { --ante-fluid-progress: 0.914135; } }
  @media (min-width: 1580px) { :root { --ante-fluid-progress: 0.924995; } }
  @media (min-width: 1600px) { :root { --ante-fluid-progress: 0.935355; } }
  @media (min-width: 1620px) { :root { --ante-fluid-progress: 0.945188; } }
  @media (min-width: 1640px) { :root { --ante-fluid-progress: 0.954464; } }
  @media (min-width: 1660px) { :root { --ante-fluid-progress: 0.963149; } }
  @media (min-width: 1680px) { :root { --ante-fluid-progress: 0.971199; } }
  @media (min-width: 1700px) { :root { --ante-fluid-progress: 0.978558; } }
  @media (min-width: 1720px) { :root { --ante-fluid-progress: 0.985155; } }
  @media (min-width: 1740px) { :root { --ante-fluid-progress: 0.990888; } }
  @media (min-width: 1760px) { :root { --ante-fluid-progress: 0.995601; } }
  @media (min-width: 1780px) { :root { --ante-fluid-progress: 0.99899; } }
  @media (min-width: 1792px) { :root { --ante-fluid-progress: 1; } }

  :root {
    --content-width: 1792px;

    --break-gap: var(--spacing-small);
    --column-count: 12;

    --width-1: calc((min(var(--ante-page-width) - var(--page-gutter) * 2, var(--content-width)) - var(--break-gap) * (var(--column-count) - 1)) / 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: 1440px) {
    :root {
      --column-count: 10;
    }
  }

  @media (max-width: 1024px) {
    :root {
      --column-count: 8;
    }
  }

  @media (max-width: 600px) {
    :root {
      --column-count: 6;
    }
  }
/* END_SNIPPET:ante-import-sizes */

/* START_SNIPPET:ante-import-text (INDEX:101) */
.text-display {
    font-family: var(--font-display);
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-display);
    line-height: var(--line-height-display);
    letter-spacing: var(--letter-spacing-display);
  }

  /* Family swaps only. Size and line height stay whatever they were, so these
     can flip a run inside a heading or a paragraph without resizing it. */
  .text-font-heading {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-h);
    letter-spacing: var(--letter-spacing-heading);
  }

  .text-font-base {
    font-family: var(--font);
    font-weight: var(--font-weight-base);
    letter-spacing: var(--letter-spacing);
  }

  {%- comment -%} headings force font-weight: inherit !important on descendants, so the swap has to match it {%- endcomment -%}
  .ante-section :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) :is(.text-font-base, .text-font-base *) {
    font-family: var(--font);
    font-weight: var(--font-weight-base) !important;
    letter-spacing: var(--letter-spacing);
  }

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


  .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);
    letter-spacing: var(--letter-spacing-heading);
  }

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

  .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: var(--font-size-h1); font-weight: var(--font-weight-h1); line-height: var(--line-height-h1); letter-spacing: var(--letter-spacing-heading); }
  .ante-section :is(h2, .h2) { font-size: var(--font-size-h2); font-weight: var(--font-weight-h2); line-height: var(--line-height-h2); letter-spacing: var(--letter-spacing-heading); }
  .ante-section :is(h3, .h3) { font-size: var(--font-size-h3); font-weight: var(--font-weight-h3); line-height: var(--line-height-h3); letter-spacing: var(--letter-spacing-heading); }
  .ante-section :is(h4, .h4) { font-size: var(--font-size-h4); font-weight: var(--font-weight-h4); line-height: var(--line-height-h4); letter-spacing: var(--letter-spacing-heading); }
  .ante-section :is(h5, .h5) { font-size: var(--font-size-h5); font-weight: var(--font-weight-h5); line-height: var(--line-height-h5); letter-spacing: var(--letter-spacing-heading); }
  .ante-section :is(h6, .h6) { font-size: var(--font-size-h6); font-weight: var(--font-weight-h6); line-height: var(--line-height-h6); letter-spacing: var(--letter-spacing-heading); }

  .ante-section .h1 { font-size: var(--font-size-h1); font-weight: var(--font-weight-h1); line-height: var(--line-height-h1); letter-spacing: var(--letter-spacing-heading); }
  .ante-section .h2 { font-size: var(--font-size-h2); font-weight: var(--font-weight-h2); line-height: var(--line-height-h2); letter-spacing: var(--letter-spacing-heading); }
  .ante-section .h3 { font-size: var(--font-size-h3); font-weight: var(--font-weight-h3); line-height: var(--line-height-h3); letter-spacing: var(--letter-spacing-heading); }
  .ante-section .h4 { font-size: var(--font-size-h4); font-weight: var(--font-weight-h4); line-height: var(--line-height-h4); letter-spacing: var(--letter-spacing-heading); }
  .ante-section .h5 { font-size: var(--font-size-h5); font-weight: var(--font-weight-h5); line-height: var(--line-height-h5); letter-spacing: var(--letter-spacing-heading); }
  .ante-section .h6 { font-size: var(--font-size-h6); font-weight: var(--font-weight-h6); line-height: var(--line-height-h6); letter-spacing: var(--letter-spacing-heading); }

  .text-callout-large {
    font-family: var(--font-callout);
    font-size: var(--font-size-callout-large);
    font-weight: var(--font-weight-callout);
    line-height: var(--line-height-callout-large);
    letter-spacing: var(--letter-spacing-callout);
  }

  .text-callout {
    font-family: var(--font-callout);
    font-size: var(--font-size-callout);
    font-weight: var(--font-weight-callout);
    line-height: var(--line-height-callout);
    letter-spacing: var(--letter-spacing-callout);
  }

  .text-callout-small {
    font-family: var(--font-callout);
    font-size: var(--font-size-callout-small);
    font-weight: var(--font-weight-callout);
    line-height: var(--line-height-callout-small);
    letter-spacing: var(--letter-spacing-callout);
  }

  .ante-section strong,
  .ante-section b,
  .ante-section .bold,
  strong .body-large,
  b .body-large,
  .bold .body-large,
  strong .body-base,
  b .body-base,
  .bold .body-base,
  strong .body-small,
  b .body-small,
  .bold .body-small,
  strong .body-x-small,
  b .body-x-small,
  .bold .body-x-small {
    font-weight: var(--font-weight-bold);
  }

  .text-display strong,
  .text-display b,
  .text-display .bold,
  strong .text-display,
  b .text-display,
  .bold .text-display {
    font-weight: var(--font-weight-display-bold);
  }

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

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

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

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

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

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

  .text-callout-large strong,
  .text-callout-large b,
  .text-callout-large .bold,
  .text-callout strong,
  .text-callout b,
  .text-callout .bold,
  .text-callout-small strong,
  .text-callout-small b,
  .text-callout-small .bold,
  strong .text-callout-large,
  b .text-callout-large,
  .bold .text-callout-large,
  strong .text-callout,
  b .text-callout,
  .bold .text-callout,
  strong .text-callout-small,
  b .text-callout-small,
  .bold .text-callout-small {
    font-weight: var(--font-weight-callout-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;
  }

  .body-large {
    font-size: var(--font-size-body-large);
    font-weight: var(--font-weight-base);
    line-height: var(--line-height-body);
  }

  .ante-section,
  .body-base {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-base);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing);
  }

  .body-small {
    font-size: var(--font-size-body-small);
    font-weight: var(--font-weight-base);
    line-height: var(--line-height-body);
  }

  .body-x-small {
    font-size: var(--font-size-body-x-small);
    font-weight: var(--font-weight-base);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing-body-x-small);
  }

  .body-caption-small {
    font-family: var(--font-caption);
    font-size: var(--font-size-caption-small);
    font-weight: var(--font-weight-caption);
    line-height: var(--line-height-caption);
    letter-spacing: var(--letter-spacing-caption);
  }

  .body-caption-x-small {
    font-family: var(--font-caption);
    font-size: var(--font-size-caption-x-small);
    font-weight: var(--font-weight-caption);
    line-height: var(--line-height-caption);
    letter-spacing: var(--letter-spacing-caption);
  }

  .body-caption-small strong,
  .body-caption-small b,
  .body-caption-small .bold,
  .body-caption-x-small strong,
  .body-caption-x-small b,
  .body-caption-x-small .bold,
  strong .body-caption-small,
  b .body-caption-small,
  .bold .body-caption-small,
  strong .body-caption-x-small,
  b .body-caption-x-small,
  .bold .body-caption-x-small {
    font-weight: var(--font-weight-caption-bold);
  }

  .richtext > *:not(:is(style, script, .ante-header-row, h1, h2, h3, h4, h5, h6, p, ul, ol, .metafield-rich_text_field)),
  .richtext > .metafield-rich_text_field > *:not(:is(style, script, .ante-header-row, h1, h2, h3, h4, h5, h6, p, ul, ol)) {
    display: inline-block !important;
  }

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

  .richtext > .metafield-rich_text_field {
    display: contents;
  }

  .richtext {
    --richtext-gap: var(--spacing-x-small);
  }

  .richtext :is(p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ante-header-row) {
    margin: var(--richtext-gap) 0;
  }

  .richtext.small-gap :is(p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ante-header-row) {
    margin: var(--micropad-small) 0;
  }

  .richtext > :first-child,
  .richtext > .metafield-rich_text_field > :first-child {
    margin-top: 0 !important;
  }

  .richtext > :last-child,
  .richtext > .metafield-rich_text_field > :last-child {
    margin-bottom: 0 !important;
  }

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

  .richtext li {
    list-style: initial;
  }

  .richtext.small-gap li ~ li {
    margin-top: var(--micropad-small);
  }

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

  .richtext.small-gap p:empty {
    height: var(--micropad-small);
  }

  .ante-text-svg,
  .ante-text-icon-wrap {
    height: 0;
    display: inline-flex;
    vertical-align: middle;
  }

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

  .text-separator {
    height: 1lh;
    border-right: 1px solid var(--color-text-faint);
    margin: 0 0.3lh;
    opacity: 0.5;
  }

  .highlight {
    background-color: var(--color-surface-dark);
    padding: 0.05em 0.25em;
    border-radius: var(--radius-x-small);
  }

  .ante-text-tag {
    display: inline-block;
    padding: 0.05em 0.25em;
    border-radius: var(--radius-x-small);
  }

  .popupable-container {
    font-family: var(--font);
  }
/* END_SNIPPET:ante-import-text */

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

  .ante-section {
    --ante-container-width: var(--ante-container-width-full);
    padding: 0 var(--page-gutter);
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: clip;
    color: var(--color-text-default);
    font-family: inherit;
    position: relative;
    background: var(--color-surface-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-surface-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(--page-gutter) * 2);
    }
  }

  .ante-container {
    width: 100%;
    max-width: min(100%, var(--content-width));
    --section-padding-top: var(--section-spacer);
    --section-padding-bottom: var(--section-spacer);
    --section-internal-padding-vertical: 0;
    --section-internal-padding-horizontal: 0;
    padding: var(--section-padding-top) 0 var(--section-padding-bottom);
    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 {
    --section-padding-top: 0;
    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 {
    --section-padding-top: var(--section-spacer-small);
    padding-top: var(--section-spacer-small) !important;
  }

  .ante-section.section-spacing-top-large > .ante-container,
  .ante-section.section-spacing-top-large.section-background-style-floating,
  .ante-section.section-spacing-top-large.section-background-style-floating-slim {
    --section-padding-top: var(--section-spacer-large);
    padding-top: var(--section-spacer-large) !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 {
    --section-padding-bottom: 0;
    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 {
    --section-padding-bottom: var(--section-spacer-small);
    padding-bottom: var(--section-spacer-small) !important;
  }

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

  /* Opt-in per section. Base gets a rule of its own here, unlike the desktop set, because
     it has to actively undo a larger desktop value rather than just be the default. These
     sit after that set so they win on source order, both being !important at equal weight. */
  @media (max-width: 600px) {
    .ante-section.section-spacing-top-mobile-off > .ante-container,
    .ante-section.section-spacing-top-mobile-off.section-background-style-floating,
    .ante-section.section-spacing-top-mobile-off.section-background-style-floating-slim {
      --section-padding-top: 0;
      padding-top: 0 !important;
    }

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

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

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

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

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

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

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

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

  .ante-section.section-background-style-floating > .ante-container {
    border-radius: var(--radius-medium);
    --section-internal-padding-vertical: var(--section-spacer);
    --section-internal-padding-horizontal: var(--section-spacer);
    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-medium);
    --section-internal-padding-vertical: var(--section-spacer-small);
    --section-internal-padding-horizontal: var(--section-spacer-small);
    padding: var(--section-internal-padding-vertical) var(--section-internal-padding-horizontal) !important;
    overflow: clip;
  }

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

    .ante-section.section-background-style-floating > .ante-container {
      --section-internal-padding-vertical: var(--padding-x-large);
    }

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

  .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:not(.ante-button),
  .ante-section .richtext a:not(.ante-button) {
    color: var(--color-text-link) !important;
    position: relative;
    text-decoration: underline;
    font-weight: var(--font-weight-bold);
  }

  .ante-section .link:not(.ante-button) strong,
  .ante-section .richtext a:not(.ante-button) strong {
    font-family: var(--font-caption);
    font-weight: var(--font-weight-caption);
    text-transform: uppercase;
  }

  .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-page {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .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;
  }

  .ante-section-header :first-child {
    margin-top: 0 !important;
  }

  .ante-section-header :last-child {
    margin-bottom: 0 !important;
  }

  .ante-section-header :is(p, h1, h2, h3, h4, h5, h6, .ante-header-row) + :is(p, h1, h2, h3, h4, h5, h6, .ante-header-row) {
    margin-top: 0;
  }

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

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

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

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

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

  @media (max-width: 1440px) {
    .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-large);
    }

    .ante-header-row > * {
      margin: 0 !important;
    }

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

  @media (min-width: 1025px) and (max-width: 1440px) {
    .ante-section-header .ante-header-row :is(h1, h2, h3, h4, h5, h6) {
      min-width: var(--width-6) !important;
      max-width: var(--width-6) !important;
    }

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

  @media (max-width: 1024px) {
    .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;
    }

    .richtext .mobile {
      display: inline !important;
    }

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

    .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;
    }
  }

  .ante-section-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    gap: var(--spacing-medium);
  }

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

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

  .ante-section-header-content {
    display: flex;
  }

  @media (max-width: 1024px) {
    .ante-section-header-wrapper {
      flex-direction: column;
      align-items: stretch;
      gap: var(--spacing-large);
    }

    .header-alignment-mobile-left ~ .ante-section-header-content {
      align-self: flex-start;
    }

    .header-alignment-mobile-center ~ .ante-section-header-content {
      align-self: center;
    }

    .header-alignment-mobile-right ~ .ante-section-header-content {
      align-self: flex-end;
    }
  }
/* END_SNIPPET:ante-section-structure */

/* START_SNIPPET:ante-stars (INDEX:107) */
.review-stars {
    display: flex;
    gap: var(--micropad-large);
    align-items: center;
    text-decoration: none !important;
    white-space: pre;
  }

  .review-stars.inline {
    display: inline-flex;
    vertical-align: middle;
  }

  .review-stars.inline .review-stars-stars svg {
    width: calc(1lh * 0.75);
    height: calc(1lh * 0.75);
    flex-shrink: 0;
    transform: translateY(-5%);
  }

  .review-stars-stars {
    display: flex;
    gap: 2px;
  }

  .review-stars.multiline {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--micropad-x-small);
  }
/* END_SNIPPET:ante-stars */

/* START_SNIPPET:ante-toggle-switch (INDEX:115) */
.ante-toggle-switch {
    --switch-duration: .25s;
    cursor: pointer;
    user-select: none;
    width: 40px;
    padding: 3px;
    border-radius: var(--radius-small);
    display: flex;
    background-color: var(--color-toggle-surface-off);
    border: 1px solid var(--color-toggle-border-off);
    transition: background-color var(--switch-duration), border var(--switch-duration);
  }

  .ante-toggle-switch::before {
    content: "";
    transition: flex var(--switch-duration);
  }

  .ante-toggle-thumb {
    width: 16px;
    height: 16px;
    background: var(--color-toggle-thumb-surface);
    border-radius: calc(var(--radius-small) / 2);
    position: relative;
    grid-column: 2;
    border: 1px solid var(--color-toggle-thumb-border-off);
  }

  input:checked + label .ante-toggle-switch {
    background-color: var(--color-toggle-surface-on);
    border-color: var(--color-toggle-border-on);
  }

  input:checked + label .ante-toggle-switch::before {
    flex: 1;
  }

  @media (max-width: 600px) {
    .ante-toggle-switch {
      width: 32px;
      padding: 2px;
    }

    .ante-toggle-thumb {
      width: 14px;
      height: 14px;
    }
  }
/* END_SNIPPET:ante-toggle-switch */