.slider:has(.splide[data-slider-autoplay="0"]) .slider__progress {
  display: none;
}


.theme-academy {

  /* *****************************
  Button under the slider
  *******************************/
  .slider__controls {
    .surface--trust & {
      --slider-btn-bg: var(--trust-300);
      --slider-btn-hover: var(--trust-200);
      --slider-btn-text: var(--white);
    }

    .surface--academy & {
      --slider-btn-bg: var(--academy-200);
      --slider-btn-hover: var(--academy-100);
      --slider-btn-text: var(--trust);
    }

    .surface--attitude & {
      --slider-btn-bg: var(--attitude-500);
      --slider-btn-hover: var(--attitude-600);
      --slider-btn-text: var(--white);
    }

    .surface--ambience &,
    .surface--white & {
      --slider-btn-bg: var(--ambience-500);
      --slider-btn-hover: var(--ambience-600);
      --slider-btn-text: var(--trust);
    }

    .surface--ambience_dark & {
      --slider-btn-bg: var(--ambience-500);
      --slider-btn-hover: var(--ambience-600);
      --slider-btn-text: var(--trust);
    }

    .surface--transparent & {
      --slider-btn-text: var(--trust);
    }

    .surface & {
      .slider__progress {
        --slider-progress-bg: transparent;

        .slider-dot {
          --sd-color: var(--slider-btn-text);
        }
      }
    }
  }

  .slider__btn .icon__svg {
    color: var(--slider-btn-text);
  }

  /* *****************************
  Button on the slider
  *******************************/
  .slider:has(.hero-section) {
    /* handwritten */
    .slider__container:has(li.is-active .hero-section--illustration) {
      .slider__controls {
        --slider-btn-bg: var(--academy-200);
        --slider-btn-hover: var(--academy-100);
        --slider-btn-text: var(--trust);
      }
    }

    /* dark */
    .slider__container:has(li.is-active .hero-section--content_dark) {
      .slider__controls {
        --slider-btn-bg: var(--trust-300);
        --slider-btn-hover: var(--trust-200);
        --slider-btn-text: var(--white);
      }
    }

    /* light */
    .slider__container:has(li.is-active .hero-section--content_light) {
      .slider__controls {
        --slider-btn-bg: var(--ambience-500);
        --slider-btn-hover: var(--ambience-600);
        --slider-btn-text: var(--trust);
      }
    }

    /* No Transition when color of button changes due to slide change */
    .slider__btn {
      transition-duration: 0s;

      &:hover {
        transition-duration: 0.2s;
      }
    }

    /* Keep the slider progress consistent on slide changes */
    .surface & {
      .slider__progress {
        --slider-progress-bg: transparent;

        .slider-dot {
          --sd-color: var(--white);
        }
      }
    }
  }
}