.slick-loading .slick-list {
  background: #fff url("ajax-loader.32c19c5c.gif") center no-repeat;
}

@font-face {
}

.slick-list {
  margin-bottom: var(--size-700);
}

.slick-prev, .slick-next {
  --icon-width: 3rem;
  top: calc(50% - var(--icon-width));
  aspect-ratio: .5;
  cursor: pointer;
  color: #0000;
  width: var(--icon-width);
  z-index: 99;
  background: url("arrow.c242ca61.svg") 0 0 / contain no-repeat;
  border: none;
  outline: none;
  padding: 0;
  font-size: 0;
  line-height: 0;
  transition: all .2s ease-in;
  display: block;
  position: absolute;
  transform: translate(0, -50%);
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: #0000;
  filter: var(--svg-filter-accent);
  outline: none;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev {
  z-index: 99;
  left: -2rem;
  transform: rotate(90deg);
}

@media (prefers-color-scheme: dark) {
  .slick-prev {
    filter: var(--svg-filter-white);
  }
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -2rem;
  transform: rotate(-90deg);
}

.slick-next {
  z-index: 99;
  right: -2rem;
  transform: rotate(-90deg);
}

@media (prefers-color-scheme: dark) {
  .slick-next {
    filter: invert() sepia(19%) saturate(987%) hue-rotate(213deg) brightness(106%) contrast(101%);
  }
}

[dir="rtl"] .slick-next {
  left: -2rem;
  right: auto;
  transform: rotate(90deg);
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  margin-block: var(--size-700);
  margin-top: var(--size-900);
  bottom: calc(-1 * var(--size-500));
  width: 100%;
  text-align: center;
  justify-content: space-evenly;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
}

.slick-dots li {
  width: var(--size-700);
  height: var(--size-200);
  margin: 0 var(--size-300);
  cursor: pointer;
  padding: 0;
  display: inline-block;
  position: relative;
}

.slick-dots li button {
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #0000;
  background: none;
  outline: none;
  font-size: 0;
  line-height: 0;
  display: block;
  border: 2px solid var(--clr-accent-400) !important;
}

.slick-dots li button:active {
  background: var(--clr-accent-400);
}

.slick-dots li button:hover {
  border: 2px solid var(--clr-neutral-900) !important;
}

.slick-dots li.slick-active {
  background-color: var(--clr-accent-400);
}

/*# sourceMappingURL=index.b00b1dc8.css.map */