.frame-content {
            display: block;
            border: none;
            position: fixed;
            inset: auto 0px 0px auto;
            width: 450px;
            height: 450px;
            max-height: 100%;
            opacity: 1;
            color-scheme: none;
            background: none transparent !important;
            margin: 0px;
            max-width: 100vw;
            transform: translateY(0px);
            transition: none 0s ease 0s !important;
            visibility: visible;
             
        }
        #chat-button {
                position: fixed;
    width: 219px;
    height: 140px;
    bottom: -20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
    right: 0px;
        }

        #chat-button:not(.sidebar) .buttonWave {
            position: absolute;
            z-index: -1;
            width: 49px;
            height: 49px;
        }

            #chat-button:not(.sidebar).clicked .buttonWave::after {
                animation: 0.5s ease-out 0s 1 normal none running buttonWave;
            }

            #chat-button:not(.sidebar) .buttonWave::after {
                content: "";
                position: absolute;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background-color: rgb(20, 127, 255);
                opacity: 0.5;
            }

        #button-body {
            width: 45px;
            height: 45px;
            border-radius: 50px;
            display: inherit;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            pointer-events: initial;
            background-size: 130% 130%;
            transition: all 0.2s ease-in-out 0s;
            position: relative;
            color: rgb(0, 125, 252);
            border: 1px solid #1E88E5;
        }

            #button-body::before {
                content: "";
                transition: opacity 0.5s ease-in-out 0s;
                position: absolute;
                inset: -1px;
                opacity: 0;
                border-radius: 50%;
                background-color: rgb(198, 204, 220);
            }

        #chat-button button i.for-closed.active {
            transform: translateX(0px);
        }

        #chat-button button i.for-closed {
            transform: translateX(-10px);
        }

        #chat-button button i.active {
            opacity: 1;
        }

        #chat-button button i {
            /* height: 26px; */
            /* width: 26px; */
            position: absolute;
            opacity: 0;
            transition: all 0.2s ease-in-out 0s;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            /* justify-content: center; */
        }

        i {
            user-select: none;
        }

        #chat-button button i.type1 svg {
            fill: currentcolor;
        }

        svg {
            width: 20px;
            height: 20px;
        }

        #chat-button button i.type1::after {
            content: "";
            position: absolute;
            width: 68px;
            height: 68px;
            border-radius: 32px;
            background: rgb(255, 255, 255);
            transition: all 0.2s ease-in-out 0s;
            transform: scale(0);
            right: -18px;
        }

        #chat-button button i.for-closed.active {
            transform: translateX(0px);
        }

        #chat-button button i.for-closed {
            transform: translateX(-10px);
        }

        #chat-button button i.type2 {
            width: 32px;
            height: 32px;
        }

        #button button i.type1.for-opened {
            width: 31px;
            height: 28px;
        }

        #chat-button button i.for-opened {
            transform: translateX(10px);
        }

        button, button.material-icons {
            background: none;
            border: 0px;
            color: inherit;
            font-style: inherit;
            font-variant: inherit;
            font-weight: inherit;
            font-stretch: inherit;
            font-size: inherit;
            font-family: inherit;
            line-height: normal;
            overflow: visible;
            padding: 0px;
            user-select: none;
            outline: none;
            cursor: pointer;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }


        #chat-button button i.type2 svg {
            width: 32px;
            height: 32px;
            fill: rgb(0, 125, 252);
            transform: scale(0);
        }

        svg:not(:root) {
            overflow-clip-margin: content-box;
            overflow: hidden;
        }

        #button-body {
            box-shadow: rgba(0, 77, 255, 0.5) 0px 4px 24px;
        }

        body:not(.mobile) #button button:not(.disabled):hover i.type1 svg, body:not(.mobile) #button button:not(.disabled):focus i.type1 svg {
            transform: scale(1.4);
        }

        body:not(.mobile) #button button:not(.disabled):hover i.type1::after, body:not(.mobile) #button button:not(.disabled):focus i.type1::after {
            transform: scale(1);
        }

        #chat-button button i.for-closed.active {
            transform: translateX(0px);
        }

        .chat.chrome, .start-group.chrome {
            box-shadow: rgba(0, 18, 46, 0.16) 0px 8px 36px 0px;
        }

        .chat {
            max-height: calc(100% - 47px);
            display: flex;
            flex-direction: column;
        }

        .chat, .start-group {
            width: 300px;
            position: fixed;
            bottom: 26px;
            border-radius: 16px;
            pointer-events: auto;
            box-shadow: rgba(0, 18, 46, 0.16) 0px 8px 22px 0px;
            overflow: hidden;
            z-index: 999;
            right: 48px;
            left: auto;
            background-color: white;
        }

        .message-operator.bots-quick-replies {
            width: 85%;
            background-color: rgb(255, 255, 255);
            margin-top: 0px;
            float: right;
        }

            .message-operator.bots-quick-replies .button-wrapper {
                margin-top: 0px;
                display: flex;
                flex-wrap: wrap;
                -webkit-box-pack: end;
                justify-content: flex-end;
                width: 100%;
                border: none;
            }

        .message-operator {
            color: rgb(6, 19, 43);
            background: rgb(240, 242, 247);
            float: left;
        }

        .message {
            padding: 10px 16px;
            border-radius: 20px;
            margin: 2px 0px;
            font-size: 15px;
            line-height: 20px;
            overflow-wrap: break-word;
            display: inline-block;
            max-width: 85%;
            clear: both;
            position: relative;
            transition: margin 0.28s ease-in-out 0s;
        }

        .input-group {
            padding: 0px 28px 6px;
            width: 100%;
            position: relative;
            background: rgb(255, 255, 255);
            z-index: 3;
            flex: 0 0 auto;
        }
            .input-group .footer-input-wrapper, .input-group .footer-icons-wrapper {
                transition: all 0.5s ease-in-out 0s;
                opacity: 1;
                transform: translateY(0px);
            }

        textarea {
            border: 0px;
            width: 100%;
            font-size: 17px;
            margin: 20px 0px 14px;
            resize: none;
            line-height: 24px;
            overflow: hidden;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
            flex: 1 0 0;
        }

        .send-icon {
            width: 26px;
            height: 26px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 26px;
            flex: 0 0 26px;
            -webkit-backface-visibility: hidden;
            -webkit-transition: all .3s;
            transition: all .3s;
            cursor: pointer;
        }

        hr {
            margin: 0px;
            border-width: 0px 0px 1px;
            border-top-style: initial;
            border-right-style: initial;
            border-left-style: initial;
            border-top-color: initial;
            border-right-color: initial;
            border-left-color: initial;
            border-image: initial;
            border-bottom-style: solid;
            border-bottom-color: rgb(219, 223, 230);
        }

        #conversation-group {
            padding: 0px 28px;
            width: 100%;
            height: 357px;
            overflow: hidden auto;
            background: rgb(255, 255, 255);
            transition: all 0.3s ease 0s;
            max-height: 357px;
            min-height: 160px;
            flex: 0 1 auto;
        }
        .message-operator.bots-quick-replies button {
            font-size: 15px;
            padding: 8px 16px;
            border: 1px solid;
            border-radius: 20px;
            margin: 3px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            min-width: inherit;
        }

        .offline-message span.online::before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            position: absolute;
            top: calc(50% - 4px);
            background: rgb(88, 183, 67);
            border-radius: 50%;
            left: 0px;
        }

        .no-clip-path .offline-message {
            padding: 14px 28px 20px;
        }

        .offline-message span {
            z-index: 2;
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

            .message-operator.message-with-buttons .button-wrapper, .message-operator .message-with-buttons .button-wrapper, .message-operator.bots-quick-replies .button-wrapper {
                background: rgb(255, 255, 255);
                width: 100%;
                margin-top: 10px;
               /* border-width: 0px 1px 1px;
                border-right-style: solid;
                border-bottom-style: solid;
                border-left-style: solid;
                border-right-color: rgb(235, 238, 240);
                border-bottom-color: rgb(235, 238, 240);
                border-left-color: rgb(235, 238, 240);*/
                border-image: initial;
                border-bottom-left-radius: 20px;
                border-bottom-right-radius: 20px;
                border-top-style: initial;
                border-top-color: initial;
                position: relative;
            }

        #chat-button button i.for-opened.active {
            transform: translateX(0px);
        }
            .message-operator.bots-quick-replies .sent {
                font-size: 15px;
                padding: 8px 16px;
                border: none;
                border-radius: 20px;
                margin: 3px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                min-width: inherit;
            }
        .message-operator.message-with-buttons .sent, .message-operator .message-with-buttons .sent, .message-operator.bots-quick-replies .sent {
            margin: 0px auto;
            min-width: 100%;
            display: block;
            font-size: 16px;
            line-height: 19px;
            padding: 8px 16px;
            color: rgb(0, 125, 252);
            background: #f2f9ff;
            position: relative;
            z-index: 2;
            outline: none;
            border-radius: 20px;
            font-weight:normal;
        }


        .chat-header {
            padding: 24px 28px 0px;
            background: linear-gradient(-61deg, rgb(0, 224, 216), rgb(32, 29, 142));
            position: relative;
            z-index: 4;
            flex: 0 0 auto;
        }

        .avatars-wrapper {
            width: 52px;
            height: 52px;
            margin: 0px 18px 0px 0px;
            float: left;
        }

        .chat h2.oneline {
            margin-top: 0px;
            line-height: 52px;
            min-height: 52px;
        }

        .chat h2 {
            font-size: 22px;
            font-weight: 600;
            color: currentcolor;
            margin: 4px 0px 0px;
            padding: 0px;
            display: inline-block;
            position: relative;
            max-width: calc(100% - 145px);
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: bottom;

        }

            .chat h2 .emoji {
                width: 31px;
                height: 31px;
            }

        button.material-icons.exit-chat, label.material-icons.exit-chat {
            margin-right: -3px;
        }
        button.material-icons.options, button.material-icons.exit-chat, label.material-icons.options, label.material-icons.exit-chat {
            z-index: unset;
        }

        button.material-icons, label.material-icons {
            position: relative;
            z-index: 1;
            margin: 15px 0px 8px 11px;
            float: right;
        }
            button.material-icons.options::before, button.material-icons.exit-chat::before, label.material-icons.options::before, label.material-icons.exit-chat::before {
                background: rgba(0, 36, 92, 0.16);
            }
            button.material-icons::before, label.material-icons::before {
                content: "";
                position: absolute;
                background: rgb(239, 242, 246);
                width: 40px;
                height: 40px;
                border-radius: 50%;
                z-index: -1;
                transition: all 0.16s ease-in-out 0s;
                transform: scale(0);
                top: calc(50% - 20px);
                left: calc(50% - 20px);
            }
            button.material-icons svg#ic-minimize, button.material-icons svg.options-icon, label.material-icons svg#ic-minimize, label.material-icons svg.options-icon {
                fill: currentcolor;
            }


        element.style {
        }

        .tidio-1s5t5ku span {
            background: rgb(255, 255, 255);
            padding: 6px 8px;
            border-radius: 2px;
            box-shadow: rgba(0, 18, 46, 0.32) 0px 2px 8px 0px;
            font-size: 13px;
            position: absolute;
            opacity: 0;
            pointer-events: none;
            white-space: nowrap;
            transition: all 0.16s ease-in-out 0s;
            z-index: 1;
            right: calc(100% + 10px);
            top: 50%;
            transform: translate(5px, -50%);
            color: rgb(6, 19, 43);
        }

        .offline-message {
            margin: 18px -28px 0px;
            color: currentcolor;
            width: calc(100% + 56px);
            padding: 14px 28px 7px;
            position: relative;
            background-size: 100% calc(100% + 12px);
            z-index: 1;
        }

        .no-clip-path .offline-message {
            padding: 14px 28px 20px;
        }

        .offline-message span.online {
            padding-left: 20px;
        }

        .no-clip-path .offline-message::after {
            content: "";
            position: absolute;
            width: calc(100% + 10px);
            bottom: -8px;
            left: -5px;
            border-image-source: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNzIgMTUiPgogIDxwYXRoIGQ9Ik0zNDkuOCAxLjRDMzM0LjUuNCAzMTguNSAwIDMwMiAwaC0yLjVjLTkuMSAwLTE4LjQuMS0yNy44LjQtMzQuNSAxLTY4LjMgMy0xMDIuMyA0LjctMTQgLjUtMjggMS4yLTQxLjUgMS42Qzg0IDcuNyA0MS42IDUuMyAwIDIuMnY4LjRjNDEuNiAzIDg0IDUuMyAxMjguMiA0LjEgMTMuNS0uNCAyNy41LTEuMSA0MS41LTEuNiAzMy45LTEuNyA2Ny44LTMuNiAxMDIuMy00LjcgOS40LS4zIDE4LjctLjQgMjcuOC0uNGgyLjVjMTYuNSAwIDMyLjQuNCA0Ny44IDEuNCA4LjQuMyAxNS42LjcgMjIgMS4yVjIuMmMtNi41LS41LTEzLjgtLjUtMjIuMy0uOHoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==);
            border-image-slice: 0 0 100%;
            border-image-width: 0 0 15px;
            border-image-repeat: stretch;
            border-width: 0px 0px 15px;
            border-bottom-style: solid;
            border-color: initial;
            border-top-style: initial;
            border-left-style: initial;
            border-right-style: initial;
        }

        .input-group .footer-input-wrapper, .input-group .footer-icons-wrapper {
            transition: all 0.5s ease-in-out 0s;
            opacity: 1;
            transform: translateY(0px);
        }

        .send-icon:hover svg path {
            fill: #1775ec;
        }

        .message-operator {
            color: rgb(6, 19, 43);
            background: rgb(240, 242, 247);
            float: left;
        }
        .message span.message-content {
            white-space: pre-line;
        }
        #chatContainer {
            transition: all 0.3s ease-in-out;
            right:-300px;
           
        }

        .onlyBubble {
            display: none;
            transition: all 0.3s ease-in-out;
        }

        .open {
            display: block;
            transition: all 0.3s ease-in-out;
        }

        #chatContainer.open {
            right: 0;
        }

        .footer-input-wrapper {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .clicked {
            display: none !important;
        }

        #button:not(.sidebar).clicked .buttonWave::after {
            animation: 0.5s ease-out 0s 1 normal none running buttonWave;
        }
        #button:not(.sidebar) .buttonWave::after {
            content: "";
            position: absolute;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: rgb(20, 127, 255);
            opacity: 0.5;
        }

        .sentText {
            margin: 0px auto;
            min-width: 100%;
            display: block;
            font-size: 16px;
            line-height: 19px;
            padding: 8px 16px;
            color: rgb(0, 125, 252);
            background: #f2f9ff;
            position: relative;
            z-index: 2;
            outline: none;
            border-radius: 20px;
            font-weight: normal;
            margin: 10px;
        }

        .botText {
            color: rgb(6, 19, 43);
            background: rgb(240, 242, 247);
            padding: 10px 16px;
            border-radius: 20px;
            margin: 2px 0px;
            font-size: 15px;
            line-height: 20px;
            overflow-wrap: break-word;
            display: inline-block;
            max-width: 85%;
            clear: both;
            position: relative;
            transition: margin 0.28s ease-in-out 0s;
        }

        .svgsent svg path {
            fill: #1775ec;
        }