/*High-tech IOS fix below*/
body.noScroll {
    position: fixed !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none  !important;
}
body.noScroll::-webkit-scrollbar {
    display: none !important;
}

/*temp*/
.chat__item-ai-container img, .chat__item-txt .actions {
    display: none !important;
}
.chat__item-ai-container .rest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 12px 0;
}
.chat__item-ai-container .rest .r-num {
    margin-right: 4px;
}
.chat__item-ai-container .rest .r-name {
    font-size: 18px;
}

/*common*/
.pierre_modal__wrap p {
    margin: 0;
}
.pierre_modal__wrap button, .pierre_modal__wrap input, .pierre_modal__wrap textarea, .pierre_modal__wrap input:focus, .pierre_modal__wrap textarea:focus, .pierre_modal__wrap input:active, .pierre_modal__wrap textarea:active  {
    -webkit-appearance: none;
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0;
}
.pierre_modal__wrap button {
    cursor: pointer;
}
.pierre_modal__wrap input {
    background-color: #F5F5F5;
}
.pierre_modal__wrap input, .pierre_modal__wrap textarea {
    color: #7A7A7A;
}


.pierre-assist-button__main {
    position: fixed;
    right: 40px;
    bottom: 0;
    background-color: #ffffff;
    border: 1px solid #E0E0E0;
    border-radius: 20px 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 90000;
    overflow: hidden;
    border-bottom: none;
}
.pierre-assist-button__main img {
    display: block;
    margin-right: 12px;
}
.pierre-assist-button__main button {
    color: #333333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-weight: 600;
    -webkit-appearance: none;
    font-size: 16px;
    border: none;
    outline: none;
    padding: 8px 16px 4px 8px;
    background-color: transparent;
}
.pierre-assist-button__main button::after {
    content: '';
    display: block;
    width: 12px;
    height: 7px;
    margin-left: 7px;
    background: transparent url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3220%200%2016.02%208.88%22%3E%3Cpath%20d%3D%22M8.01%2C2.49L1.96%2C8.54c-.23%2C.23-.5%2C.34-.81%2C.33-.31%2C0-.58-.12-.81-.35-.23-.23-.34-.5-.34-.81s.11-.58%2C.34-.81L6.66%2C.56c.19-.19%2C.4-.33%2C.64-.42%2C.23-.09%247-.14%2C.71-.14s.47%2C.05%2C.71%2C.14c.23%2C.09%2C.45%2C.23%2C.64%2C.42l6.34%2C6.34c.23%2C.23%2C.34%2C.5%2C.33%2C.82%2C0%2C.32-.12%2C.59-.35%2C.82-.23%2C.23-.5%2C.34-.81%2C.34s-.58-.11-.81-.34L8.01%2C2.49Z%22%20ste%3D%22fill%3A%23292929%3B%22%2F%3E%3C%2Fsvg%3E') no-repeat right center;
    }


    .chat__prompts-wrap {
    scrollbar-width: none;
    -ms-overflow-style: none; /* IE and Edge */
    -webkit-overflow-scrolling: touch;
    }
    .chat__prompts-wrap::-webkit-scrollbar {
    display: none; /* WebKit-based browsers (Chrome, Safari) */
}

@-moz-document url-prefix() {
    .chat__container, .shown .pierre_header__title-list {
        scrollbar-width: thin;
        scrollbar-color:  #E0E0E0 transparent;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*custom scrollbar*/
    .chat__container::-webkit-scrollbar, .shown .pierre_header__title-list::-webkit-scrollbar {
        width: 12px;
        background-color: transparent;
    }
    .chat__container::-webkit-scrollbar-thumb, .shown .pierre_header__title-list::-webkit-scrollbar-thumb {
        width: 8px;
        background-color: #E0E0E0;
        border-radius: 8px;
    }
}
.pierre_modal__wrap {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    /*bottom: 0;*/
    height: 100%;
    right: 0;
    z-index: 90000000;
    background-color: #ffffff;
    border-radius: 12px;
}
.panel-left, .panel-right {
    /*padding: 24px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.panel-left {
    justify-content: flex-end;
}
.panel-right {
    margin-left: -6px;
}
.pierre_modal__wrap main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.pierre_modal__wrap .prompt__container, .chat__scroller {
    max-width: 696px;
}





/*pierre_header*/
.pierre_header {
    height: 56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    position: relative;
    padding: 4px 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-direction: row-reverse;
    border-radius: 12px;
}
.pierre_header.bottom_border::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, rgba(245, 245, 245, 0) 25%, #E0E0E0 50%, rgba(245, 245, 245, 0) 75%);
}
.pierre_header__title {
    line-height: 30px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    padding: 0 8px 0 16px;
    border: 1px solid #E0E0E0;
    color: #3D3D3D;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.pierre_header__title.disabled {
    opacity: .5;
    pointer-events: none;
}

.pierre_header__title-img {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pierre_header__title-list {
    display: none;
}

.shown .pierre_header__title-list {
    display: block;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #F5F5F5;
    border: 1px solid #E0E0E0;
    position: absolute;
    top: calc(100% - 1px);
    z-index: 20;
    padding: 8px;

    width: 360px;
    left: 50%;
    transform: translateX(-50%);
    max-height: 146px;
    overflow: auto;
}

.pierre_modal__wrap:not(.windowed) .shown .pierre_header__title-list{
    width: 540px;
}

.title-list__item {
    color: #7A7A7A;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    border-radius: 8px;
    cursor: pointer;
}

.title-list__item span {
    flex-shrink: 0;
}
.title-list__item .title-list__item-txt{
    color: #3D3D3D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    flex-grow: 1;
    margin: 0 8px;
}

/*panel-left*/
.panel-left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    border-radius: 6px;
    padding: 0 6px;
    margin-right: -6px;
    text-decoration: none;
}


.panel-left__img {
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.panel-left__back-btn img{
    display: block;
}
.panel-left__menu a:not(:last-child){
    margin-bottom: 16px;
}
.panel-left__menu a img {
    margin-right: 11px;
}

/*panel-right*/
.panel-right__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.panel-right__menu-search {
    margin-right: 8px;
    position: relative;
}
.panel-right button {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;

}


#panel-right__small-window, #panel-right__full-window {
    margin-left: 8px;
}

/*search*/
.menu-search__row {
    /*display: none;*/
    position: absolute;
    right: -4px;
    top: -4px;
    opacity: 0;
}
#menu-search__row-elem {
    font-size: 16px;
    padding: 12px 33px 12px 16px;
    height: 40px;
    border-radius: 40px;
    background-color: #F5F5F5;
    width: 0;
    -webkit-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}
.search_shown.menu-search__row {
    opacity: 1;
    z-index: 15;
}
.pierre_modal__wrap .search_shown.menu-search__row #menu-search__row-elem{
    width: 360px;
    padding-right: 48px;
    opacity: 1;
}
#menu-search__row-elem::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}
#menu-search__close {
    position: absolute;
    right: 8px;
    top: 4px;
}
#menu-search__open {
    position: relative;
    z-index: 10;
}

/*dots menu*/
.panel-right__menu-dots {
    position: relative;
}
.menu-dots__dropdown {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #F5F5F5;
    padding: 8px;
    border-radius: 12px;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 275px;
    border: 1px solid #E0E0E0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.menu-shown .menu-dots__dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 20;
}
.menu-dots__dropdown a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
}

.menu-dots__dropdown-img {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
}

/*chat*/
.assistant_confirm_filters, .assistant_button_chat, .assistant_google_map, .assistant_request_geo {
    display: block;
    margin: 6px 0 0;
}
.chat__btn-confirm.disabled_link{
    color: #8F8F8F;
    cursor: not-allowed;
}
.chat__item-wrap {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.chat__item-wrap-user {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.chat__container {
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    overflow: auto;

    display: flex;
    flex-direction: column;
    align-items: center;
}
.chat__scroller {
    position: relative;
    /*max-width: 696px;*/
    width: 100%;
    /*left: 50%;*/
    /*-webkit-transform: translateX(-50%);*/
    /*-ms-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.chat__item-ai {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.chat__item-ai a {
    color: #5195de;
    text-decoration: underline;
    /*display: block;*/
}

.chat__item-ai ol, .chat__item-ai ul {
    padding: 8px 0 8px 20px;
    list-style-type: disc;
}

.chat__item-ai li:not(:last-child) {
    margin-bottom: 4px;
}

.chat__item-avatar {
    margin-right: 8px;
}
.chat__item-ai-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-direction: column;
    /*max-width: 81%;*/
}
.chat__item-ai-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    min-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.chat__item-ai-container iframe {
    height: 100%;
    width: 500px;
    max-width: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.chat__item-txt {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: text;
}
.chat__item-time {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 13px;
    font-weight: 500;
    color: #8F8F8F;
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.chat__item-ai-waitmsg {
    margin-top: 2px;
    margin-right: 8px;
}

.chat__item-user {
    max-width: 89%;
    padding: 8px 12px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 20px;
    background: #F0F4F8;
    color: #5B5B5B;
}
.chat__item-check {
    margin-left: 8px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    flex-shrink: 0;
}
#chat-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
#chat-dots span{
    width: 16px;
    height: 16px;
    display: block;
    background-color: #E0E0E0;
}
#pierre_modal #chat__btn-scroll {
    position: absolute;
    top: -40px;
    left: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #333;
    margin-left: -14px;
    opacity: .7;
    display: none;
    border-radius: 12px;
    background-color: #ffffff;
}

#pierre_modal #chat__btn-scroll img {
    margin: 7px auto;
}


.chat__prompts-container {
    display: flex;
    align-items: flex-end;
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px;
    flex-grow: 1;
}

.chat__prompts-wrap {
    display: flex;
    justify-content: space-between;
    max-height: 100%;
}
.chat__prompts-item {
    padding: 8px 16px;
    color: #5B5B5B;
    position: relative;
    cursor: pointer;
    width: calc(50% - 12px);
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #CBCBCB;
}

.chat__prompts-item span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    -o-line-clamp: 4;
    overflow: hidden;
}


#chat-dots .dot_1 {
    border-radius: 24px 24px 24px 16px;
    -webkit-animation: animate_dot_1 1.5s linear infinite;
    animation: animate_dot_1 1.5s linear infinite;
}
@-webkit-keyframes animate_dot_1 {
    0%, 100% {
        border-radius: 24px 24px 24px 16px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    17% {
        border-radius: 24px;
        background-color: #B8B8B8;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    34% {
        border-radius: 24px 20px 24px 20px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    51% {
        border-radius: 24px 20px 24px 20px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    68% {
        border-radius:24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}
@keyframes animate_dot_1 {
    0%, 100% {
        border-radius: 24px 24px 24px 16px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    17% {
        border-radius: 24px;
        background-color: #B8B8B8;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    34% {
        border-radius: 24px 20px 24px 20px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    51% {
        border-radius: 24px 20px 24px 20px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    68% {
        border-radius:24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}

#chat-dots .dot_2 {
    border-radius: 20px 24px 20px 24px;
    -webkit-animation: animate_dot_2 1.5s linear infinite;
    animation: animate_dot_2 1.5s linear infinite;
    margin: 0 8px;
}
@-webkit-keyframes animate_dot_2 {
    0%, 100% {
        border-radius: 20px 24px 20px 24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    17% {
        border-radius: 20px 24px 20px 20px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    34% {
        border-radius: 24px;
        background-color: #B8B8B8;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    51% {
        border-radius: 24px 24px 20px 20px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    68% {
        border-radius: 20px 24px 24px 24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}
@keyframes animate_dot_2 {
    0%, 100% {
        border-radius: 20px 24px 20px 24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    17% {
        border-radius: 20px 24px 20px 20px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    34% {
        border-radius: 24px;
        background-color: #B8B8B8;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    51% {
        border-radius: 24px 24px 20px 20px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    68% {
        border-radius: 20px 24px 24px 24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
}

#chat-dots .dot_3 {
    border-radius: 20px 24px 20px 24px;
    -webkit-animation: animate_dot_3 1.5s linear infinite;
    animation: animate_dot_3 1.5s linear infinite;
}
@-webkit-keyframes animate_dot_3 {
    0%, 100% {
        border-radius:  20px 24px 20px 24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    17% {
        border-radius: 24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    34% {
        border-radius: 20px 24px 20px 24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    51% {
        border-radius: 24px 24px 20px 24px;
        background-color: #B8B8B8;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    68% {
        border-radius: 24px 24px 24px 20px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
}
@keyframes animate_dot_3 {
    0%, 100% {
        border-radius:  20px 24px 20px 24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    17% {
        border-radius: 24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    34% {
        border-radius: 20px 24px 20px 24px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    51% {
        border-radius: 24px 24px 20px 24px;
        background-color: #B8B8B8;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    68% {
        border-radius: 24px 24px 24px 20px;
        background-color: #E0E0E0;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
    }
}


/*chat btns*/
.chat__btns-wrap {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin: 4px -2px 4px;
}
.chat__btns-wrap a {
    padding: 9px;
    background-color: #F5F5F5;
    color: #792A2A;
    border: 1px solid #E0E0E0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    box-sizing: border-box;
    text-decoration: none;
    /*margin-bottom: 4px;*/
    min-width: calc(50% - 4px);
    margin: 0 2px 4px;
    max-width: 100%;
    flex-grow: 1;
}
.chat__btns-wrap a span {
    text-align: center;
}
.chat__btns-wrap a:hover {
    text-decoration: none;
}


/*search*/
.pierre_modal__wrap .prompt__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 0 24px;
    width: 100%;
    /*max-width: 696px;*/
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 0 -8px 12px 0 #FFFFFF;
    box-shadow: 0 -8px 12px 0 #FFFFFF;
}
.pierre_modal__wrap .prompt__elem {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    padding: 23px 48px 23px 20px;
    cursor: auto;
    border: 1px solid #8a8a8a;
}
.pierre_modal__wrap .prompt__elem #prompt__row {
    color: #292929;
}
.pierre_modal__wrap #prompt__row {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    max-height: 192px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    border: none;
    font-size: 16px;
}
.pierre_modal__wrap #prompt__row:focus {
    color: #3D3D3D;
}
.pierre_modal__wrap #prompt__row:focus, .pierre_modal__wrap #prompt__row:active {
    border: none;
    outline: none;
    background-color: #fff;
}
#prompt__elem-voice_btn, #prompt__elem-send_btn, #chat__btn-scroll {
    -webkit-appearance: none;
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: transparent;
    /*border-radius: 12px;*/
    right: 4px;
    bottom: 34px;
    outline: none;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#prompt__elem-send_btn.disabled {
    pointer-events: none;
    opacity: .3;
    cursor: auto;
}

/*tooltips*/
.tooltip.tooltip__pierre-chat {
    white-space: nowrap;
    z-index: 200000000;
}


@media (max-width: 1500px) {
    .pierre_header::after {
        display: none;
    }
}
@media (max-width: 1230px) {
    .pierre-assist-button:not(.try-msg) {
        right: 15px;
    }
}
@media (max-width: 740px) {
    .pierre_header::after {
        display: block;
        background-image: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #E0E0E0 50%, rgba(245, 245, 245, 0) 100%);
    }
    #panel-right__small-window, #panel-right__full-window {
        display: none !important;
    }
    .pierre_header {
        height: 48px;
    }
    #menu-search__row-elem {
        height: 32px;
    }
    #menu-search__close, .menu-search__row {
        top: 0;
    }
    .pierre_modal__wrap .search_shown.menu-search__row #menu-search__row-elem {
        width: 280px;
    }
    .menu-dots__dropdown {
        width: 257px;
    }
    .pierre_modal__wrap .prompt__container {
        max-width: calc(100% - 32px);
    }
    .chat__item-user {
        max-width: 90%;
    }
    /*
    .chat__item-ai-wrap {
        max-width: 80%;
    }
     */

    .pierre_modal__wrap .back-btn__full-windowed{
        display: none;
    }

    .chat__prompts-wrap {
        overflow: auto;
        padding-bottom: 40px;
        margin-bottom: -40px;
        clip-path: inset(0 0 30px 0);
    }
    .chat__prompts-item {
        width: 296px;
        flex-shrink: 0;
        margin-right: 8px;
    }
    .chat__prompts-item span {
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
    }
    .chat__prompts-container {
        position: relative;
        overflow: hidden;
    }

    .chat__prompts-container::after {
        content: '';
        position: absolute;
        right: -5px;
        bottom: 0;
        top: 0;
        width: 20px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    }


}
@media (max-width: 400px) {
    .pierre_modal__wrap .search_shown.menu-search__row #menu-search__row-elem {
        width: 252px;
    }
    .pierre_modal__wrap {
        font-size: 15px;
    }
    .shown .pierre_header__title-list {
        width: calc(100% - 32px);
    }
}
@media (max-width: 360px) {
    .chat__item-avatar {
        display: none;
    }
    /*
    .chat__item-ai-wrap {
        max-width: 92%;
    }
     */
    .chat__item-time {
        font-size: 11px;
    }
    .pierre_modal__wrap .prompt__elem {
        padding-left: 18px;
    }
    .pierre_modal__wrap #prompt__row{
        font-size: 14px;
    }
}

/*Windowed chat styles*/
@media (min-width: 741px) {
    .pierre_modal__wrap.windowed {
        overflow: hidden;
        bottom: 25px;
        right: 32px;
        top: auto;
        left: auto;
        max-height: 696px;
        height: calc(100% - 52px);
        width: 432px;
        cursor: grab;
    }
    .pierre_modal__wrap:not(.windowed) {
        left: 0 !important;
        top: 0 !important;
        cursor: auto !important;
    }

    .pierre_modal__wrap:not(.windowed) .back-btn__small-windowed{
        display: none;
    }
    .pierre_modal__wrap.windowed .back-btn__full-windowed{
        display: none;
    }

    .windowed .prompt__container {
        max-width: calc(100% - 32px);
    }

    .windowed .chat__prompts-wrap {
        flex-wrap: wrap;
    }
    .windowed .chat__prompts-item {
        margin-right: 0;
        margin-bottom: 4px;
        width: 100%;
    }
    .pierre_modal__wrap:not(.windowed) .chat__prompts-wrap{
        flex-wrap: wrap;
    }
    .pierre_modal__wrap:not(.windowed) .chat__prompts-item{
        width: calc(50% - 4px);
        margin-bottom: 8px;
    }
    .windowed .chat__prompts-item:last-child {
        margin-bottom: 0;
    }
    .windowed .chat__prompts-item span {
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
    }

    /*hovers below*/
    .pierre-assist-button button:hover {
        background-color: #E0E0E0;
    }
    .pierre_header__title:not(.shown):hover {
        opacity: .8;
    }
    .title-list__item:hover {
        background-color: #ffffff;
    }
    .panel-left a:hover {
        background-color: #D9D9D9;
        text-decoration: none;
    }
    .panel-left a:hover span {
        color: #333333;
    }
    .panel-right button:hover {
        background-color: #D9D9D9;
    }
    .panel-right button:hover img {
        -webkit-filter: brightness(.5);
        filter: brightness(.5);
    }
    .menu-dots__dropdown a:hover {
        background-color: #ffffff;
        text-decoration: none;
        border-radius: 8px;
    }
    /*
    .chat__item-ai a:not(.disabled_link):hover {
        color: #b74343;
    }

     */
    #pierre_modal #chat__btn-scroll:hover {
        opacity: 1;
    }
    .chat__prompts-item:hover {
        background-color: #5195DE;
        color: #fff;
    }
    #prompt__elem-send_btn:not(.disabled):hover {
        opacity: .85;
    }
}

#apply_map_google {
    position: fixed;
    right: 58px;
    bottom: 23px;
    color: #fff;
    background-color: #a90f17;
    font-size: 16px;
    line-height: 34px;
    display: inline-block;
    padding: 0 14px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 9000000001;
}
#apply_map_google:hover {
    text-decoration: underline;
}

.map_expand_btn {
    display: block;
    position: fixed;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Ctitle%3Efull_screen%3C%2Ftitle%3E%3Cpolygon%20points%3D%2224%2010.6%2022.8%2010.6%2022.8%205.2%2017.4%205.2%2017.4%204%2024%204%2024%2010.6%22%20style%3D%22fill%3A%23b71c1c%22%2F%3E%3Crect%20x%3D%2213.8%22%20y%3D%227.97%22%20width%3D%2211.3%22%20height%3D%221.2%22%20transform%3D%22translate(-0.36%2016.26)%20rotate(-45)%22%20style%3D%22fill%3A%23b71c1c%22%2F%3E%3Cpolygon%20points%3D%224%2017.4%205.2%2017.4%205.2%2022.8%2010.6%2022.8%2010.6%2024%204%2024%204%2017.4%22%20style%3D%22fill%3A%23b71c1c%22%2F%3E%3Crect%20x%3D%222.97%22%20y%3D%2218.76%22%20width%3D%2211.3%22%20height%3D%221.2%22%20transform%3D%22translate(-11.16%2011.77)%20rotate(-45)%22%20style%3D%22fill%3A%23b71c1c%22%2F%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%20style%3D%22fill%3Anone%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(129, 129, 129, .5);
    box-shadow: 0 1px 2px 0 rgba(129, 129, 129, .5);
    cursor: pointer;
    z-index: 90000000001;
}
.map_close_button {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.976139%2012.9576L13.7794%200.154393L15.0133%201.38831L2.21006%2014.1916L0.976139%2012.9576ZM0.976139%201.39886L2.22061%200.154394L15.0133%2012.9471L13.7688%2014.1916L0.976139%201.39886Z%22%20fill%3D%22%23b71c1c%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
}

/*Icons*/
.chat__item-check {
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%209%22%3E%3Cpath%20d%3D%22M3.45%2C8.76L.22%2C5.35C.07%2C5.19%2C0%2C5%2C0%2C4.79c0-.21%2C.09-.4%2C.24-.56%2C.15-.15%2C.33-.22%2C.53-.23%2C.2%2C0%2C.38%2C.07%2C.53%2C.23l3.76%2C3.97-.55%2C.56c-.15%2C.15-.33%2C.22-.53%2C.23-.2%2C0-.38-.07-.53-.23Zm4.29%2C0l-3.23-3.41c-.14-.15-.21-.33-.21-.55s.07-.41%2C.21-.57c.15-.16%2C.33-.24%2C.54-.24s.39%2C.08%2C.54%2C.24l2.68%2C2.83L14.72%2C.23C14.87%2C.07%2C15.05%2C0%2C15.25%2C0c.2%2C0%2C.38%2C.09%2C.53%2C.25%2C.14%2C.16%2C.21%2C.35%2C.22%2C.56%2C0%2C.21-.07%2C.4-.22%2C.56l-6.98%2C7.38c-.15%2C.16-.33%2C.24-.53%2C.24s-.38-.08-.53-.24Zm.53-3.97l-1.08-1.12L10.41%2C.25c.14-.15%2C.31-.22%2C.52-.22s.39%2C.07%2C.54%2C.22c.15%2C.16%2C.23%2C.35%2C.23%2C.57s-.08%2C.41-.23%2C.57l-3.21%2C3.39Z%22%20style%3D%22fill%3A%23b8b8b8%3B%22%2F%3E%3C%2Fsvg%3E');
    background-size: 16px 9px;
    background-position: 100% 4px;
    background-repeat: no-repeat;
}
.chat__item-check.sended {
    background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%209%22%3E%3Cpath%20d%3D%22M4.1%2C7.04L10.68%2C.24c.16-.16%2C.34-.24%2C.54-.24s.39%2C.08%2C.54%2C.24c.16%2C.16%2C.23%2C.35%2C.23%2C.57s-.08%2C.41-.23%2C.57l-7.12%2C7.38c-.16%2C.16-.34%2C.24-.54%2C.24s-.39-.08-.54-.24L.22%2C5.31C.07%2C5.15%2C0%2C4.96%2C0%2C4.74c0-.22%2C.09-.41%2C.24-.57%2C.16-.16%2C.34-.24%2C.55-.24s.4%2C.08%2C.55%2C.24l2.75%2C2.87Z%22%20style%3D%22fill%3A%23b8b8b8%3B%22%2F%3E%3C%2Fsvg%3E');
    background-size: 12px 9px;
}

.panel-left a.back-btn__full-windowed  {
    color: #292929;
    height: 32px;
    padding-left: 32px;
    background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cpath%20d%3D%22M2.1%2C9l7.6%2C7.3c.2%2C.2%2C.3%2C.5%2C.3%2C.7%2C0%2C.3-.1%2C.5-.3%2C.7-.2%2C.2-.4%2C.3-.7%2C.3s-.5-.1-.7-.3L.6%2C10.2c-.2-.2-.3-.4-.4-.6-.2-.2-.2-.4-.2-.6s0-.4%2C.1-.7c.1-.2%2C.3-.4%2C.4-.6L8.3%2C.3c.2-.2%2C.4-.3%2C.7-.3s.5%2C.1%2C.7%2C.3c.2%2C.2%2C.3%2C.4%2C.3%2C.7s-.1%2C.5-.3%2C.7L2.1%2C9Z%22%20style%3D%22fill%3A%23292929%3B%22%2F%3E%3C%2Fsvg%3E');
    background-size: 10px 18px;
    background-position: 10px 7px;
    background-repeat: no-repeat;
}

.chat__item-avatar {
    position: relative;
    width: 40px;
    flex-shrink: 0;
}
.chat__item-avatar:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url('/images/assist/si-icon.svg?1') no-repeat center;
    background-size: cover;
}

.tooltip {
    position: absolute;
    padding: 10px;
    background-color: #565656;
    color: #fff;
    border-radius: 8px;
    display: none;
    z-index: 90000012;
    font-size: 14px;
    line-height: 1.2em;
    box-sizing: border-box
}

.tooltip-arrow {
    position: absolute;
    width: 28px;
    height: 20px;
    background: url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2027.68%2019%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Crect%20x%3D%225.84%22%20width%3D%2216%22%20height%3D%2219%22%20style%3D%22fill%3Anone%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20style%3D%22clip-path%3Aurl(%23b)%3B%22%3E%3Cpath%20d%3D%22M12.28%2C.95c.8-1%2C2.32-1%2C3.12%2C0l11.84%2C14.8c1.05%2C1.31%2C.12%2C3.25-1.56%2C3.25H2c-1.68%2C0-2.61-1.94-1.56-3.25L12.28%2C.95Z%22%20style%3D%22fill%3A%23565656%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
    background-size: contain
}

.tooltip-arrow-bottom {
    top: -8px
}

.tooltip-arrow-top {
    bottom: -8px
}

.top_button {
    bottom: 70px;
}

@media (max-width: 565px) {

    body.mobile_compact:not(.pierre_assist_enabled) .pierre-assist-button__main, body.menu_page:not(.pierre_assist_enabled) .pierre-assist-button__main, body.mobile_compact.pierre_assist_enabled .pierre-assist-button__short-txt, body.menu_page.pierre_assist_enabled .pierre-assist-button__short-txt{
        display: none !important;
    }

    body.mobile_compact.pierre_assist_enabled .pierre-assist-button__full-txt, body.menu_page.pierre_assist_enabled .pierre-assist-button__full-txt{
        text-align: left;
        display: block !important;
        font-size: 14px;
        line-height: 1.1;
    }

    .mobile_compact .pierre-assist-button__main, .menu_page .pierre-assist-button__main {
        display: none !important;
        top: 42px;
        bottom: auto;
        width: 100%;
        box-sizing: border-box;
        left: 0;
        right: 0;
        border-radius: 0;
        height: 60px;
        border: 1px solid #E4E5E7;
        border-left: 0;
        border-right: 0;
        z-index: 1990;
    }
    .mobile_compact .pierre-assist-button__main img, .menu_page .pierre-assist-button__main img {
        width: 44px;
        height: 43px;
        flex-shrink: 0;
        margin-right: 8px;
    }
    .mobile_compact .pierre-assist-button__main button, .menu_page .pierre-assist-button__main button {
        padding: 8px 40px 8px 10px;
        font-size: 16px;
    }

    .mobile_compact .pierre-assist-button__close, .menu_page .pierre-assist-button__close {
        position: absolute;
        right: 10px;
        top: 18px;
        display: block;
        width: 20px;
        height: 20px;
        background: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20style%3D%22fill%3Anone%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20style%3D%22clip-path%3Aurl(%23b)%3B%22%3E%3Cpath%20d%3D%22M7.02%2C16.95L16.92%2C7.05m-9.9%2C0l9.9%2C9.9%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23000%3B%20stroke-linecap%3Around%3B%20stroke-linejoin%3Around%3B%20stroke-width%3A1.5px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat right center;
    }
    .mobile_compact .pierre-assist-button__main button::after, .menu_page .pierre-assist-button__main button::after {
        display: none;
    }

    body.mobile_compact .up_btn, body.menu_page  .up_btn{
        bottom: 20px;
    }
}

@media (min-width: 414px) and (max-width: 530px){
    .mobile_compact .pierre-assist-button__main, .menu_page .pierre-assist-button__main {
        top: 48px;
    }
}


/*for search autocomplete*/
.optionDiv__chat.optionDiv {
    border-radius: 10px;
    background: #F0F4F8;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    margin: 0 10px 12px;
    gap: 12px;
    text-decoration: none;
}

#ajax_listOfOptions .optionDiv__chat.optionDiv:before {
    content: '';
    display: block;
    position: static;
    width: 36px;
    height: 36px;
    background: url('/images/assist/si-icon.svg?1') no-repeat;
    background-size: cover;
}

.optionDiv__chat:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin-left: auto;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7%2017L17%207M17%207H7M17%207V17%22%20stroke%3D%22%235B5B5B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A') no-repeat;
}