
.halstein_bullets .tp-bullet {
    display: flex;
    align-items: center;
    justify-content: center;
    width: ##bullet-width##px;
    height: ##bullet-height##px;
    background: ##bullet-color##;
    transition: background .3s ease-out;
}

.halstein_bullets .tp-bullet.selected,
.halstein_bullets .tp-bullet.rs-touchhover {
    background: ##bullet-active-color##;
}

.halstein_bullets .tp-bullet::before {
    content: \'\';
    position: absolute;
    width: calc(##bullet-width##px + 20px);
    height: calc(##bullet-height##px + 20px);
}

.halstein_bullets .tp-bullet:not(:last-child):not(:only-child)::after {
    content: \'\';
    position: absolute;
    top: calc(50% - 1px);
    left: calc(##bullet-width##px + 10px);
    display: inline-block;
    width: ##bullet-separator-length##px;
    height: 1px;
    background-color: ##bullet-separator-color##;
    pointer-events: none;
}

.halstein_bullets.nav-dir-vertical .tp-bullet:not(:last-child):not(:only-child)::after {
    content: \'\';
    left: 50%;
    top: calc(##bullet-width##px + 10px);
    width: 1px;
    height: ##bullet-separator-length##px;
    transform: translateX(-1px);
}