{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;;EAAA;AAQA;EACC;AADD;AAGC;EACC;EACA;EACA;EACA;AADF;AAGE;EACC;EACA;AADH;AAIE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFH;AAIG;EACC;EACA;AAFJ;AAKG;EACC;AAHJ;AAMG;EACC;EACA;AAJJ;AASC;EACC;EACA;EACA;EACA;EACA;AAPF;AASE;EACC;EACA;EACA;EACA;AAPH;AASG;EACC;AAPJ;AASI;EACC;EACA;EACA;EACA;EACA;EACA;AAPL;AASK;EACC;EACA;EACA;AAPN;AASM;EACC;EACA;AAPP;AAUM;EACC;AARP;AAeE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAmDA;EAQA;EAwEA;AA9IH;AAYG;EAXD;IAYE;EATF;AACF;AAWG;EACC;EACA;AATJ;AAYG;EACC;EACA;AAVJ;AAaG;EACC;EACA;EACA;AAXJ;AAcG;EACC;EACA;EACA;EACA;AAZJ;AAcI;EACC;EAcA;AAzBL;AAaK;EACC;AAXN;AAcK;EACC;AAZN;AAeK;EACC;AAbN;AAqBG;EACC;AAnBJ;AAuBG;EACC;EACA;EACA;EACA;AArBJ;AAyBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAvBJ;AAyBI;EACC;EACA;EACA;EACA;AAvBL;AAyBK;EACC;AAvBN;AA0BK;EACC;AAxBN;AA4BI;EACC;EACA;EACA;AA1BL;AA8BG;EACC;IACC;IACA;IACA;EA5BH;EA8BG;IACC;IACA;IAMA;EAjCJ;EA6BI;IACC;EA3BL;EAkCG;IACC;EAhCJ;AACF;AAoCG;EACC;AAlCJ;AAoCI;EACC;EACA;EACA;AAlCL;AAoCK;EACC;EACA;AAlCN;AAyCG;EACC;EACA;EACA;EACA;EACA;EACA;AAvCJ;AAyCI;EACC;AAvCL;AA0CI;EACC;EACA;EACA;EACA;EACA;AAxCL;AA2CI;EACC;EACA;AAzCL;AA4CI;EACC;AA1CL;AA4CK;EACC;EACA;EACA;AA1CN;AA4CM;EACC;EACA;AA1CP;AA6CM;EACC;AA3CP;AAyDC;EACC;EACA;EACA;AAvDF;AAyDE;EACC;EAEA;AAxDH;AAyDG;EACC;EACA;EACA;EACA;AAvDJ;AAyDI;EACC;EACA;AAvDL;AA4DE;EACC;EACA;EACA;EACA;EACA;AA1DH;AA4DG;EACC;EACA;AA1DJ;AA6DG;EACC;AA3DJ;;AAiEA;AACA;EACC;IACC;EA9DA;EAiED;IACC;EA/DA;EAkED;IACC;EAhEA;AACF;AAmEA;EACC;IACC;IACA;EAjEA;EAoED;IACC;IACA;EAlEA;AACF,C","sources":["webpack://contentoracle-ai-chat-block/./src/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n\n.contentoracle-ai_chat_root {\n\tpadding: 0.25rem;\n\n\t.contentoracle-ai_chat_header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 0.5rem;\n\n\t\th3 {\n\t\t\tmargin: 0;\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t.contentoracle-ai_chat_reset_button {\n\t\t\tbackground: none;\n\t\t\tborder: none;\n\t\t\tcursor: pointer;\n\t\t\tpadding: 4px;\n\t\t\tmargin-left: 8px;\n\t\t\topacity: 0.7;\n\t\t\ttransition: opacity 0.2s, transform 0.2s;\n\t\t\tborder-radius: 4px;\n\t\t\tcolor: inherit;\n\n\t\t\t&:hover {\n\t\t\t\topacity: 1;\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\ttransform: scale(0.95);\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.contentoracle-ai_chat_conversation {\n\t\theight: 10rem;\n\t\toverflow-y: auto;\n\t\tmargin: 0.5rem 0;\n\t\tpadding: 0.25rem 0.75rem;\n\t\tbackground-color: rgba(0, 0, 0, 0.1);\n\n\t\t.contentoracle-ai_chat_greeter_container {\n\t\t\tfont-size: larger;\n\t\t\tdisplay: grid;\n\t\t\tplace-items: center;\n\t\t\theight: 100%;\n\n\t\t\t.contentoracle-ai_chat_greeter {\n\t\t\t\ttext-align: center;\n\n\t\t\t\t.contentoracle-ai_chat_message_seeder {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\tgap: 0.5rem;\n\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t.contentoracle-ai_chat_message_seeder_item {\n\t\t\t\t\t\tpadding: 0.5rem;\n\t\t\t\t\t\tborder-radius: 0.5rem;\n\t\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.1);\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\tscale: 1.05;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\tscale: 0.95;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.contentoracle-ai_chat_bubble {\n\t\t\tmargin: 0.25rem 0;\n\t\t\tpadding: 0.5rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\tmax-width: 85%;\n\t\t\tclear: both;\n\t\t\toverflow-y: auto;\n\t\t\toverflow-x: auto;\n\t\t\t/* allow horizontal scrolling, to handle overflowing code blocks gracefully */\n\n\t\t\t/* responsive design on narrow screens*/\n\t\t\t@media(max-width: 768px) {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\n\t\t\t&.contentoracle-ai_chat_bubble_user {\n\t\t\t\tfloat: right;\n\t\t\t\tanimation: fadeIn 1s ease-in-out;\n\t\t\t}\n\n\t\t\t&.contentoracle-ai_chat_bubble_bot {\n\t\t\t\tfloat: left;\n\t\t\t\tanimation: fadeIn 1s ease-in-out;\n\t\t\t}\n\n\t\t\t&.contentoracle-ai_chat_bubble_error {\n\t\t\t\tfloat: left;\n\t\t\t\tbackground-color: rgb(201, 16, 16);\n\t\t\t\tcolor: white;\n\t\t\t}\n\n\t\t\t&.contentoracle-ai_chat_bubble_typing {\n\t\t\t\tfloat: left;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\n\t\t\t\tspan {\n\t\t\t\t\tfont-size: 2rem;\n\n\t\t\t\t\t&:nth-child(1) {\n\t\t\t\t\t\tanimation-delay: 0s;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:nth-child(2) {\n\t\t\t\t\t\tanimation-delay: 0.15s;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:nth-child(3) {\n\t\t\t\t\t\tanimation-delay: 0.3s;\n\t\t\t\t\t}\n\n\t\t\t\t\tanimation: pulse 1s infinite;\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t.contentoracle-ai_chat_bubble_bot_main_idea {\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\n\t\t\t/* citations */\n\t\t\t.contentoracle-inline_citation {\n\t\t\t\tvertical-align: super;\n\t\t\t\t/*mimic the <sup> tag*/\n\t\t\t\tfont-size: smaller;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t/* featured content */\n\t\t\t.coai_chat-featured_content {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t\tfont-size: larger;\n\t\t\t\tpadding: 0.5rem;\n\t\t\t\tmargin-bottom: 0.5rem;\n\n\t\t\t\t.coai_chat-featured_content_inner {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tpadding: 0.5rem;\n\n\t\t\t\t\tp {\n\t\t\t\t\t\tmargin: 0 0.5rem;\n\t\t\t\t\t}\n\n\t\t\t\t\timg {\n\t\t\t\t\t\tmax-height: 5rem;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.coai_chat-featured_content_btn {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\tpadding: 1rem;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media screen and (max-width: 782px) {\n\t\t\t\t.coai_chat-featured_content {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\tgap: 1rem;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t.coai_chat-featured_content_inner {\n\t\t\t\t\t\tflex-direction: column;\n\t\t\t\t\t\tgap: 0.5rem;\n\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tmax-width: 90%;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tpadding: 0.5rem 0;\n\n\t\t\t\t\t}\n\n\t\t\t\t\t.coai_chat-featured_content_btn {\n\t\t\t\t\t\tmax-width: 90%;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.contentoracle-source_list {\n\t\t\t\twidth: 100%;\n\n\t\t\t\t.contentoracle-footer_citation {\n\t\t\t\t\tmargin: 0.75rem 0;\n\t\t\t\t\tpadding: 0 0.5rem;\n\t\t\t\t\tfont-size: 1.125em;\n\n\t\t\t\t\t.contentoracle-footer_citation_link {\n\t\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\t\tfloat: right;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t/* action */\n\t\t\t.contentoracle-action_container {\n\t\t\t\tdisplay: grid;\n\t\t\t\tplace-items: center;\n\t\t\t\tmin-height: 4rem;\n\t\t\t\tpadding: 1rem;\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\n\t\t\t\t.contentoracle-action_label {\n\t\t\t\t\tfont-size: larger;\n\t\t\t\t}\n\n\t\t\t\t.contentoracle-action_image {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\theight: auto;\n\t\t\t\t\tmargin: 0.5rem 0;\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t}\n\n\t\t\t\t.contentoracle-action_text {\n\t\t\t\t\tmargin: 0.5rem 0;\n\t\t\t\t\tpadding: 1rem 0;\n\t\t\t\t}\n\n\t\t\t\t.contentoracle-action_button {\n\t\t\t\t\tmargin: 1.5rem 0;\n\n\t\t\t\t\t&.contentoracle-ai_chat_button {\n\t\t\t\t\t\tpadding: 1rem;\n\t\t\t\t\t\tfont-size: larger;\n\t\t\t\t\t\tborder: none;\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\tscale: 1.05;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\tscale: 0.95;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\n\t\t\t}\n\n\n\t\t}\n\n\t}\n\n\t.contentoracle-ai_chat_input_container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 2px;\n\n\t\t.contentoracle-ai_chat_input_wrapper {\n\t\t\tflex-grow: 1;\n\n\t\t\t/* grow to fill the remaining space */\n\t\t\t.contentoracle-ai_chat_input {\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 1rem 0.4rem;\n\t\t\t\tfont-size: var(--wp--preset--font-size--medium);\n\t\t\t\tborder-width: 0;\n\n\t\t\t\t&:disabled {\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.contentoracle-ai_chat_button {\n\t\t\tpadding: 1rem;\n\t\t\tfont-size: var(--wp--preset--font-size--medium);\n\t\t\tmargin-left: 0.25rem;\n\t\t\tborder: none;\n\t\t\tz-index: 1;\n\n\t\t\t&:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t\tscale: 1.05;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tscale: 0.95;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* animations */\n@keyframes pulse {\n\t0% {\n\t\topacity: 0;\n\t}\n\n\t50% {\n\t\topacity: 1;\n\t}\n\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n@keyframes fadeIn {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-3rem);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}"],"names":[],"sourceRoot":""}