body .slick-dots li,
body .slick-dots li button {
  width: 1.5rem;
  height: 1.5rem;
}

body .slick-dots li button::before {
  font-size: 1.5rem;
  height: 100%;
  width: 100%;
  opacity: 1;
  color: var(--color-functional-300,#C0C0C0);
}

body .slick-dots li button:hover::before {
  color: var(--color-functional-500,#767676);
  opacity: 1;
}

body .slick-dots li.slick-active button::before {
  opacity: 1;
  color: var(--color-functional-black, #000);
}

body #wrapper .slick-arrow {
  font-size: 1.5rem;
  width: max-content;
  height: auto;
  padding: 1rem;
  line-height: 1;
}

body #wrapper .slick-prev:hover,
body #wrapper .slick-next:hover {
  color: var(--color-functional-300,#C0C0C0);
}

.slick-arrow::after {
  font-family: "Material Symbols Outlined";
}

body .slick-arrow.white:focus,
.slick-arrow.white {
  color: #fff;
}

body .slick-arrow.black:focus,
.slick-arrow.black {
  color: #000;
}

body #wrapper .slick-arrow.slick-disabled {
  color: var(--color-functional-100, #E6E6E6);
}

.slick-prev::after {
  content: "arrow_left_alt";
}

.slick-next::after {
  content: "arrow_right_alt";
}

/** wide **/
@media all and (min-width: 1921px) {
  body #wrapper .slick-arrow {
    font-size: 2.25rem;
  }
}

/** 4k **/
@media all and (min-width: 3441px) {
  body #wrapper .slick-arrow {
    font-size: 3.5rem;
  }
}