.noUi-circle{
    border-radius:50%;
}

.noUi-tooltip{
    position: absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    /* top: 0px; */
    /* left: 0px; */
    top: -65px;
    left: -65px;
    /* top: -64px; */
    /* left: -64px; */
    /* top: -64px; */
    /* left: -52px; */
    width: 52px;
    height: 52px;
    /* border-radius: 50%; */
    border-radius: 18px;
    border: 2px solid black;
    /* background-color: var(--yellow); */
    background-color: #fef5ca;
    /*background-image: url(/assets/svg/2x2/arrow/rotate/red.svg);*/
    /*background-repeat: no-repeat;*/
    /*background-position:center;*/
    font-family:"Arial";
    font-weight:600;
    color:red;
}

.example .noUi-active.noUi-handle .noUi-touch-area{
    transform:scale(1.2);
}

.example .noUi-tooltip {
    display: none;
}
.example .noUi-active .noUi-tooltip {
    display: flex;
}

.example .circle {
    position:relative !important;
}

.example .noUi-connects{
    display:flex;
    flex-wrap:wrap;
    overflow:visible
}

.example .noUi-connects .block1x1:hover{
    background:var(--yellow) !important;
    opacity:0.8;
}