wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-orange {
background-color: #e27730;
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-orange:hover {
background-color: #cd6622;
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-sm {
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-flag {
background-image: url("../../../images/integrations/ai/flag-usa.svg");
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-clover {
background-image: url("../../../images/integrations/ai/leaf-maple.svg");
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-thumbs-up {
background-image: url("../../../images/integrations/ai/thumbs-up.svg");
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-globe {
background-image: url("../../../images/integrations/ai/globe-americas.svg");
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-palm {
background-image: url("../../../images/integrations/ai/tree-palm.svg");
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-shop {
background-image: url("../../../images/integrations/ai/store.svg");
wpforms-ai-chat .wpforms-ai-chat {
wpforms-ai-chat .wpforms-ai-chat-message-list {
padding: 40px 40px 20px 40px;
height: calc( 100% - 134px);
max-height: calc( 100% - 134px);
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child {
wpforms-ai-chat .wpforms-ai-chat-message-list.wpforms-scrollbar-compact {
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-question {
margin-inline-start: auto;
padding: 15px 20px 15px 20px;
border-start-end-radius: 0;
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-question div > h4:first-child {
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item.wpforms-chat-item-text {
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title {
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title:after {
background-image: url("../../../images/integrations/ai/ai-feature.svg");
background-size: 16px 16px;
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description {
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a {
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:hover, wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:focus {
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-divider {
border-top: 1px solid #dddddd;
wpforms-ai-chat .wpforms-ai-chat-message-input {
background-color: #f8f8f8;
box-shadow: 0 -1px 0 #dddddd;
wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"],
wpforms-ai-chat .wpforms-ai-chat-message-input textarea {
padding-inline-end: 54px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]::placeholder,
wpforms-ai-chat .wpforms-ai-chat-message-input textarea::placeholder {
wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]:disabled,
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:disabled {
background-color: #ffffff;
wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]:focus,
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:focus {
border: 1px solid #777777;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 1px #777777;
wpforms-ai-chat .wpforms-ai-chat-message-input textarea {
padding: 15px 40px 15px 15px;
wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar {
wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-track {
wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0);
border: solid 3px transparent;
wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-resizer, wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-button, wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-corner {
@-moz-document url-prefix() {
wpforms-ai-chat .wpforms-ai-chat-message-input textarea {
scrollbar-color: rgba(0, 0, 0, 0) transparent;
scrollbar-gutter: initial !important;
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar {
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-track {
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.5);
border: solid 3px transparent;
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-resizer, wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-button, wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-corner {
@-moz-document url-prefix() {
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover {
scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
scrollbar-gutter: initial !important;
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send {
background-image: url("../../../images/integrations/ai/icon-send.svg");
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop {
background-image: url("../../../images/integrations/ai/icon-stop.svg");
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send,
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop {
background-repeat: no-repeat;
background-position: center;
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send.wpforms-hidden,
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop.wpforms-hidden {
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send:dir(rtl),
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop:dir(rtl) {
wpforms-ai-chat .wpforms-ai-chat-answer-buttons {
border-top: 1px solid rgba(221, 221, 221, 0.5);
justify-content: space-between;
wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action, wpforms-ai-chat .wpforms-ai-chat-answer-buttons a.wpforms-ai-chat-answer-learn-more {
wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action span, wpforms-ai-chat .wpforms-ai-chat-answer-buttons a.wpforms-ai-chat-answer-learn-more span {
wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action::before {
background-image: url("../../../images/integrations/ai/insert.svg");
background-size: 12px 14px;
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response {
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button {
background-color: transparent;
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike {
background-image: url("../../../images/integrations/ai/thumbs-down.svg");
background-size: 18px 16px;
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike:hover, wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike:focus {
background-image: url("../../../images/integrations/ai/thumbs-down-hover.svg");
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike.clicked {
background-image: url("../../../images/integrations/ai/thumbs-down-solid.svg");
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh {
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh:hover, wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh:focus {
wpforms-ai-chat .wpforms-chat-item-answer-waiting {
wpforms-ai-chat .wpforms-chat-item-answer-waiting:before {
background-image: url("../../../images/integrations/ai/ai-answer-icon.svg");
background-size: 32px 32px;
wpforms-ai-chat .wpforms-chat-item-answer-waiting .wpforms-chat-item-spinner {
background-color: #f8f8f8;
border-radius: 0 24px 24px 24px;
wpforms-ai-chat .wpforms-chat-item-answer,
wpforms-ai-chat .wpforms-chat-item-notice,
wpforms-ai-chat .wpforms-chat-item-warning,
wpforms-ai-chat .wpforms-chat-item-error {
wpforms-ai-chat .wpforms-chat-item-answer:before,
wpforms-ai-chat .wpforms-chat-item-notice:before,
wpforms-ai-chat .wpforms-chat-item-warning:before,
wpforms-ai-chat .wpforms-chat-item-error:before {
background-image: url("../../../images/integrations/ai/ai-answer-icon.svg");
background-size: 32px 32px;
background-repeat: no-repeat;
wpforms-ai-chat .wpforms-chat-item-answer > div,
wpforms-ai-chat .wpforms-chat-item-notice > div,
wpforms-ai-chat .wpforms-chat-item-warning > div,
wpforms-ai-chat .wpforms-chat-item-error > div {
background-color: #f8f8f8;
border-start-start-radius: 0;
wpforms-ai-chat .wpforms-chat-item-answer > div h4,
wpforms-ai-chat .wpforms-chat-item-notice > div h4,
wpforms-ai-chat .wpforms-chat-item-warning > div h4,
wpforms-ai-chat .wpforms-chat-item-error > div h4 {
wpforms-ai-chat .wpforms-chat-item-answer > div ol,
wpforms-ai-chat .wpforms-chat-item-notice > div ol,
wpforms-ai-chat .wpforms-chat-item-warning > div ol,
wpforms-ai-chat .wpforms-chat-item-error > div ol {
padding-inline-start: 20px;
wpforms-ai-chat .wpforms-chat-item-answer > div ol li,
wpforms-ai-chat .wpforms-chat-item-notice > div ol li,
wpforms-ai-chat .wpforms-chat-item-warning > div ol li,
wpforms-ai-chat .wpforms-chat-item-error > div ol li {
wpforms-ai-chat .wpforms-chat-item-answer > div > span,
wpforms-ai-chat .wpforms-chat-item-notice > div > span,
wpforms-ai-chat .wpforms-chat-item-warning > div > span,
wpforms-ai-chat .wpforms-chat-item-error > div > span {
wpforms-ai-chat .wpforms-chat-item-answer > div > span.wpforms-ai-chat-answer-footer-learn-more,
wpforms-ai-chat .wpforms-chat-item-notice > div > span.wpforms-ai-chat-answer-footer-learn-more,
wpforms-ai-chat .wpforms-chat-item-warning > div > span.wpforms-ai-chat-answer-footer-learn-more,
wpforms-ai-chat .wpforms-chat-item-error > div > span.wpforms-ai-chat-answer-footer-learn-more {
wpforms-ai-chat .wpforms-chat-item-answer > div a.wpforms-chat-element-learn-more,
wpforms-ai-chat .wpforms-chat-item-notice > div a.wpforms-chat-element-learn-more,
wpforms-ai-chat .wpforms-chat-item-warning > div a.wpforms-chat-element-learn-more,
wpforms-ai-chat .wpforms-chat-item-error > div a.wpforms-chat-element-learn-more {
wpforms-ai-chat .wpforms-chat-item-answer > div a.wpforms-chat-element-learn-more:hover, wpforms-ai-chat .wpforms-chat-item-answer > div a.wpforms-chat-element-learn-more:focus,
wpforms-ai-chat .wpforms-chat-item-notice > div a.wpforms-chat-element-learn-more:hover,
wpforms-ai-chat .wpforms-chat-item-notice > div a.wpforms-chat-element-learn-more:focus,
wpforms-ai-chat .wpforms-chat-item-warning > div a.wpforms-chat-element-learn-more:hover,
wpforms-ai-chat .wpforms-chat-item-warning > div a.wpforms-chat-element-learn-more:focus,
wpforms-ai-chat .wpforms-chat-item-error > div a.wpforms-chat-element-learn-more:hover,
wpforms-ai-chat .wpforms-chat-item-error > div a.wpforms-chat-element-learn-more:focus {
wpforms-ai-chat .wpforms-chat-item-answer > div pre,
wpforms-ai-chat .wpforms-chat-item-notice > div pre,
wpforms-ai-chat .wpforms-chat-item-warning > div pre,
wpforms-ai-chat .wpforms-chat-item-error > div pre {
background-color: #eaeaea;
border-left: 3px solid #dddddd;