.popup{
    position:absolute;
    display:block;
    
    z-index: 1000;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 20px;

    background-color: #6b809b9c;
}
 .popup .content {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    max-height: calc(100vh - 200px);
    max-width: 400px;

    border-radius: var(--bs-border-radius-xxl);

    /*background-color: rgba(25, 0, 94, 1);*/ 
    /*#191A5E*/
    background-color: #14105A;
    color: white;
}

.popup .content div{
    margin:0.5em 1em 0.5em 1em;
}

.popup .content .top {
    
}

.popup .content .middle {
    max-height: 100%;
    height: 100%;
    padding-bottom:2em;
}

.popup .content .bottom {
}


.popup .content .centered {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.popup .content .bot-touch-btn {
    
    align-self:center;
}

.popup .content * .icon-bar {
    margin:0;
}    

.popup .content .flowbox {
    margin:0;
    margin-bottom:2em;

    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color: white;

    border-color: #6B809B;
    border-radius: var(--bs-border-radius-xl);
    
    padding-bottom:2em;
}