.slick-component {
  position: relative;
  width: 100%;
  --slick-arrow-position-offset: var(--sm);
}

.slick-component__track .slick-list {
  margin: 0 calc(var(--sm) * -1);
}
.slick-component__track .slick-track {
  display: flex;
}
.slick-component__track .slick-slide {
  height: auto;
  padding: 0 var(--sm);
}
.slick-component__track .slick-slide > div {
  height: 100%;
}
.slick-component__track .slick-prev,
.slick-component__track .slick-next {
  z-index: 2;
  width: max-content;
  height: max-content;
}
.slick-component__track .slick-prev::before,
.slick-component__track .slick-next::before {
  color: var(--Primary-country-map-bg);
  font-size: var(--font-size-4xl);
  opacity: 1;
}
.slick-component__track .slick-dots {
  bottom: -2rem;
}
.slick-component__track .slick-dots li button::before {
  font-size: var(--font-size-md);
  color: var(--Primary-Light-Contrast);
  opacity: 0.4;
}
.slick-component__track .slick-dots li.slick-active button::before {
  opacity: 1;
}

.slick-component--arrows-middle .slick-prev,
.slick-component--arrows-middle .slick-next,
.slick-component--arrows-desk-middle .slick-prev,
.slick-component--arrows-desk-middle .slick-next {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

.slick-component--arrows-top .slick-prev,
.slick-component--arrows-top .slick-next,
.slick-component--arrows-desk-top .slick-prev,
.slick-component--arrows-desk-top .slick-next {
  top: var(--slick-arrow-position-offset);
  bottom: auto;
  transform: none;
}

.slick-component--arrows-bottom .slick-prev,
.slick-component--arrows-bottom .slick-next,
.slick-component--arrows-desk-bottom .slick-prev,
.slick-component--arrows-desk-bottom .slick-next {
  top: auto;
  bottom: var(--slick-arrow-position-offset);
  transform: none;
}

@media screen and (width < 640px) {
  .slick-component--arrows-mobile-middle .slick-prev,
  .slick-component--arrows-mobile-middle .slick-next {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  .slick-component--arrows-mobile-top .slick-prev,
  .slick-component--arrows-mobile-top .slick-next {
    top: var(--slick-arrow-position-offset);
    bottom: auto;
    transform: none;
  }
  .slick-component--arrows-mobile-bottom .slick-prev,
  .slick-component--arrows-mobile-bottom .slick-next {
    top: auto;
    bottom: var(--slick-arrow-position-offset);
    transform: none;
  }
}
.slick-component--vertical .slick-list {
  margin: 0;
}
.slick-component--vertical .slick-track {
  display: block;
}
.slick-component--vertical .slick-slide {
  padding: 0;
  width: 100% !important;
}

.slick-component__pager {
  display: none;
  text-align: center;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--Primary-Light-Contrast);
  position: absolute;
  bottom: -35px;
  left: 0;
  right: 0;
}
@media screen and (width < 640px) {
  .slick-component__pager {
    display: block;
  }
}

@media screen and (width < 640px) {
  .slick-component:has(.slick-component__pager) .slick-dots {
    display: none !important;
  }
}
