#slider {
  width: 100%;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#slide1 {
  z-index: -1;
}

#slide2 {
  z-index: -2;
}

#slide3 {
  z-index: -3;
}

#slide4 {
  z-index: -4;
}

#slider .cta {
  pointer-events: all;
}

#slider .white {
  fill: #fff;
}

#slider .red {
  fill: #a34200;
}

#slider .redSlide {
  background: #a34200;
}

#slider .yellow {
  fill: #f2cb13;
}

#slider .yellowSlide {
  background: #f2cb13;
}

#slider .yellowOrange {
  fill: #eab81a;
}

#slider .potiron {
  fill: #dc911b;
}

#slider .orange {
  fill: #cd5b1c;
}

#slider .multiply {
  opacity: .6;
  mix-blend-mode: multiply;
}

#slider .heavy {
  font-weight: 800;
}

#slider text,
#slider tspan {
  font-family: 'RopaSoftPro-Regular', 'Ropa Soft Pro', 'ropasoftpro', sans-serif;
}

#slider .button {
  font-size: 46px;
  letter-spacing: -0.03em;
}

#slider .ls3 {
  letter-spacing: 0.03em;
}

#slider .title {
  font-size: 3.7vw;
}

#slider .fs127 {
  font-size: 127px;
}

#slider .fs110 {
  font-size: 4.2vw;
}
#slide2 .fs110 {
  font-size: 4.2vw;
}

#slider .fs100 {
  font-size: 3vw;
}

#slider .fs90 {
  font-size: 5vw;
}

#slider .fs120 {
  font-size: 4.6vw;
}
#slide4 .fs120 {
  font-size: 4.0vw;
}

#slider .fs115 {
  font-size: 115.5px;
}

#slider .fs73 {
  font-size: 73px;
}

#slider .fs68 {
  font-size: 68px;
}

#slider .arrondi {
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 3px;
  fill: none;
}

#slider .controls {
  position: absolute;
  font-size: 10vw;
  z-index: 3;
  top: 7.5vw;
  mix-blend-mode: soft-light;
  cursor: pointer;
  border: none;
  background: none;
}

#slider .controls.previous {
  left: 0;
}

#slider .controls.next {
  right: 0;
}

#slider #eraser {
  z-index: 3;
  position: absolute;
  padding-bottom: 31%;
  top: 0;
  pointer-events: none;
}

#slider svg:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}

#slider svg:not(:first-child) > image {
  pointer-events: none;
}

#slider #slidesWrapper {
  pointer-events: none;
}

@media (max-width: 1600px) {
  #slider .title {
    font-size: 4.5rem;
  }
  #slider .fs120 {
    font-size: 5.5rem;
  }
  #slider .fs110 {
    font-size: 5.3rem;
  }
#slide2 .fs110 {
  font-size: 5.3rem;
}
  #slider .fs100 {
    font-size: 3.7rem;
  }
  #slider .fs90 {
    font-size: 6rem;
  }
}
/*# sourceMappingURL=index.css.map */