:root {
    --nb-carousel-counter-1-color: var(--nb-color-gray);
    --nb-carousel-counter-1-font-size: 21px;
    --nb-carousel-counter-1-font-weight: var(--nb-font-weight-500);

    --nb-carousel-counter-1-icon-font-size: var(--nb-font-size-13);
}

.nb-carousel-counter-1 {
    display: flex;
    align-items: center;
    gap: 3px;
}

.nb-carousel-counter-1 .nb-carousel-prev,
.nb-carousel-counter-1 .nb-carousel-next {
    font-size: var(--nb-carousel-counter-1-icon-font-size);
    color: var(--nb-carousel-counter-1-color);
}

.nb-carousel-counter-1 .nb-carousel-counter-wrapper {
    display: flex;
    gap: 3px;
}

.nb-carousel-counter-1 .nb-carousel-counter-wrapper > * {
    color: var(--nb-carousel-counter-1-color);
    font-size: var(--nb-carousel-counter-1-font-size);
    font-weight: var(--nb-carousel-counter-1-font-weight);
}