#components-reconnect-modal {
    display: none !important; /* flex*/
    opacity: 1 !important;
    background-color: rgb(255 255 255 / 80%) !important;
}

    #components-reconnect-modal::before {
        content: '';
        width: 300px;
        height: 65px;
        background: #BDCBFF;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
    }

    #components-reconnect-modal h5 {
        margin-top: 50px !important;
        padding: .75rem 1.25rem;
        width: 300px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1050;
        color: #003494;
        background-color: #BDCBFF;
        box-shadow: 0px 10px 10px 0px hsl(0deg 0% 0% / 20%);
    }

    #components-reconnect-modal div {
        border-color: rgb(0 52 148) rgb(89 127 222) rgb(161 180 235) !important;
        margin: auto;
        z-index: 1050;
    }

    #components-reconnect-modal h5 a {
        color: #092464 !important;
    }

    #components-reconnect-modal button {
        color: #515151;
        padding: 4px 8px;
        font-size: .875rem;
        min-width: 64px;
        box-sizing: border-box;
        transition: background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1) 0ms;
        font-weight: 500;
        line-height: 1;
        letter-spacing: .02857em;
        text-transform: uppercase;
        margin: auto !important;
        background: rgb(46 121 232 / 28%);
        z-index: 1500;
        border: 0;
    }