.slick-slider {
  --arrow-left: -24px;
  --arrow-right: -24px;
  --arrow-width: 20px;
  --arrow-height: 20px;
  --arrow-padding: 0;
  --arrow-top: 50%;
}
.slick-slider .slick-prev, .slick-slider .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: var(--arrow-top);
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  z-index: 1000;
  width: var(--arrow-width);
  height: var(--arrow-height);
  padding: var(--arrow-padding);
}
.slick-arrow.img img {
  width: 100%;
  height: 100%;
  line-height: 0;
  display: block;
}
.slick-arrow.bk {
  background-image: var(--img);
}
.slick-arrow.bk.hov:hover {
	background-image: var(--img-hover);
}
.slick-arrow.css .triangle {
  --s: calc(var(--btn) / 2.6);
  --c: var(--color-prim);
  transform: rotate(270deg);
}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
  opacity: .25;
}
.slick-prev {
  left: var(--arrow-left);
  transform: rotate(180deg);
}
.slick-next {
  right: var(--arrow-right);
}
.slick-dots {
  --dots-color: #888;
  --dots-border-radius: 50%;
  --dots-bottom: 8px;
  display: block;
  position: absolute;
  bottom: var(--dots-bottom);
  width: 100%;
  list-style: none;
  text-align: center;
  line-height: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  color: transparent;
  /* outline: none; */
  background: var(--dots-color);
  border-radius: var(--dots-border-radius);
  width: 10px;
  height: 10px;
  opacity: .5;
}
/* .slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
} */
.slick-dots li button:hover, .slick-dots li button:focus {
  opacity: 1;
}
.slick-dots li.slick-active button {
  opacity: 1;
}