@import '~@capillarytech/cap-ui-library/styles/_variables.scss';

.template-carousel {
  .slick-prev,
  .slick-next {
    &::before,
    &::after {
      content: none !important;
      border: 0 !important;
    }
    opacity: 1 !important;
  }

  .slick-slide {
    width: 120px !important;
    margin-right: 6px;
  }
  
  .slick-track {
    margin-left: 56px;
  }
  
  &.single-img {
    .slick-track {
      margin-left: 0;
    }
  }
  
  .slick-list {
    height: 180px;
  }
  
  .carousel-section {
    height: 160px;
    line-height: 160px;
    text-align: center;
    width: 120px !important;
    border-radius: 12px;
    background-color: $CAP_G09;
  }
  
  .ant-carousel .slick-slide {
    .carousel-section {
      img {
        display: inline-block;
        padding: 0 4px;
      }
    }
  }
}