@risecx/carespace-chat-ui/lib/components/Messages/Carousel/carousel.css

carespace-chat-ui React component

.sc-message--carousel {
  /* max-height: 100%; */
  overflow: hidden;
  text-align: -moz-center;
  text-align: -webkit-center;
  padding: 15px 0 30px;
  width: 257px;
}
.slick-prev, .slick-next{
  width: 35px;
  height: 35px;
  top: 42%;
}
.slick-disabled{
  display: none!important;
}
.sc-message--carousel > .slick-slider .slick-next {
  right: -3px;
  z-index: 10;
}
.sc-message--carousel > .slick-slider .slick-prev {
  left: -3px;
  z-index: 10;
}

.sc-message--carousel > .slick-slider .slick-prev::before,
.sc-message--carousel > .slick-slider .slick-next::before {
  color: black;
}
.sc-message--carousel .slick-slider .slick-list{
  overflow: visible;
}
.sc-message--carousel > .slick-slider .slick-prev::before, .sc-message--carousel > .slick-slider .slick-next::before {
    opacity: 1;
    content: '';
    padding: 15px;
    background-position: center;
    background-repeat: no-repeat;
}
.sc-message--carousel > .slick-slider .slick-prev::before{
    background-image: url(../../../assets/arrow-btn-left.png);
}
.sc-message--carousel > .slick-slider .slick-next::before{
    background-image: url(../../../assets/arrow-btn-right.png);
}
.sc-message--carousel .card.sc-message--card{
  box-shadow: inset 0px 0px 5px 0 rgba(0, 0, 0, 0.2);
}