/* assets/style.css */
._dash-loading {
    margin: auto;
    color: transparent;
    width: 0;
    height: 0;
    text-align: center;
}

._dash-loading::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px; /* Adjust based on your logo size */
    height: 200px; /* Adjust based on your logo size */
    background-image: url('logo_woc.png'); /* Replace with your logo path */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    animation: loader 2s linear infinite;
    /*pulse 2s ease-in-out infinite;*/
}

@keyframes pulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 1;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0.5;
    }
}