vue3-chat-yzx/es/index.css

vue3-chat-yzx

.Vc-welcome[data-v-f9b19b9d]{box-sizing:border-box;display:flex;gap:16px}.Vc-welcome-icon[data-v-f9b19b9d]{display:flex;height:58px}.Vc-welcome-icon img[data-v-f9b19b9d]{max-width:100%;height:100%}.Vc-welcome-left[data-v-f9b19b9d]{direction:ltr}.Vc-welcome-right[data-v-f9b19b9d]{direction:rtl}.Vc-welcome-content-wrapper[data-v-f9b19b9d]{display:flex;flex:auto;flex-direction:column;justify-content:space-between;align-items:stretch;width:0}.Vc-welcome-content-wrapper .Vc-welcome-title[data-v-f9b19b9d]{font-size:var(--font-size-heading-4);line-height:var(--line-height-heading-4);color:var(--color-text-heading);overflow-wrap:break-word}.Vc-welcome-content-wrapper .Vc-welcome-title h4[data-v-f9b19b9d]{padding:0;margin:0}.Vc-welcome-content-wrapper .Vc-welcome-title.extra[data-v-f9b19b9d]{display:flex;gap:var(--padding-xs);align-items:flex-start}.Vc-welcome-content-wrapper .Vc-welcome-title .Vc-welcome-extra[data-v-f9b19b9d]{margin-inline-start:auto}.Vc-welcome-content-wrapper-description[data-v-f9b19b9d]{box-sizing:border-box;font-size:var(--font-size);line-height:var(--line-height);color:var(--color-text);overflow-wrap:break-word}.Vc-welcome.Vc-welcome-filled[data-v-f9b19b9d]{padding-block:12px;padding-block:var(--padding-sm);padding-inline:16px;padding-inline:var(--padding);background:var(--color-bg-welcome);border-radius:8px;border-radius:var(--border-radius-lg)}.Vc-welcome.Vc-welcome-borderless .Vc-welcome-title[data-v-f9b19b9d]{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-3)}.Vc-thinking[data-v-144544e5]{box-sizing:border-box;height:auto;display:flex;flex-direction:column;justify-content:center}.Vc-thinking .Vc-thinking-top[data-v-144544e5]{display:flex;width:fit-content;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--padding-xs);background-color:var(--color-bg-thinking);border:none;border-radius:12px;box-shadow:var(--box-shadow-tertiary);cursor:pointer}.Vc-thinking .Vc-thinking-top[data-v-144544e5]:hover{background:var(--color-hover)}.Vc-thinking .Vc-thinking-top[data-v-144544e5]:disabled{cursor:not-allowed;opacity:.7}.Vc-thinking .Vc-thinking-icon[data-v-144544e5]{flex:0 0 auto;display:inline-flex;align-items:center}.Vc-thinking .Vc-thinking-label[data-v-144544e5]{flex:1;text-align:center;padding:0 var(--padding-sm)}.Vc-thinking .Vc-thinking-arrow[data-v-144544e5]{flex:0 0 auto;display:inline-flex;align-items:center;transition:transform .3s ease;transform:rotate(0)}.Vc-thinking .Vc-thinking-arrow.is-open[data-v-144544e5]{transform:rotate(-180deg)}.Vc-thinking .Vc-thinking-content[data-v-144544e5]{width:fit-content;box-sizing:border-box;height:auto;padding:var(--padding-sm);margin-top:var(--margin);font-size:var(--font-size);color:var(--color-thinking-text);border-radius:var(--border-radius)}.Vc-thinking .Vc-thinking-content-lb[data-v-144544e5]{border-left:2px solid var(--border-color);border-radius:0;padding:0 var(--padding-sm)}.thinking-loading[data-v-144544e5]{animation:rotate-144544e5 1s linear infinite}@keyframes rotate-144544e5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thinking-content-enter-active[data-v-144544e5],.thinking-content-leave-active[data-v-144544e5]{transition:all .3s ease}.thinking-content-enter-from[data-v-144544e5],.thinking-content-leave-to[data-v-144544e5]{opacity:0;height:0}:root{--light: 0, 0, 0;--dark: 255, 255, 255;--color-primary: #1677ff;--color-primary-hover: #4096ff;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #1677ff;--color-link: #1677ff;--color-text: rgb(var(--light), 85%);--color-text-disabled: rgb(var(--light), 25%);--color-text-placeholder: #bfbfbf;--color-text-description: rgb(var(--light), 45%);--color-text-tertiary: rgb(var(--light), 45%);--color-text-heading: rgb(var(--light), 88%);--color-fill: rgb(var(--light), 15%);--color-fill-content: rgb(var(--light), 12%);--color-fill-content-hover: rgb(var(--light), 18%);--color-fill-alter: rgb(var(--light), 4%);--color-fill-tertiary: rgb(var(--light), 8%);--color-fill-quaternary: rgb(var(--light), 2%);--color-bg-layout: rgb(var(--light));--color-bg-container: #fff;--color-bg-elevated: #fff;--color-bg-spotlight: rgba(0, 0, 0, .85);--color-bg-blur: rgb(var(--light), 4%);--color-bg-welcome: #e6f4ff;--color-bg-bubble: #f0f2f5;--color-hover: #f8f8f8;--color-bg-thinking: #f5f5f5;--color-thinking-text: #71757f;--border-radius: 6px;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-lg: 8px;--border-color: #d9d9d9;--border-secondary: #f0f0f0;--line-width-bold: 2px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-md: 20px;--padding-lg: 24px;--padding-xl: 32px;--margin-xxs: 4px;--margin-xs: 8px;--margin-sm: 12px;--margin: 16px;--margin-md: 20px;--margin-lg: 24px;--margin-xl: 32px;--margin-xxl: 48px;--control-padding-horizontal: 12px;--control-padding-horizontal-sm: 8px;--padding-content-horizontal-lg: 24px;--padding-content-vertical-lg: 16px;--padding-content-horizontal: 16px;--padding-content-vertical: 12px;--padding-content-horizontal-sm: 16px;--padding-content-vertical-sm: 8px;--font-size-sm: 12px;--font-size: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-heading-1: 38px;--font-size-heading-2: 30px;--font-size-heading-3: 24px;--font-size-heading-4: 20px;--font-size-heading-5: 16px;--line-height: 1.5714;--line-height-lg: 1.5;--line-height-sm: 1.6667;--font-height: 22px;--font-height-lg: 24px;--font-height-sm: 20px;--line-width: 1px;--line-type: solid;--box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);--box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--motion-duration-slow: .3s;--attachments-color-bg-placeholder-hover: rgba(255, 255, 255, .85);--start-color: var(--el-color-warning);--thinking-color: var(--el-color-primary);--end-color: var(--el-color-success);--error-color: var(--el-color-danger)}:root.dark{--light: 255, 255, 255;--dark: 0, 0, 0;--color-light: #000;--color-dark: #fff;--color-primary-dark: #1677ff;--color-primary-dark-hover: #4096ff;--color-success-dark: #52c41a;--color-warning-dark: #faad14;--color-error-dark: #ff4d4f;--color-info-dark: #1677ff;--color-link-dark: #1677ff;--color-bg-container: #141414;--color-bg-elevated: #1f1f1f;--color-bg-spotlight: #424242;--border-color: #414243;--border-secondary: #303030;--attachments-color-bg-placeholder-hover: rgb(20 20 20 / 85%);--color-bg-welcome: #141414;--color-bg-bubble: #1f1f1f;--color-hover: #222222;--color-bg-thinking: #34363a;--color-thinking-text: #71757f;color-scheme:dark}