.gsing-chatgpt-theme { --gsing-spacing: 15px; --gsing-fontSize: 15px; --gsing-lineHeight: 1.5; --gsing-borderRadius: 10px; --gsing-width: 460px; --gsing-maxHeight: 40vh; --gsing-iconTextColor: white; --gsing-iconTextBackgroundColor: #343541; --gsing-fontColor: #FFFFFF; --gsing-backgroundPrimaryColor: #454654; --gsing-backgroundHeaderColor: #343541; --gsing-bubbleColor: #343541; --gsing-headerButtonsColor: #FFFFFF; --gsing-conversationsBackgroundColor: #202123; --gsing-conversationsTextColor: #FFFFFF; --gsing-backgroundSecondaryColor: #343541; --gsing-errorBackgroundColor: #6d2f2a; --gsing-errorTextColor: #FFFFFF; } .gsing-chatgpt-theme * { box-sizing: border-box; } .gsing-chatgpt-theme .gsing-content { background: var(--gsing-backgroundSecondaryColor); color: var(--gsing-fontColor); font-size: var(--gsing-fontSize); overflow: hidden; display: flex; flex-direction: column; border-radius: var(--gsing-borderRadius); } .gsing-chatgpt-theme .gsing-shortcuts { display: flex; justify-content: center; margin: var(--gsing-spacing); } .gsing-chatgpt-theme .gsing-shortcuts .gsing-shortcut { margin-right: calc(var(--gsing-spacing) / 2); display: flex; } .gsing-chatgpt-theme .gsing-shortcuts .gsing-shortcut.gsing-success { color: #4caf50; border: 1px solid #4caf50; } .gsing-chatgpt-theme .gsing-shortcuts .gsing-shortcut.gsing-danger { color: #f44336; border: 1px solid #f44336; } .gsing-chatgpt-theme .gsing-shortcuts .gsing-shortcut.gsing-warning { color: #ff9800; border: 1px solid #ff9800; } .gsing-chatgpt-theme .gsing-shortcuts .gsing-shortcut.gsing-info { color: #2196f3; border: 1px solid #2196f3; } .gsing-chatgpt-theme .gsing-shortcuts .gsing-shortcut .gsing-icon { margin-right: 5px; } .gsing-chatgpt-theme .gsing-shortcuts .gsing-shortcut .gsing-icon img { max-height: 16px; width: auto; } .gsing-chatgpt-theme .gsing-blocks { display: flex; flex-direction: column; padding: var(--gsing-spacing); } .gsing-chatgpt-theme .gsing-blocks .gsing-block p:first-child { margin-top: 0; } .gsing-chatgpt-theme .gsing-blocks button { cursor: pointer; } .gsing-chatgpt-theme .gsing-conversation { overflow: auto; } .gsing-chatgpt-theme .gsing-reply { display: flex; padding: var(--gsing-spacing); position: relative; line-height: var(--gsing-lineHeight); transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .gsing-chatgpt-theme .gsing-reply.gsing-fade-out { opacity: 0; } .gsing-chatgpt-theme .gsing-reply.gsing-user { background: var(--gsing-backgroundSecondaryColor); } .gsing-chatgpt-theme .gsing-reply.gsing-ai { background: var(--gsing-backgroundPrimaryColor); } .gsing-chatgpt-theme .gsing-reply .gsing-name { color: var(--gsing-fontColor); margin-right: 5px; } .gsing-chatgpt-theme .gsing-reply .gsing-name .gsing-name-text { opacity: 0.50; white-space: nowrap; } .gsing-chatgpt-theme .gsing-reply .gsing-name .gsing-avatar { margin-right: 10px; display: flex; align-items: center; justify-content: center; border-radius: 5px; overflow: hidden; } .gsing-chatgpt-theme .gsing-reply .gsing-name .gsing-avatar img { width: 32px; height: 32px; min-width: 32px; min-height: 32px; } .gsing-chatgpt-theme .gsing-reply .gsing-name .gsing-avatar.gsing-svg img { width: 28px; height: 28px; min-width: 28px; min-height: 28px; filter: brightness(0) invert(1); } .gsing-chatgpt-theme .gsing-reply .gsing-text { flex: auto; font-size: var(--gsing-fontSize); line-height: var(--gsing-lineHeight); color: var(--gsing-fontColor); } .gsing-chatgpt-theme .gsing-reply .gsing-text .gsing-image { display: block; max-width: 250px; height: auto; margin: 0 0 10px 0; border-radius: var(--gsing-borderRadius); } .gsing-chatgpt-theme .gsing-reply .gsing-text .gsing-filename { display: flex; text-decoration: none; border: 1px solid var(--gsing-backgroundPrimaryColor); border-radius: var(--gsing-borderRadius); padding: 5px 10px; margin-bottom: 10px; } .gsing-chatgpt-theme .gsing-reply .gsing-text * { font-size: var(--gsing-fontSize); } .gsing-chatgpt-theme .gsing-reply .gsing-text > span > *:first-child { margin-top: 0; } .gsing-chatgpt-theme .gsing-reply .gsing-text > span > *:last-child { margin-bottom: 0; } .gsing-chatgpt-theme .gsing-reply .gsing-text a { color: #2196f3; } .gsing-chatgpt-theme .gsing-reply .gsing-text h1, .gsing-chatgpt-theme .gsing-reply .gsing-text h2, .gsing-chatgpt-theme .gsing-reply .gsing-text h3, .gsing-chatgpt-theme .gsing-reply .gsing-text h4 { color: var(--gsing-fontColor); } .gsing-chatgpt-theme .gsing-reply .gsing-text h1 { font-size: 200%; } .gsing-chatgpt-theme .gsing-reply .gsing-text h2 { font-size: 160%; } .gsing-chatgpt-theme .gsing-reply .gsing-text h3 { font-size: 140%; } .gsing-chatgpt-theme .gsing-reply .gsing-text h4 { font-size: 120%; } .gsing-chatgpt-theme .gsing-reply .gsing-text p code { background: var(--gsing-backgroundSecondaryColor); padding: 2px 6px; border-radius: 8px; font-size: 90%; font-family: system-ui; } .gsing-chatgpt-theme .gsing-reply .gsing-text pre { color: var(--gsing-fontColor); border-radius: var(--gsing-borderRadius); padding: calc(var(--gsing-spacing) * 2 / 3) var(--gsing-spacing); break-after: auto; white-space: pre-wrap; font-size: 95%; max-width: 100%; width: 100%; font-family: system-ui; background: hsl(0 0% 0% / 30%); } .gsing-chatgpt-theme .gsing-reply .gsing-text pre code { padding: 0 !important; font-family: system-ui; } .gsing-chatgpt-theme .gsing-reply .gsing-text ul, .gsing-chatgpt-theme .gsing-reply .gsing-text ol { padding: 0; } .gsing-chatgpt-theme .gsing-reply .gsing-text ol { margin: 0 0 0 20px; } .gsing-chatgpt-theme .gsing-reply .gsing-text table { width: 100%; border: 2px solid var(--gsing-backgroundSecondaryColor); border-collapse: collapse; } .gsing-chatgpt-theme .gsing-reply .gsing-text thead { background: var(--gsing-backgroundSecondaryColor); } .gsing-chatgpt-theme .gsing-reply .gsing-text tr, .gsing-chatgpt-theme .gsing-reply .gsing-text td { padding: 2px 5px; } .gsing-chatgpt-theme .gsing-reply .gsing-text td { border: 2px solid var(--gsing-backgroundSecondaryColor); } .gsing-chatgpt-theme .gsing-reply .gsing-text .gsing-typewriter { display: inline-block; } .gsing-chatgpt-theme .gsing-reply .gsing-text .gsing-typewriter > :first-child { margin-top: 0; } .gsing-chatgpt-theme .gsing-reply .gsing-text > *:first-child { margin-top: 0; } .gsing-chatgpt-theme .gsing-reply .gsing-text > *:last-child { margin-bottom: 0; } .gsing-chatgpt-theme .gsing-reply.gsing-system { background: var(--gsing-errorBackgroundColor); color: var(--gsing-errorFontColor); } .gsing-chatgpt-theme .gsing-reply.gsing-system .gsing-name { display: none; } .gsing-chatgpt-theme .gsing-input { display: flex; padding: var(--gsing-spacing); border-top: 1px solid var(--gsing-backgroundPrimaryColor); } .gsing-chatgpt-theme .gsing-input .gsing-input-text { flex: auto; position: relative; background: var(--gsing-backgroundPrimaryColor); border-radius: var(--gsing-borderRadius); overflow: hidden; display: flex; padding: calc(var(--gsing-spacing) / 2); } .gsing-chatgpt-theme .gsing-input .gsing-input-text.gsing-blocked { background: var(--gsing-errorBackgroundColor); } .gsing-chatgpt-theme .gsing-input .gsing-input-text.gsing-dragging { filter: brightness(1.2); } .gsing-chatgpt-theme .gsing-input .gsing-input-text textarea { background: inherit; color: var(--gsing-fontColor); padding-left: calc(var(--gsing-spacing) / 2); flex: auto; border: none; font-size: var(--gsing-fontSize); line-height: var(--gsing-lineHeight); resize: none; font-family: inherit; margin: 0; overflow: hidden; min-height: inherit; } .gsing-chatgpt-theme .gsing-input .gsing-input-text textarea:focus { outline: none; box-shadow: none; } .gsing-chatgpt-theme .gsing-input .gsing-input-text textarea::placeholder { color: var(--gsing-fontColor); opacity: 0.5; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-microphone { display: flex; justify-content: center; align-items: center; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-microphone svg { opacity: 0.5; filter: grayscale(100%); transition: opacity 0.3s ease-out; cursor: pointer; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-microphone[active=true] svg { opacity: 1; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-microphone[disabled] svg { opacity: 0; cursor: not-allowed; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon { background: url("http://www.lesnouvellesgenerations.com/models/gsing-by-megadev/themes/icons/dark-icons.svg"); background-size: 500%; background-position: 0px -96px; width: 32px; height: 32px; z-index: 100; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon.gsing-idle-add { background-position: -32px -96px; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon.gsing-image-add { background-position: -32px 0px; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon.gsing-image-up { background-position: -64px 0px; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon.gsing-image-del { background-position: -96px 0px; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon.gsing-image-ok { background-position: -128px 0px; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon.gsing-document-add { background-position: -32px -64px; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon.gsing-document-up { background-position: -64px -64px; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon.gsing-document-del { background-position: -96px -64px; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon.gsing-document-ok { background-position: -128px -64px; } .gsing-chatgpt-theme .gsing-input .gsing-input-text .gsing-file-upload-icon .gsing-file-upload-progress { position: absolute; font-size: 8px; width: 21px; top: 24px; left: 23px; overflow: hidden; text-align: center; font-weight: bold; color: white; } .gsing-chatgpt-theme .gsing-input button { margin-left: var(--gsing-spacing); } .gsing-chatgpt-theme .gsing-compliance { opacity: 0.50; margin-top: calc(-1 * var(--gsing-spacing)); padding: calc(var(--gsing-spacing) / 1.5) var(--gsing-spacing); font-size: smaller; color: var(--gsing-fontColor); text-align: left; } .gsing-chatgpt-theme .gsing-gallery { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 5px; } .gsing-chatgpt-theme .gsing-gallery img { width: 100%; } .gsing-chatgpt-theme button { color: var(--gsing-fontColor); background: var(--gsing-backgroundSecondaryColor); border: 1px solid var(--gsing-backgroundPrimaryColor); padding: calc(var(--gsing-spacing) / 2) var(--gsing-spacing); min-width: 70px; border-radius: 5px; cursor: pointer; transition: all 0.2s ease-out; display: flex; align-items: center; justify-content: center; font-size: calc(var(--gsing-fontSize) * 0.9); position: relative; } .gsing-chatgpt-theme button .gsing-timer { margin-left: 5px; margin-right: 5px; font-size: 11px; } .gsing-chatgpt-theme button:hover { background: var(--gsing-backgroundPrimaryColor); } .gsing-chatgpt-theme button[disabled] { cursor: not-allowed; } .gsing-chatgpt-theme button[disabled] span { opacity: 0.5; } .gsing-chatgpt-theme button[disabled].gsing-busy span { display: none; } .gsing-chatgpt-theme button[disabled].gsing-busy:before { content: ''; width: 18px; height: 18px; margin: auto; border: 3px solid transparent; border-top-color: var(--gsing-fontColor); border-radius: 50%; animation: gsing-button-spinner 1s ease infinite; } .gsing-chatgpt-theme.gsing-form-container { padding: var(--gsing-spacing); font-size: var(--gsing-fontSize); color: var(--gsing-fontColor); background: var(--gsing-backgroundSecondaryColor); border-radius: var(--gsing-borderRadius); } .gsing-chatgpt-theme.gsing-form-container fieldset { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; margin-bottom: 10px; } .gsing-chatgpt-theme.gsing-form-container fieldset input[type="text"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="email"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="tel"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="url"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="password"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="number"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="date"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="datetime"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="datetime-local"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="month"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="search"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="time"], .gsing-chatgpt-theme.gsing-form-container fieldset input[type="week"], .gsing-chatgpt-theme.gsing-form-container fieldset select, .gsing-chatgpt-theme.gsing-form-container fieldset textarea { padding: calc(var(--gsing-spacing) * 2 / 3) var(--gsing-spacing); border: 0; width: 100%; border-radius: var(--gsing-borderRadius); font-size: var(--gsing-fontSize); background: var(--gsing-backgroundPrimaryColor); color: var(--gsing-fontColor); } .gsing-chatgpt-theme.gsing-form-container fieldset select { padding: calc(var(--gsing-spacing) * 2 / 3) var(--gsing-spacing); border: 0; width: 100%; border-radius: var(--gsing-borderRadius); font-size: var(--gsing-fontSize); background: var(--gsing-backgroundPrimaryColor); color: var(--gsing-fontColor); } .gsing-chatgpt-theme.gsing-form-container fieldset textarea { padding: calc(var(--gsing-spacing) * 2 / 3) var(--gsing-spacing); border: 0; width: 100%; border-radius: var(--gsing-borderRadius); font-family: inherit; font-size: var(--gsing-fontSize); background: var(--gsing-backgroundPrimaryColor); color: var(--gsing-fontColor); } .gsing-chatgpt-theme.gsing-form-container fieldset input[disabled], .gsing-chatgpt-theme.gsing-form-container fieldset select[disabled], .gsing-chatgpt-theme.gsing-form-container fieldset textarea[disabled] { opacity: 0.25; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-submit button, .gsing-chatgpt-theme.gsing-form-container .gsing-form-reset button { height: 45px; background: none; width: 100%; color: var(--gsing-fontColor); font-size: var(--gsing-fontSize); background-color: var(--gsing-backgroundSecondaryColor); border: 1px solid var(--gsing-backgroundPrimaryColor); border-radius: var(--gsing-borderRadius); cursor: pointer; transition: all 0.2s ease-out; position: relative; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-submit button:hover, .gsing-chatgpt-theme.gsing-form-container .gsing-form-reset button:hover { background: var(--gsing-backgroundPrimaryColor); } .gsing-chatgpt-theme.gsing-form-container .gsing-form-submit button[disabled] span, .gsing-chatgpt-theme.gsing-form-container .gsing-form-reset button[disabled] span { opacity: 0.25; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-submit button[disabled]:hover, .gsing-chatgpt-theme.gsing-form-container .gsing-form-reset button[disabled]:hover { background: none; cursor: not-allowed; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-submit.gsing-loading button span, .gsing-chatgpt-theme.gsing-form-container .gsing-form-reset.gsing-loading button span { opacity: 0; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-submit.gsing-loading button::after, .gsing-chatgpt-theme.gsing-form-container .gsing-form-reset.gsing-loading button::after { content: ''; position: absolute; width: 18px; height: 18px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: 3px solid transparent; border-top-color: var(--gsing-fontColor); border-radius: 50%; animation: gsing-button-spinner 1s ease infinite; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-output-container .gsing-form-output { font-size: var(--gsing-fontSize); position: relative; margin-top: var(--gsing-spacing); padding: var(--gsing-spacing); border: 1px solid var(--gsing-backgroundPrimaryColor); } .gsing-chatgpt-theme.gsing-form-container .gsing-form-output-container .gsing-form-output.gsing-error { background: var(--gsing-errorBackgroundColor); color: var(--gsing-errorFontColor); } .gsing-chatgpt-theme.gsing-form-container .gsing-form-output-container .gsing-form-output > *:first-child { margin-top: 0; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-output-container .gsing-form-output > *:last-child { margin-bottom: 0; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-output-container .gsing-form-output img { max-width: 33%; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-output-container .gsing-form-output div > *:first-child { margin-top: 0; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-output-container .gsing-form-output div > *:last-child { margin-bottom: 0; } .gsing-chatgpt-theme.gsing-form-container .gsing-form-output-container.gsing-has-content { display: block; } .gsing-chatgpt-theme.gsing-form-container .wp-block-columns { margin: 0; } .gsing-chatgpt-theme.gsing-discussions { border-radius: var(--gsing-borderRadius); background: var(--gsing-backgroundHeaderColor); overflow: hidden; } .gsing-chatgpt-theme.gsing-discussions * { box-sizing: border-box; } .gsing-chatgpt-theme.gsing-discussions .gsing-discussion { display: flex; gap: 5px; padding-left: calc(var(--gsing-spacing) / 2); padding-right: calc(var(--gsing-spacing) / 2); padding-bottom: calc(var(--gsing-spacing) / 2); color: var(--gsing-conversationsTextColor); opacity: 0.65; justify-content: space-between; align-items: center; } .gsing-chatgpt-theme.gsing-discussions .gsing-discussion .gsing-discussion-title { flex: auto; padding: 5px; } .gsing-chatgpt-theme.gsing-discussions .gsing-discussion .gsing-discussion-actions { display: flex; gap: 3px; } .gsing-chatgpt-theme.gsing-discussions .gsing-discussion .gsing-discussion-actions .gsing-icon { width: 32px; height: 32px; background: var(--gsing-iconTextBackgroundColor); color: var(--gsing-iconTextColor); border-radius: 50%; cursor: pointer; transition: all 0.2s ease-out; display: flex; align-items: center; justify-content: center; } .gsing-chatgpt-theme.gsing-discussions .gsing-discussion .gsing-discussion-actions .gsing-icon:hover { background: var(--gsing-backgroundPrimaryColor); } .gsing-chatgpt-theme.gsing-discussions .gsing-discussion .gsing-discussion-actions .gsing-icon:hover.gsing-danger { background: var(--gsing-errorBackgroundColor); } .gsing-chatgpt-theme.gsing-discussions .gsing-discussion.gsing-active, .gsing-chatgpt-theme.gsing-discussions .gsing-discussion:hover { cursor: pointer; } .gsing-chatgpt-theme.gsing-discussions .gsing-discussion.gsing-active .gsing-discussion-title, .gsing-chatgpt-theme.gsing-discussions .gsing-discussion:hover .gsing-discussion-title { background: var(--gsing-backgroundPrimaryColor); border-radius: var(--gsing-borderRadius); opacity: 1; } .gsing-chatgpt-theme.gsing-discussions .gsing-discussion:first-child { margin-top: calc(var(--gsing-spacing) / 2); } .gsing-chatgpt-theme.gsing-discussions .gsing-header { color: var(--gsing-headerButtonsColor); padding: var(--gsing-spacing); display: flex; justify-content: space-between; align-items: center; } .gsing-chatgpt-theme.gsing-discussions .gsing-content { background: var(--gsing-conversationsBackgroundColor); list-style: none; padding: 0; margin: 0; } .gsing-chatgpt-theme.gsing-transition, .gsing-chatgpt-theme .gsing-transition { opacity: 0; transition: opacity 350ms ease-in-out; } .gsing-chatgpt-theme.gsing-transition-visible, .gsing-chatgpt-theme .gsing-transition-visible { opacity: 1; } .gsing-chatgpt-theme .gsing-text { overflow-wrap: anywhere; } .gsing-chatgpt-theme .gsing-text img { max-width: 100%; } .gsing-chatgpt-theme .gsing-text div p:first-child { margin-top: 0; } .gsing-chatgpt-theme .gsing-text div p:last-child { margin-bottom: 0; } .gsing-chatgpt-theme .gsing-trigger { position: absolute; right: 0; bottom: 0; transition: all 0.2s ease-out; z-index: 9999; display: flex; flex-direction: column; align-items: end; } .gsing-chatgpt-theme .gsing-trigger .gsing-icon-text-container { display: flex; flex-direction: column; align-items: flex-end; } .gsing-chatgpt-theme .gsing-trigger .gsing-icon-text-container .gsing-icon-text { background: var(--gsing-iconTextBackgroundColor); color: var(--gsing-iconTextColor); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); max-width: 200px; font-size: 13px; margin-bottom: 15px; padding: 10px 15px; border-radius: 8px; } .gsing-chatgpt-theme .gsing-trigger .gsing-icon-text-container .gsing-icon-text-close { color: var(--gsing-iconTextColor); background: var(--gsing-iconTextBackgroundColor); padding: 5px; width: 20px; height: 20px; border-radius: 100%; display: none; justify-content: center; align-items: center; margin-bottom: 3px; } .gsing-chatgpt-theme .gsing-trigger .gsing-icon-text-container:hover { cursor: pointer; } .gsing-chatgpt-theme .gsing-trigger .gsing-icon-text-container:hover .gsing-icon-text-close { display: flex; font-size: 12px; } .gsing-chatgpt-theme .gsing-trigger .gsing-icon-text-container:hover .gsing-icon-text-close:hover { filter: brightness(1.2); } @media (max-width: 760px) { .gsing-chatgpt-theme .gsing-trigger .gsing-icon-text-container .gsing-icon-text-close { display: flex; } } .gsing-chatgpt-theme .gsing-trigger .gsing-icon-container .gsing-icon { filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15)); transition: all 0.2s ease-out; } .gsing-chatgpt-theme .gsing-trigger .gsing-icon-container .gsing-icon:hover { cursor: pointer; transform: scale(1.05); } .gsing-chatgpt-theme.gsing-window { position: fixed; right: 30px; bottom: 30px; width: var(--gsing-width); z-index: 9999; } .gsing-chatgpt-theme.gsing-window .gsing-header { display: none; justify-content: flex-end; align-items: center; border-radius: var(--gsing-borderRadius) var(--gsing-borderRadius) 0 0; background: var(--gsing-backgroundHeaderColor); } .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons { display: flex; align-items: center; } .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons .gsing-resize-button { justify-content: center; height: 32px; width: 22px; cursor: pointer; display: flex; justify-content: center; align-items: center; } .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons .gsing-resize-button:before { transition: all 0.2s ease-out; content: ' '; cursor: pointer; position: absolute; height: 13px; width: 13px; border: 1px solid var(--gsing-headerButtonsColor); } .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons .gsing-resize-button:hover:before { width: 16px; height: 16px; } .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button { justify-content: center; height: 32px; width: 33px; cursor: pointer; border-radius: var(--gsing-borderRadius); } .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:before { transition: all 0.2s ease-out; transform: translate(16px, 5px) rotate(45deg); } .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:after { transition: all 0.2s ease-out; transform: translate(16px, 5px) rotate(-45deg); } .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:before, .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:after { content: ' '; cursor: pointer; position: absolute; height: 22px; width: 1px; background-color: var(--gsing-headerButtonsColor); } .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:hover:before { opacity: 1; transform: translate(16px, 5px) rotate(135deg); } .gsing-chatgpt-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:hover:after { opacity: 1; transform: translate(16px, 5px) rotate(45deg); } .gsing-chatgpt-theme.gsing-window .gsing-content { display: none; opacity: 0; max-height: var(--gsing-maxHeight); border-radius: 0 0 var(--gsing-borderRadius) var(--gsing-borderRadius); } .gsing-chatgpt-theme.gsing-window.gsing-bottom-left { bottom: 30px; right: inherit; left: 30px; } .gsing-chatgpt-theme.gsing-window.gsing-bottom-left .gsing-trigger { right: inherit; left: 0; } .gsing-chatgpt-theme.gsing-window.gsing-top-right { top: 30px; bottom: inherit; right: 30px; } .gsing-chatgpt-theme.gsing-window.gsing-top-right .gsing-trigger { top: 0; bottom: inherit; } .gsing-chatgpt-theme.gsing-window.gsing-top-left { top: 30px; bottom: inherit; right: inherit; left: 30px; } .gsing-chatgpt-theme.gsing-window.gsing-top-left .gsing-trigger { top: 0; bottom: inherit; right: inherit; left: 0; } .gsing-chatgpt-theme.gsing-window.gsing-top-left .gsing-trigger, .gsing-chatgpt-theme.gsing-window.gsing-bottom-left .gsing-trigger { align-items: flex-start; } .gsing-chatgpt-theme.gsing-window.gsing-top-right .gsing-trigger, .gsing-chatgpt-theme.gsing-window.gsing-top-left .gsing-trigger { flex-direction: column-reverse; } .gsing-chatgpt-theme.gsing-window.gsing-top-right .gsing-trigger .gsing-icon-text, .gsing-chatgpt-theme.gsing-window.gsing-top-left .gsing-trigger .gsing-icon-text { margin-bottom: 0; margin-top: 15px; } .gsing-chatgpt-theme.gsing-window.gsing-fullscreen .gsing-header .gsing-buttons { margin-bottom: 0px; } .gsing-chatgpt-theme.gsing-window.gsing-fullscreen .gsing-header .gsing-buttons .gsing-resize-button:before { width: 16px; height: 16px; } .gsing-chatgpt-theme.gsing-window.gsing-fullscreen .gsing-header .gsing-buttons .gsing-resize-button:hover:before { width: 13px; height: 13px; } .gsing-chatgpt-theme.gsing-fullscreen:not(.gsing-window), .gsing-chatgpt-theme.gsing-fullscreen.gsing-window.gsing-open { position: fixed; left: 0 !important; right: 0 !important; bottom: 0 !important; top: 0 !important; width: 100%; height: 100%; max-height: 100%; max-width: 100%; display: flex; flex-direction: column; margin: 0; z-index: 999999; background-color: var(--gsing-backgroundSecondaryColor); } .gsing-chatgpt-theme.gsing-fullscreen:not(.gsing-window) .gsing-header, .gsing-chatgpt-theme.gsing-fullscreen.gsing-window.gsing-open .gsing-header { border-radius: 0; } .gsing-chatgpt-theme.gsing-fullscreen:not(.gsing-window) .gsing-content, .gsing-chatgpt-theme.gsing-fullscreen.gsing-window.gsing-open .gsing-content { height: 100%; max-height: inherit; border-radius: 0; } .gsing-chatgpt-theme.gsing-fullscreen:not(.gsing-window) .gsing-content .gsing-conversation, .gsing-chatgpt-theme.gsing-fullscreen.gsing-window.gsing-open .gsing-content .gsing-conversation { flex: auto; max-height: none; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-header { display: flex; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-content { display: flex; transition: opacity 200ms ease-in-out 0s; opacity: 1; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-trigger { display: none; } .gsing-chatgpt-theme .gsing-error { margin: var(--gsing-spacing); color: white; background: rgba(180, 55, 55, 0.55); padding: var(--gsing-spacing); border-radius: var(--gsing-borderRadius); } .gsing-chatgpt-theme .gsing-error:hover { cursor: pointer; background: rgba(180, 44, 44, 0.85); } .gsing-chatgpt-theme.gsing-bubble .gsing-icon-container { background: var(--gsing-bubbleColor); width: 60px; height: 60px; border-radius: 100%; transition: all 0.2s ease-out; display: flex; justify-content: center; align-items: center; } .gsing-chatgpt-theme.gsing-bubble .gsing-icon-container .gsing-icon { max-width: 50%; max-height: 50%; filter: none; } .gsing-chatgpt-theme.gsing-bubble .gsing-icon-container .gsing-icon:hover { transform: none; } .gsing-chatgpt-theme.gsing-bubble .gsing-icon-container .gsing-emoji { font-size: 30px !important; } .gsing-chatgpt-theme.gsing-bubble .gsing-icon-container:hover { cursor: pointer; filter: brightness(1.1); } @media (max-width: 760px) { .gsing-chatgpt-theme.gsing-window.gsing-open { position: fixed; left: 0 !important; right: 0 !important; bottom: 0 !important; top: 0 !important; width: 100%; height: 100%; max-height: 100%; max-width: 100%; display: flex; flex-direction: column; margin: 0; z-index: 999999; background-color: var(--gsing-backgroundSecondaryColor); } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-header { border-radius: 0; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-content { height: 100%; max-height: inherit; border-radius: 0; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-content .gsing-conversation { flex: auto; max-height: none; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-input { flex-direction: column; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-input button { font-size: 16px; margin-left: 0; width: 100%; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-input .gsing-input-text { width: 100%; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-input .gsing-input-text input, .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-input .gsing-input-text textarea { font-size: 16px; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-content { display: flex; transition: opacity 200ms ease-in-out 0s; opacity: 1; height: 100%; max-height: inherit; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-content .gsing-conversation { flex: auto; max-height: none; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-resize-button { display: none !important; } .gsing-chatgpt-theme.gsing-window.gsing-open .gsing-trigger { display: none; } } @keyframes gsing-button-spinner { from { transform: rotate(0turn); } to { transform: rotate(1turn); } } .gsing-chatgpt-theme .admin-bar .gsing-fullscreen:not(.gsing-window), .gsing-chatgpt-theme .admin-bar .gsing-fullscreen.gsing-window.gsing-open { top: 32px; } .gsing-chatgpt-theme pre code.hljs { display: block; overflow-x: auto; padding: 1em; } .gsing-chatgpt-theme code.hljs { padding: 3px 5px; } .gsing-chatgpt-theme .hljs { color: #fff; } .gsing-chatgpt-theme .hljs-subst { color: #fff; } .gsing-chatgpt-theme .hljs-comment { color: #999; } .gsing-chatgpt-theme .hljs-attr, .gsing-chatgpt-theme .hljs-doctag, .gsing-chatgpt-theme .hljs-keyword, .gsing-chatgpt-theme .hljs-meta .hljs-keyword, .gsing-chatgpt-theme .hljs-section, .gsing-chatgpt-theme .hljs-selector-tag { color: #88aece; } .gsing-chatgpt-theme .hljs-attribute { color: #c59bc1; } .gsing-chatgpt-theme .hljs-name, .gsing-chatgpt-theme .hljs-number, .gsing-chatgpt-theme .hljs-quote, .gsing-chatgpt-theme .hljs-selector-id, .gsing-chatgpt-theme .hljs-template-tag, .gsing-chatgpt-theme .hljs-type { color: #f08d49; } .gsing-chatgpt-theme .hljs-selector-class { color: #88aece; } .gsing-chatgpt-theme .hljs-link, .gsing-chatgpt-theme .hljs-regexp, .gsing-chatgpt-theme .hljs-selector-attr, .gsing-chatgpt-theme .hljs-string, .gsing-chatgpt-theme .hljs-symbol, .gsing-chatgpt-theme .hljs-template-variable, .gsing-chatgpt-theme .hljs-variable { color: #b5bd68; } .gsing-chatgpt-theme .hljs-meta, .gsing-chatgpt-theme .hljs-selector-pseudo { color: #88aece; } .gsing-chatgpt-theme .hljs-built_in, .gsing-chatgpt-theme .hljs-literal, .gsing-chatgpt-theme .hljs-title { color: #f08d49; } .gsing-chatgpt-theme .hljs-bullet, .gsing-chatgpt-theme .hljs-code { color: #ccc; } .gsing-chatgpt-theme .hljs-meta .hljs-string { color: #b5bd68; } .gsing-chatgpt-theme .hljs-deletion { color: #de7176; } .gsing-chatgpt-theme .hljs-addition { color: #76c490; } .gsing-chatgpt-theme .hljs-emphasis { font-style: italic; } .gsing-chatgpt-theme .hljs-strong { font-weight: 700; } .gsing-chatgpt-theme .gsing-reply-actions { position: absolute; border-radius: 5px; top: 10px; right: 10px; display: flex; align-items: center; padding: 2px 2px; z-index: 100; background: var(--gsing-backgroundPrimaryColor); box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); z-index: 100; } .gsing-chatgpt-theme .gsing-reply-actions .gsing-copy-button { fill: var(--gsing-fontColor); padding: 3px 5px; width: 24px; height: 24px; background: var(--gsing-backgroundPrimaryColor); cursor: pointer; border-radius: 5px; } .gsing-chatgpt-theme .gsing-reply-actions .gsing-copy-button:hover { filter: brightness(1.2); } .gsing-chatgpt-theme .gsing-reply-actions.gsing-hidden { opacity: 0; } .gsing-chatgpt-theme .gsing-realtime { padding: var(--gsing-spacing); } .gsing-chatgpt-theme .gsing-realtime .gsing-visualizer { display: flex; justify-content: center; align-items: center; } .gsing-chatgpt-theme .gsing-realtime .gsing-visualizer hr { width: 100px; margin-right: var(--gsing-spacing); margin-left: var(--gsing-spacing); border: 1px solid var(--gsing-backgroundPrimaryColor); } .gsing-chatgpt-theme .gsing-realtime .gsing-visualizer .gsing-animation { background: var(--gsing-backgroundPrimaryColor); } .gsing-chatgpt-theme .gsing-realtime .gsing-controls { display: flex; justify-content: center; align-items: center; margin-bottom: var(--gsing-spacing); } .gsing-chatgpt-theme .gsing-realtime .gsing-controls > * + * { margin-left: 10px; } .gsing-chatgpt-theme .gsing-realtime .gsing-controls button { border-radius: 100%; width: 50px; height: 50px; margin: 5px; padding: 5px; display: flex; align-items: center; justify-content: center; color: var(--gsing-fontColor); border: 2px solid var(--gsing-backgroundPrimaryColor); background: none; cursor: pointer; transition: all 0.2s ease-out; min-width: inherit; max-width: inherit; } .gsing-chatgpt-theme .gsing-realtime .gsing-controls button:hover:not(:disabled) { background: var(--gsing-backgroundPrimaryColor); } .gsing-chatgpt-theme .gsing-realtime .gsing-controls button:disabled { opacity: 0.5; cursor: not-allowed; background: none; } .gsing-chatgpt-theme .gsing-realtime .gsing-controls button.gsing-active { border: 2px solid var(--gsing-fontColor); } .gsing-chatgpt-theme .gsing-realtime .gsing-last-transcript { margin: var(--gsing-spacing); margin-top: 0; border: 2px solid var(--gsing-backgroundPrimaryColor); padding: calc(var(--gsing-spacing) / 2); border-radius: var(--gsing-borderRadius); display: flex; justify-content: center; font-size: 80%; } .gsing-chatgpt-theme .gsing-realtime .gsing-statistics { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 10px; font-size: 14px; } .gsing-chatgpt-theme .gsing-realtime .gsing-statistics div { display: flex; flex-direction: column; align-items: center; } .gsing-chatgpt-theme .gsing-realtime .gsing-statistics label { font-size: 11px; opacity: 0.5; text-transform: uppercase; } .gsing-chatgpt-theme .gsing-realtime .gsing-options { margin-top: var(--gsing-spacing); display: flex; align-items: center; } .gsing-chatgpt-theme .gsing-realtime .gsing-options .gsing-option { cursor: pointer; opacity: 0.5; margin-right: 2px; } .gsing-chatgpt-theme .gsing-realtime .gsing-options .gsing-option.gsing-active { opacity: 1; } @media (max-width: 760px) { .gsing-chatgpt-theme.gsing-window { width: calc(100% - 40px); z-index: 9999999999; } .gsing-chatgpt-theme .gsing-input { flex-direction: column; } .gsing-chatgpt-theme .gsing-input .gsing-input-submit { margin: 15px 0 0 0; height: 40px; width: inherit; } .gsing-chatgpt-theme .gsing-name { margin-right: 0; max-width: inherit; } }