:root {
    /** General colors **/
    --Gray-25: #F7F5F2;
    --Gray-50: #EFEFEF;
    --Gray-100: #C6C6C6;
    --Gray-200: #9D9D9D;
    --Gray-400: #575855;
    --Green-25: #F3FEE7;
    --Green-600: #2C731C;

    --BrandRed-25: #FEF3F2;
    --BrandRed-50: #FEE4E2;
    --BrandRed-100: #FAB2AD;
    --BrandRed-200: #EC776E;
    --BrandRed-400: #DA291C;
    --BrandRed-500: #C22519;
    --BrandRed-600: #8F241C;

    --BrandOrange-25: #FCF8F3;
    --BrandOrange-50: #FFD9AD;
    --BrandOrange-100: #FCC89B;
    --BrandOrange-300: #ED8B00;
    --BrandOrange-500: #CB6113;
    --CircleK-B2B-EU-Accessible-Orange: #D64303;

    /*** icons ***/
    --SubmitButton: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M22 2L11 13M22 2L15 22L11 13M22 2L2 9L11 13" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --ArrowLeft: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --ArrowLeftBold: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --MinusButton: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --MinusButtonBold: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --CloseButton: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --CloseButtonBold: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6L18 18" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --ThumbsDownButton: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 7.5H12.5V23.75H5C4.66848 23.75 4.35054 23.6183 4.11612 23.3839C3.8817 23.1495 3.75 22.8315 3.75 22.5V8.75C3.75 8.41848 3.8817 8.10054 4.11612 7.86612C4.35054 7.6317 4.66848 7.5 5 7.5V7.5Z" stroke="%23575855" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5 23.75L18.75 36.25C20.0761 36.25 21.3479 35.7232 22.2855 34.7855C23.2232 33.8479 23.75 32.5761 23.75 31.25V27.5H33.4219C33.7764 27.5009 34.1269 27.4259 34.45 27.2801C34.7731 27.1342 35.0613 26.921 35.2951 26.6545C35.529 26.3881 35.7031 26.0748 35.8058 25.7355C35.9085 25.3962 35.9374 25.0389 35.8906 24.6875L34.0156 9.6875C33.9398 9.08534 33.6474 8.53134 33.1932 8.12884C32.7389 7.72634 32.1538 7.50283 31.5469 7.5H12.5" stroke="%23575855" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --OpenChatButton: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.95 18L4 22V6C4 5.73478 4.10536 5.48043 4.29289 5.29289C4.48043 5.10536 4.73478 5 5 5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6V17C22 17.2652 21.8946 17.5196 21.7071 17.7071C21.5196 17.8946 21.2652 18 21 18H8.95Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 18V23C10 23.2652 10.1054 23.5196 10.2929 23.7071C10.4804 23.8946 10.7348 24 11 24H23.05L28 28V12C28 11.7348 27.8946 11.4804 27.7071 11.2929C27.5196 11.1054 27.2652 11 27 11H22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --ThreeDotsButton: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 21C20.5523 21 21 20.5523 21 20C21 19.4477 20.5523 19 20 19C19.4477 19 19 19.4477 19 20C19 20.5523 19.4477 21 20 21Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 14C20.5523 14 21 13.5523 21 13C21 12.4477 20.5523 12 20 12C19.4477 12 19 12.4477 19 13C19 13.5523 19.4477 14 20 14Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 28C20.5523 28 21 27.5523 21 27C21 26.4477 20.5523 26 20 26C19.4477 26 19 26.4477 19 27C19 27.5523 19.4477 28 20 28Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --ThreeDotsHoverButton: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 21C20.5523 21 21 20.5523 21 20C21 19.4477 20.5523 19 20 19C19.4477 19 19 19.4477 19 20C19 20.5523 19.4477 21 20 21Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 14C20.5523 14 21 13.5523 21 13C21 12.4477 20.5523 12 20 12C19.4477 12 19 12.4477 19 13C19 13.5523 19.4477 14 20 14Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 28C20.5523 28 21 27.5523 21 27C21 26.4477 20.5523 26 20 26C19.4477 26 19 26.4477 19 27C19 27.5523 19.4477 28 20 28Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

@font-face{font-style:normal;font-weight:400 900;font-family:"ACT Easy";font-display:swap;src:url(https://font.circlekeurope.com/ckfont/ACTEasyVar.woff2) format("woff2")}
[data-cognigy-webchat-root],
[data-cognigy-webchat-root] * {
    font-family: ACT Easy, sans-serif !important;
}
[data-cognigy-webchat-root] div[class^="_eventPillTextWrapper"] {
    padding: 12px 16px;
    border-radius: 24px;
}

[data-cognigy-webchat-root] div[class^="_title2-semibold"] {
    font-size: 16px;
}
[data-cognigy-webchat-root] .webchat-message-row.bot .chat-bubble,
[data-cognigy-webchat-root] .webchat-message-row.bot .webchat-quick-reply-template-replies-container {
    margin-left: 40px;
}
[data-cognigy-webchat-root] .webchat-buttons-template-root {
    padding-left: 40px;
}
[data-cognigy-webchat-root] .webchat-buttons-template-root .chat-bubble {
    margin-left: 0 !important;
}
[data-cognigy-webchat-root] .webchat {
    width: 100%;
    max-width: 420px;
}

[data-cognigy-webchat-root] .webchat-unread-message-preview-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: var(--Gray-400);

}
[data-cognigy-webchat-root] .webchat-homescreen-content {
    background-position: right 25px bottom 20px;
    background-size: auto;
    background-repeat: no-repeat;
}

@media screen and (min-width: 576px) {
    [data-cognigy-webchat-root] .webchat-homescreen-content {
        background-position: right 30px top 140px;
        background-size: 38%;
    }
}
[data-cognigy-webchat-root] .webchat-privacy-notice-message p{
    font-size: 16px !important;
}
[data-cognigy-webchat-root] [data-testid="sender-name"] {
    font-weight: 700;
    color: var(--Gray-400);
}
[data-cognigy-webchat-root] .webchat-chat-history {
    background-color: var(--ChatBackground);
    font-size: 16px !important;
}
[data-cognigy-webchat-root] .webchat-homescreen-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #000 !important;
    margin: 20px 20px 0;
}
[data-cognigy-webchat-root] .webchat-homescreen-button-container {
    gap: 16px;
}
[data-cognigy-webchat-root] .webchat-homescreen-buttons {
    margin: 40px 20px 0 20px;
}
[data-cognigy-webchat-root] .chat-bubble {
    background: #FFF !important;
    color: #000 !important;
    border-radius: 0 8px 8px 8px;
    border: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
[data-cognigy-webchat-root] .chat-bubble a {
    color: var(--ChatLinkColor);
}
[data-cognigy-webchat-root] .webchat-message-row.user .chat-bubble {
    background: var(--ChatBubble) !important;
    border-radius: 8px 0 8px 8px;
}

[data-cognigy-webchat-root] .message-header,
[data-cognigy-webchat-root] .message-header div{
    font-size: 12px;
    font-weight: 400;
    color: var(--Gray-400);
}
[data-cognigy-webchat-root] .webchat-homescreen-header {
    border-bottom: 2px solid var(--ButtonBgColor);
}
[data-cognigy-webchat-root] .webchat-header-bar {
    border-bottom: 1px solid var(--LinkBgColorHover);
}
[data-cognigy-webchat-root] .webchat-homescreen-close-button {
    fill: #000 !important;
}
[data-cognigy-webchat-root] .webchat-teaser-message-bubble {
    background: #FFFFFF;
    box-shadow: -4px -4px 16px -2px rgba(0, 0, 0, 0.08), 0 12px 16px -4px rgba(16, 24, 40, 0.04), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
    border-radius: 8px;
    border: none;
}

[data-cognigy-webchat-root] .webchat-teaser-message-header-title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

/** orange button **/
[data-cognigy-webchat-root] .webchat-homescreen-send-button,
[data-cognigy-webchat-root] .webchat-prev-conversations-send-button,
[data-cognigy-webchat-root] .webchat-privacy-notice-accept-button,
[data-cognigy-webchat-root] .webchat-rating-widget-send-button,
[data-cognigy-webchat-root] .webchat-carousel-template-button.phone-number-or-url-anchor,
[data-cognigy-webchat-root] .webchat-carousel-template-button,
[data-cognigy-webchat-root] .ac-pushButton.style-default.ac-selectable {
    width: 100%;
    height: 56px;
    background: var(--ButtonBgColor) !important;
    border-radius: 9999px !important;
    font-size: 16px;
    font-weight: 700;
    color: var(--ButtonColor) !important;
}
[data-cognigy-webchat-root] .ac-pushButton.style-default.ac-selectable {
    height: 48px;
}
[data-cognigy-webchat-root] .webchat-homescreen-send-button:hover,
[data-cognigy-webchat-root] .webchat-prev-conversations-send-button:hover,
[data-cognigy-webchat-root] .webchat-privacy-notice-accept-button:hover,
[data-cognigy-webchat-root] .webchat-rating-widget-send-button:hover,
[data-cognigy-webchat-root] .webchat-carousel-template-button.phone-number-or-url-anchor:hover,
[data-cognigy-webchat-root] .webchat-carousel-template-button:hover,
[data-cognigy-webchat-root] .ac-pushButton.style-default.ac-selectable:hover {
    background: var(--ButtonBgColorHover) !important;
}
[data-cognigy-webchat-root] .webchat-rating-widget-send-button:disabled {
    background: var(--ButtonBgColorDisabled) !important;
    color: var(--ButtonColorDisabled);
}
[data-cognigy-webchat-root] .webchat-carousel-template-button.phone-number-or-url-anchor {
    margin-top: 10px;
}

/** tertiary button - (just link) **/
[data-cognigy-webchat-root] .tertiary-button {
    font-size: 16px;
    font-weight: 700;
}

/*** RATING ***/
[data-cognigy-webchat-root] .webchat-rating-widget-title {
    font-weight: 500;
}

[data-cognigy-webchat-root] .webchat-rating-widget-content-container {
    justify-content: center;
    gap: 16px;
}

[data-cognigy-webchat-root] .webchat-homescreen-previous-conversation-button {
    width: 100%;
    height: 56px;
    background: #FFF;
    color: #000;
    border: 2px solid #000;
    border-radius: 999999px;
    font-size: 16px;
}
[data-cognigy-webchat-root] .webchat-homescreen-previous-conversation-button:hover{
    border: 2px solid #000 !important;
    background: var(--Gray-25) !important;
    color: #000 !important;
}
/*** HOMEPAGE ***/
[data-cognigy-webchat-root] .webchat-homescreen-content {
    padding: 0;
}
[data-cognigy-webchat-root] .webchat-homescreen-header {
    height: 72px;
    padding: 0 10px;
    margin-bottom: 0;
}

[data-cognigy-webchat-root] .webchat-homescreen-close-button svg path{
    fill: #000;
}
/* Option */
[data-cognigy-webchat-root] .webchat-quick-reply-template-button,
[data-cognigy-webchat-root] .webchat-buttons-template-button,
[data-cognigy-webchat-root] a.phone-number-or-url-anchor,
[data-cognigy-webchat-root] .webchat-homescreen-button {
    gap: 4px;
    padding: 12px 16px 12px 16px;
    font-size: 16px;
    background: var(--LinkBgColor);
    border-radius: 24px;
}
[data-cognigy-webchat-root] .webchat-quick-reply-template-replies-container {
    max-width: 100%;
}
[data-cognigy-webchat-root] .webchat-quick-reply-template-button:hover,
[data-cognigy-webchat-root] .webchat-buttons-template-button:hover,
[data-cognigy-webchat-root] .phone-number-or-url-anchor:hover,
[data-cognigy-webchat-root] .webchat-homescreen-button:hover {
    background: var(--LinkBgColorHover);
}

[data-cognigy-webchat-root] .webchat-quick-reply-template-button.disabled,
[data-cognigy-webchat-root] .webchat-quick-reply-template-button.disabled span {
    background-color: var(--Gray-50);
    color: var(--Gray-200);
    font-weight: 500;
    line-height: 22px;

}
[data-cognigy-webchat-root] .webchat-prev-conversations-actions {
    border-top: none;
}
[data-cognigy-webchat-root] .webchat-prev-conversations-item,
[data-cognigy-webchat-root] .webchat-prev-conversations-item:focus {
    padding: 20px 10px 20px 10px;
    gap: 8px;
    height: 88px;
    border: 1px solid var(--Gray-100);
    border-radius: 12px;
}
[data-cognigy-webchat-root] .webchat-prev-conversations-item:hover {
    border: 1px solid var(--Gray-200);
}
[data-cognigy-webchat-root] .webchat-prev-conversations-item div:nth-child(1) {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
}

[data-cognigy-webchat-root] .webchat-prev-conversations-item div:nth-child(2) {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    width: 80%;
    color: var(--Gray-400);
}
[data-cognigy-webchat-root] .webchat-prev-conversations-item div:nth-child(2) svg {
    width: 6.5px;
    height: 6.5px;
}

[data-cognigy-webchat-root] .webchat-prev-conversations-item div:nth-child(2).webchat-rating-widget-thumbs-up-button svg circle {
    fill: #000;
}
[data-cognigy-webchat-root] .webchat-prev-conversations-item div:nth-child(2) span:nth-child(2) {
    font-weight: 400;
}
[data-cognigy-webchat-root] .webchat-prev-conversations-item img {
    width: 40px;
    height: 40px;
}
[data-cognigy-webchat-root] .webchat-rating-widget-root,
[data-cognigy-webchat-root] .webchat-rating-widget-root div:nth-child(3) {
    height: 100%;
}
[data-cognigy-webchat-root] .webchat-rating-widget-root div:nth-child(3) {
    gap: 16px;
}
[data-cognigy-webchat-root] .webchat-rating-widget-send-button {
    margin-top: auto;
    margin-bottom: 16px;
}
[data-cognigy-webchat-root] .webchat-rating-widget-root textarea,
[data-cognigy-webchat-root] .webchat-rating-widget-root textarea:active {
    height: 158px;
    padding: 10px;
    border-radius: 10px;
}
[data-cognigy-webchat-root] .webchat-rating-widget-root div:has(> textarea),
[data-cognigy-webchat-root] .webchat-rating-widget-root div:has(> textarea:active),
[data-cognigy-webchat-root] .webchat-rating-widget-root div:has(> textarea:focus){
    border: 1px solid var(--Gray-400);
    border-radius: 10px;
    height: 160px;
    padding: 0;
}
[data-cognigy-webchat-root] .webchat-rating-widget-comment-input-field-label {
    padding: 10px;
}
[data-cognigy-webchat-root] .webchat-rating-widget-root div {
    border: 0;
}
[data-cognigy-webchat-root] .webchat-rating-widget-root div:has( div > div > textarea.webchat-rating-widget-comment-input-field):before {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    content: var(--Content-YourFeedback);
}

[data-cognigy-webchat-root] .webchat-rating-widget-root {
    gap: 16px;
}

[data-cognigy-webchat-root] .webchat-rating-widget-root div:has(> textarea:disabled),
[data-cognigy-webchat-root] .webchat-rating-widget-root textarea:disabled {
    background-color: var(--Gray-25);
    color: var(--Gray-400);
}

@media screen and (min-width: 576px) and (max-height: 870px) {
    [data-cognigy-webchat-root] [data-cognigy-webchat] {
        height: calc(100% - 30px);
    }
}
/* Carousel offer without carousel */
[data-cognigy-webchat-root] .webchat-message-row > .webchat-carousel-template-root {
    padding-right:40px;
    padding-left: 20px;
}
[data-cognigy-webchat-root] .webchat-message-row > .webchat-carousel-template-root h2 {
    margin-top: 20px;
}
[data-cognigy-webchat-root] .webchat-carousel-template-frame img {
    border-radius: 0;
}
/* Carousel */
[data-cognigy-webchat-root] .swiper-slide {
    width: 100% !important;
    padding-right:40px;
    padding-left: 40px;
}
[data-cognigy-webchat-root] .swiper-pagination {
    display: none;
}
[data-cognigy-webchat-root] .webchat-carousel-template-frame {
    width: 292px;
    gap: 0;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
    border-radius: 8px;
    padding: 20px;
}

[data-cognigy-webchat-root] .webchat-carousel-template-frame,
[data-cognigy-webchat-root] .webchat-carousel-template-content {
    background-color: #FFF;
    border: none;
}

[data-cognigy-webchat-root] .webchat-carousel-template-title {
    color: #000 !important;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    width: 100%;
}
[data-cognigy-webchat-root] .webchat-carousel-template-title {
    margin-top: 10px;
}
[data-cognigy-webchat-root] .webchat-carousel-template-subtitle {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
[data-cognigy-webchat-root] article .swiper .gallery-button-next,
[data-cognigy-webchat-root] article .swiper .gallery-button-prev {
    transform: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 10px;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
    border-radius: 4px;
    top: calc(365px / 2 - 8px);
}
[data-cognigy-webchat-root] article .swiper .gallery-button-next {
    right: 10px;
}
[data-cognigy-webchat-root] article .swiper .gallery-button-prev {
    left: 15px;
}
[data-cognigy-webchat-root] article .swiper .gallery-button-next svg {
    transform: rotate(180deg);
}

[data-cognigy-webchat-root] article .swiper .gallery-button-next path,
[data-cognigy-webchat-root] article .swiper .gallery-button-prev path {
    background-color: #000;
    fill: #000;
}
[data-cognigy-webchat-root] article .swiper .gallery-button-next:hover,
[data-cognigy-webchat-root] article .swiper .gallery-button-prev:hover {
    box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
}

[data-cognigy-webchat-root] .webchat-header-back-button svg,
[data-cognigy-webchat-root] .webchat-header-minimize-button svg,
[data-cognigy-webchat-root] .webchat-header-close-button svg,
[data-cognigy-webchat-root] .webchat-homescreen-close-button svg,
[data-cognigy-webchat-root] [data-header-menu-button] svg {
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
[data-cognigy-webchat-root] .logoNameContainer {
    margin-inline: 15px auto !important;
}
[data-cognigy-webchat-root] .logoNameContainer img.webchat-header-logo {
    margin-inline: 0;
}
[data-cognigy-webchat-root] .webchat-header-bar div:first-child{
    width: initial !important;
}
[data-cognigy-webchat-root] [data-header-menu-button] svg {
    mask: var(--ThreeDotsButton) no-repeat center !important;
    background-image: var(--ThreeDotsButton) !important;
}

[data-cognigy-webchat-root] [data-header-menu-button]:hover svg {
    mask: var(--ThreeDotsHoverButton) no-repeat center !important;
    background-image: var(--ThreeDotsHoverButton) !important;
}

[data-cognigy-webchat-root] .webchat-header-back-button svg {
    mask: var(--ArrowLeft) no-repeat center !important;
    background-image: var(--ArrowLeft) !important;
}
[data-cognigy-webchat-root] .webchat-header-back-button:hover svg {
    mask: var(--ArrowLeftBold) no-repeat center !important;
    background-image: var(--ArrowLeftBold) !important;
}
[data-cognigy-webchat-root] .webchat-privacy-policy-link svg {
    mask: var(--ArrowLeft) no-repeat center !important;
    background-image: var(--ArrowLeft) !important;
    background-repeat: no-repeat;
    background-position: center;
    fill: none;
}
[data-cognigy-webchat-root] .webchat-privacy-policy-link:hover p {
    font-weight: 700;
    color: #000;
}
[data-cognigy-webchat-root] .webchat-privacy-policy-link:hover svg {
    mask: var(--ArrowLeftBold) no-repeat center !important;
    background-image: var(--ArrowLeftBold) !important;
}
[data-cognigy-webchat-root] .webchat-header-minimize-button svg {
    mask: var(--MinusButton) no-repeat center !important;
    background-image: var(--MinusButton) !important;
}
[data-cognigy-webchat-root] .webchat-header-minimize-button:hover svg {
    mask: var(--MinusButtonBold) no-repeat center !important;
    background-image: var(--MinusButtonBold) !important;
}

[data-cognigy-webchat-root] .webchat-header-close-button svg,
[data-cognigy-webchat-root] .webchat-homescreen-close-button svg {
    mask: var(--CloseButton) no-repeat center !important;
    background-image: var(--CloseButton) !important;
}

[data-cognigy-webchat-root] .webchat-header-close-button:hover svg,
[data-cognigy-webchat-root] .webchat-homescreen-close-button:hover svg {
    mask: var(--CloseButtonBold) no-repeat center !important;
    background-image: var(--CloseButtonBold) !important;
}
/** RATING **/
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-down-button {
    width: 182px;
    height: 100px;
    background: var(--Gray-25);
    border-radius: 8px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-down-button::after,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button::after {
    color: var(--Gray-400);
    display: block;
    text-align: center;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 700;
}
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-down-button::after {
    content: var(--Content-Negative);
}

[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button::after {
    content: var(--Content-Positive);
}
[data-cognigy-webchat-root] [aria-pressed="true"].webchat-rating-widget-thumbs-up-button::after,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button:hover::after {
    color: var(--Green-600);
}

[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button svg,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-down-button svg {
    mask: var(--ThumbsDownButton) no-repeat center !important;
    background-image: var(--ThumbsDownButton) !important;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    fill:none;
}

[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button svg {
    transform: scaleY(-1);
}

[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button svg path,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-down-button svg path {
    fill: #575855;
}

[data-cognigy-webchat-root] [aria-pressed="true"].webchat-rating-widget-thumbs-up-button,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button:hover {
    background: var(--Green-25);
    border: 2px solid var(--Green-600);
}

[data-cognigy-webchat-root] [aria-pressed="true"].webchat-rating-widget-thumbs-up-button svg path,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-up-button:hover svg path {
    fill: var(--Green-600);
}

[data-cognigy-webchat-root] [aria-pressed="true"].webchat-rating-widget-thumbs-down-button,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-down-button:hover {
    background: var(--BrandRed-25);
    border: 2px solid var(--BrandRed-600);
}

[data-cognigy-webchat-root] [aria-pressed="true"].webchat-rating-widget-thumbs-down-button svg path,
[data-cognigy-webchat-root] [aria-pressed="true"].webchat-rating-widget-thumbs-down-button::after,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-down-button:hover svg path,
[data-cognigy-webchat-root] .webchat-rating-widget-thumbs-down-button:hover::after {
    fill: var(--BrandRed-600);
    color: var(--BrandRed-600);
}

[data-cognigy-webchat-root] .webchat-input {
    box-shadow: -4px -4px 20px rgba(87, 88, 85, 0.1);
    border-top: 0;
    padding: 11px 16px 11px 20px;
    gap:initial;
}
/*
[data-cognigy-webchat-root] .webchat-input textarea {
    margin-top: 12px;
}
*/

[data-cognigy-webchat-root] .webchat-input-message-input {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--Gray-400);
    border: none;
}
[data-cognigy-webchat-root] .webchat-input-button-send {
    font-weight: bold;
    width: 104px;
    height: 56px;
    border-radius: 99px;
    cursor: pointer;
}
[data-cognigy-webchat-root] .webchat-input-button-send:hover {
    background-color: var(--ChatBackground);
}
[data-cognigy-webchat-root] .webchat-input-button-send svg {
    width: 24px;
    height: 24px;
}
[data-cognigy-webchat-root] .webchat-input-button-send {
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-cognigy-webchat-root] .webchat-input-button-send:before {
    content: var(--Content-Send);
    display: inline-block;
    margin-right: 7px;
    color: black;
}
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-button-send svg {
    content: "";
}
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-button-send svg * {
    display: none;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-button-send svg {
    mask: var(--SubmitButton) no-repeat center !important;
    background-color: black !important;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
}
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-button-send:disabled:before {
    color:rgb(153, 153, 153) !important;
}
[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input-button-send:disabled svg {
    background-color: rgb(153, 153, 153) !important;
}

[data-cognigy-webchat-root] .adaptivecard-wrapper div {
    border: none;
}
[data-cognigy-webchat-root] .webchat-message-row.bot .chat-bubble {
    max-width: calc(100% - 40px) !important;
}
[data-cognigy-webchat-root] .ac-textRun {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--Gray-400);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
[data-cognigy-webchat-root] .ac-input-container input {
    height: 37px;
    border: 1px solid var(--Gray-400);
    border-radius: 4px;
    outline:none;
}
[data-cognigy-webchat-root] .ac-input-container input:active,
[data-cognigy-webchat-root] .ac-input-container input:focus{
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
}

@media screen and (min-width: 576px) {
    [data-cognigy-webchat-root] [data-cognigy-webchat] {
        bottom: 14px;
        right: 85px;
    }
}

/* Hide the default toggle button */
[data-cognigy-webchat-root] [data-cognigy-webchat-toggle].webchat-toggle-button {
    display: none;
}
#custom-webchat-toggle-button {
    width: 56px;
    height: 56px;
    border-radius: 9999px;
    border: 2px solid black;
    background-color: #FFF;
    cursor: pointer;
    position: fixed;
    bottom: 14px;
    right: 14px;
    z-index: 999;
}
.custom-webchat-desktop-label {
    display: block;
}
.custom-webchat-mobile-icon {
    display: none;
}
@media screen and (min-width: 576px) {

    #custom-webchat-toggle-button {
        z-index: 999999;
    }
    #custom-webchat-toggle-button:not(.active) {
        border: none;
        width: 154px;
        height: 56px;
        background: var(--ButtonBgColor);
        color: var(--ButtonColor);
        border-radius: 9999px !important;
        font-size: 16px;
        font-weight: 700;
    }
    #custom-webchat-toggle-button:not(.active):hover {
        background: var(--ButtonBgColorHover);
    }
    #custom-webchat-toggle-button.active .desktop-label {
        display: none;
    }
    #custom-webchat-toggle-button:not(.active) .custom-webchat-desktop-label-text {
        display: block;
    }
    #custom-webchat-toggle-button.active .custom-webchat-desktop-label-text {
        display: none;
    }
    #custom-webchat-toggle-button:not(.active) .custom-webchat-desktop-label-icon {
        display: none;
    }
    #custom-webchat-toggle-button.active .custom-webchat-desktop-label-icon {
        display: block;
    }
}
@media screen and (max-width: 576px) {
    [data-cognigy-webchat-root] .webchat {
        max-width: initial;
    }
    .custom-webchat-desktop-label {
        display: none;
    }
    .custom-webchat-mobile-icon {
        display: block;
    }
}
/**** Carousel with only one element ****/
[data-cognigy-webchat-root] .webchat-message-row > .webchat-carousel-template-root .webchat-carousel-template-frame {
    box-shadow: none;
}
[data-cognigy-webchat-root] .webchat-message-row > .webchat-carousel-template-root .webchat-carousel-template-frame div:first-child {
    margin-bottom: 30px;
}
[data-cognigy-webchat-root] .webchat-message-row > .webchat-carousel-template-root .webchat-carousel-template-frame div:first-child h2 {
    bottom: -30px;
}
[data-cognigy-webchat-root] .webchat-message-row > .webchat-carousel-template-root .webchat-carousel-template-frame div:first-child img {
    border-radius: 8px;
}

[data-cognigy-webchat-root] .webchat-chat-options-container div:last-of-type {
    background: none;
    padding: 0;
}