[background-animation][circle-conn-animation] [background-animation-item]::before{
    content: ' ';
    width: 60%;
    height: 60%;
    border-radius: 50%;
    background: var(--theme-border-widget,#969696);
}
[background-animation][circle-conn-animation] [background-animation-item]{
    position: absolute;
    left: 0;
    top: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: var(--theme-bg-main,white);
    border: 3px solid var(--theme-border-widget,#969696);
    opacity: 0.15;
    border-radius: 50%;
}
[background-animation][circle-conn-animation] [background-animation-item]:nth-child(1){
    left: calc(0 - 50px);
    animation-delay: 0.5s !important;
    animation: background-circle-conn-animation 5s infinite ease-in-out;
}
[background-animation][circle-conn-animation] [background-animation-item]:nth-child(2){
    left: calc(17% - 50px);
    animation-delay: 1s !important;
    animation: background-circle-conn-animation 5s infinite ease-in-out;
}
[background-animation][circle-conn-animation] [background-animation-item]:nth-child(3){
    left: calc(34% - 50px);
    animation-delay: 1.5s !important;
    animation: background-circle-conn-animation 5s infinite ease-in-out;
}
[background-animation][circle-conn-animation] [background-animation-item]:nth-child(4){
    left: calc(51% - 50px);
    animation-delay: 2s !important;
    animation: background-circle-conn-animation 5s infinite ease-in-out;
}
[background-animation][circle-conn-animation] [background-animation-item]:nth-child(5){
    left: calc(68% - 50px);
    animation-delay: 2.5s !important;
    animation: background-circle-conn-animation 5s infinite ease-in-out;
}
[background-animation][circle-conn-animation] [background-animation-item]:nth-child(6){
    left: calc(85% - 50px);
    animation-delay: 3s !important;
    animation: background-circle-conn-animation 5s infinite ease-in-out;
}
[background-animation][circle-conn-animation] [background-animation-item]:nth-child(7){
    left: calc(100% - 50px);
    animation-delay: 3.5s !important;
    animation: background-circle-conn-animation 5s infinite ease-in-out;
}
@keyframes background-circle-conn-animation {
    0%{
        top: 20%;
    }
    50%{
        top: 80%;
    }
    100%{
        top: 20%;
    }
}