/** Shopify CDN: Minification failed

Line 1183:9 Expected ":"

**/
/* Colours */

:root {
  --color-background: #F6F6F6;
  --color-background-alt: #153C04;
  --color-background-alt-100: #2C5719;
  --color-surface: #FFFFFF;
  --color-surface-alt: #AED49F;
  --color-overlay: #EDEDED;
  --color-text: #102E02;
  --color-text-button: #102E02;
  --color-text-muted: #102E02;
  --color-text-alt: #2C5719;
  --color-text-strikethrough: #A3A1A1;
  --color-text-inverse: #FFFFFF;
  --color-text-inverse-muted: #FFFFFF;
  --color-text-inverse-alt: #FACE00;
  --color-text-link: #4AA012;
  --color-text-inverse-link: #66DB1A;
  --color-border: #D9D9D9;
  --color-border-alt: #5BC318;
  --color-border-inverse: #3A6E24;
  --color-border-inverse-alt: #FACE00;
  --color-button: #FACE00;
  --color-button-hover: #FACE00;
  --color-info: #2C5719;
  --color-info-border: #2C5719;
  --color-sale: #AF0A08;
  --color-sale-border: #AF0A08;
}

.ante-section.section-background-true,
.ante-section.section-background-floating {
  --color-surface: var(--color-background-alt-100);
  --color-border: var(--color-border-inverse);
  --color-border-alt: var(--color-border-inverse-alt);
  --color-text: var(--color-text-inverse);
  --color-text-muted: var(--color-text-inverse-muted);
  --color-text-alt: var(--color-text-inverse-alt);
  --color-text-link: var(--color-text-inverse-link);
}

/* Sizes */

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

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

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

  --padding-button-x: 20px;
  --padding-button-y: 24px;
  --padding-button: var(--padding-button-y) var(--padding-button-x);
  --padding-button-small-x: 20px;
  --padding-button-small-y: 20px;
  --padding-button-small: var(--padding-button-small-y) var(--padding-button-small-x);
  --padding-tag-x: 10px;
  --padding-tag-y: 8px;
  --padding-tag: var(--padding-tag-y) var(--padding-tag-x);
  --padding-tab-x: 20px;
  --padding-tab-y: 24px;
  --padding-tab: var(--padding-tab-y) var(--padding-tab-x);

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

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

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

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

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

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

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

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

    --padding-button-x: 18px;
    --padding-button-y: 22px;
    --padding-button-small-x: 18px;
    --padding-button-small-y: 18px;
    --padding-tag-x: 8px;
    --padding-tag-y: 6px;
    --padding-tab-x: 14px;
    --padding-tab-y: 18px;

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

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

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

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

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

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

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

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

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

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

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

/* Text */

strong {
  font-weight: 700;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  all: unset;
  margin: 0;
  font-weight: 700;
  font-family: var(--font-heading);
}

body h1 {
  font-size: 68px;
  line-height: 110%;
}

body h2 {
  font-size: 48px;
  line-height: 110%;
}

body h3 {
  font-size: 36px;
  line-height: 120%;
}

body h4 {
  font-size: 32px;
  line-height: 130%;
}

body h5 {
  font-size: 26px;
  line-height: 130%;
}

body h6 {
  font-size: 20px;
  line-height: 130%;
}

.body-large {
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

body,
.body-base {
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
}

.body-caption {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
}

.body-caption.alt {
  font-family: var(--font-caption-alt), helvetica;
}

.callout-base {
  font-size: 40px;
  line-height: 130%;
}

.callout-price {
  font-size: 22px;
  line-height: 130%;
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

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

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

@media (max-width: 1919px) {
  body h1 {
    font-size: 56px;
  }

  body h2 {
    font-size: 44px;
  }

  body h3 {
    font-size: 32px;
  }

  body h4 {
    font-size: 28px;
  }

  body h5 {
    font-size: 22px;
  }

  body h6 {
    font-size: 18px;
  }

  .body-large {
    font-size: 18px;
  }

  body,
  .body-base {
    font-size: 16px;
  }

  .body-caption {
    font-size: 14px;
  }

  .callout-base {
    font-size: 36px;
  }

  .callout-price {
    font-size: 20px;
  }
}

@media (max-width: 1024px) {
  body h1 {
    font-size: 48px;
  }

  body h2 {
    font-size: 36px;
  }

  body h3 {
    font-size: 28px;
  }

  body h4 {
    font-size: 24px;
  }

  body h5 {
    font-size: 20px;
  }

  body h6 {
    font-size: 16px;
  }

  .body-large {
    font-size: 18px;
  }

  body,
  .body-base {
    font-size: 16px;
  }

  .body-caption {
    font-size: 14px;
  }

  .callout-base {
    font-size: 36px;
  }

  .callout-price {
    font-size: 20px;
  }
}

@media (max-width: 600px) {
  body h1 {
    font-size: 36px;
  }

  body h2 {
    font-size: 24px;
  }

  body h3 {
    font-size: 20px;
  }
  
  body h4 {
    font-size: 18px;
  }

  body h5 {
    font-size: 16px;
  }

  body h6 {
    font-size: 14px;
  }

  .body-large {
    font-size: 16px;
  }

  body,
  .body-base {
    font-size: 14px;
  }

  .body-caption {
    font-size: 12px;
  }

  .callout-base {
    font-size: 20px;
  }

  .callout-price {
    font-size: 18px;
  }
}

/* Main Site */

html {
  padding-top: 0;
}

#header,
footer {
  display: none !important;
}

#MainContent {
  margin-top: 0;
}

label {
  margin-bottom: 0;
}

/* Main */

body {
  --font: "Cerebri Sans Pro", helvetica;
  --font-heading: var(--font);
  --font-caption-alt: var(--font);
  --transition-drop-ease: cubic-bezier(0.65, 0.05, 0.36, 1);
  --transition-drop: height .5s var(--transition-drop-ease);
  interpolate-size: allow-keywords;
  background-color: var(--color-background);
}

body #MainContent {
  overflow: clip;
  max-width: var(--ante-page-width);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body #MainContent > * {
  width: 100%;
  display: initial;
  z-index: 1;
}

* {
  box-sizing: border-box !important;
  letter-spacing: -0.06em !important;
}

[hidden] {
  display: none !important;
}

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

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

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

.ante-container.section-spacing-bottom,
.ante-section.section-spacing-bottom > .ante-container,
.ante-section.section-spacing-bottom.section-background-floating,
.ante-container.section-spacing-none,
.ante-section.section-spacing-none > .ante-container,
.ante-section.section-spacing-none.section-background-floating {
  padding-top: 0 !important;
}

.ante-container.section-spacing-top,
.ante-section.section-spacing-top > .ante-container,
.ante-section.section-spacing-top.section-background-floating,
.ante-container.section-spacing-none,
.ante-section.section-spacing-none > .ante-container,
.ante-section.section-spacing-none.section-background-floating {
  padding-bottom: 0 !important;
}

.ante-section.section-background-true {
  background-color: var(--color-background-alt);
}

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

.ante-section.section-background-floating .ante-container {
  background-color: var(--color-background-alt);
  border-radius: var(--radius-large);
  padding: var(--section-vertical-padding) var(--section-horizontal-padding) !important;
}

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

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

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

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

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

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

.richtext li {
  list-style: initial;
}

.spacer {
  flex: 1;
}

.mobile {
  display: none !important;
}

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

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

  .desktop {
    display: none !important;
  }
}

/* Heading Section */

.ante-section-header {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.ante-section-header h1 {
  text-align: center;
  max-width: var(--width-8);
  display: block;
}

.ante-section-header .body-base {
  margin-top: var(--spacing-small);
  text-align: center;
  max-width: var(--width-6);
}

.ante-section-header strong {
  position: relative;
  display: inline-flex;
}

.ante-section-header strong::before {
  content: "";
  position: absolute;
  height: 44px;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  background-color: var(--color-text-alt);
  opacity: 0.6;
  pointer-events: none;
}

.ante-section-header em {
  text-decoration: underline;
}

@media (max-width: 1919px) {
  .ante-section-header h1 {
    text-align: center;
  }

  .ante-section-header strong::before {
    height: 36px;
  }
}

@media (max-width: 1024px) {
  .ante-section-header h1 {
    max-width: 100%;
  }

  .ante-section-header .body-base {
    max-width: var(--width-7);
  }
}

@media (max-width: 600px) {
  .ante-section-header strong::before {
    height: 24px;
  }

  .ante-section-header .body-base {
    max-width: 100%;
  }
}

/* Images */

.ante-image {
  border-radius: var(--radius-large);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.ante-image img {
  display: block;
  object-fit: cover;
}

.ante-image-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--color-background-alt-100);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  pointer-events: none;
}

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

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

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

/* Buttons */

.ante-button {
  all: unset;
  background-color: var(--color-button);
  border-radius: 100px;
  padding: var(--padding-button);
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--micropad-medium);
  font-size: 28px;
  font-weight: 700;
  line-height: 110%;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s, opacity .15s, background-color .15s;
  text-align: center;
  font-family: var(--font);
  position: relative;
  z-index: 1;
  overflow: hidden;
  user-select: none;
  min-width: 120px;
  color: var(--color-text-button) !important;
}

.ante-button.small {
  padding: var(--padding-button-small);
  min-height: 62px;
  max-height: 62px;
}

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

.ante-button:hover {
  background-color: var(--color-button-hover);
}

.ante-button[disabled],
.ante-button[loading] {
  opacity: 0.2;
  cursor: not-allowed;
}

.ante-button[loading] {
  cursor: progress;
}

.ante-button[data-message] * {
  visibility: hidden;
}

.ante-button[data-message]::before {
  content: attr(data-message);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1919px) {
  .ante-button {
    font-size: 24px;
  }

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

@media (max-width: 600px) {
  .ante-button {
    font-size: 20px;
  }

  .ante-button.small {
    min-height: 42px;
    max-height: 42px;
  }
}

/* Tab Bars */

body {
  --tabs-transition-ease: var(--transition-drop-ease);
  --tabs-transition-duration: .25s;
}

.tab-bar {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin-bottom: var(--spacing-x-small);
  gap: var(--micropad-x-large);
  align-self: flex-start;
}

.tab-bar-button {
  all: unset;
  cursor: pointer;
  user-select: none;
  z-index: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tab-contents {
  position: relative;
  transition: height var(--tabs-transition-duration) var(--tabs-transition-ease);
  display: flex;
  interpolate-size: initial;
}

.tab-contents:not(.transitioning) {
  height: auto !important;
}

.tab-contents:not(.transitioning) .tab-content.active {
  position: initial;
}

.tab-content {
  transform: translateX(-64px);
  opacity: 0;
  transition: transform var(--tabs-transition-duration) var(--tabs-transition-ease), opacity var(--tabs-transition-duration) var(--tabs-transition-ease);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  width: 100%;
}

.tab-content.active {
  transform: initial;
  opacity: 1;
  pointer-events: initial;
}

.tab-content.active ~ .tab-content {
  transform: translateX(64px);
}

.tab-bar-button {
  all: unset;
  background-color: var(--color-surface) !important;
  border-radius: 100px;
  padding: var(--padding-tab);
  min-height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--micropad-medium);
  font-size: 18px;
  font-weight: 700;
  line-height: 110%;
  cursor: pointer;
  transition: border .15s, outline .15s;
  text-align: center;
  font-family: var(--font);
  position: relative;
  z-index: 1;
  overflow: hidden;
  user-select: none;
  min-width: 90px;
  color: var(--color-text) !important;
  border: 1px solid var(--color-border);
  outline: 1px solid transparent;
  line-height: 1;
}

.tab-bar-button:hover {
  background-color: var(--color-button-hover);
  outline: 1px solid var(--color-border);
}

.tab-bar-button.active {
  border: 1px solid var(--color-border-alt);
  outline: 1px solid var(--color-border-alt);
}

@media (max-width: 1919px) {
  .tab-bar-button {
    font-size: 14px;
    min-height: 54px;
    max-height: 54px;
  }
}

@media (max-width: 600px) {
  .tab-bar-button {
    font-size: 12px;
    min-height: 45px;
  }
}

/* Tags */

.ante-tag {
  padding: var(--padding-tag);
  color: var(--color-text-inverse);
  font-size: 16px;
  border-radius: var(--radius-x-small);
  font-family: var(--font-caption-alt);
  line-height: 1;
  background-color: var(--color-info);
}

.ante-tag.outer {
  align-self: flex-start;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ante-tag.sale {
  background-color: var(--color-sale);
}

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

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

.ante-tag * {
  color: var(--color-text-inverse) !important;
}

.ante-tag strong {
  color: var(--color-text-inverse-alt) !important;
  font-size: 17px;
}

@media (max-width: 1919px) {
  .ante-tag {
    font-size: 14px;
  }

  .ante-tag strong {
    font-size: 15px;
  }
}

@media (max-width: 600px) {
  .ante-tag {
    font-size: 12px;
  }

  .ante-tag strong {
    font-size: 13px;
  }
}

/* Stars */

.review-stars {
  display: flex;
  gap: 2px;
  align-items: center;
  text-decoration: none;
}

.review-stars .review-count,
.review-stars .review-text {
  margin-left: var(--micropad-x-small);
}

.review-stars.stars-5 svg {
  color: #00BA7B;
}

.review-stars.stars-4 svg {
  color: #7ACA28;
}

.review-stars.stars-3 svg {
  color: #FDD100;
}

.review-stars.stars-2 svg {
  color: #FD871E;
}

.review-stars.stars-1 svg {
  color: #FE3724;
}

@media (max-width: 600px) {
  .review-stars svg {
    width: 16px;
    height: 16px;
  }
}

/* Form */

.ante-input-with-button {
  background-color: var(--color-surface);
  border-radius: 100px;
  display: flex;
  padding-right: var(--micropad-large);
  height: 78px;
  box-shadow: 2px 4px 0 0 var(--color-shadow-border);
}

.ante-input-with-button input {
  all: unset;
  padding-left: var(--padding-button-x);
  font-size: 20px;
  line-height: 150%;
  font-family: var(--font);
  color: var(--color-text);
  text-overflow: ellipsis;
  flex: 1;
  margin-right: var(--micropad-large);
}

.ante-input-with-button button {
  all: unset;
  cursor: pointer;
  background-color: var(--color-button);
  padding: var(--padding-button);
  border-radius: 100px;
  height: 58px;
  align-self: center;
  display: flex;
  align-items: center;
  font-family: var(--font);
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
  color: var(--color-text);
}

@media (max-width: 1919px) {
  .ante-input-with-button {
    height: 64px;
  }

  .ante-input-with-button input {
    font-size: 18px;
  }

  .ante-input-with-button button {
    height: 48px;
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  .ante-input-with-button {
    height: 54px;
  }

  .ante-input-with-button input {
    font-size: 16px;
  }

  .ante-input-with-button button {
    height: 42px;
  }
}

/* Prices */

.ante-price {
  display: flex;
  align-items: center;
  gap: var(--micropad-small);
}

.ante-buy-compare-price {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--color-text-strikethrough);
}

.ante-buy-compare-price span {
  color: var(--color-text-strikethrough);
}

.ante-buy-compare-price::before {
  content: "";
  position: absolute;
  opacity: 0.6;
  background-color: var(--color-sale);
  height: 3px;
  left: 50%;
  top: calc(50%);
  transform: translate(-50%, calc(-50% - 1px));
  width: 100%;
  z-index: 1;
}

.ante-buy-button .ante-buy-compare-price span {
  color: var(--color-text);
  opacity: 0.6;
}

.ante-buy-button-footer {
  display: flex;
  gap: var(--micropad-medium);
  margin-top: var(--micropad-x-large);
  justify-content: center;
  align-items: center;
}

.ante-buy-button-footer-icons {
  display: flex;
  align-items: center;
  gap: var(--micropad-x-small);
}

.ante-buy-button[disabled] + .ante-buy-button-footer {
  display: none;
}

.ante-button .ante-buy-label {
  display: none !important;
}

@media (max-width: 600px) {
  .ante-buy-button .ante-buy-label {
    display: none;
  }
  
  .ante-buy-button-footer {
    flex-direction: column;
  }
}

/* Splide */

.splide__arrow {
  left: var(--padding-medium);
  top: initial;
  bottom: var(--padding-medium);
  transform: initial;
  opacity: 0.9 !important;
  width: 52px;
  height: 52px;
  background-color: var(--color-background-alt);
  transition: opacity .15s;
}

.splide__arrow--next {
  left: calc(var(--padding-medium) + var(--micropad-large) + 52px);
}

.splide__arrow:hover {
  opacity: 1 !important;
}

.splide__arrow[disabled] {
  opacity .5 !important;
  pointer-events: none;
}

.splide__arrow svg {
  display: none;
}

.splide__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="none"><path d="M6.66259 0.519531L7.71543 1.57242L3.03032 6.25757L23.8164 6.25757V7.74659L3.03032 7.74659L7.71543 12.4317L6.66259 13.4846L0.180042 7.00203L6.66259 0.519531Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.splide__arrow--next::before {
  rotate: 180deg;
}

@media (max-width: 1024px) {
  .splide__arrow {
    width: 44px;
    height: 44px;
  }

  .splide__arrow--next {
    left: calc(var(--padding-medium) + var(--micropad-large) + 44px);
  }
  
  .splide__arrow::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12" fill="none"><path d="M5.48328 0.515625L6.37414 1.40653L2.40982 5.37089L19.998 5.37089V6.63083L2.40982 6.63083L6.37414 10.5951L5.48328 11.4861L-0.00195312 6.00082L5.48328 0.515625Z" fill="white"/></svg>');
  }
}

/* Splide */

@keyframes pagination-fill {
  from {
    mask-position: 100% 0;
  }
  to {
    mask-position: 0 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Loader Button */

.ante-button {
  position: relative !important;
  user-select: none !important;
}

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

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

.ante-button[loading]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-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="%23102E02" stop-opacity="0" offset="0%"/><stop stop-color="%23102E02" stop-opacity=".631" offset="63.146%"/><stop stop-color="%23102E02" 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>');
  background-size: 100% 100%;
  width: 32px;
  height: 32px;
  animation: loadingspin 0.9s linear infinite;
}

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

/* Numbers */

.number {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  min-width: 28px;
  height: 28px;
  background-color: var(--color-border);
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 600px) {
  .number {
    min-width: 22px;
    height: 22px;
    font-size: 14px;
  }
}

/* Modals */

:root {
  --modal-header-height: 68px;
}

body:has(.modal-container.open) {
  overflow-y: hidden;
}

#modals {
  z-index: 9999;
}

.modal {
  display: none;
}

.modal-container {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.40);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity .15s;
  pointer-events: none;
  z-index: 9999;
}

.modal-container.open {
  opacity: 1;
  pointer-events: initial;
}

.modal-element {
  margin: auto;
  background-color: var(--color-surface);
  border-radius: var(--radius-medium);
  overflow: hidden;
  max-width: min(var(--content-width), 100vw - var(--section-horizontal-padding) * 2);
  min-width: min(var(--width-3), 100vw - var(--section-horizontal-padding) * 2);
}

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

.modal-title {
  color: var(--color-text-inverse);
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}

.modal-title-row > .modal-close {
  all: unset;
  display: flex;
}

.modal-title-row > .modal-close svg {
  cursor: pointer;
  background-color: var(--color-button);
  padding: 11px;
  width: 44px;
  height: 44px;
  border-radius: 100px;
  fill: var(--color-text);
}

.modal-contents {
  max-height: min(532px, calc(100vh - var(--section-horizontal-padding) * 2 - 52px));
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
  padding: var(--padding-large);
}

@media (max-width: 1919px) {
  :root {
    --modal-header-height: 56px;
  }

  .modal-element {
    min-width: min(var(--width-4), 100vw - var(--section-horizontal-padding) * 2);
  }

  .modal-contents {
    max-height: min(465px, calc(100vh - var(--section-horizontal-padding) * 2 - 52px));
  }

  .modal-title-row > .modal-close svg {
    padding: 8px;
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 600px) {
  :root {
    --modal-header-height: 36px;
  }

  .modal-contents {
    max-height: calc(100vh - var(--section-horizontal-padding) * 2 - 52px);
  }

  .modal-element {
    min-width: min(var(--width-5), 100vw - var(--section-horizontal-padding) * 2);
  }

  .modal-title-row > .modal-close svg {
    padding: 6px;
    width: 24px;
    height: 24px;
  }
}

/* Drops */

.ante-drops {
  display: flex;
  flex-direction: column;
  gap: var(--micropad-x-large);
}

.drop-menu {
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-large);
  overflow: hidden;
  interpolate-size: allow-keywords;
}

.drop-menu > input {
  display: none;
}

.drop-button {
  user-select: none;
  cursor: pointer;
  position: relative;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: var(--micropad-x-small);
  padding: var(--padding-large);
  color: var(--color-text);
  transition: background-color .5s var(--transition-drop-ease), padding-bottom .5s var(--transition-drop-ease);
}

.drop-button h5,
.drop-button h6 {
  display: flex;
  flex: 1;
  padding-right: var(--micropad-x-large);
  margin-right: calc(var(--micropad-x-small) * -1);
}

.drop-button > svg:first-child,
.drop-button > span:first-child > svg {
  width: 45px;
  height: 45px;
  padding: 6px;
}

.drop-button svg:last-child,
.drop-button span:last-child > svg {
  transition: transform .5s var(--transition-drop-ease);
  width: 22px;
  height: 22px;
}

.drop-menu > input:checked ~ .drop-button {
  background-color: var(--color-surface);
  padding-bottom: var(--spacing-x-small);
}

.drop-menu > input:checked ~ .drop-button svg:last-child,
.drop-menu > input:checked ~ .drop-button span:last-child > svg {
  transform: rotate(45deg);
}

.drop-content-container {
  overflow: hidden;
  height: 0;
  transition: var(--transition-drop), background-color .5s var(--transition-drop-ease);
}

.drop-menu > input:checked ~ .drop-content-container {
  height: initial;
  background-color: var(--color-surface);
}

.drop-content {
  padding: 0 var(--padding-large) var(--padding-large);
  transform: translateY(calc(var(--spacing-x-small) - var(--padding-large)));
  transition: transform .5s var(--transition-drop-ease);
}

.drop-menu > input:checked ~ .drop-content-container .drop-content {
  transform: initial;
}

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

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

@media (max-width: 600px) {
  .drop-button {
    padding-right: calc(22px + var(--spacing-small));
  }

  .drop-button svg {
    width: 20px;
    height: 20px;
  }
}

/* Dynamic Marquee */

.marquee {
  max-width: 100%;
}

.marquee, .marquee-sub {
  min-width: 100%;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
  position: relative;
}

.marquee.initialised {
  justify-content: initial;
}

.marquee-item {
  padding: 0 20px;
  min-width: 256px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marquee:not(.scrolling) .marquee-sub {
  animation: none !important;
}

.marquee.scrolling .marquee-sub {
  justify-content: initial;
  min-width: fit-content;
}

.marquee.paused .marquee-sub {
  animation-play-state: paused !important;
}

.marquee-measure {
  min-width: initial;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

custom-select {
  --color-background: var(--color-surface);
  --color-active: var(--color-text-alt);
  position: relative;
}

custom-select .select-button,
custom-select .select-drop > div {
  display: flex;
  justify-content: space-between;
  padding: var(--padding-small) var(--padding-medium);
  background-color: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-large);
  align-items: center;
  cursor: pointer;
  user-select: none;
  gap: 10px;
  color: var(--color-text);
}

custom-select .select-button > svg {
  fill: var(--color-text);
  width: 24px;
  height: 24px;
}

custom-select .select-button:hover,
custom-select .select-drop > div:hover {
  color: var(--color-text-alt);
}

custom-select .select-button.active > 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);
  border-radius: var(--radius-large);
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 4px 16px #0002;
}

custom-select .select-drop > div {
  border: none;
  border-radius: 0;
  border-top: 1px solid var(--color-border);
}

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

custom-select .select-label {
  display: grid;
}

custom-select .select-label span {
  grid-area: 1 / 1;
  visibility: hidden;
}

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