관리-도구

편집 파일: chat-element.min.css

wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-orange{background-color:#e27730;border-color:#e27730;color:#ffffff}wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-orange:hover{background-color:#cd6622;border-color:#cd6622;color:#ffffff}wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-sm{font-size:14px;font-weight:500;padding:0 10px;height:32px;line-height:30px}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{display:block;max-height:100%;height:100%;overflow:hidden}wpforms-ai-chat .wpforms-ai-chat{display:block;max-height:100%;height:100%;overflow:hidden}wpforms-ai-chat .wpforms-ai-chat-message-list{margin:0;padding:40px 40px 20px 40px;display:flex;flex-direction:column;overflow:auto;height:calc( 100% - 134px);max-height:calc( 100% - 134px)}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child{margin-bottom:40px}wpforms-ai-chat .wpforms-ai-chat-message-list.wpforms-scrollbar-compact{padding-right:25px;padding-bottom:20px}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-question{width:410px;margin-bottom:20px;margin-inline-start:auto;display:flex;height:fit-content;padding:15px 20px 15px 20px;color:#ffffff;gap:10px;border-radius:24px;border-start-end-radius:0;font-weight:500;font-size:15px;line-height:22px;overflow-wrap:anywhere}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-question div>h4:first-child{margin-block-start:0}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item.wpforms-chat-item-text{white-space:pre-line}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title{font-weight:600;font-size:24px;line-height:30px;margin:0 0 10px}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title:after{content:'';display:inline-block;vertical-align:top;width:16px;height:16px;background-image:url("../../../images/integrations/ai/ai-feature.svg");background-size:16px 16px;opacity:.85;margin-left:2px}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description{color:#777777}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a{color:#999999}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{color:#444444}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-divider{border-top:1px solid #dddddd;margin:40px 0}wpforms-ai-chat .wpforms-ai-chat-message-input{display:flex;height:134px;position:relative;padding:40px;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:10px 15px;padding-inline-end:54px;width:100%;height:54px;min-height:54px;font-size:16px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.07);border-radius:6px}wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]::placeholder,wpforms-ai-chat .wpforms-ai-chat-message-input textarea::placeholder{color:#999999}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;opacity:1}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 #777}wpforms-ai-chat .wpforms-ai-chat-message-input textarea{line-height:22px;padding:15px 40px 15px 15px;overflow-x:hidden}wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar{background:transparent;width:10px;height:10px}wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-track{background:transparent}wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2px 2px rgba(0,0,0,0);background:transparent;border-radius:10px;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{display:none}@-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;scrollbar-width:thin}}wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar{background:transparent;width:10px;height:10px}wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-track{background:transparent}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);background:transparent;border-radius:10px;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{display:none}@-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;scrollbar-width:thin}}wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send{background-image:url("../../../images/integrations/ai/icon-send.svg");background-size:16px}wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop{background-image:url("../../../images/integrations/ai/icon-stop.svg");background-size:14px}wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send,wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop{position:absolute;inset-inline-end:40px;bottom:40px;height:32px;width:32px;border:none;border-radius:4px;cursor:pointer;padding:0;margin:11px;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{display:none}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){transform:scaleX(-1)}wpforms-ai-chat .wpforms-ai-chat-answer-buttons{border-top:1px solid rgba(221,221,221,0.5);padding-top:20px;display:flex;gap:15px;justify-content:space-between;align-items:center}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{border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;border:none;text-decoration:none}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{font-size:14px;font-weight:500}wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action::before{content:'';display:inline-block;width:12px;height:14px;background-image:url("../../../images/integrations/ai/insert.svg");background-size:12px 14px;opacity:.65}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response{display:flex;gap:12px;align-items:center}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button{background-color:transparent;border:none;padding:0;margin:0;line-height:16px;cursor:pointer}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike{width:18px;height:16px;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");cursor:default}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh{color:#999999;font-size:16px}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{color:#d63638}wpforms-ai-chat .wpforms-chat-item-answer-waiting{display:flex;gap:5px;margin:0 0 20px 0}wpforms-ai-chat .wpforms-chat-item-answer-waiting:before{content:'';display:inline-block;vertical-align:middle;width:32px;height:32px;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{height:50px;width:82px;display:flex;justify-content:center;align-items:center;color:#999999;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{gap:8px;display:flex;font-size:15px;line-height:15px;text-align:left;margin:0 0 20px 0;height:fit-content}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{content:'';display:inline-block;vertical-align:middle;max-width:32px;width:100%;height:32px;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{flex-grow:1;padding:20px;display:flex;flex-direction:column;color:#444444;background-color:#f8f8f8;gap:10px;border-radius:24px;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{font-size:15px;font-weight:500;margin:5px 0;text-align:start}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{display:flex;flex-direction:column;list-style:decimal;align-items:flex-start;gap:15px;padding-inline-start:20px;margin:10px 0;line-height:22px}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{margin:0;word-break:break-all}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{line-height:22px;text-align:start}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{font-weight:500}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{color:#7a30e2}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{color:#5c24a9}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{font-size:0.9em;line-height:2em;max-width:490px;overflow-x:auto;overflow-y:hidden;margin:10px 0;padding:10px;background-color:#eaeaea;border-left:3px solid #dddddd}wpforms-ai-chat .wpforms-chat-item-error:before{background-image:url("../../../images/integrations/ai/ai-error-icon.svg")}wpforms-ai-chat .wpforms-chat-item-error>div{background-color:#fcf0f1}wpforms-ai-chat .wpforms-chat-item-error>div h4{color:#d63638;margin:0}wpforms-ai-chat .wpforms-chat-item-warning:before{background-image:url("../../../images/integrations/ai/ai-warning-icon.svg")}wpforms-ai-chat .wpforms-chat-item-warning>div{background-color:#fcf6e5}wpforms-ai-chat .wpforms-chat-item-warning>div h4{color:#444444;margin:0}wpforms-ai-chat .wpforms-chat-item-notice{margin-top:0}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts{display:flex;flex-direction:column;gap:10px;margin:40px 0}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li{display:flex;align-items:center;gap:15px;margin-bottom:0;padding-bottom:10px;border-bottom:1px solid rgba(221,221,221,0.5)}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:last-child{padding-bottom:0;border-bottom:none}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li::after{content:'';width:16px;height:16px;margin-inline-start:auto;opacity:0}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover{cursor:pointer}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a{text-decoration:underline}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover::after{opacity:1}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a{font-size:15px;line-height:22px;color:#444444;text-decoration:none}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts i{width:20px;height:20px;background-size:20px 20px;display:inline-block}