:root{--input-ai--modal-bg:#00000080;--input-ai--modal-z-index:1000;--input-ai--modal-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--input-ai--modal-content-bg:#fff;--input-ai--modal-content-border-radius:12px;--input-ai--modal-content-shadow:0 10px 25px #0000001a;--input-ai--modal-content-width:100%;--input-ai--modal-content-height:100%;--input-ai--modal-content-max-width:800px;--input-ai--modal-header-padding:12px;--input-ai--modal-header-border:1px solid #e0e0e0;--input-ai--modal-title-font-size:18px;--input-ai--modal-title-font-weight:600;--input-ai--modal-title-color:#333;--input-ai--modal-close-hover-bg:#f5f5f5;--input-ai--modal-close-icon-size:20px;--input-ai--modal-close-icon-color:#666;--input-ai--user-input-form-padding:8px 20px;--input-ai--user-input-form-border-top:1px solid #e0e0e0;--input-ai--user-input-padding:12px 16px;--input-ai--user-input-font-size:16px;--input-ai--user-input-line-height:1.5;--input-ai--user-input-border:1px solid #e0e0e0;--input-ai--user-input-form-border-hover-color:#007bff;--input-ai--user-input-focus-shadow:0 0 0 2px #7c7cff1a;--input-ai--user-input-bg:#fff;--input-ai--user-input-color:#333;--input-ai--user-input-placeholder-color:#999;--input-ai--primary-button-bottom:8px;--input-ai--primary-button-right:22px;--input-ai--primary-button-margin:.2rem .8rem;--input-ai--primary-button-width:1.5rem;--input-ai--primary-button-height:1.5rem;--input-ai--primary-button-bg:#007bff;--input-ai--primary-button-color:white;--input-ai--primary-button-border-radius:20%;--input-ai--primary-button-icon-size:1rem;--input-ai--user-input-actions-bottom:25px;--input-ai--user-input-actions-right:32px;--input-ai--user-input-actions-gap:8px;--input-ai--action-button-bg:#007bff;--input-ai--action-button-color:white;--input-ai--action-button-width:1.8rem;--input-ai--action-button-height:1.8rem;--input-ai--action-button-icon-size:1.2rem;--input-ai--action-button-border-radius:25%;--input-ai--stop-prompt-button-bg:#f00c;--input-ai--prompt-bg:#8fd7ff;--input-ai--prompt-color:#333;--input-ai--assistant-bg:white;--input-ai--assistant-color:#333;--input-ai--response-container-padding:0 16px;--input-ai--response-container-max-height:350px;--input-ai--response-container-font-size:15px;--input-ai--response-container-line-height:1.6;--input-ai--response-container-bg:white;--input-ai--response-container-color:#333;--input-ai--response-container-scrollbar-color:#ccc;--input-ai--assistant-error-color:#e53935;--input-ai--assistant-error-font-size:14px;--input-ai--pre-tag-container-bg:#f5f5f5;--input-ai--pre-tag-container-color:#333;--input-ai--pre-tag-container-border:1px solid #e0e0e0;--input-ai--pre-tag-container-border-radius:8px;--input-ai--pre-tag-container-padding:16px;--input-ai--pre-tag-container-margin:8px 0;--input-ai--pre-tag-white-space:pre-wrap;--input-ai--pre-tag-line-height:1.4;--input-ai--pre-tag-color:#333;--input-ai--pre-tag-font-family:monospace;--input-ai--pre-tag-actions-top:8px;--input-ai--pre-tag-actions-right:8px;--input-ai--pre-tag-actions-gap:8px;--input-ai--pre-tag-action-button-size:28px;--input-ai--accept-action-button-bg:#007bff;--input-ai--copy-action-button-bg:#3c3c3c;--input-ai--pre-tag-action-button-color:white;--input-ai--pre-tag-action-button-icon-size:14px;--input-ai--pre-tag-action-button-border-radius:4px}.input-ai--wrapper{position:relative;display:flex;flex-direction:column;justify-content:center}.input-ai--wrapper svg{width:var(--input-ai--primary-button-icon-size);height:var(--input-ai--primary-button-icon-size)}.input-ai--primary-button{position:absolute;right:var(--input-ai--primary-button-right);width:var(--input-ai--primary-button-width);height:var(--input-ai--primary-button-height);background:var(--input-ai--primary-button-bg);color:var(--input-ai--primary-button-color);border-radius:var(--input-ai--primary-button-border-radius);cursor:pointer;padding:inherit;display:flex;opacity:.4;border:none;justify-content:center;align-items: center;margin:auto;transition:transform .3s;transform:scale(1.2);box-shadow:0 0 10px #0003}.input-ai--wrapper textarea~.input-ai--primary-button{bottom:var(--input-ai--primary-button-bottom)}.input-ai--primary-button:hover{opacity:1;background:var(--input-ai--primary-button-bg);transform:scale(1.3)}.input-ai--modal{all:revert;background-color:var(--input-ai--modal-bg);position:fixed;width:100%;height:100%}.input-ai--modal-content{background-color:var(--input-ai--modal-content-bg);border-radius:var(--input-ai--modal-content-border-radius);box-shadow:var(--input-ai--modal-content-shadow);width:var(--input-ai--modal-content-width);height:var(--input-ai--modal-content-height);max-width:var(--input-ai--modal-content-max-width);display:flex;overflow:hidden;flex-direction:column;place-self: center;margin:auto}.input-ai--modal-header{display:flex;padding:var(--input-ai--modal-header-padding);border-bottom:var(--input-ai--modal-header-border);justify-content:space-between;align-items: center}.input-ai--modal-title{font-size:var(--input-ai--modal-title-font-size);font-weight:var(--input-ai--modal-title-font-weight);color:var(--input-ai--modal-title-color);margin:0}.input-ai--modal-close{cursor:pointer;display:flex;background:0 0;border:none;border-radius:50%;justify-content:center;align-items: center;width:-moz-fit-content;width:fit-content;margin:0;padding:4px;transition:background-color .2s}.input-ai--modal-close:hover{background-color:var(--input-ai--modal-close-hover-bg)}.input-ai--modal-close svg{width:var(--input-ai--modal-close-icon-size);height:var(--input-ai--modal-close-icon-size);color:var(--input-ai--modal-close-icon-color)}.input-ai--user-input-form{display:flex;padding:var(--input-ai--user-input-form-padding);border-top:var(--input-ai--user-input-form-border-top);flex-direction:row;justify-content:normal;align-items:normal}.input-ai--user-input-form:hover{border-color:var(--input-ai--user-input-form-border-hover-color)}.input-ai--user-input{font-size:var(--input-ai--user-input-font-size);line-height:var(--input-ai--user-input-line-height);outline:none;resize:none;background-color:var(--input-ai--user-input-bg);color:var(--input-ai--user-input-color);border:none;width:100%;height:100%;font-family:inherit}.input-ai--user-input::placeholder{color:var(--input-ai--user-input-placeholder-color)}.input-ai--user-input-actions{display:flex;gap:var(--input-ai--user-input-actions-gap);place-self: end}.input-ai--user-input-actions button{background-color:var(--input-ai--action-button-bg);color:var(--input-ai--action-button-color);border-radius:var(--input-ai--action-button-border-radius);width:var(--input-ai--action-button-width);height:var(--input-ai--action-button-height);display:flex;cursor:pointer;border:none;justify-content:center;align-items: center;margin:0;padding:0;transition:background-color .2s}.input-ai--user-input-actions button.input-ai--stop-prompt{background-color:var(--input-ai--stop-prompt-button-bg)}.input-ai--user-input-actions button:hover{opacity:.8}.input-ai--user-input-actions svg{width:var(--input-ai--action-button-icon-size);height:var(--input-ai--action-button-icon-size)}.input-ai--prompt-response-container{padding:var(--input-ai--response-container-padding);overflow-y:auto;height:var(--input-ai--response-container-max-height);font-size:var(--input-ai--response-container-font-size);line-height:var(--input-ai--response-container-line-height);background-color:var(--input-ai--response-container-bg);color:var(--input-ai--response-container-color);scrollbar-color:var(--input-ai--response-container-scrollbar-color);flex-grow:1}.input-ai--prompt{background-color:var(--input-ai--prompt-bg);color:var(--input-ai--prompt-color);border-radius:8px;place-self: end;width:-moz-fit-content;width:fit-content;margin:1rem 0;padding:.8rem;scroll-margin-top:1rem}.input-ai--assistant{background-color:var(--input-ai--assistant-bg);color:var(--input-ai--assistant-color);min-height:3rem;margin:1rem 0}.input-ai--assistant-error{color:var(--input-ai--assistant-error-color);font-size:var(--input-ai--assistant-error-font-size);margin-top:8px}.input-ai--pre-tag-container{position:relative;background-color:var(--input-ai--pre-tag-container-bg);color:var(--input-ai--pre-tag-container-color);border:var(--input-ai--pre-tag-container-border);border-radius:var(--input-ai--pre-tag-container-border-radius);padding:var(--input-ai--pre-tag-container-padding);margin:var(--input-ai--pre-tag-container-margin)}.input-ai--pre-tag-container pre{overflow:auto;white-space:var(--input-ai--pre-tag-white-space);line-height:var(--input-ai--pre-tag-line-height);color:var(--input-ai--pre-tag-color);font-family:var(--input-ai--pre-tag-font-family);margin:0}.input-ai--pre-tag-actions{position:absolute;top:var(--input-ai--pre-tag-actions-top);right:var(--input-ai--pre-tag-actions-right);display:flex;gap:var(--input-ai--pre-tag-actions-gap);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.input-ai--pre-tag-container:hover .input-ai--pre-tag-actions{opacity:1;visibility:visible}.input-ai--pre-tag-actions button{color:var(--input-ai--pre-tag-action-button-color);border-radius:var(--input-ai--pre-tag-action-button-border-radius);width:var(--input-ai--pre-tag-action-button-size);height:var(--input-ai--pre-tag-action-button-size);display:flex;cursor:pointer;border:none;justify-content:center;align-items: center;margin:0;padding:0;transition:background-color .2s,transform .1s;box-shadow:0 2px 4px #0000001a}.input-ai--pre-tag-actions button:hover{opacity:.8}.input-ai--pre-tag-actions button svg{width:var(--input-ai--pre-tag-action-button-icon-size);height:var(--input-ai--pre-tag-action-button-icon-size)}.input-ai--pre-tag-actions button.input-ai--accept-pre{background-color:var(--input-ai--accept-action-button-bg)}.input-ai--pre-tag-actions button.input-ai--copy-pre{background-color:var(--input-ai--copy-action-button-bg)}.input-ai--d-none{display:none!important}@media (max-width:768px){.input-ai--modal-content{width:90%;max-height:90vh}.input-ai--user-input-actions{right:28px}.input-ai--pre-tag-actions{top:4px;right:4px}}
