svg g[data-type="item"]{
    transition: all 0.3s ease;
}
svg[data-active="false"] g[data-type="item"]{
    opacity: 0;
    visibility: hidden;
}
svg[data-centralfloating="2"][data-active="true"] g:nth-child(1 of [data-type="item"]){
    transform: translate(20px, 0);
}
svg[data-centralfloating="2"][data-active="true"] g:nth-child(2 of [data-type="item"]){
    transform: translate(-20px, 0);
}
svg[data-centralfloating="4"][data-active="true"] g:nth-child(1 of [data-type="item"]){
    transform: translate(20px, -20px);
}
svg[data-centralfloating="4"][data-active="true"] g:nth-child(2 of [data-type="item"]){
    transform: translate(20px, 20px);
}
svg[data-centralfloating="4"][data-active="true"] g:nth-child(3 of [data-type="item"]){
    transform: translate(-20px, 20px);
}
svg[data-centralfloating="4"][data-active="true"] g:nth-child(4 of [data-type="item"]){
    transform: translate(-20px, -20px);
}
svg[data-centralfloating="5"][data-active="true"] g:nth-child(2 of [data-type="item"]){
    transition: all 0.3s ease 0.2s;
}
svg[data-centralfloating="5"][data-active="true"] g:nth-child(3 of [data-type="item"]){
    transition: all 0.3s ease 0.5s;
}
svg[data-centralfloating="5"][data-active="true"] g:nth-child(4 of [data-type="item"]){
    transition: all 0.3s ease 0.8s;
}
svg[data-centralfloating="5"][data-active="true"] g:nth-child(5 of [data-type="item"]){
    transition: all 0.3s ease 1.1s;
}