.friends-slider .slider {
    position: relative;
}


.friends-slider .slider .slider-pip {
    background: #83caf2;
    border-radius: 50%;
    height: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 10px;
    cursor: pointer;
    z-index: 2;
}


.friends-slider .slider .slider-pip.active {
    background: #fff;
}


.friends-slider .slider .slider-toggle {
    background: #fff;
    border-radius: 50%;
    height: 20px;
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 20px;
    z-index: 3;
    cursor: pointer;
}


.friends-slider .slider .slider-pip:not(.s1):not(.s10) .slider-label {
    display: none;
}


.friends-slider .slider .slider-pip .slider-label {
    left: 22px;
    top: 0;
    position: absolute;
    transform: rotate(-8deg);
}


.friends-slider .slider .slider-line {
    position: absolute;
    z-index: 1;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
}