.chatbox-popup {
    display: flex;
    flex-direction: column;
    position: absolute;
    box-shadow: var(--popup-box-shadow);
    width: 377px;
    height: 100vh;
    bottom: 0;
    background-color: var(--popup-background-color);
    border-radius: 16px;
    border: var(--popup-border);
}


.chatbox-popup .chatbox-popup__main {
    /*background: transparent !important; */
    padding-top: 0 !important;
    box-sizing: border-box;
    border-bottom: none;
    width: 99%;
    height: var(--body-height);
    padding: calc(2 * 16px) 16px;
    line-height: calc(16px + 16px / 2);
    color: #888;
    text-align: center;
    overflow: scroll;
    overflow-x:hidden;
    /* background: var(--body-background-color); */
    background: rgba( 255, 255, 255, 0.25 );
    /* box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%); */
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    /* border-radius: 10px; */
    /* border: 1px solid rgba( 255, 255, 255, 0.18 );*/
}


canvas {
    display: block;
    vertical-align: bottom;
} /* ---- particles.js container ---- */
#particles-js{
    position: relative;
    top: 0;
    /*background: linear-gradient(20deg,#00bbc5,#00bbc5,#00bbc5,#2594b7,#004b55,#004b55,#004b55);*/
    background: var(--third-color);
    border-bottom-left-radius: 25%;
    height: 40vh;
    width: 100vw;
    box-shadow: 7px 1px 10px 0px #000;
}