/* custom colors */
.base-slider-counter__container[data-v-355ab851] {
  display: flex;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 4px;
  overflow: hidden;
  color: var(--theme-color);
  transition: color var(--trs-1);
  position: relative;
}
.base-slider-counter__container[data-v-355ab851]::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--theme-color-bg);
  transition: background-color var(--trs-1);
  opacity: 0.5;
}
.base-slider-counter__current[data-v-355ab851] {
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.base-slider-counter__slash[data-v-355ab851] {
  padding: 0 0.1em;
  position: relative;
  z-index: 2;
}
.base-slider-counter__total[data-v-355ab851] {
  position: relative;
  z-index: 2;
}
.base-slider-counter--outline .base-slider-counter__container[data-v-355ab851] {
  border: 1px solid var(--theme-color-separator);
}
.base-slider-counter--outline .base-slider-counter__container[data-v-355ab851]::before {
  opacity: 1;
}