/** MOVED TO ORIGIAL THEME */
body .slick-dots li,
body .slick-dots li button {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0;
}

body .slick-dots li button::before {
  content: "•";
  font-size: 1.5rem;
  height: 100%;
  width: 100%;
  opacity: 1;
  color: var(--color-functional-300);
  position: static;
  display: block;
  line-height: 0.8;
}

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

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

body #wrapper .slick-arrow,
body #gallery-viewer-container .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,
body #gallery-viewer-container .slick-prev:hover,
body #gallery-viewer-container .slick-next:hover {
  color: var(--color-functional-300);
}

.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,
body #gallery-viewer-container .slick-arrow.slick-disabled {
  color: var(--color-functional-100);
  opacity: 1;
  pointer-events: none;
}

.slick-arrow.slick-prev::before,
.slick-arrow.slick-next::before,
.slider-buttons-container .slick-dots li button:after {
  display: none;
}

.slider-buttons-container .slick-dots li button:before {
  display: block;
}

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

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

.slider-buttons-container {
  display: none;
}

.slick-initialized + .slider-buttons-container {
  display: flex;
  justify-content: center;
}

.slider-buttons-container .slick-arrow {
  position: static;
  transform: none;
  color: var(--color-functional-black);
}

.slider-buttons-container .slick-arrow:focus,
.slider-buttons-container .slick-arrow:active {
  color: var(--color-functional-black);
}

.slider-buttons-container .slick-dots {
  position: static;
}

.slick-dots-container,
.slick-dots-container .slick-dots,
body .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-buttons-container,
body .slick-dots {
  gap: 0.75rem;
}

/** WIDE AND OVER **/
@media screen and (min-width: 1921px) {
  body #wrapper .slick-arrow,
  body #gallery-viewer-container .slick-arrow {
    font-size: 2.25rem;
  }

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

  body .slick-dots li button::before {
    font-size: 2.25rem;
  }

  .slider-buttons-container,
  body .slick-dots {
    gap: 1rem;
  }
}
/** END WIDE AND OVER **/

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

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

  body .slick-dots li button::before {
    font-size: 3.5rem;
  }

  .slider-buttons-container,
  body .slick-dots {
    gap: 1.5rem;
  }
}
/** END 4k **/