.section-margin-bottom {
    margin-bottom: 6rem;
}

@media screen and (min-width: 1024px) {
    .section-margin-bottom {
        margin-bottom: 12rem;
    }
}

.devices-map-desktop {
    display: block;
    width: 100%;
    object-fit: contain;
}


#status_map {
    display: block;
}

#loop_desktop {
    display: none;
}

.chart-iframe{
    border: none;
    width: 100%;
    height: 100svh;
}


@media screen and (min-width: 1024px) {
    #loop_desktop {
        display: block;
        height: 100vh;
    }

    #status_map {
        display: none;
    }

    .hide-loop-item {
        visibility: hidden !important;
        height: 0px !important;
    }
    .hide-loop-item .tooltip-active .tooltiptext {
        visibility: hidden !important;
        opacity: 0 !important;
    }

    .show-loop-item {
        visibility: visible !important;
    }

}