@keyframes chatsdk-clipout {
    from { clip-path: polygon(100% 0, 100% 50%, 50% 100%, 0 100%, 0 0); }
    50%  { clip-path: polygon(100% 0, 100% -100%, -100% 100%, 0 100%, 0 0); }
    51%   { clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0); }
    to   { clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0); }
}
@keyframes chatsdk-clipin{
    from { clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0); }
    50%  { clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0); }
    to   { clip-path: polygon(100% 0, 100% 50%, 50% 100%, 0 100%, 0 0); }
}

@keyframes chatsdk-dot-keyframes {
    0% {
        opacity: .4;
        transform: scale(1, 1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2, 1.2);
    }

    100% {
        opacity: .4;
        transform: scale(1, 1);
    }
}

@keyframes chatsdk-animateright {
    from {
        right: -300px;
        opacity: 0
    }
    50% {
        right: -150px;
        opacity: 0.5
    }
    to {
        right: 0;
        opacity: 1
    }
}

@font-face {
    font-family: 'chatsdk-graphikth';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/graphikth-regular.eot');
    src: url('../fonts/graphikth-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/graphikth-regular.woff2') format('woff2'),
    url('../fonts/graphikth-regular.woff') format('woff');
}

@font-face {
    font-family: 'chatsdk-graphikth';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/graphikth-medium.eot');
    src: url('../fonts/graphikth-medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/graphikth-medium.woff2') format('woff2'),
    url('../fonts/graphikth-medium.woff') format('woff');
}

@font-face {
    font-family: 'chatsdk-graphikth';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/graphikth-semibold.eot');
    src: url('../fonts/graphikth-semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/graphikth-semibold.woff2') format('woff2'),
    url('../fonts/graphikth-semibold.woff') format('woff');
}

@font-face {
    font-family: 'chatsdk-graphikth';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/graphikth-bold.eot');
    src: url('../fonts/graphikth-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/graphikth-bold.woff2') format('woff2'),
    url('../fonts/graphikth-bold.woff') format('woff');
}

/* Typography and box model are applied to the whole widget subtree, not just the
   root, on purpose.

   font-family: setting it only on the root relies on inheritance, and inheritance
   is the weakest thing in the cascade - ANY host page rule that matches a
   descendant (`p { font-family: ... }`, `.content span { ... }`, a CSS reset)
   beats it and the bubble text silently falls back to the host font. Form
   controls (input/button/textarea/select) never inherit font-family at all, so
   the message input was always rendering in the browser default.

   box-sizing: this stylesheet is authored against the CSS default (content-box)
   and opts into border-box explicitly where it wants it. Host pages almost always
   ship `*, *::before, *::after { box-sizing: border-box }` (Bootstrap, Tailwind
   preflight, ...), which subtracts the icon padding from the icon width - the
   24x24 plus.png renders 14x24 ("squeezed") and the 9x18 attachment.png renders
   at 0 width. Pin the model back for the subtree the SDK owns; every explicit
   border-box declaration further down has higher specificity and still wins. */
.chatsdk-chat-bot--cts__tmw,
.chatsdk-chat-bot--cts__tmw *,
.chatsdk-chat-bot--cts__tmw *::before,
.chatsdk-chat-bot--cts__tmw *::after {
    font-family: 'chatsdk-graphikth', 'graphikth', sans-serif !important;
    box-sizing: content-box;
}

.chatsdk-mt-10--cts__tmw {
    margin-top: 10px !important;
}

.chatsdk-mt-20--cts__tmw {
    margin-top: 20px !important;
}

.chatsdk-mt-30--cts__tmw {
    margin-top: 30px !important;
}

.chatsdk-chat-bot-btn--cts__tmw label {
    cursor: pointer;
}

.chatsdk-chat-bot-btn--cts__tmw {
    position: relative;
    border: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    transition: background .4s ease;
    font-size: 1em;
    font-weight: 400;
    width: 100%;
    margin: 0;
    height: 44px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.chatsdk-chat-bot-btn--cts__tmw:hover {
    text-decoration-color: #fd8300;
    background-color: #f3f3f3;
}

.chatsdk-chat-bot--cts__tmw-orange--cts__tmw {
    background: #fd8300;
}

.chatsdk-chat-bot--cts__tmw-orange--cts__tmw label {
    color: white !important;
}

.chatsdk-chat-bot--cts__tmw-orange--cts__tmw:hover {
    background: #984f00;
}

.chatsdk-chat-bot-btn--cts__tmw label {
    color: #fd8300;
}

.chatsdk-overflow-text--cts__tmw {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
}

.chatsdk-chat-agent-queue-cancel-btn {
    margin-top: 80px;
}

.chatsdk-hidden {
    display: none !important;
}

.chatsdk-text-center {
    text-align: center;
}

.chatsdk-chat-bot--cts__tmw {
    position: fixed;
    /*
    bottom: 35px;
    right: 35px;
    */
    z-index: 1100;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-image-chat {
    height: 60px;
    width: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.2s;
    cursor: pointer;
    margin: 0 0 0 auto;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw {
    overflow: hidden;
    width: 350px;
    height: 560px;
    margin-bottom: 25px;
    margin-right: 15px;
    box-shadow: 0 1pt 12pt rgba(0, 0, 0, .15);
    border-radius: 10px 10px 10px 10px;
    position: relative;
    background-color: white;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw {
    display: flex;
    border-bottom: 1px solid #E2E3E5;
    position: relative;
    border-radius: 8px 8px 0 0;
    height: 56px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-left--cts__tmw,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-right--cts__tmw {
    position: relative;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-left--cts__tmw img,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-right--cts__tmw img,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-right-hidden--cts__tmw span {
    width: 36px;
    height: 36px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-right-hidden--cts__tmw {
    cursor: default;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-end-chat-header-action-hidden--cts__tmw {
    visibility: hidden;
    pointer-events: none;
}

/* Keeps the header slot occupied so .chatsdk-mid--cts__tmw (width: calc(100% - 96px))
   stays centred, while removing the control itself - used for the left button in
   survey mode. */
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-header-action-hidden--cts__tmw {
    visibility: hidden;
    pointer-events: none;
    cursor: default;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-left--cts__tmw:hover:before,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-right--cts__tmw:hover:before {
    content: " ";
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: #fff;
    opacity: .3;
    border-radius: 4px;
    box-sizing: border-box;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-mid--cts__tmw *,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw * {
    color: #4B5161;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-mid--cts__tmw .chatsdk-case-close p {
    cursor: default;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-mid--cts__tmw {
    width: calc(100% - 96px);
    margin-top: 5px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-mid--cts__tmw p {
    position: relative;
    margin: 15px 0;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-mid--cts__tmw p:hover:before {
    content: " ";
    position: absolute;
    top: -7px;
    left: 28px;
    width: 80%;
    height: 35px;
    background-color: #fff;
    opacity: .2;
    border-radius: 4px;
    pointer-events: none;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-mid--cts__tmw .chatsdk-case-close p:hover:before {
    position: relative;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-mid--cts__tmw .chatsdk-arrow--cts__tmw {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 150px;
    margin: 6px 0 0 8px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    display: inline-block;
    border-top: 3px solid #fff;
    transition: transform .15s,top .15s;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw {
    width: 100%;
    background-color: #F5F5F5;
    text-align: center;
    z-index: 10;
    height: 0;
    transition: height .3s ease;
    -webkit-transition: height .3s ease;
    margin-top: -5px;
    padding-top: 5px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw * {
    display: none;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw.chatsdk-expand-sub-menu--cts__tmw {
    height: 105px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw.chatsdk-expand-sub-menu--cts__tmw * {
    display: block;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-input-menu--cts__tmw {
    height: 0 !important;
    background-color: white;
    cursor: pointer;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-input-menu--cts__tmw .chatsdk-right--cts__tmw {
    margin-left: 20px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-expand-input-menu--cts__tmw {
    font-size: 14px;
    height: 45px !important;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-expand-input-menu--cts__tmw * {
    display: block;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-quick-menu--cts__tmw {
    max-height: 225px;
    overflow-y: auto;
    transition: height .3s ease;
    -webkit-transition: height .3s ease;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-quick-menu--cts__tmw .chatsdk-expand-input-menu--cts__tmw .chatsdk-left--cts__tmw {
    padding: 0 !important;
    margin-top: 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw p {
    font-size: 13px;
    margin-top: 2px;
    margin-bottom: 0;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-profile--cts__tmw img {
    width: 40px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-download--cts__tmw img,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-download-right--cts__tmw img,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-download-path--cts__tmw img {
    width: 15px;
    cursor: pointer;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-download--cts__tmw img:hover,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-download-right--cts__tmw img:hover,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-download-path--cts__tmw img:hover {
    opacity: 0.7;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-profile-head--cts__tmw p {
    font-size: 22px;
    font-weight: 600;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-profile-head--cts__tmw img {
    width: 32px;
    margin-top: 7px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-profile--cts__tmw .chatsdk-profile-name--cts__tmw img {
    width: 32px;
    margin: 10px auto 0;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw .chatsdk-chat-option--cts__tmw {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: center;
    margin-top: 7px;
    padding-bottom: 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw .chatsdk-chat-option--cts__tmw .chatsdk-service-icon--cts__tmw div {
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw .chatsdk-chat-option--cts__tmw .chatsdk-service-icon--cts__tmw img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw .chatsdk-chat-option--cts__tmw .chatsdk-service-icon--cts__tmw {
    position: relative;
    padding: 10px;
    cursor: pointer;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw .chatsdk-chat-option--cts__tmw .chatsdk-service-icon--cts__tmw:hover:before {
    content: " ";
    position: absolute;
    width: 70%;
    height: 100%;
    background-color: #fff;
    opacity: .2;
    border-radius: 4px;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw .chatsdk-chat-option--cts__tmw .chatsdk-service-icon--cts__tmw:hover p {
    color: #118df5;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-header--cts__tmw .chatsdk-mid--cts__tmw .chatsdk-arrow--cts__tmw.chatsdk-expand--cts__tmw {
    transform: rotate(180deg);
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw {
    overflow-y: auto;
    background-color: #fff;
    width: 100%;
    max-height: 454px;
    scroll-behavior: smooth;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw-survey {
    background-color: #fff;
    width: 100%;
    height: 90%;
    scroll-behavior: smooth;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw.chatsdk-max-height-380 {
    max-height: 380px !important;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw p {
    font-size: 14px;
    margin: 8px 0 4px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw p.chatsdk-g {
    color: #333333;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw {
    background-color: #fff;
    position: relative;
    word-wrap: break-word;
    overflow: hidden;
    padding: 0 18px;
    width: 100%;
    box-sizing: border-box;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw:not(.chatsdk-rich-menu--cts__tmw) {
    display: flex;
    align-items: flex-end;
    gap: 4px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw {
    padding-right: 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-card--cts__tmw {
    width: 100%;
    max-width: 100%;
    display: flex;
    border: 1px solid #dcdcdc;
    border-radius: 14px;
    background: #ffffff;
    overflow: hidden;
    margin-bottom: 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-content--cts__tmw {
    flex: 1;
    min-width: 0;
    padding: 25px 4px 25px 16px;
    align-self: center;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-title--cts__tmw,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-subtitle--cts__tmw {
    margin: 0;
    color: #343945;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-title--cts__tmw {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-subtitle--cts__tmw {
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.2;
    word-break: break-word;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-subtitle--cts__tmw span {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    color: #F36201;
    font-weight: 700;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-card--cts__tmw.chatsdk-vb .chatsdk-waiting-queue-subtitle--cts__tmw span {
    color: #dc0058;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-logo--cts__tmw {
    width: 80px;
    min-width: 80px;
    flex: 0 0 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-logo--cts__tmw img {
    width: 62px;
    height: auto;
}

/* tmn: cut-out illustration bleeding into the bottom-right corner of the card. */
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-logo--cts__tmw.chatsdk-illustration {
    width: 104px;
    min-width: 104px;
    flex: 0 0 104px;
    align-items: flex-end;
    justify-content: flex-end;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-logo--cts__tmw.chatsdk-illustration img {
    width: 104px;
    display: block;
    margin-bottom: -1px;
}

/* vb: full-bleed gradient panel filling the right edge of the card, its outer
   corners clipped by the card's own radius. */
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-logo--cts__tmw.chatsdk-block {
    width: 96px;
    min-width: 96px;
    flex: 0 0 96px;
    display: block;
    align-self: stretch;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-waiting-queue--cts__tmw .chatsdk-waiting-queue-logo--cts__tmw.chatsdk-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.chatsdk-loading-box--cts__tmw {
    margin-top: 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw.chatsdk-typing .chatsdk-loading-dots--cts__tmw {
    background-image: none;
    position: relative;
    left: 0;
    right: 0;
    height: auto;
    width: 42px;
    transform: none;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw.chatsdk-typing .chatsdk-loading-dots--dot--cts__tmw {
    width: 6px;
    height: 6px;
    margin-left: 2px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-text-message--cts__tmw,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw {
    position: relative;
    font-weight: 400;
    line-height: 1.3;
    max-width: 68%;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 1em;
    background: #EBEBEB;
    border-radius: 18px;
    float: left;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw.chatsdk-owner {
    padding-right: 8px;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw.chatsdk-owner .chatsdk-text-message--cts__tmw {
    float: right;
    border-radius: 20px;
    padding: 10px 18px;
    background: #4B5060;
    color: white;
    border-top-right-radius: 0px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-path-box--cts__tmw {
    margin-left: 5px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-download-path--cts__tmw {
    margin: 0;
    background: white !important;
    transform: translateY(20%);
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-image-message--cts__tmw {
    background: white !important;
    margin-right: -8px;
    margin-bottom: -6px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-image-left-message--cts__tmw {
    margin-left: 31px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-image-time--cts__tmw {
    margin-top: -8px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-text-message--cts__tmw img {
    max-width: 100%;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-text-message--cts__tmw a.chatsdk-inline-image-link--cts__tmw {
    display: inline-block;
    line-height: 0;
    cursor: pointer;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-profile--cts__tmw {
    position: absolute;
    left: 10px;
    top: 0;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-download--cts__tmw {
    position: absolute;
    bottom: 50%;
    left: 20%;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-download-right--cts__tmw {
    position: absolute;
    bottom: 50%;
    right: 8%;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-time--cts__tmw,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw .chatsdk-time--cts__tmw {
    padding-top: 1px;
    white-space: nowrap;
    flex-shrink: 0;
    margin-bottom: 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw .chatsdk-time--cts__tmw p,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw .chatsdk-time--cts__tmw p {
    margin-top: 3px;
    font-size: .625em;
    color: #878994;
    text-align: left;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box--cts__tmw.chatsdk-owner .chatsdk-time--cts__tmw p {
    text-align: right;
    margin-right: 3px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-message-box-space--cts__tmw {
    padding-top: 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw .chatsdk-profile--cts__tmw {
    position: absolute;
    left: -48px;
    top: 0;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw .chatsdk-time--cts__tmw {
    margin-left: 0;
    margin-top: 5px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-error-message--cts__tmw {
    display: flex;
    margin: 3px 0 9px;
    flex-direction: row;
    justify-content: center;
    padding: 0 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-error-message--cts__tmw:before,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-error-message--cts__tmw:after {
    content: " ";
    position: relative;
    display: block;
    border-top: 1px dashed #ddd;
    height: 0;
    min-width: 5%;
    flex-grow: 1;
    align-self: stretch;
    top: 8px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-error-message--cts__tmw .chatsdk-text-message--cts__tmw {
    padding: 0 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw {
    margin-left: 58px;
    background: #fff;
    border-radius: 10px;
    padding: 0 0 10px;
    overflow: visible;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw ul li {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    display: block;
    margin: 0;
    border: 1px solid #EBEBEB;
    transition: 0.3s;
    color: #FF8300;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw ul.chatsdk-disabled--cts__tmw {
    cursor: default;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw ul.chatsdk-disabled--cts__tmw li {
    pointer-events:none;
    opacity:0.5;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw ul li.chatsdk-rich-menu-text--cts__tmw {
    color: #090909;
    background: #EBEBEB;
    cursor: text;
    text-align: left;
    opacity: 1 !important;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw ul li:first-child {
    border-bottom: 0;
    border-radius: 18px 18px 0 0;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw ul li:last-child {
    border-radius: 0 0 18px 18px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw ul {
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 0;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw ul li:hover {
    color: #646464;
    background-color: #f7f9fa;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-agent-box--cts__tmw {
    text-align: center;
    padding-bottom: 20px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-agent-box--cts__tmw img {
    width: 36px;
    height: 36px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-agent-box--cts__tmw p {
    font-size: 12px;
    margin-top: 2px;
    color: #262B3E;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-event-box--cts__tmw {
    padding: 0;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-event-box--cts__tmw .chatsdk-body-chat-start--cts__tmw {
    width: 160px;
    background-color: #9C9C9C;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-event-box--cts__tmw p {
    font-size: 12px;
    margin-top: -26px;
    color: #FFFFFF;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-event-box-border--cts__tmw {
    height: 1px;
    background: repeating-linear-gradient(to right, #9C9C9C 0, #9C9C9C 10px, transparent 10px, transparent 16px);
    margin-top: 25px;
    margin-left: 2px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #f5f5f5;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw {
    display: flex;
    height: 50px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-left--cts__tmw {
    position: relative;
    /* the sibling .chatsdk-right--cts__tmw is width: 100%, so without this the
       icon columns are the ones flexbox shrinks when the row overflows */
    flex: 0 0 auto;
    padding: 10px 0;
    cursor: pointer;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-left--cts__tmw p {
    position: relative;
    margin: 3px 0;
    background-color: #787c80;
    width: 30px;
    height: 5px;
    border-radius: 40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: -webkit-transform .3s ease-in-out;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-left--cts__tmw.chatsdk-active p:first-child {
    transform: rotate(45deg);
    top: 6px;
    left: 6px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-left--cts__tmw.chatsdk-active p:nth-child(2) {
    display: none;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-left--cts__tmw.chatsdk-active p:last-child {
    transform: rotate(-45deg);
    left: 6px;
    top: -2px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-right--cts__tmw {
    width: 100%;
    min-width: 0;
    align-self: center;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-right--cts__tmw .chatsdk-input-box--cts__tmw {
    width: 97%;
    height: 34px;
    align-self: center;
    border-radius: 8px;
    border: 1px solid #E2E3E5;
    padding: 8px;
    box-sizing: border-box;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-right--cts__tmw .chatsdk-input-box--cts__tmw:focus {
    outline: none;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-right--cts__tmw .chatsdk-input-box--cts__tmw::placeholder {
    color: #c9c9c9;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-right--cts__tmw .chatsdk-preview-image--cts__tmw {
    display: flex;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-right--cts__tmw .chatsdk-preview-image--cts__tmw .chatsdk-box-preview-image--cts__tmw {
    position: relative;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-right--cts__tmw .chatsdk-preview-image--cts__tmw .chatsdk-delete-image--cts__tmw {
    position: absolute;
    top: -4px;
    right: -1px;
    cursor: pointer;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-right--cts__tmw .chatsdk-preview-image--cts__tmw .chatsdk-delete-image--cts__tmw img {
    width: 10px;
    height: auto;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-right--cts__tmw .chatsdk-preview-image--cts__tmw .chatsdk-send-icon--cts__tmw {
    width: auto;
    height: 16px;
    margin: 4px 10px 0 auto;
    cursor: pointer;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-right--cts__tmw #chatsdk-previewImage--cts__tmw {
    max-height: 24px;
    width: auto;
    margin-left: -30px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-more-option--cts__tmw {
    position: absolute;
    height: 60px;
    width: 100%;
    z-index: -3;
    top: 0;
    transition: all .4s ease-out;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-more-option--cts__tmw.chatsdk-active {
    display: block;
    top: -60px;
    z-index: 1;
    border-top: 2px solid #f5f5f5;
    background-color: white;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-more-option--cts__tmw .chatsdk-line-bottom--cts__tmw {
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #bdbdbd;
    left: 50%;
    bottom: 0;
    border-radius: 50px;
    transform: translateX(-50%);
    transition: all .4s ease-out;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-more-option--cts__tmw .chatsdk-line-bottom--cts__tmw.chatsdk-active {
    width: 95%;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-more-option--cts__tmw .chatsdk-box-option--cts__tmw {
    display: flex;
    height: 100%;
    align-items: center;
    margin: 0 10px;
    overflow: hidden;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw .chatsdk-box-attachment--cts__tmw {
    padding-left: 25px;
    padding-right: 4px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw img.chatsdk-input-attachment--cts__tmw {
    width: 9px;
    height: 18px;
    cursor: pointer;
    padding-right: 15px;
    margin-top: 2px;
    /* the padding is spacing around the glyph, never part of its width */
    box-sizing: content-box;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw img.chatsdk-input-extra--cts__tmw {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 3px 3px 0;
    padding-left: 5px;
    padding-right: 5px;
    /* the padding is spacing around the glyph, never part of its width */
    box-sizing: content-box;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw img.chatsdk-input-close--cts__tmw {
    width: 33px;
    height: 33px;
    cursor: pointer;
    margin: -6px 3px 0;
    padding-left: 5px;
    padding-right: 5px;
    /* the padding is spacing around the glyph, never part of its width */
    box-sizing: content-box;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw img.chatsdk-input-expand--cts__tmw {
    width: 33px;
    height: 33px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -6px;
    /* the padding is spacing around the glyph, never part of its width */
    box-sizing: content-box;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-body-input-message--cts__tmw img.chatsdk-input-send--cts__tmw {
    /* the vb asset is a 2x (64px) bitmap - pin the box so every brand renders at 32px */
    width: 32px;
    height: 32px;
    cursor: pointer;
    padding: 0 8px 0 0;
    /* the padding is spacing around the glyph, never part of its width */
    box-sizing: content-box;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-more-option--cts__tmw .chatsdk-box-option--cts__tmw .chatsdk-body-icon--cts__tmw {
    position: relative;
    padding: 4px 3px 0 4px;
    margin: 0 3px;
    width: auto !important;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-more-option--cts__tmw .chatsdk-box-option--cts__tmw .chatsdk-body-icon--cts__tmw:first-child {
    margin-left: 0;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-more-option--cts__tmw .chatsdk-box-option--cts__tmw .chatsdk-body-icon--cts__tmw:last-child {
    margin-right: 0;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-more-option--cts__tmw .chatsdk-box-option--cts__tmw .chatsdk-body-icon--cts__tmw:hover:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1b1b1b;
    opacity: .2;
    border-radius: 4px;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-more-option--cts__tmw .chatsdk-box-option--cts__tmw textarea {
    width: 100%;
    font-weight: 300;
    background: #fff;
    border: 1px solid #fff;
    resize: none;
    font-size: 14px;
    font-family: inherit;
    overflow: hidden;
    height: 90%;
    color: #333;
    border-radius: 4px;
    padding: 8px;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    animation: chatsdk-animateright 0.4s;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-input-message--cts__tmw .chatsdk-slider.chatsdk-custom-slick .chatsdk-body-icon--cts__tmw:hover:before {
    top: 46%
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-1--cts__tmw {
    display: grid;
    grid-auto-rows: 70% 30%;
    height: 508px;
    overflow: hidden;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-1--cts__tmw .chatsdk-top--cts__tmw,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-1--cts__tmw .chatsdk-bottom--cts__tmw {
    position: relative;
    margin-top: -10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-1--cts__tmw .chatsdk-bottom--cts__tmw {
    padding: 0 20px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-1--cts__tmw .chatsdk-top--cts__tmw div {
    position: absolute;
    width: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-1--cts__tmw .chatsdk-top--cts__tmw div p {
    font-size: 14px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-1--cts__tmw .chatsdk-bottom--cts__tmw .chatsdk-chat-bot-btn--cts__tmw,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-2--cts__tmw .chatsdk-bottom--cts__tmw .chatsdk-chat-bot-btn--cts__tmw,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-bottom--cts__tmw .chatsdk-chat-bot-btn--cts__tmw {
    display: flex;
    justify-content: center;
    align-items: center;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-2--cts__tmw {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: white;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-2--cts__tmw .chatsdk-bottom--cts__tmw,
.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-bottom--cts__tmw {
    padding: 20px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-quece--cts__tmw {
    text-align: center;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-quece--cts__tmw .chatsdk-body--cts__tmw {
    padding-top: 30px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-quece--cts__tmw .chatsdk-tab-description--cts__tmw {
    background-color: #171717;
    text-align: center;
    padding-bottom: 20px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-quece--cts__tmw .chatsdk-tab-description--cts__tmw img {
    width: 130px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-quece--cts__tmw .chatsdk-tab-description--cts__tmw p:first-child {
    font-size: 0.95em;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-quece--cts__tmw .chatsdk-tab-description--cts__tmw p {
    padding: 5px 10px;
    margin: 0;
    font-weight: bold;
    font-size: 0.85em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-quece--cts__tmw .chatsdk-tab-description--cts__tmw * {
    color: #d8d8d8;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-quece--cts__tmw .chatsdk-chat-wait-loading--cts__tmw {
    position: relative;
    width: 250px;
    height: 100px;
    margin: 0 auto;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-loading-dots--cts__tmw {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    height: 100px;
    width: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-loading-dots--cts__tmw .chatsdk-group-dots--cts__tmw {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.chatsdk-chat-bot--cts__tmw .chatsdk-loading-dots--dot--cts__tmw {
    animation: chatsdk-dot-keyframes 1.5s infinite ease-in-out;
    background-color: #4e4e4e;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-loading-dots--dot--cts__tmw:nth-child(2) {
    animation-delay: .5s;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-loading-dots--dot--cts__tmw:nth-child(3) {
    animation-delay: 1s;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-bottom--cts__tmw .chatsdk-chat-bot-btn--cts__tmw {
    border: 1px solid #fd8300;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat-end--cts__tmw {
    position: unset !important;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-chat-end-label--cts__tmw {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 25%;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-chat-end--cts__tmw {
    position: absolute;
    width: 91%;
    bottom: 20px;
    padding: 0 !important;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

/* End-chat modal overlay */
.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-overlay--cts__tmw {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-overlay-show--cts__tmw {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal--cts__tmw {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 28px 24px 20px;
    width: 85%;
    max-width: 320px;
    text-align: center;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-body--cts__tmw {
    margin-bottom: 20px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-buttons--cts__tmw {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: stretch;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-buttons--cts__tmw .chatsdk-chat-bot-btn--cts__tmw {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-buttons--cts__tmw .chatsdk-chat-bot-btn--cts__tmw {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 52px;
    margin-top: 0 !important;
    border: 1px solid #d1d1d1;
    border-radius: 18px;
    background-color: #ffffff;
    box-sizing: border-box;
    font-weight: 500;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-buttons--cts__tmw .chatsdk-chat-bot-btn--cts__tmw label {
    font-weight: 500;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-buttons--cts__tmw .chatsdk-chat-bot--cts__tmw-orange--cts__tmw {
    border: none;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-buttons--cts__tmw {
    align-items: stretch;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-buttons--cts__tmw .chatsdk-chat-bot-btn--cts__tmw {
    display: flex !important;
    width: 100% !important;
    margin-top: 0 !important;
}

/* End-chat modal overlay */
.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-overlay--cts__tmw {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal--cts__tmw {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 12px 15px 15px;
    width: 85%;
    max-width: 320px;
    text-align: center;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-body--cts__tmw {
    margin-bottom: 15px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-buttons--cts__tmw {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-end-chat-modal-buttons--cts__tmw .chatsdk-chat-bot-btn--cts__tmw {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw ul.chatsdk-disabled--cts__tmw {
    cursor: default;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body--cts__tmw .chatsdk-rich-menu--cts__tmw ul.chatsdk-disabled--cts__tmw li {
    pointer-events:none;
    opacity:0.5;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-chat-start--cts__tmw {
    background: #f6f6f6;
    width: 115px;
    border-radius: 10px;
    margin: 15px auto;
    align-items: center;
    text-align: center;
}

.chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-body-chat-start-text--cts__tmw {
    font-size: 10px !important;
    color: #5A5A5A;
    padding-top: 4px;
    padding-bottom: 4px;
}

#chatsdk-boxAnimation--dot--cts__tmw.chatsdk-active:before {
    content: "";
    position: absolute;
    height: 150%;
    width: 200%;
    top: -150%;
    left: -150%;
    transition: all 0.5s;
    background: white;
    opacity: 0;
    z-index: 1000;
    transform: rotate(45deg);
}
#chatsdk-boxAnimation--dot--cts__tmw.chatsdk-close-diagonal:before {
    top: -25%;
    left: -50%;
    opacity: 1;
}

.embeddedServiceHelpButton {
    display: none !important;
}

.embeddedServiceSidebar {
    display: none !important;
}

.embeddedServiceSidebar.modalContainer {
    display: none !important;
}

.embeddedServicePreventScrolling {
    overflow: inherit !important;
    position: inherit !important;
    width: inherit !important;
    height: inherit !important;
}

.helpButtonEnabled {
    display: none !important;
}

.helpButtonDisabled {
    display: none !important;
}

@media only screen and (max-width: 600px) {
    .chatsdk-chat-bot-show--cts__tmw {
        position: initial;
        margin-top: 15px;
    }

    .chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw {
        width: 90%;
        margin: auto;
    }

    .chatsdk-hidden--cts__tmw {
        display: none;
    }
}

@media only screen and (max-height: 570px) {
    .chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-sub-menu--cts__tmw.chatsdk-expand-sub-menu--cts__tmw {
        height: 80px;
    }

    .chatsdk-chat-bot--cts__tmw .chatsdk-body-chat--cts__tmw .chatsdk-quick-menu--cts__tmw {
        max-height: 180px;
    }
}

.chatsdk-modal--cts__tmw {
    position: fixed;
    z-index: 1200;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
}

.chatsdk-modal-show--cts__tmw {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.chatsdk-modal-content--cts__tmw {
    background-color: #fefefe;
    margin: auto;
    padding: 20px 20px 50px;
    border: 1px solid #888;
    max-width: 320px;
    border-radius: 15px;
}

.chatsdk-modal-close--cts__tmw {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -23px;
    margin-right: -5px;
}

.chatsdk-modal-content--cts__tmw p {
    font-family: 'chatsdk-graphikth', 'graphikth', sans-serif;
    text-align: center;
    font-size: 14px;
}

.chatsdk-modal-content--cts__tmw button {
    float: right;
    background-color: #efefef;
    border-radius: 5px;
    border: none;
    outline:none;
    padding: 8px 20px;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 14px;
}

.chatsdk-modal-content--cts__tmw button:hover {
    background-color: #d6d6d6;
}

.chatsdk-modal-close--cts__tmw:hover,
.chatsdk-modal-close--cts__tmw:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.chatsdk-image-message--cts__tmw img {
    cursor: pointer;
    transition: 0.3s;
}

.chatsdk-image-message--cts__tmw img:hover {
    opacity: 0.7;
}

.chatsdk-modal-image--cts__tmw {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 140px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
}

.chatsdk-modal-image-display--cts__tmw {
    display: block !important;
}

.chatsdk-modal-image-content--cts__tmw {
    margin: auto;
    display: block;
    max-height: 75%;
    max-width: 75%;
}

.chatsdk-modal-image-content--cts__tmw {
    -webkit-animation-name: chatsdk-zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: chatsdk-zoom;
    animation-duration: 0.6s;
}

.chatsdk-modal-image-close--cts__tmw {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.chatsdk-modal-image-download--cts__tmw {
    position: absolute;
    width: 30px;
    right: 35px;
    bottom: 180px;
    transition: 0.3s;
}

.chatsdk-modal-image-close--cts__tmw:hover, .chatsdk-modal-image-close--cts__tmw:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.chatsdk-modal-image-download--cts__tmw:hover, .chatsdk-modal-image-download--cts__tmw:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.3;
}

.chatsdk-notification-box--cts__tmw {
    display: table;
    margin-left: 40px;
}

.chatsdk-notification-box--cts__tmw div {
    width: 100%;
    display: table-cell;
}

.chatsdk-notification-image--cts__tmw {
    width: 30px;
    margin-top: -10px;
}

.chatsdk-notification-text--cts__tmw {
    font-size: 13px;
    font-weight: bold;
    color: white;
    display: block;
    text-align: center;
    margin-top: -26px;
}

@media only screen and (max-width: 700px) {
    .chatsdk-modal-image-content--cts__tmw {
        width: 100%;
    }
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes chatsdk-zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}
.chatsdk-chatbot-img__container {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    cursor: pointer;
}

.chatsdk-chatbot-img__container>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.chatsdk-chatbot-carousel__container {
    position: relative;
    display: flex;
    height: 200px;
    overflow: hidden;
}

.chatsdk-chatbot-dot__container {
    text-align: center;
    margin-bottom: 10px;
}

.chatsdk-chatbot-dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    cursor: pointer;
}

.chatsdk-chatbot-active,
.chatsdk-chatbot-dot:hover {
    background-color: #ff8724;
}

.chatsdk-chat-bot--cts__tmw ol {
    padding-inline-start: 20px;
}