/* input(17,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */
/* Hidden by default */
#modal-session-timer {
    display: none;
}

    /* Only show/center overlay when explicitly opened */
    #modal-session-timer.modal {
        display: none;
        position: fixed;
        z-index: 1050;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        display: -ms-flexbox /*IE10*/
        -ms-flex-align: center; /*IE10*/
        -ms-flex-pack: center; /*IE10*/
        justify-content: center;
        align-items: center;
        /*text-align: center;*/
    }

    /* Safety fallback: also show when aria-hidden is false */
    #modal-session-timer[aria-hidden="false"] {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.55);
        z-index: 9999;
        padding: 24px;
    }

    /* Card container */
    #modal-session-timer .modal-container.modal--full-screen {
        background: #fff;
        border-radius: 20px;
        width: min(960px, 95vw);
        box-shadow: 0 12px 40px rgba(0,0,0,0.2);
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    /* Body/content */
    #modal-session-timer .modal-content.modal-content-with-cta-bar {
        padding: 36px 40px;
    }

    /* Headline */
    #modal-session-timer .modal-headline {
        font-size: 40px;
        line-height: 1.2;
        margin: 0 0 16px 0;
    }

    /* CTA bar */
    #modal-session-timer .modal--call-to-action-bar {
        display: flex;
        gap: 20px;
        justify-content: flex-end;
        padding: 20px 40px 30px;
        border-top: 1px solid #e7e7e7;
    }

.btn.button-Session {
    color: #FAFAFA;
    background-color: #0045aa;
}