html,
        body {
            height: 100%;
            font-family: "Open Sans", sans-serif;
        }
        
        body {
            background-image: linear-gradient(180deg, #01002E 0%, #720101 100%);
            background-size: contain;
        }
        
        .css-eycyw2 {
            background-color: #FAF9F8;
        }
        
        .main {
            background-color: #F1F0F0;
            margin: 15px;
        }
        
        .css-eycyw2 .main {
            border-top: none;
        }
        
        .css-1vieo9r {
            background-color: #F1F0F0;
        }
        
        .css-o3xlyv {
            background-color: #F1F0F0;
            font-size: 14px;
            line-height: 20px;
        }
        
        .chat-window {
            display: flex;
        }
        
        .chat-window .logo {
            width: 250px;
            padding: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .chat-window .logo img {
            height: 120px;
        }
        
        .from-user .css-o3xlyv {
            background-color: #ffffff;
        }
        
        .css-mhj5i1.from-user,
        [data-css-mhj5i1].from-user {
            border-radius: 10px;
        }
        
        .css-mhj5i1:not(.from-user),
        [data-css-mhj5i1]:not(.from-user) {
            border-radius: 10px;
        }
        
        body {
            margin: 0;
        }
        
        #chatwindow {
            height: 100vh;
            overflow: hidden;
            width: calc(100% - 250px);
            background-color: #fff;
        }
        
        #heading {
            height: 50px;
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 0 12px;
            border-bottom: 1px solid #e1e2e3;
            background-color: #fff;
        }
        
        .css-1fyy09s {
            background-color: rgb(255, 255, 255);
        }
        
        h1 {
            margin: 0;
            font-size: 18px;
            line-height: 30px;
        }
        
        #webchat {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            height: calc(100% - 50px);
            overflow: hidden;
        }
        
        #webchat * {
            font-family: "Open Sans", sans-serif !important;
        }
        
        .css-2p02md > .content > .webchat__row > .bubble,
        [data-css-2p02md] > .content > .webchat__row > .bubble,
        .css-2p02md > .content > .webchat__row > .timestamp,
        [data-css-2p02md] > .content > .webchat__row > .timestamp {
            max-width: 90% !important;
        }

        .css-2p02md > .content > .webchat__row > .bubble.from-user,
        [data-css-2p02md] > .content > .webchat__row > .bubble.from-user,
        .css-2p02md > .content > .webchat__row > .timestamp,
        [data-css-2p02md] > .content > .webchat__row > .timestamp {
            max-width: 70% !important;
        }
        
        .css-1tdb3h1>img,
        [data-css-1tdb3h1]>img {
            transform: translate(-50%, -50%);
            height: 26px;
            width: auto;
        }
        
        .css-1dgbgmu,
        [data-css-1dgbgmu] {
            background: linear-gradient(180deg, #01002E 0%, #720101 100%);
        }
        
        @media screen and (max-width:767px) {
            .chat-window {
                flex-wrap: wrap;
            }
            #chatwindow {
                width: 100%;
            }
            .chat-window .logo {
                width: 100%;
            }
            .chat-window .logo img {
                height: 60px;
            }
            #chatwindow {
                height: calc(100vh - 90px);
            }
        }