/** AI modal */ .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-chat-item-question { background-color: #7a30e2; } .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send, .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop { background-color: #7a30e2; } .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send:hover, .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send:focus, .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop:hover, .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop:focus { background-color: #5c24a9; } .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li::after { background-image: url("../../../images/integrations/ai/icon-send-purple.svg"); } .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a { color: #5c24a9; } .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a:hover, .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a:focus { color: #5c24a9; text-decoration: underline; } body .jconfirm.jconfirm-wpforms-ai-modal { background: rgba(114, 119, 124, 0.75); backdrop-filter: blur(2px); } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box { border: none; box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.15); padding: 0; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane { margin: 0; overflow: hidden; transition-property: height, max-height; transition-duration: 0.05s; transition-timing-function: ease-in-out; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content { overflow: hidden; height: 100%; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div { height: 100%; overflow: hidden; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type="text"] { margin: 0; width: 100%; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong { font-weight: 500; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon { opacity: 0.8; top: 17px; inset-inline-end: 24px !important; inset-inline-start: auto; z-index: 200; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after { content: ''; background-image: url("../../../images/integrations/ai/close.svg"); background-size: 13px 13px; background-position: center; background-repeat: no-repeat; width: 14px; height: 14px; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover { opacity: 1; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar { position: absolute; z-index: 100; top: 0; right: 0; left: 0; height: 46px; padding: 0; transition: background-color 0.15s ease, border-bottom 0.15s ease; background-color: transparent; border-bottom: 1px solid transparent; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar.scrolled { background-color: #f8f8f8; border-bottom: 1px solid #ddd; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin { position: absolute; top: 16px; inset-inline-end: 53px; width: 14px; height: 14px; cursor: pointer; opacity: 0.8; z-index: 100; color: #bbb; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin.not-allowed:hover { cursor: not-allowed; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:after { display: inline-block; content: ''; background-image: url("../../../images/integrations/ai/pin-chat.svg"); background-size: 14px 12px; width: 14px; height: 12px; } body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:hover { opacity: 1; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned { background: transparent; backdrop-filter: blur(0.8px); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); width: 500px; z-index: 49; position: fixed; bottom: 0; inset-inline-start: initial; inset-inline-end: 0; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned a { white-space: nowrap; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder { inset-inline-end: 0; bottom: 0; padding-top: 0 !important; padding-bottom: 0 !important; padding-inline: 0; height: 10%; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box { margin: 0; width: 100%; height: 100vh; border-radius: 0; grid-template-rows: 1fr; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .jconfirm-content-pane { height: calc( 100vh - 76px) !important; max-height: 100vh !important; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .jconfirm-content-pane .wpforms-ai-chat-welcome-screen { padding-top: 35px; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .jconfirm-closeIcon { top: 16px; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-modal-top-bar { background-color: #f8f8f8; border-bottom: 1px solid #ddd; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin { top: 16px; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:after { background-image: url("../../../images/integrations/ai/unpin-chat.svg"); background-size: 14px; width: 14px; height: 14px; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list { padding: 30px; height: calc( 100% - 114px); max-height: none; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list.wpforms-scrollbar-compact { padding-right: 17px; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list .wpforms-ai-chat-divider { margin: 30px 0; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list .wpforms-chat-item-question { max-width: 280px; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child { margin-bottom: 0; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list pre { max-width: 358px; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input { padding: 30px; height: 114px; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input textarea { margin-top: 0 !important; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input .wpforms-ai-chat-send, body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input .wpforms-ai-chat-stop { bottom: 30px; } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list { height: calc( 100% - var( --wpforms-ai-chat-input-height, 54px ) - var( --wpforms-ai-chat-message-list-offset, 41px ) + 17px); } body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-input { height: calc( var( --wpforms-ai-chat-input-height, 54px ) + var( --wpforms-ai-chat-message-list-offset, 50px ) - 17px); } body .jconfirm.jconfirm-wpforms-ai-modal.pinned.with-wpadminbar .jconfirm-holder .jconfirm-box .jconfirm-content-pane { height: calc( 100vh - 106px) !important; } body.rtl .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:after { transform: scaleX(-1); }