@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@-webkit-keyframes dots {
    0%   { content: '.' }
    33%  { content: '..' }
    66%  { content: '...' }
}

@keyframes dots {
    0%   { content: '.' }
    33%  { content: '..' }
    66%  { content: '...' }
}
@-webkit-keyframes flash {
    0% {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }
    50% {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    100% {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }
}

@keyframes flash {
    0% {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }
    50% {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    100% {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    25% {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        filter: alpha(opacity=0.5);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    75% {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    25% {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        filter: alpha(opacity=0.5);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    75% {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.body,
.body *,
.body *:before,
.body *:after,
.magenest-chatbot-box,
.magenest-chatbot-box *,
.magenest-chatbot-box *:before,
.magenest-chatbot-box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.magenest-chatbot-toggle {
    position: fixed;
    bottom: 20px;
    right: 10px;
    display: block;
    padding: 8px 12px;
    text-align: center;
    font-size: 11px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    color: #5b5b5b;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 12px;
    cursor: pointer;
    z-index: 1000;
}

.magenest-chatbot-toggle:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto 6px;
    background: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.5005 48.0139C37.7599 48.0139 48.5088 37.265 48.5088 24.0056C48.5088 21.9079 48.2398 19.8731 47.7343 17.9337V6.77178C47.7343 3.45807 45.048 0.771776 41.7343 0.771776H30.5724C28.633 0.266342 26.5982 -0.00268555 24.5005 -0.00268555C11.2411 -0.00268555 0.492188 10.7462 0.492188 24.0056C0.492188 37.265 11.2411 48.0139 24.5005 48.0139Z' fill='%230272BA'/%3E%3Cpath d='M26.8286 13.1631H22.1729C16.6158 13.1631 12.1094 17.6949 12.1094 23.2833V31.2293C12.1094 32.8002 13.3756 34.0735 14.9377 34.0735H26.8286C32.3857 34.0735 36.8921 29.5417 36.8921 23.9533V23.2833C36.8921 17.6949 32.3857 13.1631 26.8286 13.1631ZM19.9003 26.5446C18.6147 26.5446 17.5724 25.4964 17.5724 24.2036C17.5724 22.9107 18.6147 21.8626 19.9003 21.8626C21.1859 21.8626 22.2282 22.9107 22.2282 24.2036C22.2282 25.4964 21.1859 26.5446 19.9003 26.5446ZM28.7695 26.5446C27.4839 26.5446 26.4416 25.4964 26.4416 24.2036C26.4416 22.9107 27.4839 21.8626 28.7695 21.8626C30.055 21.8626 31.0973 22.9107 31.0973 24.2036C31.0973 25.4964 30.055 26.5446 28.7695 26.5446Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center / contain;
}

.magenest-chatbot-box {
    width: 100%;
    height: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 1.428;
    background: white;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.magenest-chatbot-box p {
    margin: 0;
}

.magenest-chatbot-box .chatbot-header {
    position: relative;
    padding: 12px 36px 10px 12px;
    font-size: 11px;
    line-height: 1.28;
    color: white;
    background: #0272ba;
}

.magenest-chatbot-box .chatbot-header img {
    display: block;
    margin-bottom: 8px;
    max-width: 50px;
    border-radius: 8px !important;
}

.magenest-chatbot-box .chatbot-header .title {
    font-size: 15px;
}

.magenest-chatbot-box .chatbot-close {
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    width: 32px;
    height: 32px;
    padding: 6px;
    cursor: pointer;
}

.magenest-chatbot-box .chatbot-close:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: white url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_30879_116832' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_30879_116832)'%3E%3Cpath d='M8.00099 8.70251L4.61898 12.0847C4.52665 12.1769 4.4106 12.2241 4.27082 12.2263C4.13115 12.2285 4.01298 12.1812 3.91632 12.0847C3.81976 11.988 3.77148 11.8709 3.77148 11.7333C3.77148 11.5958 3.81976 11.4787 3.91632 11.382L7.29848 8.00001L3.91632 4.61801C3.8241 4.52568 3.77687 4.40962 3.77465 4.26984C3.77254 4.13017 3.81976 4.01201 3.91632 3.91534C4.01298 3.81879 4.1301 3.77051 4.26765 3.77051C4.40521 3.77051 4.52232 3.81879 4.61898 3.91534L8.00099 7.29751L11.383 3.91534C11.4753 3.82312 11.5914 3.7759 11.7312 3.77367C11.8708 3.77156 11.989 3.81879 12.0857 3.91534C12.1822 4.01201 12.2305 4.12912 12.2305 4.26667C12.2305 4.40423 12.1822 4.52134 12.0857 4.61801L8.70349 8.00001L12.0857 11.382C12.1779 11.4743 12.2251 11.5904 12.2273 11.7302C12.2294 11.8698 12.1822 11.988 12.0857 12.0847C11.989 12.1812 11.8719 12.2295 11.7343 12.2295C11.5968 12.2295 11.4797 12.1812 11.383 12.0847L8.00099 8.70251Z' fill='%23262626'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / 18px;
    border-radius: 99px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.magenest-chatbot-box .chatbot-close:hover:before {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.magenest-chatbot-box .text-visible{
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.magenest-chatbot-box .chatbot-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-flex: 1;
    flex: 1;
    padding: 12px;
    overflow-y: auto;
}

.magenest-chatbot-box .new-noti {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 16px;
    text-align: center;
    white-space: nowrap;
    font-size: 11px;
    color: #0272ba;
    overflow: hidden;
}

.magenest-chatbot-box .new-noti:before,
.magenest-chatbot-box .new-noti:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px dotted #0272ba;
}

.magenest-chatbot-box .chatbot-input {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 12px;
    border-top: 1px solid #ebecf0;
    -webkit-box-shadow: 0 -2px 4px 0 rgba(130,130,130,.1);
    box-shadow: 0 -2px 4px 0 rgba(130,130,130,.1);
}

.magenest-chatbot-box .chat-input {
    -webkit-flex: 1;
    flex: 1;
    max-width: calc(100% - 96px);
    height: 40px;
    padding: 0;
    font-size: 14px;
    border: none;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.magenest-chatbot-box .chat-input:focus,
.magenest-chatbot-box .chat-input:focus-visible {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.magenest-chatbot-box .chat-input::placeholder {
    color: #CCCCCC;
}

.magenest-chatbot-box .upload-file {
    position: relative;
    cursor: pointer;
}

.magenest-chatbot-box .upload-file input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.magenest-chatbot-box .upload-file .upload-btn {
    display: block;
    width: 32px;
    height: 40px;
    padding: 11px 7px;
}

.magenest-chatbot-box .upload-file .upload-btn:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' width='24px' height='24px' viewBox='-8 0 32 32' version='1.1'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' sketch:type='MSPage'%3E%3Cg id='Icon-Set-Filled' sketch:type='MSLayerGroup' transform='translate(-214.000000, -153.000000)' fill='%233a4b67'%3E%3Cpath d='M228,157 L228,177 C228,180.313 225.313,183 222,183 C218.687,183 216,180.313 216,177 L216,159 C216,156.791 217.791,155 220,155 C222.209,155 224,156.791 224,159 L224,177 C224,178.104 223.104,179 222,179 C220.896,179 220,178.104 220,177 L220,161 L218,161 L218,177 C218,179.209 219.791,181 222,181 C224.209,181 226,179.209 226,177 L226,159 C226,155.687 223.313,153 220,153 C216.687,153 214,155.687 214,159 L214,178 C214.493,181.945 217.921,185 222,185 C226.079,185 229.507,181.945 230,178 L230,157 L228,157' id='attachment' sketch:type='MSShapeGroup'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}

.magenest-chatbot-box .send-btn {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 40px;
    padding: 11px 7px;
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='800px' height='800px' viewBox='0 0 28 28' version='1.1'%3E%3Cg id='🔍-Product-Icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ic_fluent_send_28_filled' fill='%233a4b67' fill-rule='nonzero'%3E%3Cpath d='M3.78963301,2.77233335 L24.8609339,12.8499121 C25.4837277,13.1477699 25.7471402,13.8941055 25.4492823,14.5168992 C25.326107,14.7744476 25.1184823,14.9820723 24.8609339,15.1052476 L3.78963301,25.1828263 C3.16683929,25.4806842 2.42050372,25.2172716 2.12264586,24.5944779 C1.99321184,24.3238431 1.96542524,24.015685 2.04435886,23.7262618 L4.15190935,15.9983421 C4.204709,15.8047375 4.36814355,15.6614577 4.56699265,15.634447 L14.7775879,14.2474874 C14.8655834,14.2349166 14.938494,14.177091 14.9721837,14.0981464 L14.9897199,14.0353553 C15.0064567,13.9181981 14.9390703,13.8084248 14.8334007,13.7671556 L14.7775879,13.7525126 L4.57894108,12.3655968 C4.38011873,12.3385589 4.21671819,12.1952832 4.16392965,12.0016992 L2.04435886,4.22889788 C1.8627142,3.56286745 2.25538645,2.87569101 2.92141688,2.69404635 C3.21084015,2.61511273 3.51899823,2.64289932 3.78963301,2.77233335 Z' id='🎨-Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / 20px;
    cursor: pointer;
}

.magenest-chatbot-box .voice-btn {
    position: relative;
    display: inline-block;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.magenest-chatbot-box .voice-btn:after {
    content: "";
    display: block;
    position: relative;
    width: 32px;
    height: 40px;
    padding: 11px 7px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 64 64' id='Layer_1' data-name='Layer 1'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%233a4b67;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Emic, microphone, record, voice%3C/title%3E%3Cpath class='cls-1' d='M39.14,18.45a7.44,7.44,0,0,1,.36,2.3V34.38a7.53,7.53,0,0,1-4.87,7,7.43,7.43,0,0,1-2.63.48h0a7.44,7.44,0,0,1-3.67-1,7.52,7.52,0,0,1-3.83-6.53V20.75a7.52,7.52,0,0,1,7.5-7.5h0a7.43,7.43,0,0,1,3.64,1'/%3E%3Cpath class='cls-1' d='M28.65,44.73A11.07,11.07,0,0,1,21,34.22'/%3E%3Cpath class='cls-1' d='M43,34.22A11.07,11.07,0,0,1,34.77,44.9'/%3E%3Cpolyline class='cls-1' points='32 41.88 32 50.75 37.03 50.75 27.03 50.75'/%3E%3Ccircle cx='37.51' cy='16.25' r='1' fill='%233a4b67'/%3E%3C/svg%3E") no-repeat top 48% center / 30px;
}


.magenest-chatbot-box .voice-btn.active:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    background-color: #E2F3FF;
    border-radius: 50%;
    -webkit-animation: pulse 1.2s infinite ease-in-out;
    animation: pulse 1.2s infinite ease-in-out;
}


.magenest-chatbot-box .voice-btn.active:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 64 64' id='Layer_1' data-name='Layer 1'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%230272BA;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Emic, microphone, record, voice%3C/title%3E%3Cpath class='cls-1' d='M39.14,18.45a7.44,7.44,0,0,1,.36,2.3V34.38a7.53,7.53,0,0,1-4.87,7,7.43,7.43,0,0,1-2.63.48h0a7.44,7.44,0,0,1-3.67-1,7.52,7.52,0,0,1-3.83-6.53V20.75a7.52,7.52,0,0,1,7.5-7.5h0a7.43,7.43,0,0,1,3.64,1'/%3E%3Cpath class='cls-1' d='M28.65,44.73A11.07,11.07,0,0,1,21,34.22'/%3E%3Cpath class='cls-1' d='M43,34.22A11.07,11.07,0,0,1,34.77,44.9'/%3E%3Cpolyline class='cls-1' points='32 41.88 32 50.75 37.03 50.75 27.03 50.75'/%3E%3Ccircle cx='37.51' cy='16.25' r='1' fill='%230272BA'/%3E%3C/svg%3E");
}

.magenest-chatbot-box .message {
    position: relative;
    margin-left: auto;
    max-width: 80%;
}

.magenest-chatbot-box .message-inner {
    padding: 8px;
    border-radius: 8px;
    color: white;
    background: #0272ba;
}

.magenest-chatbot-box .message .time {
    margin-top: 4px;
    text-align: right;
    font-size: 10px;
    color: rgba(9, 30, 66, .54);
}

.magenest-chatbot-box .message .avatar {
    position: absolute;
    left: 0;
    top: 18px;
    height: 24px;
    width: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%;
    overflow: hidden;
}

.magenest-chatbot-box .message .bot-name {
    margin: 0;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(9, 30, 66, .54);
}

.magenest-chatbot-box .message img {
    max-width: 100%;
    max-height: 150px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.magenest-chatbot-box .message.loading .bot-thinking-status {
    font-style: italic;
    color: rgba(9, 30, 66, .54);
}

.magenest-chatbot-box .message.loading .bot-thinking-status:after {
    content: "";
    display: inline-block;
    min-width: 12px;

    -webkit-animation: dots 1.2s infinite ease-in-out;
    animation: dots 1.2s infinite ease-in-out;
}

.magenest-chatbot-box audio {
    display: block;
    max-width: 85%;
    height: 36px;
    background-color: #FFFFFF;
    border-radius: 20px;
}

.magenest-chatbot-box audio::-webkit-media-controls-enclosure {
    background-color: #FFFFFF;
}

.magenest-chatbot-box audio::-webkit-media-controls-panel {
    padding: 0;
}

.magenest-chatbot-box audio::-webkit-media-controls-current-time-display,
.magenest-chatbot-box audio::-webkit-media-controls-time-remaining-display {
    font-size: 12px;
    line-height: 1.2;
}

.magenest-chatbot-box audio::-webkit-media-controls-timeline {
    padding-left: 8px;
    padding-right: 8px;
}

.magenest-chatbot-box .message audio:not(:first-child) {
    margin-top: 4px;
}

.magenest-chatbot-box .message.bot {
    margin-left: 0;
    margin-right: auto;
    max-width: 90%;
    padding-left: 28px;
}

.magenest-chatbot-box .message.bot .message-inner {
    color: #3a4b67;
    background: #f1f1f1;
}

.magenest-chatbot-box .message.bot .time {
    text-align: left;
}

.magenest-chatbot-box .file-preview {
    position: relative;
    min-height: 32px;
    padding: 7px 38px 7px 32px;
    font-size: 12px;
    color: #8a8d93;
    font-style: italic;
    background: #f8f9fa;
    border-top: 1px solid #ebecf0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: none;
}

.magenest-chatbot-box .file-preview.active {
    display: block;
}

.magenest-chatbot-box .file-preview:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 12px;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' width='24px' height='24px' viewBox='-8 0 32 32' version='1.1'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' sketch:type='MSPage'%3E%3Cg id='Icon-Set-Filled' sketch:type='MSLayerGroup' transform='translate(-214.000000, -153.000000)' fill='%238a8d93'%3E%3Cpath d='M228,157 L228,177 C228,180.313 225.313,183 222,183 C218.687,183 216,180.313 216,177 L216,159 C216,156.791 217.791,155 220,155 C222.209,155 224,156.791 224,159 L224,177 C224,178.104 223.104,179 222,179 C220.896,179 220,178.104 220,177 L220,161 L218,161 L218,177 C218,179.209 219.791,181 222,181 C224.209,181 226,179.209 226,177 L226,159 C226,155.687 223.313,153 220,153 C216.687,153 214,155.687 214,159 L214,178 C214.493,181.945 217.921,185 222,185 C226.079,185 229.507,181.945 230,178 L230,157 L228,157' id='attachment' sketch:type='MSShapeGroup'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}

.magenest-chatbot-box .file-preview .remove-file {
    position: absolute;
    display: inline-block;
    top: -1px;
    bottom: -1px;
    right: 10px;
    width: 32px;
    height: 32px;
    margin: auto 0;
    vertical-align: text-bottom;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_22442_52934' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_22442_52934)'%3E%3Cpath d='M7.30775 20.5002C6.81058 20.5002 6.385 20.3232 6.031 19.9692C5.677 19.6152 5.5 19.1896 5.5 18.6925V6.00022H5.25C5.0375 6.00022 4.85942 5.92831 4.71575 5.78447C4.57192 5.64064 4.5 5.46247 4.5 5.24997C4.5 5.03731 4.57192 4.85922 4.71575 4.71572C4.85942 4.57206 5.0375 4.50022 5.25 4.50022H9C9 4.25539 9.08625 4.04672 9.25875 3.87422C9.43108 3.70189 9.63967 3.61572 9.8845 3.61572H14.1155C14.3603 3.61572 14.5689 3.70189 14.7413 3.87422C14.9138 4.04672 15 4.25539 15 4.50022H18.75C18.9625 4.50022 19.1406 4.57214 19.2843 4.71597C19.4281 4.85981 19.5 5.03797 19.5 5.25047C19.5 5.46314 19.4281 5.64122 19.2843 5.78472C19.1406 5.92839 18.9625 6.00022 18.75 6.00022H18.5V18.6925C18.5 19.1896 18.323 19.6152 17.969 19.9692C17.615 20.3232 17.1894 20.5002 16.6923 20.5002H7.30775ZM17 6.00022H7V18.6925C7 18.7823 7.02883 18.8561 7.0865 18.9137C7.14417 18.9714 7.21792 19.0002 7.30775 19.0002H16.6923C16.7821 19.0002 16.8558 18.9714 16.9135 18.9137C16.9712 18.8561 17 18.7823 17 18.6925V6.00022ZM10.1543 17.0002C10.3668 17.0002 10.5448 16.9284 10.6885 16.7847C10.832 16.6409 10.9037 16.4627 10.9037 16.2502V8.75022C10.9037 8.53772 10.8318 8.35956 10.688 8.21572C10.5443 8.07206 10.3662 8.00022 10.1535 8.00022C9.941 8.00022 9.76292 8.07206 9.61925 8.21572C9.47575 8.35956 9.404 8.53772 9.404 8.75022V16.2502C9.404 16.4627 9.47583 16.6409 9.6195 16.7847C9.76333 16.9284 9.94158 17.0002 10.1543 17.0002ZM13.8465 17.0002C14.059 17.0002 14.2371 16.9284 14.3807 16.7847C14.5243 16.6409 14.596 16.4627 14.596 16.2502V8.75022C14.596 8.53772 14.5242 8.35956 14.3805 8.21572C14.2367 8.07206 14.0584 8.00022 13.8458 8.00022C13.6333 8.00022 13.4552 8.07206 13.3115 8.21572C13.168 8.35956 13.0962 8.53772 13.0962 8.75022V16.2502C13.0962 16.4627 13.1682 16.6409 13.312 16.7847C13.4557 16.9284 13.6338 17.0002 13.8465 17.0002Z' fill='%238a8d93'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 18px;
    cursor: pointer;
}

.magenest-chatbot-box .record-controls,
.magenest-chatbot-box .record-preview {
    display: none;
}

.record-controls-inner,
.record-preview-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 3px 12px;
    background: #f8f9fa;
    border-top: 1px solid #ebecf0;
    font-size: 12px;
    line-height: 1.2;
}

.record-controls .recording-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    gap: 4px;
    color: #8a8d93;
}

.record-controls .recording-text:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #E82230;
    border-radius: 50%;
    -webkit-animation: flash 1.2s infinite ease-in-out;
    animation: flash 1.2s infinite ease-in-out;
}

.record-controls .timer {
    margin-right: auto;
}

.record-controls .pause-btn,
.record-controls .stop-btn,
.record-controls .cancel-btn,
.record-preview .cancel-btn,
.record-preview .send-btn {
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin: 0 -2px;
    border: none;
    background: rgba(0, 0, 0, 0) no-repeat center / 18px;
    cursor: pointer;
}

.record-controls .pause-btn span,
.record-controls .stop-btn span,
.record-controls .cancel-btn span,
.record-preview .cancel-btn span,
.record-preview .send-btn span {
    display: none;
}

.record-controls .pause-btn {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5V19M16 5V19' stroke='%230272ba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.record-controls .pause-btn.paused {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6582 9.28638C18.098 10.1862 18.8178 10.6361 19.0647 11.2122C19.2803 11.7152 19.2803 12.2847 19.0647 12.7878C18.8178 13.3638 18.098 13.8137 16.6582 14.7136L9.896 18.94C8.29805 19.9387 7.49907 20.4381 6.83973 20.385C6.26501 20.3388 5.73818 20.0469 5.3944 19.584C5 19.053 5 18.1108 5 16.2264V7.77357C5 5.88919 5 4.94701 5.3944 4.41598C5.73818 3.9531 6.26501 3.66111 6.83973 3.6149C7.49907 3.5619 8.29805 4.06126 9.896 5.05998L16.6582 9.28638Z' stroke='%230272ba' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.record-controls .stop-btn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.6111L8.92308 17.5L20 6.5' stroke='%2362c138' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.record-controls .cancel-btn {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z' fill='%23E82230'/%3E%3C/svg%3E");
}

.record-preview .cancel-btn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_22442_52934' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_22442_52934)'%3E%3Cpath d='M7.30775 20.5002C6.81058 20.5002 6.385 20.3232 6.031 19.9692C5.677 19.6152 5.5 19.1896 5.5 18.6925V6.00022H5.25C5.0375 6.00022 4.85942 5.92831 4.71575 5.78447C4.57192 5.64064 4.5 5.46247 4.5 5.24997C4.5 5.03731 4.57192 4.85922 4.71575 4.71572C4.85942 4.57206 5.0375 4.50022 5.25 4.50022H9C9 4.25539 9.08625 4.04672 9.25875 3.87422C9.43108 3.70189 9.63967 3.61572 9.8845 3.61572H14.1155C14.3603 3.61572 14.5689 3.70189 14.7413 3.87422C14.9138 4.04672 15 4.25539 15 4.50022H18.75C18.9625 4.50022 19.1406 4.57214 19.2843 4.71597C19.4281 4.85981 19.5 5.03797 19.5 5.25047C19.5 5.46314 19.4281 5.64122 19.2843 5.78472C19.1406 5.92839 18.9625 6.00022 18.75 6.00022H18.5V18.6925C18.5 19.1896 18.323 19.6152 17.969 19.9692C17.615 20.3232 17.1894 20.5002 16.6923 20.5002H7.30775ZM17 6.00022H7V18.6925C7 18.7823 7.02883 18.8561 7.0865 18.9137C7.14417 18.9714 7.21792 19.0002 7.30775 19.0002H16.6923C16.7821 19.0002 16.8558 18.9714 16.9135 18.9137C16.9712 18.8561 17 18.7823 17 18.6925V6.00022ZM10.1543 17.0002C10.3668 17.0002 10.5448 16.9284 10.6885 16.7847C10.832 16.6409 10.9037 16.4627 10.9037 16.2502V8.75022C10.9037 8.53772 10.8318 8.35956 10.688 8.21572C10.5443 8.07206 10.3662 8.00022 10.1535 8.00022C9.941 8.00022 9.76292 8.07206 9.61925 8.21572C9.47575 8.35956 9.404 8.53772 9.404 8.75022V16.2502C9.404 16.4627 9.47583 16.6409 9.6195 16.7847C9.76333 16.9284 9.94158 17.0002 10.1543 17.0002ZM13.8465 17.0002C14.059 17.0002 14.2371 16.9284 14.3807 16.7847C14.5243 16.6409 14.596 16.4627 14.596 16.2502V8.75022C14.596 8.53772 14.5242 8.35956 14.3805 8.21572C14.2367 8.07206 14.0584 8.00022 13.8458 8.00022C13.6333 8.00022 13.4552 8.07206 13.3115 8.21572C13.168 8.35956 13.0962 8.53772 13.0962 8.75022V16.2502C13.0962 16.4627 13.1682 16.6409 13.312 16.7847C13.4557 16.9284 13.6338 17.0002 13.8465 17.0002Z' fill='%238a8d93'/%3E%3C/g%3E%3C/svg%3E");
}

.record-preview .send-btn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.5003 12H5.41872M5.24634 12.7972L4.24158 15.7986C3.69128 17.4424 3.41613 18.2643 3.61359 18.7704C3.78506 19.21 4.15335 19.5432 4.6078 19.6701C5.13111 19.8161 5.92151 19.4604 7.50231 18.7491L17.6367 14.1886C19.1797 13.4942 19.9512 13.1471 20.1896 12.6648C20.3968 12.2458 20.3968 11.7541 20.1896 11.3351C19.9512 10.8529 19.1797 10.5057 17.6367 9.81135L7.48483 5.24303C5.90879 4.53382 5.12078 4.17921 4.59799 4.32468C4.14397 4.45101 3.77572 4.78336 3.60365 5.22209C3.40551 5.72728 3.67772 6.54741 4.22215 8.18767L5.24829 11.2793C5.34179 11.561 5.38855 11.7019 5.407 11.8459C5.42338 11.9738 5.42321 12.1032 5.40651 12.231C5.38768 12.375 5.34057 12.5157 5.24634 12.7972Z' stroke='%2362c138' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.record-preview audio {
    margin-right: auto;
}

@media (min-width: 768px) {
    .magenest-chatbot-toggle,
    .magenest-chatbot-box {
        right: 20px;
    }

    .magenest-chatbot-box .chatbot-body::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .magenest-chatbot-box .chatbot-body::-webkit-scrollbar-track {
        background: rgba(255,255,255,.1);
    }

    .magenest-chatbot-box .chatbot-body::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 5px;
    }
    
    .magenest-chatbot-box .upload-file .upload-btn:hover:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' width='24px' height='24px' viewBox='-8 0 32 32' version='1.1'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' sketch:type='MSPage'%3E%3Cg id='Icon-Set-Filled' sketch:type='MSLayerGroup' transform='translate(-214.000000, -153.000000)' fill='%230272BA'%3E%3Cpath d='M228,157 L228,177 C228,180.313 225.313,183 222,183 C218.687,183 216,180.313 216,177 L216,159 C216,156.791 217.791,155 220,155 C222.209,155 224,156.791 224,159 L224,177 C224,178.104 223.104,179 222,179 C220.896,179 220,178.104 220,177 L220,161 L218,161 L218,177 C218,179.209 219.791,181 222,181 C224.209,181 226,179.209 226,177 L226,159 C226,155.687 223.313,153 220,153 C216.687,153 214,155.687 214,159 L214,178 C214.493,181.945 217.921,185 222,185 C226.079,185 229.507,181.945 230,178 L230,157 L228,157' id='attachment' sketch:type='MSShapeGroup'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .magenest-chatbot-box .send-btn:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='800px' height='800px' viewBox='0 0 28 28' version='1.1'%3E%3Cg id='🔍-Product-Icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ic_fluent_send_28_filled' fill='%230272BA' fill-rule='nonzero'%3E%3Cpath d='M3.78963301,2.77233335 L24.8609339,12.8499121 C25.4837277,13.1477699 25.7471402,13.8941055 25.4492823,14.5168992 C25.326107,14.7744476 25.1184823,14.9820723 24.8609339,15.1052476 L3.78963301,25.1828263 C3.16683929,25.4806842 2.42050372,25.2172716 2.12264586,24.5944779 C1.99321184,24.3238431 1.96542524,24.015685 2.04435886,23.7262618 L4.15190935,15.9983421 C4.204709,15.8047375 4.36814355,15.6614577 4.56699265,15.634447 L14.7775879,14.2474874 C14.8655834,14.2349166 14.938494,14.177091 14.9721837,14.0981464 L14.9897199,14.0353553 C15.0064567,13.9181981 14.9390703,13.8084248 14.8334007,13.7671556 L14.7775879,13.7525126 L4.57894108,12.3655968 C4.38011873,12.3385589 4.21671819,12.1952832 4.16392965,12.0016992 L2.04435886,4.22889788 C1.8627142,3.56286745 2.25538645,2.87569101 2.92141688,2.69404635 C3.21084015,2.61511273 3.51899823,2.64289932 3.78963301,2.77233335 Z' id='🎨-Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .magenest-chatbot-box .voice-btn:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 64 64' id='Layer_1' data-name='Layer 1'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%230272BA;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Emic, microphone, record, voice%3C/title%3E%3Cpath class='cls-1' d='M39.14,18.45a7.44,7.44,0,0,1,.36,2.3V34.38a7.53,7.53,0,0,1-4.87,7,7.43,7.43,0,0,1-2.63.48h0a7.44,7.44,0,0,1-3.67-1,7.52,7.52,0,0,1-3.83-6.53V20.75a7.52,7.52,0,0,1,7.5-7.5h0a7.43,7.43,0,0,1,3.64,1'/%3E%3Cpath class='cls-1' d='M28.65,44.73A11.07,11.07,0,0,1,21,34.22'/%3E%3Cpath class='cls-1' d='M43,34.22A11.07,11.07,0,0,1,34.77,44.9'/%3E%3Cpolyline class='cls-1' points='32 41.88 32 50.75 37.03 50.75 27.03 50.75'/%3E%3Ccircle cx='37.51' cy='16.25' r='1' fill='%230272BA'/%3E%3C/svg%3E");
    }

    .magenest-chatbot-box .file-preview .remove-file:hover,
    .record-preview .cancel-btn:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_22442_52934' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_22442_52934)'%3E%3Cpath d='M7.30775 20.5002C6.81058 20.5002 6.385 20.3232 6.031 19.9692C5.677 19.6152 5.5 19.1896 5.5 18.6925V6.00022H5.25C5.0375 6.00022 4.85942 5.92831 4.71575 5.78447C4.57192 5.64064 4.5 5.46247 4.5 5.24997C4.5 5.03731 4.57192 4.85922 4.71575 4.71572C4.85942 4.57206 5.0375 4.50022 5.25 4.50022H9C9 4.25539 9.08625 4.04672 9.25875 3.87422C9.43108 3.70189 9.63967 3.61572 9.8845 3.61572H14.1155C14.3603 3.61572 14.5689 3.70189 14.7413 3.87422C14.9138 4.04672 15 4.25539 15 4.50022H18.75C18.9625 4.50022 19.1406 4.57214 19.2843 4.71597C19.4281 4.85981 19.5 5.03797 19.5 5.25047C19.5 5.46314 19.4281 5.64122 19.2843 5.78472C19.1406 5.92839 18.9625 6.00022 18.75 6.00022H18.5V18.6925C18.5 19.1896 18.323 19.6152 17.969 19.9692C17.615 20.3232 17.1894 20.5002 16.6923 20.5002H7.30775ZM17 6.00022H7V18.6925C7 18.7823 7.02883 18.8561 7.0865 18.9137C7.14417 18.9714 7.21792 19.0002 7.30775 19.0002H16.6923C16.7821 19.0002 16.8558 18.9714 16.9135 18.9137C16.9712 18.8561 17 18.7823 17 18.6925V6.00022ZM10.1543 17.0002C10.3668 17.0002 10.5448 16.9284 10.6885 16.7847C10.832 16.6409 10.9037 16.4627 10.9037 16.2502V8.75022C10.9037 8.53772 10.8318 8.35956 10.688 8.21572C10.5443 8.07206 10.3662 8.00022 10.1535 8.00022C9.941 8.00022 9.76292 8.07206 9.61925 8.21572C9.47575 8.35956 9.404 8.53772 9.404 8.75022V16.2502C9.404 16.4627 9.47583 16.6409 9.6195 16.7847C9.76333 16.9284 9.94158 17.0002 10.1543 17.0002ZM13.8465 17.0002C14.059 17.0002 14.2371 16.9284 14.3807 16.7847C14.5243 16.6409 14.596 16.4627 14.596 16.2502V8.75022C14.596 8.53772 14.5242 8.35956 14.3805 8.21572C14.2367 8.07206 14.0584 8.00022 13.8458 8.00022C13.6333 8.00022 13.4552 8.07206 13.3115 8.21572C13.168 8.35956 13.0962 8.53772 13.0962 8.75022V16.2502C13.0962 16.4627 13.1682 16.6409 13.312 16.7847C13.4557 16.9284 13.6338 17.0002 13.8465 17.0002Z' fill='%230272BA'/%3E%3C/g%3E%3C/svg%3E");
    }
}

@media (max-height: 600px) {
    .magenest-chatbot-box.active {
        max-height: calc(100% - 120px);
    }
}