.gsing-timeless-theme { --gsing-spacing: 15px; --gsing-fontSize: 13px; --gsing-lineHeight: 1.5; --gsing-borderRadius: 10px; --gsing-width: 360px; --gsing-maxHeight: 40vh; --gsing-iconTextColor: #FFFFFF; --gsing-iconTextBackgroundColor: #2831dc; --gsing-fontColor: black; --gsing-backgroundPrimaryColor: #fafafa; --gsing-backgroundHeaderColor: linear-gradient(130deg, #2831dc 0%, #09a9f8 100%); --gsing-bubbleColor: #2831dc; --gsing-headerButtonsColor: white; --gsing-conversationsBackgroundColor: white; --gsing-backgroundUserColor: linear-gradient(130deg, #272fdc 0%, #09a9f8 100%); --gsing-backgroundAiColor: #F1F3F7; --gsing-backgroundAiSecondaryColor: #ddd; --gsing-errorBackgroundColor: #6d2f2a; --gsing-errorTextColor: #FFFFFF; --gsing-headerHeight: 80px; font-size: var(--gsing-fontSize); } .gsing-timeless-theme * { box-sizing: border-box; } .gsing-timeless-theme.gsing-window .gsing-header { height: var(--gsing-headerHeight); padding: var(--gsing-spacing); } .gsing-timeless-theme.gsing-window .gsing-header .gsing-avatar img { width: 48px; height: 48px; } .gsing-timeless-theme.gsing-window .gsing-header .gsing-name { color: white; font-size: 140%; margin-left: calc(var(--gsing-spacing) / 2); } .gsing-timeless-theme.gsing-window .gsing-header .gsing-name small { font-size: 75%; display: block; } .gsing-timeless-theme .gsing-content { display: flex; background: var(--gsing-backgroundPrimaryColor); font-size: var(--gsing-fontSize); color: var(--gsing-fontColor); border-radius: var(--gsing-borderRadius); flex-direction: column; } .gsing-timeless-theme .gsing-shortcuts { display: flex; flex-direction: column; align-items: flex-end; } .gsing-timeless-theme .gsing-shortcuts .gsing-shortcut { margin-bottom: 5px; font-size: var(--gsing-fontSize); height: inherit; min-height: inherit; width: inherit; min-width: 90px; border-radius: var(--gsing-borderRadius); padding: 7px 12px; cursor: pointer; display: flex; align-items: center; justify-content: end; } .gsing-timeless-theme .gsing-shortcuts .gsing-shortcut.gsing-success { background: #4caf50; color: white; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); } .gsing-timeless-theme .gsing-shortcuts .gsing-shortcut.gsing-danger { background: #f44336; color: white; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); } .gsing-timeless-theme .gsing-shortcuts .gsing-shortcut.gsing-warning { background: #ff9800; color: white; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); } .gsing-timeless-theme .gsing-shortcuts .gsing-shortcut.gsing-info { background: #2196f3; color: white; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); } .gsing-timeless-theme .gsing-shortcuts .gsing-shortcut .gsing-icon { margin-right: 5px; } .gsing-timeless-theme .gsing-shortcuts .gsing-shortcut .gsing-icon img { max-height: 16px; width: auto; } .gsing-timeless-theme .gsing-shortcuts .gsing-shortcut:hover { filter: brightness(1.1); } .gsing-timeless-theme .gsing-blocks { display: flex; flex-direction: column; padding: var(--gsing-spacing); border-top: 0.5px solid rgba(0, 0, 0, 0.15); background: var(--gsing-backgroundAiColor); } .gsing-timeless-theme .gsing-blocks .gsing-block p:first-child { margin-top: 0; } .gsing-timeless-theme .gsing-blocks button { cursor: pointer; } .gsing-timeless-theme .gsing-conversation { display: flex; flex-direction: column; overflow: auto; max-height: var(--gsing-maxHeight); padding: var(--gsing-spacing); } .gsing-timeless-theme .gsing-conversation .gsing-reply { margin-bottom: var(--gsing-spacing); padding: 7px 12px; border-radius: var(--gsing-borderRadius); font-size: var(--gsing-fontSize); color: var(--gsing-fontColor); position: relative; } .gsing-timeless-theme .gsing-conversation .gsing-reply .gsing-name, .gsing-timeless-theme .gsing-conversation .gsing-reply .gsing-name-text { display: none; } .gsing-timeless-theme .gsing-conversation .gsing-reply * > p:first-child { margin-top: 0; } .gsing-timeless-theme .gsing-conversation .gsing-reply * > p:last-child { margin-bottom: 0; } .gsing-timeless-theme .gsing-conversation .gsing-reply.gsing-ai { align-self: flex-start; background: var(--gsing-backgroundAiColor); } .gsing-timeless-theme .gsing-conversation .gsing-reply.gsing-user { align-self: flex-end; background: var(--gsing-backgroundUserColor); color: white; } .gsing-timeless-theme .gsing-text { flex: auto; } .gsing-timeless-theme .gsing-text .gsing-image { display: block; max-width: 250px; height: auto; margin: 0 0 10px 0; border-radius: var(--gsing-borderRadius); } .gsing-timeless-theme .gsing-text .gsing-filename { display: flex; text-decoration: none; border: 1px solid var(--gsing-backgroundPrimaryColor); border-radius: var(--gsing-borderRadius); color: white; padding: 5px 10px; margin-bottom: 10px; } .gsing-timeless-theme .gsing-text > span > p > *:first-child { margin-top: 0; } .gsing-timeless-theme .gsing-text a { color: #2196f3; } .gsing-timeless-theme .gsing-text h1 { font-size: 200%; } .gsing-timeless-theme .gsing-text h2 { font-size: 160%; } .gsing-timeless-theme .gsing-text h3 { font-size: 140%; } .gsing-timeless-theme .gsing-text h4 { font-size: 120%; } .gsing-timeless-theme .gsing-text p { font-size: var(--gsing-fontSize); line-height: var(--gsing-lineHeight); } .gsing-timeless-theme .gsing-text p code { background: var(--gsing-backgroundAiSecondaryColor); padding: 2px 6px; border-radius: 8px; font-size: calc(var(--gsing-fontSize) * 0.9); font-family: system-ui; } .gsing-timeless-theme .gsing-text pre { color: var(--gsing-fontColor); border-radius: var(--gsing-borderRadius); break-after: auto; white-space: pre-wrap; max-width: 100%; width: 100%; font-family: system-ui; background: var(--gsing-backgroundAiSecondaryColor); padding: var(--gsing-spacing); } .gsing-timeless-theme .gsing-text pre code { padding: 0 !important; font-family: system-ui; background: var(--gsing-backgroundAiSecondaryColor); } .gsing-timeless-theme .gsing-text ol { padding: 0; margin: 0 0 0 20px; } .gsing-timeless-theme .gsing-text table { width: 100%; border: 2px solid var(--gsing-backgroundAiSecondaryColor); border-collapse: collapse; } .gsing-timeless-theme .gsing-text thead { background: var(--gsing-backgroundAiSecondaryColor); } .gsing-timeless-theme .gsing-text tr, .gsing-timeless-theme .gsing-text td { padding: 2px 5px; } .gsing-timeless-theme .gsing-text td { border: 2px solid var(--gsing-backgroundAiSecondaryColor); } .gsing-timeless-theme .gsing-text .gsing-typewriter { display: inline-block; } .gsing-timeless-theme .gsing-text .gsing-typewriter > :first-child { margin-top: 0; } .gsing-timeless-theme .gsing-text > *:first-child { margin-top: 0; } .gsing-timeless-theme .gsing-text > *:last-child { margin-bottom: 0; } .gsing-timeless-theme button { background: var(--gsing-backgroundUserColor); color: white; border: none; transition: all 0.5s; padding: 7px 12px; border-radius: var(--gsing-borderRadius); } .gsing-timeless-theme .gsing-input { display: flex; align-items: center; width: 100%; border-top: 0.5px solid rgba(0, 0, 0, 0.15); padding: calc(var(--gsing-spacing) / 2) var(--gsing-spacing); position: relative; } .gsing-timeless-theme .gsing-input .gsing-input-text { flex: auto; position: relative; display: flex; width: 100%; background: var(--gsing-backgroundPrimaryColor); overflow: hidden; } .gsing-timeless-theme .gsing-input .gsing-input-text.gsing-blocked img { filter: grayscale(100%); opacity: 0.5; } .gsing-timeless-theme .gsing-input .gsing-input-text.gsing-dragging { border: 1px dashed var(--gsing-backgroundAiSecondaryColor); } .gsing-timeless-theme .gsing-input .gsing-input-text textarea { background: var(--gsing-backgroundPrimaryColor); color: var(--gsing-fontColor); flex: auto; border: none; font-size: var(--gsing-fontSize); resize: none; font-family: inherit; margin: 0; overflow: hidden; min-height: inherit; box-shadow: none; outline: none; } .gsing-timeless-theme .gsing-input .gsing-input-text textarea::placeholder { color: rgba(0, 0, 0, 0.25); } .gsing-timeless-theme .gsing-input .gsing-input-text .gsing-microphone { display: flex; justify-content: center; align-items: center; } .gsing-timeless-theme .gsing-input .gsing-input-text .gsing-microphone svg { opacity: 0.5; filter: grayscale(100%); transition: opacity 0.3s ease-out; cursor: pointer; } .gsing-timeless-theme .gsing-input .gsing-input-text .gsing-microphone[active=true] svg { opacity: 1; } .gsing-timeless-theme .gsing-input .gsing-input-text .gsing-microphone[disabled] svg { opacity: 0; cursor: not-allowed; } .gsing-timeless-theme .gsing-input button { margin-left: var(--gsing-spacing); border-radius: 100%; cursor: pointer; height: 48px; width: 48px; min-width: 48px; min-height: 48px; } .gsing-timeless-theme .gsing-input button img { width: 20px; height: 20px; margin: auto; display: block; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(1000%) contrast(100%); } .gsing-timeless-theme .gsing-input button .gsing-timer { font-size: 11px; } .gsing-timeless-theme .gsing-input button:hover { filter: brightness(1.2); } .gsing-timeless-theme .gsing-input button[disabled] { cursor: not-allowed; filter: saturate(0%); } .gsing-timeless-theme .gsing-footer { display: flex; align-items: center; border-top: 0.5px solid rgba(0, 0, 0, 0.15); padding: calc(var(--gsing-spacing) / 2) var(--gsing-spacing); } .gsing-timeless-theme .gsing-footer .gsing-tools { margin-right: calc(var(--gsing-spacing) / 2); height: 38px; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload { display: inline-block; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload-icon { display: inline-block; background: url("http://www.lesnouvellesgenerations.com/models/gsing-by-megadev/themes/icons/white-icons.svg"); background-size: 500%; background-position: 0px -96px; width: 32px; height: 32px; margin-top: calc(var(--gsing-spacing) / 2); z-index: 100; transform: scale(0.8); transform-origin: 0 0; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload-icon.gsing-idle-add { background-position: -32px -96px; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload-icon.gsing-image-add { background-position: -32px 0px; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload-icon.gsing-image-up { background-position: -64px 0px; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload-icon.gsing-image-del { background-position: -96px 0px; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload-icon.gsing-image-ok { background-position: -128px 0px; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload-icon.gsing-document-add { background-position: -32px -64px; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload-icon.gsing-document-up { background-position: -64px -64px; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload-icon.gsing-document-del { background-position: -96px -64px; } .gsing-timeless-theme .gsing-footer .gsing-tools .gsing-file-upload-icon.gsing-document-ok { background-position: -128px -64px; } .gsing-timeless-theme .gsing-footer .gsing-tools .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-timeless-theme .gsing-footer .gsing-compliance { opacity: 0.50; font-size: 11px; line-height: 11px; color: var(--gsing-fontColor); text-align: left; padding: calc(var(--gsing-spacing) / 2) 0; } .gsing-timeless-theme .gsing-gallery { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 5px; } .gsing-timeless-theme .gsing-gallery img { width: 100%; } .gsing-timeless-theme.gsing-window { filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)); } .gsing-timeless-theme.gsing-window .gsing-input-submit { margin-right: -36px; margin-left: 0px; } @media (max-width: 760px) { .gsing-timeless-theme.gsing-window .gsing-input-submit { margin-right: inherit; border-radius: 0; } } .gsing-timeless-theme.gsing-window.gsing-fullscreen .gsing-input-submit { margin-right: inherit; } .gsing-timeless-theme.gsing-form-container { padding: var(--gsing-spacing); font-size: var(--gsing-fontSize); color: var(--gsing-fontColor); background: var(--gsing-backgroundPrimaryColor); border-radius: var(--gsing-borderRadius); } .gsing-timeless-theme.gsing-form-container fieldset { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; margin-bottom: 10px; } .gsing-timeless-theme.gsing-form-container fieldset input[type="text"], .gsing-timeless-theme.gsing-form-container fieldset input[type="email"], .gsing-timeless-theme.gsing-form-container fieldset input[type="tel"], .gsing-timeless-theme.gsing-form-container fieldset input[type="url"], .gsing-timeless-theme.gsing-form-container fieldset input[type="password"], .gsing-timeless-theme.gsing-form-container fieldset input[type="number"], .gsing-timeless-theme.gsing-form-container fieldset input[type="date"], .gsing-timeless-theme.gsing-form-container fieldset input[type="datetime"], .gsing-timeless-theme.gsing-form-container fieldset input[type="datetime-local"], .gsing-timeless-theme.gsing-form-container fieldset input[type="month"], .gsing-timeless-theme.gsing-form-container fieldset input[type="search"], .gsing-timeless-theme.gsing-form-container fieldset input[type="time"], .gsing-timeless-theme.gsing-form-container fieldset input[type="week"], .gsing-timeless-theme.gsing-form-container fieldset select, .gsing-timeless-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-backgroundAiColor) !important; color: var(--gsing-fontColor); } .gsing-timeless-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-timeless-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-timeless-theme.gsing-form-container fieldset input[disabled], .gsing-timeless-theme.gsing-form-container fieldset select[disabled], .gsing-timeless-theme.gsing-form-container fieldset textarea[disabled] { opacity: 0.25; } .gsing-timeless-theme.gsing-form-container .gsing-form-submit button, .gsing-timeless-theme.gsing-form-container .gsing-form-reset button { height: 45px; background: none; width: 100%; color: white; font-size: var(--gsing-fontSize); background: var(--gsing-backgroundUserColor); border: 1px solid var(--gsing-backgroundPrimaryColor); border-radius: var(--gsing-borderRadius); cursor: pointer; transition: all 0.2s ease-out; position: relative; } .gsing-timeless-theme.gsing-form-container .gsing-form-submit button:hover, .gsing-timeless-theme.gsing-form-container .gsing-form-reset button:hover { filter: brightness(1.2); } .gsing-timeless-theme.gsing-form-container .gsing-form-submit button[disabled] span, .gsing-timeless-theme.gsing-form-container .gsing-form-reset button[disabled] span { opacity: 0.25; } .gsing-timeless-theme.gsing-form-container .gsing-form-submit button[disabled]:hover, .gsing-timeless-theme.gsing-form-container .gsing-form-reset button[disabled]:hover { filter: brightness(1); cursor: not-allowed; } .gsing-timeless-theme.gsing-form-container .gsing-form-submit.gsing-loading button span, .gsing-timeless-theme.gsing-form-container .gsing-form-reset.gsing-loading button span { opacity: 0; } .gsing-timeless-theme.gsing-form-container .gsing-form-submit.gsing-loading button::after, .gsing-timeless-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: white; border-radius: 50%; animation: gsing-button-spinner 1s ease infinite; } .gsing-timeless-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-timeless-theme.gsing-form-container .gsing-form-output-container .gsing-form-output.gsing-error { background: var(--gsing-errorBackgroundColor); color: var(--gsing-errorFontColor); } .gsing-timeless-theme.gsing-form-container .gsing-form-output-container .gsing-form-output > * { color: var(--gsing-fontColor) !important; } .gsing-timeless-theme.gsing-form-container .gsing-form-output-container .gsing-form-output > *:first-child { margin-top: 0; } .gsing-timeless-theme.gsing-form-container .gsing-form-output-container .gsing-form-output > *:last-child { margin-bottom: 0; } .gsing-timeless-theme.gsing-form-container .gsing-form-output-container .gsing-form-output img { max-width: 33%; } .gsing-timeless-theme.gsing-form-container .gsing-form-output-container .gsing-form-output div > *:first-child { margin-top: 0; } .gsing-timeless-theme.gsing-form-container .gsing-form-output-container .gsing-form-output div > *:last-child { margin-bottom: 0; } .gsing-timeless-theme.gsing-form-container .gsing-form-output-container.gsing-has-content { display: block; } .gsing-timeless-theme.gsing-form-container .wp-block-columns { margin: 0; } .gsing-timeless-theme.gsing-discussions { border-radius: var(--gsing-borderRadius); background: var(--gsing-conversationsBackgroundColor); color: var(--gsing-backgroundPrimaryColor); overflow: hidden; } .gsing-timeless-theme.gsing-discussions * { box-sizing: border-box; } .gsing-timeless-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-timeless-theme.gsing-discussions .gsing-discussion .gsing-discussion-title { flex: auto; padding: 5px; } .gsing-timeless-theme.gsing-discussions .gsing-discussion .gsing-discussion-actions { display: flex; gap: 1px; } .gsing-timeless-theme.gsing-discussions .gsing-discussion .gsing-discussion-actions .gsing-icon { width: 30px; height: 30px; 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-timeless-theme.gsing-discussions .gsing-discussion .gsing-discussion-actions .gsing-icon:hover { color: white; background: blue; } .gsing-timeless-theme.gsing-discussions .gsing-discussion .gsing-discussion-actions .gsing-icon:hover.gsing-danger { background: red; } .gsing-timeless-theme.gsing-discussions .gsing-discussion.gsing-active, .gsing-timeless-theme.gsing-discussions .gsing-discussion:hover { cursor: pointer; } .gsing-timeless-theme.gsing-discussions .gsing-discussion.gsing-active .gsing-discussion-title, .gsing-timeless-theme.gsing-discussions .gsing-discussion:hover .gsing-discussion-title { color: var(--gsing-backgroundPrimaryColor); background: var(--gsing-backgroundHeaderColor); border-radius: var(--gsing-borderRadius); opacity: 1; } .gsing-timeless-theme.gsing-discussions .gsing-discussion:first-child { margin-top: calc(var(--gsing-spacing) / 2); } .gsing-timeless-theme.gsing-discussions .gsing-header { background: var(--gsing-backgroundAiSecondaryColor); padding: var(--gsing-spacing); display: flex; justify-content: space-between; align-items: center; } .gsing-timeless-theme.gsing-discussions .gsing-content { background: var(--gsing-conversationsBackgroundColor); list-style: none; padding: 0; margin: 0; } .gsing-timeless-theme.gsing-discussions button { margin-left: 0; } .gsing-timeless-theme.gsing-transition, .gsing-timeless-theme .gsing-transition { opacity: 0; transition: opacity 350ms ease-in-out; } .gsing-timeless-theme.gsing-transition-visible, .gsing-timeless-theme .gsing-transition-visible { opacity: 1; } .gsing-timeless-theme .gsing-text { overflow-wrap: anywhere; } .gsing-timeless-theme .gsing-text img { max-width: 100%; } .gsing-timeless-theme .gsing-text div p:first-child { margin-top: 0; } .gsing-timeless-theme .gsing-text div p:last-child { margin-bottom: 0; } .gsing-timeless-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-timeless-theme .gsing-trigger .gsing-icon-text-container { display: flex; flex-direction: column; align-items: flex-end; } .gsing-timeless-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-timeless-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-timeless-theme .gsing-trigger .gsing-icon-text-container:hover { cursor: pointer; } .gsing-timeless-theme .gsing-trigger .gsing-icon-text-container:hover .gsing-icon-text-close { display: flex; font-size: 12px; } .gsing-timeless-theme .gsing-trigger .gsing-icon-text-container:hover .gsing-icon-text-close:hover { filter: brightness(1.2); } @media (max-width: 760px) { .gsing-timeless-theme .gsing-trigger .gsing-icon-text-container .gsing-icon-text-close { display: flex; } } .gsing-timeless-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-timeless-theme .gsing-trigger .gsing-icon-container .gsing-icon:hover { cursor: pointer; transform: scale(1.05); } .gsing-timeless-theme.gsing-window { position: fixed; right: 30px; bottom: 30px; width: var(--gsing-width); z-index: 9999; } .gsing-timeless-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-timeless-theme.gsing-window .gsing-header .gsing-buttons { display: flex; align-items: center; } .gsing-timeless-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-timeless-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-timeless-theme.gsing-window .gsing-header .gsing-buttons .gsing-resize-button:hover:before { width: 16px; height: 16px; } .gsing-timeless-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-timeless-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:before { transition: all 0.2s ease-out; transform: translate(16px, 5px) rotate(45deg); } .gsing-timeless-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:after { transition: all 0.2s ease-out; transform: translate(16px, 5px) rotate(-45deg); } .gsing-timeless-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:before, .gsing-timeless-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-timeless-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:hover:before { opacity: 1; transform: translate(16px, 5px) rotate(135deg); } .gsing-timeless-theme.gsing-window .gsing-header .gsing-buttons .gsing-close-button:hover:after { opacity: 1; transform: translate(16px, 5px) rotate(45deg); } .gsing-timeless-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-timeless-theme.gsing-window.gsing-bottom-left { bottom: 30px; right: inherit; left: 30px; } .gsing-timeless-theme.gsing-window.gsing-bottom-left .gsing-trigger { right: inherit; left: 0; } .gsing-timeless-theme.gsing-window.gsing-top-right { top: 30px; bottom: inherit; right: 30px; } .gsing-timeless-theme.gsing-window.gsing-top-right .gsing-trigger { top: 0; bottom: inherit; } .gsing-timeless-theme.gsing-window.gsing-top-left { top: 30px; bottom: inherit; right: inherit; left: 30px; } .gsing-timeless-theme.gsing-window.gsing-top-left .gsing-trigger { top: 0; bottom: inherit; right: inherit; left: 0; } .gsing-timeless-theme.gsing-window.gsing-top-left .gsing-trigger, .gsing-timeless-theme.gsing-window.gsing-bottom-left .gsing-trigger { align-items: flex-start; } .gsing-timeless-theme.gsing-window.gsing-top-right .gsing-trigger, .gsing-timeless-theme.gsing-window.gsing-top-left .gsing-trigger { flex-direction: column-reverse; } .gsing-timeless-theme.gsing-window.gsing-top-right .gsing-trigger .gsing-icon-text, .gsing-timeless-theme.gsing-window.gsing-top-left .gsing-trigger .gsing-icon-text { margin-bottom: 0; margin-top: 15px; } .gsing-timeless-theme.gsing-window.gsing-fullscreen .gsing-header .gsing-buttons { margin-bottom: 0px; } .gsing-timeless-theme.gsing-window.gsing-fullscreen .gsing-header .gsing-buttons .gsing-resize-button:before { width: 16px; height: 16px; } .gsing-timeless-theme.gsing-window.gsing-fullscreen .gsing-header .gsing-buttons .gsing-resize-button:hover:before { width: 13px; height: 13px; } .gsing-timeless-theme.gsing-fullscreen:not(.gsing-window), .gsing-timeless-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-timeless-theme.gsing-fullscreen:not(.gsing-window) .gsing-header, .gsing-timeless-theme.gsing-fullscreen.gsing-window.gsing-open .gsing-header { border-radius: 0; } .gsing-timeless-theme.gsing-fullscreen:not(.gsing-window) .gsing-content, .gsing-timeless-theme.gsing-fullscreen.gsing-window.gsing-open .gsing-content { height: 100%; max-height: inherit; border-radius: 0; } .gsing-timeless-theme.gsing-fullscreen:not(.gsing-window) .gsing-content .gsing-conversation, .gsing-timeless-theme.gsing-fullscreen.gsing-window.gsing-open .gsing-content .gsing-conversation { flex: auto; max-height: none; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-header { display: flex; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-content { display: flex; transition: opacity 200ms ease-in-out 0s; opacity: 1; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-trigger { display: none; } .gsing-timeless-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-timeless-theme .gsing-error:hover { cursor: pointer; background: rgba(180, 44, 44, 0.85); } .gsing-timeless-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-timeless-theme.gsing-bubble .gsing-icon-container .gsing-icon { max-width: 50%; max-height: 50%; filter: none; } .gsing-timeless-theme.gsing-bubble .gsing-icon-container .gsing-icon:hover { transform: none; } .gsing-timeless-theme.gsing-bubble .gsing-icon-container .gsing-emoji { font-size: 30px !important; } .gsing-timeless-theme.gsing-bubble .gsing-icon-container:hover { cursor: pointer; filter: brightness(1.1); } @media (max-width: 760px) { .gsing-timeless-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-timeless-theme.gsing-window.gsing-open .gsing-header { border-radius: 0; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-content { height: 100%; max-height: inherit; border-radius: 0; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-content .gsing-conversation { flex: auto; max-height: none; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-input { flex-direction: column; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-input button { font-size: 16px; margin-left: 0; width: 100%; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-input .gsing-input-text { width: 100%; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-input .gsing-input-text input, .gsing-timeless-theme.gsing-window.gsing-open .gsing-input .gsing-input-text textarea { font-size: 16px; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-content { display: flex; transition: opacity 200ms ease-in-out 0s; opacity: 1; height: 100%; max-height: inherit; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-content .gsing-conversation { flex: auto; max-height: none; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-resize-button { display: none !important; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-trigger { display: none; } } @keyframes gsing-button-spinner { from { transform: rotate(0turn); } to { transform: rotate(1turn); } } .gsing-timeless-theme .admin-bar .gsing-fullscreen:not(.gsing-window), .gsing-timeless-theme .admin-bar .gsing-fullscreen.gsing-window.gsing-open { top: 32px; } .gsing-timeless-theme pre code.hljs { display: block; overflow-x: auto; padding: 1em; } .gsing-timeless-theme code.hljs { padding: 3px 5px; } .gsing-timeless-theme .hljs { color: #333; background: #f0f0f0; } .gsing-timeless-theme .hljs-subst { color: #333; } .gsing-timeless-theme .hljs-comment { color: #888; } .gsing-timeless-theme .hljs-attr, .gsing-timeless-theme .hljs-doctag, .gsing-timeless-theme .hljs-keyword, .gsing-timeless-theme .hljs-meta .hljs-keyword, .gsing-timeless-theme .hljs-section, .gsing-timeless-theme .hljs-selector-tag { color: #0077cc; } .gsing-timeless-theme .hljs-attribute { color: #aa3377; } .gsing-timeless-theme .hljs-name, .gsing-timeless-theme .hljs-number, .gsing-timeless-theme .hljs-quote, .gsing-timeless-theme .hljs-selector-id, .gsing-timeless-theme .hljs-template-tag, .gsing-timeless-theme .hljs-type { color: #c18401; } .gsing-timeless-theme .hljs-selector-class { color: #0077cc; } .gsing-timeless-theme .hljs-link, .gsing-timeless-theme .hljs-regexp, .gsing-timeless-theme .hljs-selector-attr, .gsing-timeless-theme .hljs-string, .gsing-timeless-theme .hljs-symbol, .gsing-timeless-theme .hljs-template-variable, .gsing-timeless-theme .hljs-variable { color: #689700; } .gsing-timeless-theme .hljs-meta, .gsing-timeless-theme .hljs-selector-pseudo { color: #0077cc; } .gsing-timeless-theme .hljs-built_in, .gsing-timeless-theme .hljs-literal, .gsing-timeless-theme .hljs-title { color: #c18401; } .gsing-timeless-theme .hljs-bullet, .gsing-timeless-theme .hljs-code { color: #555; } .gsing-timeless-theme .hljs-meta .hljs-string { color: #689700; } .gsing-timeless-theme .hljs-deletion { color: #b71c1c; } .gsing-timeless-theme .hljs-addition { color: #1b5e20; } .gsing-timeless-theme .hljs-emphasis { font-style: italic; } .gsing-timeless-theme .hljs-strong { font-weight: 700; } .gsing-timeless-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-timeless-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-timeless-theme .gsing-reply-actions .gsing-copy-button:hover { filter: brightness(1.2); } .gsing-timeless-theme .gsing-reply-actions.gsing-hidden { opacity: 0; } .gsing-timeless-theme .gsing-realtime { padding: var(--gsing-spacing); } .gsing-timeless-theme .gsing-realtime .gsing-visualizer { display: flex; justify-content: center; align-items: center; } .gsing-timeless-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-timeless-theme .gsing-realtime .gsing-visualizer .gsing-animation { background: var(--gsing-backgroundPrimaryColor); } .gsing-timeless-theme .gsing-realtime .gsing-controls { display: flex; justify-content: center; align-items: center; margin-bottom: var(--gsing-spacing); } .gsing-timeless-theme .gsing-realtime .gsing-controls > * + * { margin-left: 10px; } .gsing-timeless-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-timeless-theme .gsing-realtime .gsing-controls button:hover:not(:disabled) { background: var(--gsing-backgroundPrimaryColor); } .gsing-timeless-theme .gsing-realtime .gsing-controls button:disabled { opacity: 0.5; cursor: not-allowed; background: none; } .gsing-timeless-theme .gsing-realtime .gsing-controls button.gsing-active { border: 2px solid var(--gsing-fontColor); } .gsing-timeless-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-timeless-theme .gsing-realtime .gsing-statistics { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 10px; font-size: 14px; } .gsing-timeless-theme .gsing-realtime .gsing-statistics div { display: flex; flex-direction: column; align-items: center; } .gsing-timeless-theme .gsing-realtime .gsing-statistics label { font-size: 11px; opacity: 0.5; text-transform: uppercase; } .gsing-timeless-theme .gsing-realtime .gsing-options { margin-top: var(--gsing-spacing); display: flex; align-items: center; } .gsing-timeless-theme .gsing-realtime .gsing-options .gsing-option { cursor: pointer; opacity: 0.5; margin-right: 2px; } .gsing-timeless-theme .gsing-realtime .gsing-options .gsing-option.gsing-active { opacity: 1; } .gsing-timeless-theme .gsing-realtime .gsing-visualizer hr { border: 1px solid var(--gsing-backgroundAiSecondaryColor); } .gsing-timeless-theme .gsing-realtime .gsing-visualizer .gsing-animation { background: var(--gsing-backgroundAiSecondaryColor); } .gsing-timeless-theme .gsing-realtime .gsing-controls button { color: var(--gsing-backgroundPrimaryColor); background: var(--gsing-backgroundUserColor); } .gsing-timeless-theme .gsing-realtime .gsing-controls button:hover { color: var(--gsing-backgroundPrimaryColor) !important; background: var(--gsing-backgroundUserColor) !important; opacity: 0.8; } .gsing-timeless-theme .gsing-realtime .gsing-controls button[disabled] { color: var(--gsing-backgroundPrimaryColor) !important; background: var(--gsing-backgroundUserColor) !important; opacity: 0.5; } .gsing-timeless-theme .gsing-reply-actions { top: 5px; } .gsing-timeless-theme .gsing-reply-actions .gsing-copy-button { padding-top: 4px; } .gsing-timeless-theme .gsing-reply-actions .gsing-copy-button:hover { fill: var(--gsing-backgroundPrimaryColor); background: var(--gsing-backgroundUserColor); } @media (max-width: 760px) { .gsing-timeless-theme.gsing-window { width: calc(100% - 40px); z-index: 9999999999; } .gsing-timeless-theme.gsing-window.gsing-open .gsing-content { height: calc(100vh - var(--gsing-headerHeight)); } .gsing-timeless-theme .gsing-input { flex-direction: column; } .gsing-timeless-theme .gsing-input .gsing-input-text { width: 100%; margin-bottom: 10px; } .gsing-timeless-theme .gsing-input .gsing-input-submit { width: 100%; border-radius: var(--gsing-borderRadius); margin-left: 0; height: 24px; min-height: 36px; } .gsing-timeless-theme .gsing-input .gsing-input-submit img { width: 16px; height: 16px; } }