.module-slider img {
    height: auto;
    width: calc(600 * var(--base-unit));
    max-width: none;
    transition: filter 500ms 250ms var(--ttf-7);
  }
  
  .module-slider figure {
    width: min-content;
    padding: 0 max(6px, calc(25 * var(--base-unit)));
    padding-top: max(10px, calc(40 * var(--base-unit)));
  }
  
  .module-slider figcaption {
    padding-top: 1em;
    color: #adaeb0;
  }
  
  .module-slider .slider-nav {
    text-align: right;
    margin-top: 2em;
  }
  
  .module-slider .slider-nav button {
    display: inline-block;
  }
  
  .module-slider .slider-nav button.btn-bubble i {
    left: 50% !important;
    bottom: 50% !important;
    transform: translate(-50%, 50%) !important;
  }
  
  .module-slider .slider-nav button + button {
    margin-left: 1em;
  }
  
  .module-slider .slider-nav button.btn-prev svg {
    transform: rotateY(-180deg);
  }
  
  .module-slider .slider-nav button svg path {
    fill: #fff;
  }
  
  .module-slider .jagged-image .image {
    clip-path: unset;
    position: relative;
  }
  
  .module-slider .jagged-image .shape {
    opacity: 0;
    transition: opacity 500ms 250ms var(--ttf-7);
  }
  
  .module-slider .splide__slide.is-active .jagged-image .shape {
    opacity: 1;
  }
  
  .module-slider .splide__slide:not(.is-active) img {
    filter: saturate(0) contrast(1.5);
  }
  
  .module-slider .splide__slide .image::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: #3a4390;
    z-index: 2;
    mix-blend-mode: screen;
    opacity: 1;
    transition: opacity 500ms 250ms var(--ttf-7);
  }
  
  .module-slider .splide__slide.is-active .image::before {
    opacity: 0;
  }
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    .module-slider .slider-nav {
      display: none;
    }
    
    .module-slider img {
      width: calc(100vw - 100px);
    }
    
  }