.cic-carousel{
  --cic-gap: 12px;
  --cic-img-height: 220px;
  position:relative;
  width:100%;
  overflow:hidden;
  background:transparent;
}

.cic-carousel .cic-viewport{
  overflow:hidden;
  background:transparent;
  width:100%;
}

.cic-carousel .cic-track{
  display:flex;
  align-items:center;
  gap:var(--cic-gap);
  width:max-content;
  min-width:100%;
  justify-content:center;
  will-change:transform;
  transition:transform .25s ease;
  touch-action:pan-y;
  background:transparent;
}

.cic-carousel .cic-slide{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
}

.cic-carousel .cic-slide img{
  display:block;
  height:var(--cic-img-height);
  width:auto;
  max-width:none;
  object-fit:contain;
  margin:0 auto;
  background:transparent;
}

.cic-carousel .cic-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  border:0;
  border-radius:999px;
  width:32px;
  height:32px;
  cursor:pointer;
  line-height:32px;
  text-align:center;
  font-size:20px;
  background:rgba(0,0,0,.45);
  color:#fff;
}

.cic-carousel .cic-prev{ left:10px; }
.cic-carousel .cic-next{ right:10px; }

@media (max-width: 900px){
  .cic-carousel{ --cic-img-height: 180px; }
}
@media (max-width: 520px){
  .cic-carousel{ --cic-img-height: 140px; }
}