.components-reconnect-hide {
    display: none !important;
}

.components-reconnect-show {
    display: flex !important;
}

.reconnect-modal {
    z-index: 20000;
}

body:has(.components-reconnect-show), body:has(#search-autocomplete), body:has(.zoom-modal) {
    overflow: hidden;
}

.error-container {
    background-color: var(--background-color);
    color: var(--text-main);
    min-height: 300px;
}

    .error-container::before,
    .error-container::after {
        content: "";
        position: absolute;
        width: 200px;
        height: 140px;
        z-index: 0;
    }

    .error-container::before {
        left: 0;
        top: 0;
        background: var(--bucher-yellow);
        clip-path: polygon(0 0, 100% 0, 0 100%);
    }

    .error-container::after {
        right: 0;
        bottom: 0;
        background: var(--primary-color);
        clip-path: polygon(100% 0, 100% 100%, 0 100%);
    }

    @media (max-width: 992px){
        .error-container{
            width: 100% !important;
        }

            .error-container::before,
            .error-container::after {
                width: 185px;
                height: 100px;
            }
    }