/**
 * ItcSlider
 * @version 1.0.1
 * @author https://github.com/itchief
 * @copyright Alexander Maltsev 2020 - 2023
 * @license MIT (https://github.com/itchief/ui-components/blob/master/LICENSE)
 * @tutorial https://itchief.ru/javascript/slider
 */

 :root {
  /* calculated */
  --itc-count-percentage: calc(100% / var(--itc-count));
  --itc-item-percentage: calc(var(--itc-count-percentage) - var(--itc-gap) * ( (var(--itc-count) - 1) / var(--itc-count) ));
}


.itc-slider-items {
  display: flex;
  
  gap: var(--itc-gap);
  
  transition: transform 0.5s ease;
  will-change: transform;
}

.itc-slider-item {
  display: flex;
  flex: 0 0 var(--itc-item-percentage);
}