:root {
--bg: #f4f6fa;
--ink: #14213d;
--card: #fff;
--primary: #3867f4;
--primary-fg: #fff;
--secondary: #eef3ff;
--secondary-fg: #264fcf;
--muted: #6e7890;
--border: #e2e7f0;
--success: #16a36a;
--warning: #f3903f;
--danger: #df4b5a;
--radius: 10px;
--shadow: 0 4px 16px rgba(28, 45, 84, 0.08);
--font: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: var(--font);
background: var(--bg);
color: var(--ink);
-webkit-font-smoothing: antialiased;
min-height: 100vh;
min-height: 100dvh;
overflow-x: hidden;
}
img,video,canvas,svg { max-width:100%; }
button,a,input,select,textarea { touch-action: manipulation; }
@media (pointer: coarse) { button,a,summary { min-height:44px; } }
@supports (padding: env(safe-area-inset-top)) { body { padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right); } }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; border: none; background: none; }
button:disabled { cursor: not-allowed; opacity: 0.45; }
.app-loading,
.auth-denied { min-height: 100vh; display: grid; place-items: center; padding: 24px; color: #39445c; background: #f4f6fa; }
.app-loading.is-error { color: #df4b5a; }
.auth-denied > div { max-width: 460px; padding: 32px; text-align: center; background: #fff; border: 1px solid #e2e7f0; border-radius: 16px; }
.auth-denied h1 { margin-bottom: 10px; }
.auth-denied p { color: #6e7890; margin-bottom: 22px; }
.auth-denied button { min-height: 44px; padding: 0 20px; border-radius: 9px; color: #fff; background: #3867f4; }
.modal-backdrop { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 20px; background: rgba(8, 18, 38, .5); }
.modal-card { width: min(440px, 100%); padding: 24px; border-radius: 14px; background: #fff; box-shadow: 0 18px 50px rgba(8, 18, 38, .2); }
.modal-card p { margin: 10px 0 18px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.course-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.course-fields__class { grid-column: span 2; }
.field-error { display: block; margin-top: 4px; color: var(--danger); }
@media (max-width: 720px) {
.course-fields { grid-template-columns: 1fr; }
.course-fields > label, .course-fields__class { grid-column: 1 !important; }
}
/* ====== 教师端：视觉规范来自 1920 × 960「我的课表」设计稿 ====== */
.teacher-layout {
min-height: 100vh;
background: #f0f4f8;
color: #142234;
}
/* Unified teacher workspace: no simulated device frame, clearer type and restrained color. */
body:has(.teacher-layout--workspace) { background: #fafafa; }
.teacher-layout--workspace { width: 100%; min-height: 100vh; margin: 0; border: 0; border-radius: 0; box-shadow: none; background: #fff; }
.teacher-layout--workspace .teacher-topbar { height: 76px; padding: 16px 32px; border-radius: 0; background: #fff; }
.teacher-layout--workspace .teacher-main { background: #fff; }
.teacher-layout--workspace .schedule-page { padding: 22px 36px 40px; }
.teacher-layout--workspace .teacher-account__name { font-size: 13px; }
.teacher-class-workspace__topline > h1 { font-size: 30px; }
.teacher-schedule-board__head h2 { font-size: 18px; }
.teacher-schedule-board .schedule-view-toggle button,
.teacher-schedule-board .schedule-date-all,
.teacher-schedule-board .schedule-date-trigger,
.teacher-schedule-board .schedule-filters button { font-size: 13px; }
.teacher-schedule-board .schedule-card__time strong { font-size: 17px; }
.teacher-schedule-board .schedule-card__title-row h2 { font-size: 15px; }
.teacher-schedule-board .schedule-card__lesson,
.teacher-schedule-board .schedule-card__meta > span,
.teacher-schedule-board .schedule-card__primary { font-size: 12px; }
.teacher-member-names { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 0; }
.teacher-member-names i { padding: 5px 8px; border-radius: 6px; background: #f2f3f5; color: #555b66; font-size: 12px; font-style: normal; }
.teacher-member-strip > strong { font-size: 13px; }
.teacher-schedule-board .schedule-week-view .schedule-week-course { display: grid; grid-template-columns: 8px minmax(0,1fr); gap: 9px; align-items: center; min-height: 50px; padding: 9px; border-bottom: 1px solid #ececec; }
.teacher-schedule-board .schedule-week-view .schedule-week-course > span { width: 8px; height: 30px; border-radius: 99px; }
.teacher-schedule-board .schedule-week-view .schedule-week-course strong { min-width: 0; color: #26282d; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.teacher-schedule-board .schedule-week-view .schedule-week-course button { grid-column: 2; justify-self: start; min-height: 28px; padding: 0 9px; border: 1px solid #d7d9dd; border-radius: 7px; background: #fff; color: #33363d; font-size: 11px; font-weight: 650; }
/* Full-page task composer. The editor actions remain one horizontal, scrollable row. */
.task-mode-picker, .task-compose-page { width: min(1180px, calc(100% - 64px)); margin: 0 auto; padding: 34px 0 52px; color: #25272c; }
.task-mode-picker > section { max-width: 820px; margin: 86px auto; }
.task-mode-picker__eyebrow, .task-compose-page__header > div > span { color: #6a707b; font-size: 13px; font-weight: 650; }
.task-mode-picker h1, .task-compose-page h1 { margin: 10px 0 8px; font-size: 32px; line-height: 1.15; letter-spacing: -.04em; }
.task-mode-picker p, .task-compose-page__header p { margin: 0; color: #747983; font-size: 15px; line-height: 1.65; }
.task-mode-picker__choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 32px; }
.task-mode-picker__choices > button { min-height: 244px; padding: 26px; border: 1px solid #e2e3e6; border-radius: 12px; background: #fff; color: #25272c; text-align: left; transition: border-color .16s, box-shadow .16s, transform .16s; }
.task-mode-picker__choices > button:hover { border-color: #8d939f; box-shadow: 0 12px 28px rgba(24,25,28,.08); transform: translateY(-2px); }
.task-mode-picker__choices i { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; background: #f0f1f3; color: #32363d; font-size: 18px; font-style: normal; font-weight: 750; }
.task-mode-picker__choices strong, .task-mode-picker__choices span, .task-mode-picker__choices b { display: block; }
.task-mode-picker__choices strong { margin-top: 20px; font-size: 20px; }
.task-mode-picker__choices span { min-height: 48px; margin-top: 8px; color: #6d737e; font-size: 14px; line-height: 1.65; }
.task-mode-picker__choices b { margin-top: 20px; color: #333842; font-size: 14px; }
.task-page-back, .task-mode-switch { padding: 0; border: 0; background: transparent; color: #606773; font-size: 13px; font-weight: 650; }
.task-page-back:hover, .task-mode-switch:hover { color: #202328; text-decoration: underline; }
.task-compose-page__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 24px; border-bottom: 1px solid #e8e8e8; }
.task-compose-page__header .task-page-back { margin-bottom: 15px; }
.task-mode-switch { min-height: 34px; padding: 0 12px; border: 1px solid #d8dade; border-radius: 8px; white-space: nowrap; }
.task-compose-layout { display: grid; grid-template-columns: minmax(0,1fr) 292px; gap: 32px; align-items: start; padding-top: 26px; }
.task-compose-editor { min-width: 0; }
.task-field { display: grid; gap: 8px; color: #40444c; font-size: 13px; font-weight: 650; }
.task-field input, .task-compose-settings input, .task-compose-settings select { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid #dfe1e5; border-radius: 8px; background: #fff; color: #272b31; font: inherit; }
.task-field input:focus, .task-compose-settings input:focus, .task-compose-settings select:focus { outline: 0; border-color: #4f5560; box-shadow: 0 0 0 3px rgba(58,63,70,.09); }
.task-editor-section { position: relative; margin-top: 24px; }
.task-editor-section > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: #40444c; font-size: 13px; font-weight: 650; }
.task-editor-section__actions { display: flex; gap: 6px; }
.task-editor-section__actions > button { min-height: 28px; padding: 0 8px; border: 1px solid #dadde1; border-radius: 6px; background: #fff; color: #626974; font-size: 11px; font-weight: 650; }
.task-editor-section__actions > button:hover { color: #24272d; border-color: #959aa3; }
.task-resource-menu { position: absolute; z-index: 10; top: 34px; right: 0; width: min(360px, calc(100vw - 48px)); overflow: hidden; border: 1px solid #dfe1e4; border-radius: 10px; background: #fff; box-shadow: 0 14px 36px rgba(25,28,32,.16); }
.task-resource-menu header { display: flex; justify-content: space-between; padding: 11px 13px; border-bottom: 1px solid #ececef; font-size: 13px; }
.task-resource-menu header button { border: 0; background: transparent; color: #6d737e; font-size: 19px; }
.task-resource-menu > p { margin: 0; padding: 16px; color: #737984; font-size: 12px; }
.task-resource-menu > button { display: grid; grid-template-columns: 22px minmax(0,1fr) auto; align-items: center; width: 100%; gap: 7px; padding: 9px 13px; border: 0; background: #fff; color: #33373e; text-align: left; }
.task-resource-menu > button:hover { background: #f4f5f6; }
.task-resource-menu i { color: #737984; font-style: normal; }
.task-resource-menu span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.task-resource-menu small { color: #6a707b; font-size: 11px; }
.task-rich-editor { border-color: #dfe1e5 !important; box-shadow: none !important; }
.task-rich-editor:focus-within { border-color: #4f5560 !important; box-shadow: 0 0 0 3px rgba(58,63,70,.09) !important; }
.task-rich-editor__toolbar { background: #f8f9fa !important; border-color: #e4e6e8 !important; }
.task-rich-editor__toolbar .w-e-toolbar { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; background: transparent !important; }
.task-rich-editor__toolbar .w-e-bar-item { flex: 0 0 auto; }
.task-rich-editor__toolbar .w-e-bar-item button:hover { background: #e8eaed !important; }
.task-rich-editor__toolbar .w-e-bar-item button.active { color: #2f343b !important; background: #e5e7ea !important; }
.quiz-editor-list { display: grid; gap: 14px; margin-top: 24px; }
.quiz-editor { padding: 18px; border: 1px solid #e1e3e6; border-radius: 10px; background: #fff; }
.quiz-editor > header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.quiz-editor > header strong { font-size: 15px; }
.quiz-editor > header span { display: flex; gap: 8px; }
.quiz-editor select, .quiz-editor button, .quiz-editor input { border: 1px solid #dde0e4; border-radius: 6px; background: #fff; color: #3c424b; }
.quiz-editor > label { display: grid; gap: 6px; margin-bottom: 12px; color: #555b66; font-size: 12px; font-weight: 650; }
.quiz-editor > label input { min-height: 38px; padding: 0 10px; }
.quiz-editor p { margin: 0 0 7px; color: #6b727d; font-size: 12px; }
.quiz-editor__option { display: grid; grid-template-columns: 20px minmax(0,1fr) auto; gap: 7px; align-items: center; margin-top: 6px; }
.quiz-editor__option input:not([type="checkbox"]):not([type="radio"]) { min-height: 34px; padding: 0 8px; }
.quiz-editor__option button, .quiz-editor__add-option, .quiz-editor-add { min-height: 30px; padding: 0 8px; font-size: 11px; }
.quiz-editor__add-option { margin-top: 9px; }
.quiz-editor-add { justify-self: start; min-height: 36px; padding: 0 12px; border: 1px dashed #b9bec5; border-radius: 7px; background: #fff; color: #545b65; }
.task-media-preview { margin-top: 18px; padding: 14px; border: 1px solid #e1e3e6; border-radius: 10px; }
.task-media-preview header { display: flex; justify-content: space-between; color: #424750; font-size: 12px; }
.task-media-preview article { display: flex; align-items: center; gap: 8px; padding-top: 10px; color: #4d535d; font-size: 12px; }
.task-media-preview article i { color: #727985; font-style: normal; }.task-media-preview article button { margin-left: auto; border: 0; background: transparent; color: #737985; font-size: 11px; }
.task-compose-settings { position: sticky; top: 16px; display: grid; gap: 14px; }
.task-compose-settings > section { padding: 16px; border: 1px solid #e0e2e5; border-radius: 10px; background: #fafafa; }
.task-compose-settings h2 { margin: 0 0 14px; font-size: 15px; }.task-compose-settings > section > label { display: grid; gap: 6px; margin-top: 10px; color: #575d67; font-size: 12px; font-weight: 650; }
.task-scope-options { display: grid; gap: 6px; }.task-scope-options label, .task-recipient-list label { display: flex; align-items: center; gap: 7px; min-height: 30px; color: #4f555e; font-size: 12px; }.task-scope-options .is-active { color: #20242a; font-weight: 700; }.task-recipient-list { display: grid; gap: 4px; max-height: 180px; margin-top: 10px; padding-top: 8px; overflow: auto; border-top: 1px solid #e1e3e6; }.task-recipient-list i { width: 8px; height: 8px; border-radius: 99px; }.task-publish-button { min-height: 42px; border: 1px solid #30343a; border-radius: 9px; background: #30343a; color: #fff; font-size: 14px; font-weight: 700; }.task-publish-button:hover { background: #181a1e; }
/* Compact class manager dialog: class settings, members, and groups in one place. */
.class-manager-modal .ui-modal__card { position: relative; width: min(760px, calc(100vw - 32px)); max-height: min(760px, calc(100dvh - 32px)); overflow: auto; }.class-manager-modal .ui-modal__header p { margin: 4px 0 0; color: #747a85; font-size: 13px; }.class-manager-toolbar { display: flex; gap: 8px; padding: 14px 22px; border-bottom: 1px solid #e7e8ea; }.class-manager-toolbar select { min-width: 190px; min-height: 34px; padding: 0 9px; border: 1px solid #dce0e4; border-radius: 7px; background: #fff; color: #30343a; font-size: 13px; }.class-manager-toolbar button { min-height: 34px; padding: 0 10px; border: 1px solid #dce0e4; border-radius: 7px; background: #fff; color: #555b64; font-size: 12px; font-weight: 650; }.class-manager-tabs { display: flex; gap: 20px; padding: 0 22px; border-bottom: 1px solid #e7e8ea; }.class-manager-tabs button { min-height: 42px; padding: 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #737984; font-size: 13px; font-weight: 650; }.class-manager-tabs button.is-active { border-color: #30343a; color: #25282e; }.class-manager-content { min-height: 340px; padding: 20px 22px 24px; }.class-member-search { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }.class-member-search label { display: grid; gap: 6px; color: #515761; font-size: 12px; font-weight: 650; }.class-member-search input { min-height: 38px; padding: 0 10px; border: 1px solid #dce0e4; border-radius: 7px; font: inherit; }.class-member-search button { align-self: end; min-height: 38px; padding: 0 12px; }.class-candidate-list { margin-top: 10px; border: 1px solid #e2e4e7; border-radius: 8px; }.class-candidate-list article, .class-member-list--plain article, .class-managed-groups article { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 8px 10px; border-bottom: 1px solid #eceef0; }.class-candidate-list article:last-child, .class-member-list--plain article:last-child, .class-managed-groups article:last-child { border-bottom: 0; }.class-candidate-list span, .class-member-list--plain article > :not(button), .class-managed-groups span { display: grid; gap: 2px; }.class-candidate-list strong, .class-member-list--plain strong, .class-managed-groups strong { color: #30343a; font-size: 13px; }.class-candidate-list small, .class-member-list--plain small, .class-managed-groups small { color: #7a808a; font-size: 11px; }.class-candidate-list button, .class-member-list--plain button, .class-managed-groups button { margin-left: auto; min-height: 28px; padding: 0 8px; border: 1px solid #d9dde1; border-radius: 6px; background: #fff; color: #606773; font-size: 11px; }.class-member-list--plain { margin-top: 20px; }.class-member-list--plain header { display: flex; justify-content: space-between; margin-bottom: 8px; color: #454a53; font-size: 13px; }.class-member-list--plain > p, .class-managed-groups > p { color: #7b818b; font-size: 13px; }.class-manager-section-head { display: flex; align-items: start; justify-content: space-between; gap: 14px; }.class-manager-section-head strong { color: #30343a; font-size: 15px; }.class-manager-section-head p { margin: 5px 0 0; color: #777e88; font-size: 12px; }.class-manager-section-head button { min-height: 34px; padding: 0 10px; }.class-managed-groups { margin-top: 18px; border: 1px solid #e2e4e7; border-radius: 8px; }.class-managed-groups article > i { width: 10px; height: 10px; border-radius: 99px; }.class-managed-groups article > span { flex: 1; }.class-managed-groups button + button { margin-left: 0; }.class-manager-subdialog { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; padding: 20px; background: rgba(255,255,255,.88); backdrop-filter: blur(2px); }.class-manager-form { width: min(440px,100%); padding: 20px; border: 1px solid #dfe2e5; border-radius: 10px; background: #fff; box-shadow: 0 14px 36px rgba(24,26,30,.16); }.class-manager-form h3 { margin: 0 0 16px; color: #2b2f36; font-size: 17px; }.class-manager-form > label { display: grid; gap: 6px; margin-top: 10px; color: #565c66; font-size: 12px; font-weight: 650; }.class-manager-form input { min-height: 38px; padding: 0 10px; border: 1px solid #d9dde1; border-radius: 7px; font: inherit; }.class-manager-form footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }.class-manager-form footer button { min-height: 34px; padding: 0 12px; border: 1px solid #d9dde1; border-radius: 7px; background: #fff; color: #555c66; }.class-group-colors { display: flex; align-items: center; gap: 8px; margin-top: 14px; color: #565c66; font-size: 12px; font-weight: 650; }.class-group-colors button { width: 22px; height: 22px; border: 2px solid #fff; border-radius: 99px; box-shadow: 0 0 0 1px #d9dde1; }.class-group-colors button.is-selected { box-shadow: 0 0 0 2px #30343a; }.class-group-members { display: grid; gap: 7px; max-height: 180px; margin-top: 16px; overflow: auto; }.class-group-members strong { color: #565c66; font-size: 12px; }.class-group-members label { color: #4e545e; font-size: 13px; }
@media (max-width: 760px) { .task-mode-picker, .task-compose-page { width: min(100% - 32px, 640px); padding-top: 24px; }.task-mode-picker > section { margin: 36px auto; }.task-mode-picker__choices, .task-compose-layout { grid-template-columns: 1fr; }.task-compose-settings { position: static; }.task-compose-page__header { flex-direction: column; }.class-member-search { grid-template-columns: 1fr; }.class-manager-toolbar { flex-wrap: wrap; }.class-manager-toolbar select { width: 100%; }.teacher-layout--workspace .schedule-page { padding: 18px 16px; } }
.teacher-topbar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 100;
width: 184px;
height: 100vh;
display: flex;
flex-direction: column;
align-items: stretch;
padding: 24px 14px 20px;
background: rgba(255, 255, 255, 0.94);
border-right: 1px solid rgba(222, 227, 234, 0.9);
backdrop-filter: blur(6px);
}
.teacher-brand-logo {
display: block;
width: 44px;
height: 44px;
object-fit: contain;
margin: 0 8px 34px;
}
.teacher-nav {
display: flex;
flex-direction: column;
gap: 8px;
}
.teacher-nav__item {
position: relative;
min-height: 48px;
padding: 0 12px;
display: flex;
align-items: center;
gap: 8px;
color: #5e6976;
text-decoration: none;
border-radius: 12px;
font-family: 'Source Han Sans CN', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
font-size: 14px;
line-height: 22px;
font-weight: 400;
transition: color 0.18s ease;
}
.teacher-nav__item:hover,
.teacher-nav__item.is-active {
color: #5b67d3;
background: #eef0ff;
}
.teacher-nav__icon {
width: 17px;
height: 17px;
flex: 0 0 auto;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.teacher-nav__item.is-active::after {
position: absolute;
left: 0;
top: 12px;
bottom: 12px;
width: 3px;
height: auto;
content: '';
background: #5b67d3;
border-radius: 100px;
}
.teacher-account {
margin-top: auto;
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
padding: 12px;
border-top: 1px solid #ededee;
}
.teacher-account__avatar {
width: 28px;
height: 28px;
display: grid;
place-items: center;
border-radius: 50%;
background: #ededee;
color: #5e6976;
font-size: 13px;
}
.teacher-account__name { color: #142234; }
.teacher-main { min-height: 100vh; }
.teacher-layout--primary .teacher-main { margin-left: 184px; }
.teacher-main--classroom { min-height: 100vh; }
.teacher-main--standalone { min-height: 100vh; }
.teacher-classroom-nav-toggle {
position: fixed;
top: 16px;
left: 16px;
z-index: 230;
width: 36px;
height: 36px;
display: grid;
place-items: center;
border: 1px solid rgba(207, 214, 224, .92);
border-radius: 9px;
color: #5e6976;
background: rgba(255, 255, 255, .94);
box-shadow: 0 6px 18px rgba(20, 34, 52, .12);
backdrop-filter: blur(10px);
transition: left .2s ease, color .16s ease, background .16s ease;
}
.teacher-classroom-nav-toggle:hover { color: #5b67d3; background: #fff; }
.teacher-classroom-nav-toggle.is-open { left: 196px; }
.teacher-classroom-nav-toggle > span {
position: relative;
width: 18px;
height: 17px;
display: block;
border: 1.8px solid currentColor;
border-radius: 4px;
}
.teacher-classroom-nav-toggle > span::before {
position: absolute;
top: -1.8px;
bottom: -1.8px;
left: 5px;
width: 1.8px;
content: '';
background: currentColor;
}
.teacher-classroom-nav {
position: fixed;
inset: 0 auto 0 0;
z-index: 220;
width: 184px;
padding: 24px 14px 20px;
border-right: 1px solid rgba(222, 227, 234, .9);
background: rgba(255, 255, 255, .97);
box-shadow: 12px 0 34px rgba(20, 34, 52, .1);
transform: translateX(-105%);
transition: transform .2s ease;
pointer-events: none;
backdrop-filter: blur(12px);
}
.teacher-classroom-nav.is-open { transform: translateX(0); pointer-events: auto; }
.teacher-live-return {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 260;
min-height: 44px;
max-width: min(320px, calc(100vw - 24px));
padding: 0 17px;
display: inline-flex;
align-items: center;
gap: 9px;
border: 0;
border-radius: 999px;
color: #fff;
background: #172235;
box-shadow: 0 10px 28px rgba(23, 34, 53, .28);
font-family: 'Source Han Sans CN', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 22px;
white-space: nowrap;
cursor: grab;
touch-action: none;
user-select: none;
}
.teacher-live-return:active { cursor: grabbing; }
.teacher-live-return__dot {
position: relative;
width: 8px;
height: 8px;
flex: 0 0 8px;
border-radius: 50%;
background: #ff5364;
}
.teacher-live-return__dot::after {
position: absolute;
inset: -5px;
content: '';
border: 2px solid rgba(255, 83, 100, .72);
border-radius: 50%;
animation: teacher-live-pulse 1.25s ease-out infinite;
}
.teacher-live-return i { color: rgba(255, 255, 255, .42); font-style: normal; }
.teacher-live-return__course { overflow: hidden; text-overflow: ellipsis; }
@keyframes teacher-live-pulse {
0% { transform: scale(.55); opacity: .95; }
75%, 100% { transform: scale(1.45); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
.teacher-classroom-nav,
.teacher-classroom-nav-toggle { transition: none; }
.teacher-live-return__dot::after { animation: none; }
}
@media (max-width: 600px) {
.teacher-classroom-nav-toggle { top: 12px; left: 12px; }
.teacher-classroom-nav-toggle.is-open { left: 168px; }
.teacher-classroom-nav { width: 156px; padding: 20px 10px; }
.teacher-live-return { right: 12px; bottom: 68px; max-width: calc(100vw - 24px); }
}
.task-composer{width:min(1080px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(16,20,27,.25)}
.task-composer>header,.task-composer>footer{padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.task-composer>header{border-bottom:1px solid #e8e9ed}.task-composer h2{margin:0;font-size:22px}.task-composer header p{margin:5px 0 0;color:#7c818b;font-size:13px}.task-composer header>button{border:0;background:none;font-size:26px}.task-composer__body{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:470px}.task-composer__body main{padding:22px 24px}.task-composer__body aside{padding:22px;border-left:1px solid #e8e9ed;background:#fafafb}.task-composer label{display:block;font-size:13px;font-weight:700;color:#353842}.task-composer input:not([type=radio]):not([type=checkbox]),.task-composer select{box-sizing:border-box;width:100%;margin:7px 0 18px;padding:10px 11px;border:1px solid #dfe2e8;border-radius:8px;background:#fff;font:inherit}.task-composer-type{display:flex;gap:8px;margin:14px 0}.task-composer-type button,.task-composer-toolbar button{border:1px solid #e0e2e7;background:#fff;border-radius:7px;padding:7px 10px}.task-composer-type .is-active,.task-composer-toolbar .is-active{border-color:#15171b;background:#15171b;color:#FFFFFF}.task-composer-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.task-rich-editor{min-height:210px;border:1px solid #dfe2e8;border-radius:10px;padding:12px;font-weight:400}.task-rich-editor .ProseMirror{min-height:185px;outline:none;line-height:1.7}.task-rich-editor img{max-width:100%;border-radius:8px}.task-composer fieldset{margin:0;border:0;padding:0}.task-composer fieldset>label{margin:12px 0;font-weight:400}.task-recipient-list{max-height:180px;overflow:auto;border:1px solid #e0e2e7;border-radius:8px;padding:8px}.task-recipient-list label{display:block;margin:6px;font-weight:400}.task-composer footer{border-top:1px solid #e8e9ed;gap:10px;justify-content:flex-end}.task-composer footer button{border:0;border-radius:9px;padding:10px 16px;font-weight:700}.task-composer footer .is-primary{background:#15171b;color:#FFFFFF}.task-manager{padding:30px;max-width:1200px;margin:auto}.task-manager>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.task-manager h1{margin:8px 0 3px}.task-manager header p{margin:0;color:#7d818c}.task-manager header>div>button{border:0;background:none;color:#60656e}.task-manager__grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:18px}.task-manager__grid>main,.task-manager__grid>aside{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.task-manager__item{display:grid;width:100%;text-align:left;gap:6px;padding:14px;border:0;border-bottom:1px solid #eef0f2;background:#fff}.task-manager__item.is-selected{background:#f2efff}.task-manager__item span,.task-manager__item small{color:#737883}.task-manager__grid aside article{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px;border-bottom:1px solid #eef0f2}.task-manager__grid aside article p{grid-column:1/-1;margin:5px 0;color:#626873;font-size:13px}
@media(max-width:760px){.task-composer__body,.task-manager__grid{grid-template-columns:1fr}.task-composer__body aside{border-left:0;border-top:1px solid #e8e9ed}.task-manager{padding:18px}}
.quiz-editor{margin-top:18px;padding:16px;border:1px solid #e1e4ea;border-radius:12px;background:#fafbfc}.quiz-editor header{display:flex;justify-content:space-between;align-items:center}.quiz-editor header span{display:flex;gap:8px}.quiz-editor select{margin:0;width:auto;padding:6px}.quiz-editor p{margin:8px 0;color:#6d7280;font-size:12px}.quiz-editor__option{display:flex;gap:7px;align-items:center;margin:7px 0}.quiz-editor__option>input:not([type=radio]):not([type=checkbox]){margin:0;padding:7px}.quiz-editor__option button,.quiz-editor-add,.quiz-editor header button{border:0;background:none;color:#6b61c9}.quiz-editor-add{margin-top:12px;font-weight:700}
.canvas-resource-drawer,.canvas-personal-resource-popover{position:fixed;z-index:90;top:72px;right:24px;width:min(420px,calc(100vw - 40px));max-height:calc(100dvh - 100px);overflow:auto;border:1px solid #e2e5ea;border-radius:18px;background:#fff;box-shadow:0 20px 58px rgba(25,31,40,.22);padding:18px}.canvas-resource-drawer>header,.canvas-personal-resource-popover>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #eef0f3;padding:0 0 14px}.canvas-resource-drawer h2,.canvas-personal-resource-popover h2{margin:0;color:#172235;font-size:18px}.canvas-resource-drawer header p{margin:5px 0 0;color:#798190;font-size:12px;line-height:1.5}.canvas-resource-drawer header button,.canvas-personal-resource-popover header button{border:0;background:none;font-size:24px}.canvas-resource-drawer__close{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;padding:0!important;color:#566074}.canvas-resource-drawer__class-select{display:flex;align-items:center;gap:10px;margin-top:14px;color:#515a68;font-size:13px;font-weight:700}.canvas-resource-drawer__class-select select{min-width:0;flex:1;height:36px;padding:0 10px;border:1px solid #dce1e8;border-radius:8px;background:#fff;color:#2b3442;font:inherit;font-weight:400}.canvas-resource-drawer__state{margin:18px 0;color:#747985;font-size:13px}.canvas-resource-drawer .is-error{color:#c63d3d}.canvas-resource-drawer__list{display:grid;gap:8px;margin-top:14px}.canvas-resource-drawer__list>article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px;border:1px solid #e6e9ee;border-radius:11px;background:#fff;cursor:grab;transition:border-color .16s ease,background .16s ease,transform .16s ease}.canvas-resource-drawer__list>article:hover{border-color:#9f98e9;background:#faf9ff;transform:translateY(-1px)}.canvas-resource-drawer__list>article:active{cursor:grabbing}.canvas-resource-drawer i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#eff2f5;font-style:normal}.canvas-resource-drawer span{display:grid;min-width:0}.canvas-resource-drawer strong,.canvas-resource-drawer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-resource-drawer small{margin-top:2px;color:#777d88;font-size:11px}.canvas-resource-drawer__list>article button{min-height:32px;padding:0 10px;border:1px solid #d9dde5;border-radius:8px;background:#fff;color:#3d4654;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.canvas-resource-drawer__list>article button:hover:not(:disabled){border-color:#72798a;background:#f6f7f9}.canvas-resource-drawer__list>article button:disabled{opacity:.62;cursor:wait}.canvas-resource-drawer__empty{display:grid;gap:7px;justify-items:start;margin-top:18px;padding:18px;border:1px dashed #d9dcef;border-radius:12px;background:#fafbff;color:#737b88}.canvas-resource-drawer__empty strong{color:#303644}.canvas-resource-drawer__empty span{font-size:12px;line-height:1.55}.canvas-editor-stage{position:relative}.canvas-editor-stage__drop-hint{position:absolute;z-index:5;inset:22px;display:grid;place-items:center;border:2px dashed #5f6d87;border-radius:14px;background:rgba(255,255,255,.78);color:#27364f;font-size:15px;font-weight:700;pointer-events:none}.canvas-personal-resource-popover .personal-resources-page{padding:14px 0;min-height:0}.canvas-personal-resource-popover .personal-resources-page>header{display:none}
.class-resources-page{max-width:1040px;margin:auto;padding:30px}.class-resources-page>header{display:flex;justify-content:space-between;align-items:center}.class-resources-page h1{margin:8px 0}.class-resources-page p{color:#737985}.class-resources-page header>div>button{border:0;background:none;color:#626874}.class-resources-list{display:grid;gap:8px;margin-top:22px}.class-resources-list>button{display:grid;grid-template-columns:1fr auto;gap:4px;padding:15px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;text-align:left;cursor:grab}.class-resources-list span{grid-column:1;color:#757b87;font-size:12px}.class-resources-list i{grid-column:2;grid-row:1/3;align-self:center;color:#665cd1;font-style:normal}.class-resources-target{width:min(420px,calc(100vw - 32px))}.class-resources-target button{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid #e3e5eb;background:#fff;border-radius:9px;text-align:left}
.task-resource-choices{margin:14px 0;padding:12px;border-radius:10px;background:#f4f2ff}.task-resource-choices strong{display:block;margin-bottom:7px;font-size:13px}.task-resource-choices>div{display:flex;flex-wrap:wrap;gap:6px}.task-resource-choices button{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #ddd8f7;border-radius:7px;background:#fff;color:#5e55bc;padding:6px 8px}.task-manager__metrics{display:flex;gap:8px;margin:8px 0 14px}.task-manager__metrics span{flex:1;padding:9px;border-radius:9px;background:#f4f5f8;font-size:11px;color:#707683}.task-manager__metrics b{display:block;color:#20242b;font-size:18px}.task-manager__grid aside article a{grid-column:1/-1;color:#6258c9;font-size:12px}
.class-management-page{max-width:1180px;margin:0 auto;padding:32px}.class-management-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.class-management-page__header>div>button{padding:0;border:0;background:none;color:#606876;font-size:13px}.class-management-page h1{margin:8px 0 4px;color:#172235;font-size:30px;letter-spacing:-.04em}.class-management-page p{margin:0;color:#798190;font-size:13px}.class-management-page__header label{display:grid;gap:7px;color:#596171;font-size:12px;font-weight:700}.class-management-page__header select{min-width:190px;padding:10px 12px;border:1px solid #dfe3e9;border-radius:9px;background:#fff;font:inherit}.class-management-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.class-management-summary article{padding:18px 20px;border:1px solid #e4e7ec;border-radius:15px;background:linear-gradient(140deg,#fff,#f8f8fc)}.class-management-summary span,.class-management-summary small{display:block;color:#7c8492;font-size:12px}.class-management-summary strong{display:block;margin:7px 0 3px;color:#1c2431;font-size:25px}.class-management-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.class-management-card{overflow:hidden;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.class-management-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px;border-bottom:1px solid #eef0f3}.class-management-card h2{margin:0 0 4px;color:#222b38;font-size:18px}.class-management-card header>span{display:inline-grid;min-width:48px;height:29px;place-items:center;border-radius:999px;background:#f0effd;color:#6259bf;font-size:12px;font-weight:700}.class-management-card header>button{min-height:36px;padding:0 11px;border:0;border-radius:8px;background:#172235;color:#FFFFFF;font-size:12px;font-weight:700}.class-member-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.class-member-list article{display:grid;grid-template-columns:34px 1fr;gap:0 10px;align-items:center;padding:12px;border-radius:10px}.class-member-list article:hover{background:#fafaff}.class-member-list i,.class-group-dialog__members i{display:grid;width:32px;height:32px;grid-row:1/3;place-items:center;border-radius:50%;color:#fff;font-style:normal;font-size:13px;font-weight:800}.class-member-list strong{color:#303743;font-size:13px}.class-member-list small{margin-top:2px;color:#89909b;font-size:11px}.class-management-groups>div{display:grid;gap:6px;padding:10px}.class-management-groups article{display:flex;align-items:center;gap:11px;padding:12px;border-radius:10px;background:#fafaff}.class-management-groups article>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#eceaff;color:#5f57bd}.class-management-groups strong,.class-management-groups small{display:block}.class-management-groups strong{color:#323944;font-size:13px}.class-management-groups small{margin-top:3px;color:#858d98;font-size:11px}.class-management-empty{padding:20px!important;line-height:1.6}.class-group-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:18px;background:#fff;box-shadow:0 20px 64px rgba(20,28,42,.26)}.class-group-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #edf0f3}.class-group-dialog h2{margin:0;color:#202735;font-size:20px}.class-group-dialog header p{margin-top:5px}.class-group-dialog header button{border:0;background:none;font-size:25px}.class-group-dialog>label{display:grid;gap:7px;padding:18px 22px 8px;color:#4f5663;font-size:13px;font-weight:700}.class-group-dialog>label input{padding:11px;border:1px solid #dfe3e9;border-radius:9px;font:inherit}.class-group-dialog__tools{display:flex;align-items:center;justify-content:space-between;padding:10px 22px;color:#454d5a;font-size:13px}.class-group-dialog__tools button{border:0;background:none;color:#6259bf;font-weight:700}.class-group-dialog__members{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:270px;overflow:auto;padding:8px 22px 20px}.class-group-dialog__members label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:9px;background:#fafbfc;font-size:13px}.class-group-dialog__members input{accent-color:#6259bf}.class-group-dialog__members i{width:27px;height:27px;grid-row:auto;font-size:11px}.class-group-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;border-top:1px solid #edf0f3}.class-group-dialog footer button{min-height:38px;padding:0 13px;border:0;border-radius:8px;background:#f0f1f4;font-weight:700}.class-group-dialog footer .is-primary{background:#172235;color:#FFFFFF}@media(max-width:760px){.class-management-page{padding:20px}.class-management-page__header{align-items:flex-start;flex-direction:column}.class-management-summary,.class-management-grid,.class-member-list,.class-group-dialog__members{grid-template-columns:1fr}.class-management-page__header select{min-width:0;width:100%}}
/* 教师个人模板库 */
.canvas-list-primary-actions { display: flex; align-items: center; gap: 12px; }
.canvas-template-library-button { height: 40px; padding: 0 15px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #d9e0eb; border-radius: 9px; background: #fff; color: #43516a; font-weight: 500; cursor: pointer; }
.canvas-template-library-button svg { width: 17px; height: 17px; fill: currentColor; stroke: none; }
.canvas-template-backdrop { z-index: 2100; }
.canvas-template-rename-backdrop { z-index: 2200; }
.canvas-template-dialog { width: min(940px, calc(100vw - 48px)); height: min(650px, calc(100vh - 48px)); display: grid; grid-template-rows: auto auto minmax(0,1fr); overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 22px 64px rgba(18,27,43,.24); color: #142234; font-family: 'Source Han Sans CN', 'Noto Sans SC', 'Microsoft YaHei', sans-serif; font-size: 14px; }
.canvas-template-dialog > header { min-height: 68px; padding: 0 25px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ebeff5; }
.canvas-template-dialog > header h3 { margin: 0; display: flex; align-items: center; gap: 9px; font-size: 21px; }
.canvas-template-dialog > header h3 svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.canvas-template-dialog > header > button { border: 0; background: transparent; color: #69768b; font-size: 26px; cursor: pointer; }
.canvas-template-tools { padding: 15px 25px; display: grid; grid-template-columns: minmax(220px,1fr) 140px 220px; gap: 10px; border-bottom: 1px solid #ebeff5; }
.canvas-template-tools input,.canvas-template-tools select { height: 38px; min-width: 0; padding: 0 11px; border: 1px solid #dae1eb; border-radius: 8px; background: #fff; color: #43516a; }
.canvas-template-scroll { min-height: 0; overflow-y: auto; padding: 20px 25px 28px; }
.canvas-template-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.canvas-template-card { position: relative; overflow: visible; border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; }
.canvas-template-preview { height: 142px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 9px 9px 0 0; background: #f0f3f8; color: #8994a7; }
.canvas-template-preview img { width: 100%; height: 100%; object-fit: cover; }
.canvas-template-edit { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(14,23,38,.68); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; opacity: 0; cursor: pointer; transition: opacity .16s; }
.canvas-template-edit span { font-size: 25px; }.canvas-template-preview:hover .canvas-template-edit,.canvas-template-edit:focus-visible { opacity: 1; }
.canvas-template-more { position: absolute; right: 8px; top: 8px; z-index: 5; }.canvas-template-more > button { width: 32px; height: 32px; border: 0; border-radius: 7px; background: rgba(255,255,255,.95); color: #57647a; cursor: pointer; }
.canvas-template-more > div { position: absolute; right: 0; top: 37px; width: 98px; padding: 5px; border: 1px solid #dfe4ec; border-radius: 8px; background: #fff; box-shadow: 0 8px 22px rgba(14,24,40,.17); }.canvas-template-more [role="menuitem"] { width: 100%; min-height: 34px; padding: 0 9px; border: 0; border-radius: 6px; background: transparent; color: #142234; font-family: inherit; font-size: 13px; font-weight: 400; cursor: pointer; }.canvas-template-more [role="menuitem"]:hover { background: #f3f5f8; }.canvas-template-more [role="menuitem"].is-danger { color: #df5050; }.canvas-template-more [role="menuitem"].is-danger:hover { background: #fff1f1; }
.canvas-template-card__body { padding: 13px; }.canvas-template-card__body strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.canvas-template-card__body time { display: block; margin: 6px 0 13px; color: #8a95a8; font-size: 12px; }
.canvas-template-use { width: 100%; height: 36px; border: 0; border-radius: 27px; background: linear-gradient(180deg, #364251 0%, #142234 100%); color: #fff; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 22px; box-shadow: 0 4px 9px rgba(20,34,52,.1); cursor: pointer; }.canvas-template-use:hover { background: linear-gradient(180deg, #465566 0%, #1d3047 100%); }
.canvas-template-empty { min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #8792a5; }.canvas-template-empty strong { color: #43516a; }
@media (max-width: 760px) { .canvas-list-primary-actions { flex-wrap: wrap; }.canvas-template-dialog { width: calc(100vw - 24px); }.canvas-template-tools { grid-template-columns: 1fr; }.canvas-template-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
/* 模板库控件复用教学画布页面的按钮、搜索和下拉视觉规范。 */
.canvas-list-primary-toolbar { grid-template-columns: minmax(0, 1fr) auto; }
.canvas-template-library-button {
height: 36px;
padding: 0 16px;
border: 1px solid #d9dee6;
border-radius: 27px;
background: #fff;
color: #5e6976;
font-family: 'Source Han Sans CN', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
box-shadow: none;
}
.canvas-template-library-button:hover { border-color: #c7ced8; background: #f5f6f8; color: #27364a; }
.canvas-template-tools { grid-template-columns: 232px 232px; justify-content: space-between; align-items: start; }
.canvas-template-tools .canvas-template-search { width: 232px; height: 32px; }
.canvas-template-tools .canvas-list-sort,
.canvas-template-tools .canvas-sort-trigger { width: 232px; }
.canvas-template-tools .canvas-sort-menu { z-index: 60; }
/* 教师端任务式新手引导：覆盖层不拦截现有控件，只突出下一次真实点击。 */
.teacher-brand-with-guide { position: relative; display: flex; align-items: center; justify-content: space-between; }
.teacher-guide-trigger {
position: relative;
transform: translateY(-17px);
width: 26px;
height: 26px;
flex: 0 0 26px;
display: grid;
place-items: center;
border: 1px solid #d9dff1;
border-radius: 50%;
color: #69758d;
background: #f8f9fd;
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
.teacher-guide-trigger:hover { color: #5665cc; border-color: #bcc5ef; background: #f1f3ff; }
.teacher-guide-trigger::after {
position: absolute;
left: calc(100% + 9px);
top: 50%;
z-index: 1202;
padding: 6px 9px;
border-radius: 6px;
color: #fff;
background: #30384b;
content: attr(data-tooltip);
font-size: 12px;
font-weight: 500;
line-height: 1;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transform: translate(3px, -50%);
transition: opacity .16s ease, transform .16s ease;
}
.teacher-guide-trigger:hover::after { opacity: 1; transform: translate(0, -50%); }
.teacher-guide-layer { position: fixed; inset: 0; z-index: 1300; pointer-events: none; }
.teacher-guide-layer::before { position: absolute; inset: 0; background: rgba(22, 27, 39, .28); content: ''; }
.teacher-guide-spotlight {
position: fixed;
z-index: 1191;
border: 3px solid #7e89df;
border-radius: 13px;
box-shadow: 0 0 0 6px rgba(126, 137, 223, .18), 0 8px 28px rgba(47, 58, 105, .2);
background: rgba(255, 255, 255, .06);
}
.teacher-guide-finger {
position: fixed;
z-index: 1194;
width: 54px;
height: 62px;
font-size: 48px;
line-height: 62px;
filter: drop-shadow(0 5px 5px rgba(42, 49, 75, .2));
transform-origin: 50% 0;
animation: teacher-guide-point 1s ease-in-out infinite;
}
.teacher-guide-dialog {
position: fixed;
z-index: 1193;
height: 230px;
border: 0;
background: transparent;
pointer-events: auto;
}
.teacher-guide-dialog__copy {
position: absolute;
z-index: 2;
top: 4px;
right: 0;
width: 292px;
min-height: 150px;
padding: 20px 21px 17px;
border: 1px solid rgba(210, 215, 238, .96);
border-radius: 16px;
background: rgba(255, 255, 255, .98);
box-shadow: 0 16px 40px rgba(34, 43, 78, .18);
}
.teacher-guide-dialog__copy::before,
.teacher-guide-dialog__copy::after {
position: absolute;
width: 0;
height: 0;
content: '';
}
.teacher-guide-dialog__copy::before {
left: -14px;
bottom: 27px;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-right: 14px solid rgba(210, 215, 238, .96);
}
.teacher-guide-dialog__copy::after {
left: -13px;
bottom: 28px;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-right: 13px solid rgba(255, 255, 255, .98);
}
.teacher-guide-dialog__copy > span { color: #7b84ca; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.teacher-guide-dialog h2 { margin: 8px 0 7px; color: #283249; font-size: 20px; line-height: 1.25; }
.teacher-guide-dialog p { margin: 0; color: #657087; font-size: 15px; line-height: 1.65; }
.teacher-guide-dialog button { margin-top: 17px; padding: 0; border: 0; color: #9098a9; background: transparent; font-size: 13px; cursor: pointer; }
.teacher-guide-dialog button:hover { color: #5966c9; }
.teacher-guide-dialog img { position: absolute; left: 0; bottom: 0; width: 178px; height: 214px; object-fit: contain; object-position: left bottom; filter: saturate(.72) contrast(.95) drop-shadow(0 7px 7px rgba(35, 42, 68, .22)); }
@keyframes teacher-guide-point { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
@media (prefers-reduced-motion: reduce) { .teacher-guide-finger { animation: none; } }
@media (max-width: 720px) {
.teacher-guide-dialog { height: 230px; }
.teacher-guide-dialog__copy { width: 72%; padding: 17px 18px 15px; }
.teacher-guide-dialog img { width: 164px; height: 210px; }
}
.classroom-shell { display: flex; flex-direction: column; height: 100vh; height: 100dvh; background: #f0f4f8; }
.classroom-commandbar {
min-height: 72px;
padding: 10px 22px;
display: grid;
grid-template-columns: minmax(270px, 1fr) auto minmax(420px, 1fr);
align-items: center;
gap: 16px;
background: rgba(255, 255, 255, .94);
border-bottom: 1px solid rgba(229, 234, 240, .84);
box-shadow: 0 4px 18px rgba(20, 34, 52, .04);
flex-shrink: 0;
position: relative;
z-index: 40;
backdrop-filter: blur(12px);
}
.classroom-course { min-width: 0; display: flex; align-items: center; gap: 11px; }
.classroom-course__mark { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 11px; background: #eef0ff; color: #5b67d3; font-size: 18px; }
.classroom-course__title { min-width: 0; }
.classroom-course__title strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #142234; font-size: 15px; font-weight: 600; line-height: 22px; }
.classroom-course__title small { display: block; margin-top: 2px; color: #6e7890; font-size: 12px; font-weight: 400; line-height: 18px; }
.classroom-statuses { display: flex; align-items: center; gap: 7px; }
.classroom-timer,
.classroom-commandbar .is-online,
.classroom-commandbar .is-offline,
.classroom-sync { min-height: 28px; padding: 0 10px; display: inline-flex; align-items: center; border-radius: 99px; font-size: 12px; font-weight: 400; white-space: nowrap; }
.classroom-timer { color: #5b67d3; background: #eef0ff; font-weight: 600; }
.classroom-commandbar .is-online { color: #15976b; background: #eaf8f2; }
.classroom-commandbar .is-offline { color: #df4b5a; background: #fff0f2; }
.classroom-commandbar .is-online::before,
.classroom-commandbar .is-offline::before { width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: currentColor; content: ''; }
.classroom-sync { color: #6e7890; background: #f3f5f8; }
.classroom-code { min-width: 180px; padding: 7px 18px; display: flex; flex-direction: column; align-items: center; border: 1px solid #dde2fb; border-radius: 12px; background: #f7f8ff; }
.classroom-code small { margin-bottom: 2px; color: #6e7890; font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: .08em; }
.classroom-code strong { color: #5b67d3; font-size: 24px; font-weight: 700; line-height: 26px; letter-spacing: .16em; }
.classroom-shell--screen { position: relative; }
.classroom-shell--screen .classroom-commandbar { min-height: 82px; padding: 7px 22px 3px; }
.classroom-commandbar__center { height: 72px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 0; }
.classroom-shell--screen .classroom-code { min-width: 224px; height: 47px; padding: 0 16px; flex-direction: row; justify-content: center; gap: 12px; border-color: rgba(215,221,242,.9); border-radius: 14px; background: linear-gradient(180deg,#fafbff 0%,#f5f7ff 100%); }
.classroom-shell--screen .classroom-code small { margin: 0; color: #818ba0; white-space: nowrap; }
.classroom-shell--screen .classroom-code strong { font-size: 23px; letter-spacing: .14em; }
.classroom-toolbar-collapse { width: 48px; height: 18px; flex: 0 0 18px; display: grid; place-items: center; border: 0; border-radius: 6px; color: #8a93a4; background: transparent; line-height: 1; }
.classroom-toolbar-collapse:hover { color: #5b67d3; background: rgba(229,232,250,.68); }
.classroom-toolbar-expand { width: 50px; height: 28px; position: absolute; top: 0; left: 50%; z-index: 45; display: grid; place-items: center; transform: translateX(-50%); border: 1px solid rgba(215,221,232,.9); border-radius: 0 0 12px 12px; color: #68748a; background: rgba(248,250,252,.82); box-shadow: 0 5px 16px rgba(20,34,52,.1); backdrop-filter: blur(12px); }
.classroom-toolbar-expand:hover { color: #5b67d3; background: #fff; }
.classroom-toolbar-chevron { width: 9px; height: 9px; display: block; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; }
.classroom-toolbar-chevron.is-up { transform: translateY(2px) rotate(225deg); }
.classroom-toolbar-chevron.is-down { transform: translateY(-2px) rotate(45deg); }
.classroom-shell--screen.is-toolbar-collapsed .classroom-commandbar { display: none; }
.classroom-shell--screen.is-toolbar-collapsed .classroom-content { padding: 0; gap: 0; }
.classroom-shell--screen.is-toolbar-collapsed .classroom-canvas { border: 0; border-radius: 0; box-shadow: none; }
.classroom-shell--screen.is-toolbar-collapsed .classroom-canvas > div { border-radius: 0 !important; }
.classroom-actions { min-width: 0; display: flex; justify-content: flex-end; gap: 8px; }
.classroom-action {
min-height: 40px;
padding: 0 14px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 10px;
font-family: var(--font);
font-size: 14px;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.classroom-action:hover:not(:disabled) { transform: translateY(-1px); }
.classroom-action strong { font-weight: 600; }
.classroom-action.is-quiet { border-color: #e5eaf0; background: #fff; color: #142234; box-shadow: 0 2px 4px rgba(20, 34, 52, .03); }
.classroom-action.is-quiet:hover:not(:disabled) { border-color: #cbd1eb; color: #5b67d3; background: #fafbff; }
.classroom-action.is-discussion { background: #eef0ff; color: #4654c5; font-weight: 500; }
.classroom-action.is-danger { background: #fff0f2; color: #d94f5c; font-weight: 500; }
.classroom-action.is-primary { background: linear-gradient(180deg, #364251 0%, #142234 100%); color: #fff; font-weight: 500; box-shadow: 0 5px 10px rgba(20, 34, 52, .12); }
.classroom-content { min-height: 0; display: flex; flex: 1; gap: 14px; padding: 14px; overflow: hidden; }
.classroom-content--screen-floating { gap: 0; padding: 12px; }
.classroom-canvas { min-width: 0; flex: 1; position: relative; overflow: hidden; border: 1px solid rgba(221, 226, 234, .9); border-radius: 14px; background: #fff; box-shadow: 0 12px 36px rgba(20, 34, 52, .09); }
.classroom-canvas > div { border-radius: 14px !important; }
.attendance-panel { width: 286px; min-height: 0; flex: 0 0 286px; overflow-y: auto; background: #fff; border: 1px solid rgba(221, 226, 234, .9); border-radius: 14px; box-shadow: 0 12px 36px rgba(20, 34, 52, .09); }
.attendance-panel__summary { padding: 17px; border-bottom: 1px solid #e5eaf0; }
/* 大屏课堂顶部控件悬浮方案原型（独立路由，不影响正式课堂） */
.screen-controls-prototype { position: relative; overflow: hidden; background: #edf1f5; }
.screen-controls-prototype .classroom-content { padding: 12px; gap: 12px; }
.screen-prototype-code-dock { position: absolute; top: 10px; left: 50%; z-index: 46; display: flex; flex-direction: column; align-items: center; transform: translateX(-50%); animation: screen-prototype-code-in .16s ease-out; }
.screen-prototype-code-dock .classroom-code { min-width: 224px; height: 47px; padding: 0 16px; flex-direction: row; justify-content: center; gap: 12px; border-color: rgba(215,221,242,.9); border-radius: 14px; background: rgba(250,251,255,.92); box-shadow: 0 8px 28px rgba(20,34,52,.1); backdrop-filter: blur(16px); }
.screen-prototype-code-dock .classroom-code small { margin: 0; white-space: nowrap; }
.classroom-screen-code-dock .classroom-code small { font-size: 13px; font-weight: 500; letter-spacing: .02em; }
.screen-prototype-code-dock .classroom-code strong { font-size: 23px; letter-spacing: .14em; }
@keyframes screen-prototype-code-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.screen-floating-class-controls { position: absolute; top: 14px; right: 16px; z-index: 46; min-height: 46px; padding: 5px 6px 5px 10px; display: flex; align-items: center; gap: 4px; border: 1px solid rgba(255,255,255,.78); border-radius: 14px; color: #142234; background: rgba(255,255,255,.86); box-shadow: 0 10px 30px rgba(20,34,52,.14); backdrop-filter: blur(18px) saturate(140%); }
.screen-floating-class-controls > i { width: 1px; height: 22px; margin: 0 3px; background: #e1e6ed; }
.screen-floating-class-controls button,
.screen-floating-class-controls__timer { height: 34px; padding: 0 9px; display: inline-flex; align-items: center; gap: 7px; border-radius: 9px; color: #344257; font-size: 13px; white-space: nowrap; }
.screen-floating-class-controls button { border: 0; background: transparent; transition: background .16s ease, color .16s ease; }
.screen-floating-class-controls button:hover { color: #5261d6; background: rgba(238,240,255,.82); }
.screen-floating-class-controls button strong { color: #5b67d3; font-weight: 650; }
.screen-floating-class-controls button.is-danger { margin-left: 2px; padding: 0 11px; color: #d94f5c; background: rgba(255,240,242,.9); font-weight: 550; }
.screen-floating-class-controls button.is-danger:hover { background: #ffe5e9; }
.screen-floating-class-controls button.is-danger:disabled { color: #6e7890; background: #f2f4f7; }
.screen-floating-class-controls__timer { padding-left: 4px; }
.screen-floating-class-controls__timer span:last-child { display: flex; align-items: baseline; gap: 5px; }
.screen-floating-class-controls__timer small { color: #8590a2; font-size: 10px; }
.screen-floating-class-controls__timer strong { color: #5261d6; font-size: 13px; font-variant-numeric: tabular-nums; }
.screen-control-clock { width: 15px; height: 15px; position: relative; display: inline-block; border: 1.8px solid #68748a; border-radius: 50%; }
.screen-control-clock::before { position: absolute; left: 6px; top: 3px; width: 1.5px; height: 4px; content: ''; background: #68748a; transform-origin: bottom; transform: rotate(-15deg); border-radius: 2px; }
.screen-control-roster { width: 16px; height: 16px; position: relative; display: inline-block; }
.screen-control-roster::before { position: absolute; left: 1px; top: 1px; width: 5px; height: 5px; content: ''; border: 1.6px solid currentColor; border-radius: 50%; box-shadow: 8px 2px 0 -1.5px #fff, 8px 2px 0 0 currentColor; }
.screen-control-roster::after { position: absolute; left: 0; bottom: 1px; width: 9px; height: 5px; content: ''; border: 1.6px solid currentColor; border-radius: 7px 7px 3px 3px; }
.screen-control-stop { width: 13px; height: 13px; display: inline-block; border: 1.7px solid currentColor; border-radius: 50%; }
.screen-control-stop::after { width: 4px; height: 4px; margin: 2.8px auto; display: block; content: ''; background: currentColor; border-radius: 1px; }
.screen-prototype-canvas { border-radius: 12px; background-color: #fbfcfd; background-image: linear-gradient(rgba(89,105,125,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(89,105,125,.055) 1px, transparent 1px); background-size: 32px 32px; }
.screen-prototype-canvas > div { border-radius: 0 !important; }
.screen-prototype-sdk-toolbar { position: absolute; top: 94px; left: 15px; z-index: 2; padding: 6px; display: flex; flex-direction: column; gap: 4px; border: 1px solid rgba(220,226,234,.9); border-radius: 11px; background: rgba(255,255,255,.94); box-shadow: 0 7px 20px rgba(20,34,52,.1); }
.screen-prototype-sdk-toolbar span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 7px; color: #6e7890; font-size: 15px; }
.screen-prototype-sdk-toolbar span.is-active { color: #5261d6; background: #eef0ff; }
.screen-prototype-board-content { position: absolute; top: 31%; left: 38%; width: 330px; padding: 30px; border: 1px solid rgba(214,220,229,.85); border-radius: 16px; background: rgba(255,255,255,.88); box-shadow: 0 14px 34px rgba(20,34,52,.07); transform: rotate(-1deg); }
.screen-prototype-board-title { color: #142234; font-size: 24px; font-weight: 650; }
.screen-prototype-board-line { width: 92px; height: 5px; margin: 15px 0 22px; border-radius: 5px; background: #6674df; }
.screen-prototype-board-note { padding: 14px; border-radius: 9px; color: #6e7890; background: #f5f7fa; font-size: 14px; }
.screen-prototype-attendance { margin-top: 62px; margin-bottom: 0; height: calc(100% - 62px); animation: screen-prototype-panel-in .18s ease-out; }
.screen-prototype-ended { position: absolute; left: 50%; bottom: 24px; z-index: 60; padding: 10px 18px; color: #fff; background: rgba(20,34,52,.88); border-radius: 10px; box-shadow: 0 8px 24px rgba(20,34,52,.2); transform: translateX(-50%); }
@keyframes screen-prototype-panel-in { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: translateX(0); } }
@media (max-width: 900px) {
.screen-floating-class-controls { top: 72px; right: 10px; }
.screen-prototype-attendance { margin-top: 112px; height: calc(100% - 112px); }
}
/* 第二版原型：右侧可整体收起的纯图标课堂控制栏 */
.screen-side-class-controls { position: absolute; top: 50%; right: 14px; z-index: 48; display: flex; align-items: center; transform: translateY(-50%); }
/* Leave the SDK's 340px voting panel unobstructed, without moving controls
during the rest of the lesson. Includes setup and ongoing/results panels. */
.classroom-shell--screen:has([class*="createVotingPanelContainer_"], [class*="votingToolPanelContainer_"]) .screen-side-class-controls { right: 366px; }
.screen-side-class-controls__rail { width: 52px; padding: 8px 6px; display: flex; flex-direction: column; align-items: center; gap: 6px; border: 1px solid rgba(255,255,255,.82); border-radius: 26px; background: rgba(255,255,255,.88); box-shadow: 0 14px 38px rgba(20,34,52,.17); backdrop-filter: blur(18px) saturate(145%); }
.screen-side-class-controls__rail > button { width: 40px; height: 40px; position: relative; display: grid; place-items: center; border: 0; border-radius: 14px; color: #667184; background: transparent; transition: color .16s ease, background .16s ease, transform .16s ease; }
.screen-side-class-controls__rail > button:hover,
.screen-side-class-controls__rail > button.is-active { color: #5261d6; background: #eef0ff; transform: translateX(-1px); }
.screen-side-class-controls__rail > button.is-danger { color: #d95a66; }
.screen-side-class-controls__rail > button.is-danger:hover { color: #cf4351; background: #fff0f2; }
.screen-side-class-controls__rail > button:disabled { color: #9ba3af; background: #f2f4f7; transform: none; }
.screen-side-class-controls__rail svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.screen-side-class-controls__rail .screen-side-class-controls__code-icon { fill: none; stroke: #5261d6; stroke-width: 2.4; }
.screen-side-class-controls__code-icon .screen-side-class-controls__eye { stroke-width: 1.8; }
.screen-side-class-controls__rail .screen-side-class-controls__code-icon--legacy { display: none; }
.screen-side-class-controls__rail .screen-side-class-controls__roster-icon { fill: none; stroke: #5261d6; stroke-width: 2.4; }
.screen-side-class-controls__rail .screen-side-class-controls__stop-icon { fill: #e05060; stroke: none; }
.screen-side-class-controls__recording { gap: 3px; }
.screen-side-class-controls__recording-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: currentColor; }
.screen-side-class-controls__recording-wave { height: 16px; display: flex; align-items: center; gap: 2px; }
.screen-side-class-controls__recording-wave i { width: 2px; height: 6px; display: block; border-radius: 2px; background: currentColor; transform-origin: center; }
.screen-side-class-controls__rail > button.screen-side-class-controls__recording.is-recording { color: #e14d5a; background: #fff0f2; cursor: default; }
.screen-side-class-controls__rail > button.screen-side-class-controls__recording.is-recording .screen-side-class-controls__recording-dot { animation: screen-recording-dot 1.35s ease-in-out infinite; }
.screen-side-class-controls__rail > button.screen-side-class-controls__recording.is-recording .screen-side-class-controls__recording-wave i { animation: screen-recording-wave .9s ease-in-out infinite alternate; }
.screen-side-class-controls__recording-wave i:nth-child(2) { animation-delay: -.3s !important; }
.screen-side-class-controls__recording-wave i:nth-child(3) { animation-delay: -.6s !important; }
.screen-side-class-controls__rail > button.screen-side-class-controls__recording.is-failed { color: #d94756; background: #fff0f2; }
.screen-side-class-controls__rail > button.screen-side-class-controls__recording.is-waiting,
.screen-side-class-controls__rail > button.screen-side-class-controls__recording.is-requesting,
.screen-side-class-controls__rail > button.screen-side-class-controls__recording.is-saving { color: #d98938; background: #fff7e8; }
@keyframes screen-recording-dot { 50% { opacity: .42; box-shadow: 0 0 0 4px rgba(225,77,90,.13); } }
@keyframes screen-recording-wave { from { transform: scaleY(.45); } to { transform: scaleY(1.2); } }
@media (prefers-reduced-motion: reduce) {
.screen-side-class-controls__recording-dot,
.screen-side-class-controls__recording-wave i { animation: none !important; }
}
.screen-side-class-controls__rail > button.is-danger:hover .screen-side-class-controls__stop-icon { fill: #cc4050; }
.screen-side-class-controls__rail > button:disabled .screen-side-class-controls__stop-icon { fill: #9ba3af; }
.screen-side-class-controls__rail > button small { min-width: 22px; height: 16px; position: absolute; top: -5px; right: -5px; padding: 0 4px; display: grid; place-items: center; border: 2px solid rgba(255,255,255,.95); border-radius: 9px; color: #fff; background: #6573dc; font-size: 9px; font-weight: 650; line-height: 1; }
.screen-side-class-controls__rail > i { width: 24px; height: 1px; margin: 2px 0; background: #e2e6eb; }
.screen-side-class-controls__handle { width: 24px; height: 50px; margin-right: -2px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.82); border-right: 0; border-radius: 15px 0 0 15px; color: #69758a; background: rgba(255,255,255,.86); box-shadow: -6px 9px 22px rgba(20,34,52,.1); backdrop-filter: blur(16px); }
.screen-side-class-controls__handle span { width: 8px; height: 8px; display: block; border-right: 2.4px solid currentColor; border-bottom: 2.4px solid currentColor; transform: translateX(2px) rotate(-45deg); }
.screen-side-class-controls.is-collapsed { right: 0; }
.screen-side-class-controls.is-collapsed .screen-side-class-controls__handle { width: 32px; margin: 0; border-radius: 16px 0 0 16px; border-right: 0; }
.screen-side-class-controls.is-collapsed .screen-side-class-controls__handle span { transform: translateX(-2px) rotate(135deg); }
.screen-side-class-controls__time { position: absolute; right: 64px; top: 8px; min-width: 76px; padding: 8px 11px; border: 1px solid rgba(221,226,234,.9); border-radius: 10px; color: #5261d6; background: rgba(255,255,255,.94); box-shadow: 0 8px 24px rgba(20,34,52,.13); font-size: 15px; font-weight: 650; font-variant-numeric: tabular-nums; text-align: center; }
.screen-side-class-controls__inline-time { width: 48px; height: 28px; display: grid; place-items: center; color: #5261d6; font-size: 14px; font-weight: 750; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.screen-attendance-modal-backdrop { position: fixed; inset: 0; z-index: 170; display: grid; place-items: center; padding: 48px; background: rgba(20,30,44,.3); backdrop-filter: blur(3px); animation: screen-attendance-fade-in .16s ease-out; }
.screen-attendance-modal { width: min(780px, 84vw); height: min(680px, 78vh); display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.82); border-radius: 22px; color: #142234; background: rgba(255,255,255,.95); box-shadow: 0 28px 80px rgba(15,26,40,.24); backdrop-filter: blur(20px) saturate(135%); animation: screen-attendance-modal-in .2s ease-out; }
.screen-attendance-modal > header { min-height: 88px; padding: 20px 24px; display: flex; align-items: center; gap: 24px; border-bottom: 1px solid #e6eaf0; }
.screen-attendance-modal h2 { margin: 0; color: #142234; font-size: 21px; line-height: 30px; }
.screen-attendance-modal header p { margin: 2px 0 0; color: #8590a2; font-size: 12px; }
.screen-attendance-modal header > div:first-child { margin-right: auto; }
.screen-attendance-modal header > button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 10px; color: #768196; background: #f3f5f8; font-size: 23px; line-height: 1; }
.screen-attendance-modal header > button:hover { color: #5261d6; background: #eef0ff; }
.screen-attendance-modal__count { display: flex; align-items: baseline; gap: 3px; }
.screen-attendance-modal__count strong { color: #5261d6; font-size: 27px; }
.screen-attendance-modal__count span { color: #8c96a7; font-size: 15px; }
.screen-attendance-modal__count small { margin-left: 7px; color: #6e7890; font-size: 11px; }
.screen-attendance-modal__progress { height: 36px; position: relative; margin: 12px 24px 0; overflow: hidden; border-radius: 10px; background: #eef1f5; }
.screen-attendance-modal__progress i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#6573dc,#7785e8); opacity: .17; }
.screen-attendance-modal__progress span { position: absolute; inset: 0; display: grid; place-items: center; color: #59667b; font-size: 11px; font-weight: 550; }
.screen-attendance-modal__grid { min-height: 0; padding: 18px 24px 24px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-auto-rows: min-content; gap: 10px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.screen-attendance-modal__grid article { min-width: 0; min-height: 64px; padding: 10px 11px; display: flex; align-items: center; gap: 9px; border: 1px solid #e5e9ef; border-radius: 13px; background: rgba(250,251,252,.9); }
.screen-attendance-modal__grid article > span:nth-child(2) { min-width: 0; flex: 1; }
.screen-attendance-modal__grid article strong { display: block; overflow: hidden; color: #253246; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.screen-attendance-modal__grid article small { display: block; margin-top: 3px; color: #21a376; font-size: 10px; font-variant-numeric: tabular-nums; }
.screen-attendance-modal__grid article > i { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #21a376; box-shadow: 0 0 0 3px rgba(33,163,118,.1); }
.screen-attendance-modal__grid article.is-unchecked { background: #f7f8fa; }
.screen-attendance-modal__grid article.is-unchecked .attendance-student__avatar { filter: saturate(.4); opacity: .75; }
.screen-attendance-modal__grid article.is-unchecked small { color: #9aa3b1; }
.screen-attendance-modal__grid article.is-unchecked > i { background: #b2bac5; box-shadow: none; }
@keyframes screen-attendance-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes screen-attendance-modal-in { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 900px) {
.screen-side-class-controls { right: 8px; }
.screen-side-class-controls.is-collapsed { right: 0; }
.screen-attendance-modal__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
/* 教师课堂顶部栏独立视觉原型 */
.teacher-toolbar-prototype { background: #edf1f5; }
.teacher-classroom-commandbar-prototype { min-height: 64px; padding: 8px 18px; display: grid; grid-template-columns: minmax(390px,1fr) auto minmax(560px,1fr); align-items: center; gap: 18px; position: relative; z-index: 40; border-bottom: 1px solid rgba(223,228,235,.9); background: rgba(255,255,255,.92); box-shadow: 0 5px 20px rgba(20,34,52,.06); backdrop-filter: blur(16px) saturate(135%); }
.teacher-classroom-commandbar-prototype__course { min-width: 0; display: flex; align-items: center; gap: 7px; }
.teacher-classroom-commandbar-prototype__mark { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 11px; color: #5b67d3; background: #eef0ff; font-size: 17px; }
.teacher-classroom-commandbar-prototype__title { min-width: 74px; margin-right: 2px; }
.teacher-classroom-commandbar-prototype__title strong { display: block; overflow: hidden; color: #142234; font-size: 14px; line-height: 19px; text-overflow: ellipsis; white-space: nowrap; }
.teacher-classroom-commandbar-prototype__title small { display: block; margin-top: 1px; color: #7d8799; font-size: 10px; line-height: 14px; }
.teacher-classroom-status { height: 26px; padding: 0 9px; display: inline-flex; align-items: center; border-radius: 13px; font-size: 10px; font-weight: 550; white-space: nowrap; }
.teacher-classroom-status.is-timer { color: #5261d6; background: #eef0ff; font-variant-numeric: tabular-nums; }
.teacher-classroom-status.is-online { color: #15976b; background: #eaf8f2; }
.teacher-classroom-status.is-online::before { width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: currentColor; content: ''; }
.teacher-classroom-status.is-sync { color: #778195; background: #f2f4f7; }
.teacher-classroom-code-prototype { min-width: 170px; height: 44px; padding: 0 18px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(214,220,245,.95); border-radius: 13px; background: linear-gradient(180deg,#fafbff,#f5f7ff); }
.teacher-classroom-code-prototype small { color: #8590a2; font-size: 9px; letter-spacing: .05em; }
.teacher-classroom-code-prototype strong { color: #5968d8; font-size: 21px; line-height: 1; letter-spacing: .15em; }
.teacher-classroom-commandbar-prototype__actions { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.teacher-classroom-action { height: 36px; padding: 0 11px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #e1e6ed; border-radius: 10px; color: #344257; background: rgba(255,255,255,.9); box-shadow: 0 2px 6px rgba(20,34,52,.035); font-size: 14px; white-space: nowrap; transition: color .16s ease, border-color .16s ease, transform .16s ease; }
.teacher-classroom-action:hover { color: #5261d6; border-color: #cbd2ed; transform: translateY(-1px); }
.teacher-classroom-action strong { color: #5261d6; font-weight: 650; }
.teacher-classroom-action .classroom-attendance-icon { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.teacher-classroom-action.is-danger { border-color: transparent; color: #d94f5c; background: #fff0f2; font-weight: 550; }
.teacher-classroom-action.is-danger:hover { color: #ce3f4d; border-color: #ffd9de; }
.teacher-classroom-action__roster,
.teacher-classroom-action__screen,
.teacher-classroom-action__stop { width: 14px; height: 14px; position: relative; display: inline-block; }
.teacher-classroom-action__roster::before { position: absolute; left: 0; top: 1px; width: 5px; height: 5px; content: ''; border: 1.5px solid currentColor; border-radius: 50%; box-shadow: 7px 2px 0 -1px #fff,7px 2px 0 .5px currentColor; }
.teacher-classroom-action__roster::after { position: absolute; left: 0; bottom: 0; width: 9px; height: 5px; content: ''; border: 1.5px solid currentColor; border-radius: 6px 6px 2px 2px; }
.teacher-classroom-action__screen { border: 1.5px solid currentColor; border-radius: 2px; }
.teacher-classroom-action__screen::after { position: absolute; left: 4px; bottom: -4px; width: 6px; height: 1.5px; content: ''; background: currentColor; }
.teacher-classroom-action__stop { border: 1.5px solid currentColor; border-radius: 50%; }
.teacher-classroom-action__stop::after { width: 4px; height: 4px; margin: 3.5px auto; display: block; content: ''; border-radius: 1px; background: currentColor; }
.teacher-classroom-discussion-hint { max-width: 190px; padding: 0 2px; display: inline-flex; align-items: center; gap: 5px; color: #8791a2; font-size: 12px; line-height: 16px; text-align: left; }
.teacher-classroom-discussion-hint i { width: 16px; height: 16px; flex: 0 0 16px; display: grid; place-items: center; border-radius: 50%; color: #7a8496; background: #f0f2f5; font-size: 9px; font-style: normal; font-weight: 700; }
.teacher-classroom-action-divider { width: 1px; height: 26px; margin: 0 3px; background: #e2e6ec; }
.teacher-toolbar-prototype__content { padding: 12px; }
.teacher-replace-screen-prototype input { width: 100%; margin-top: 16px; padding: 12px; border: 1px solid #dfe4eb; border-radius: 10px; font-size: 18px; letter-spacing: .15em; text-align: center; }
.teacher-toolbar-prototype__notice { position: fixed; left: 50%; bottom: 24px; z-index: 190; padding: 10px 18px; border: 0; border-radius: 10px; color: #fff; background: rgba(20,34,52,.9); box-shadow: 0 8px 24px rgba(20,34,52,.2); transform: translateX(-50%); }
@media (max-width: 1200px) {
.teacher-classroom-commandbar-prototype { grid-template-columns: minmax(350px,1fr) auto minmax(390px,1fr); gap: 10px; }
.teacher-classroom-discussion-hint { display: none; }
}
.attendance-panel__heading { display: flex; align-items: center; }
.attendance-panel__heading strong { color: #142234; font-size: 15px; font-weight: 600; }
.attendance-panel__heading button { width: 30px; height: 30px; margin-left: auto; border-radius: 8px; background: #f4f6f9; color: #6e7890; font-size: 16px; }
.attendance-panel__progress { height: 6px; margin-top: 14px; overflow: hidden; border-radius: 99px; background: #eef1f5; }
.attendance-panel__progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5b67d3, #7c86e2); }
.attendance-panel__meta { margin-top: 7px; display: flex; justify-content: space-between; color: #6e7890; font-size: 11px; font-weight: 400; }
.attendance-student { display: flex; align-items: center; gap: 9px; margin: 0 8px; padding: 9px; border-radius: 10px; font-size: 13px; font-weight: 400; }
.attendance-student:hover { background: #f7f9fc; }
.attendance-student > span:nth-child(2) { flex: 1; }
.attendance-student__avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: 12px; font-weight: 600; }
.attendance-student small.is-online { color: #16a36a; }
.attendance-student small.is-offline { color: #df4b5a; }
.classroom-modal-actions { margin-top: 18px; display: flex; justify-content: flex-end; gap: 10px; }
/* 我的课表 */
.schedule-page {
width: min(1460px, calc(100% - 48px));
margin: 0 auto;
padding: 20px 0 48px;
}
.schedule-home { display: grid; grid-template-columns: 320px minmax(0, 1fr); align-items: start; gap: 28px; }
.schedule-home.is-floating { display:block; }
.schedule-content { min-width: 0; }
.schedule-calendar-panel { position: sticky; top: 20px; overflow: hidden; border: 1px solid rgba(222,227,234,.9); border-radius: 14px; background: #fff; box-shadow: 0 10px 30px rgba(20,34,52,.06); }
.schedule-calendar-panel .schedule-calendar { position: relative; top: auto; left: auto; z-index: auto; box-shadow: none; border-radius: 0; }
.schedule-calendar-panel__all { width: calc(100% - 40px); min-height: 44px; margin: 2px 20px 0; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-radius: 10px; color: #5e6976; font-size: 14px; text-align: left; }
.schedule-calendar-panel__all:hover,.schedule-calendar-panel__all.is-active { background: #f2f3ff; color: #5b67d3; }
.schedule-calendar-panel__check { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #5b67d3; color: #fff; font-size: 12px; }
.schedule-calendar-panel__legend { margin: 8px 32px 22px; display: flex; align-items: center; gap: 10px; color: #8b94a3; font-size: 12px; }
.schedule-calendar-panel__legend i { width: 6px; height: 6px; border-radius: 50%; background: #5b67d3; }
.schedule-content__heading { min-height: 54px; margin: 0 0 16px; display: flex; align-items: flex-end; justify-content: space-between; }
.schedule-content__heading span { display: block; margin-bottom: 3px; color: #8b94a3; font-size: 12px; }
.schedule-content__heading h1 { margin: 0; color: #142234; font-size: 24px; line-height: 32px; font-weight: 600; }
.schedule-content__heading button { height: 32px; padding: 0 13px; border: 1px solid #dde2ea; border-radius: 16px; background: #fff; color: #5b67d3; font-size: 13px; }
.schedule-toolbar {
display: grid;
grid-template-columns: 1fr 108px;
align-items: center;
gap: 20px;
min-height: 36px;
margin-bottom: 20px;
}
.schedule-filters {
justify-self: start;
display: flex;
align-items: center;
height: 36px;
padding: 4px;
background: #e9eef4;
border-radius: 19px;
}
.schedule-filters button {
height: 28px;
padding: 0 16px;
border-radius: 99px;
color: #142234;
font-size: 14px;
line-height: 22px;
transition: 0.18s ease;
}
.schedule-filters button:hover { color: #5b67d3; }
.schedule-filters button.is-active { background: #5b67d3; color: #fff; }
.schedule-create {
height: 36px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
border-radius: 27px;
background: linear-gradient(180deg, #364251 0%, #142234 100%);
color: #fff;
font-size: 14px;
box-shadow: 0 5px 10px rgba(20, 34, 52, 0.12);
}
.schedule-create:hover { background: linear-gradient(180deg, #465566 0%, #1d3047 100%); }
.schedule-create span { font-size: 18px; font-weight: 300; line-height: 1; }
.teacher-class-workspace {
min-width: 1180px;
color: #17181c;
}
.teacher-class-workspace__topline {
min-height: 48px;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 14px;
}
.teacher-class-scope {
min-height: 42px;
display: inline-flex;
align-items: center;
gap: 9px;
padding: 0 15px;
border: 1px solid #d9dad6;
border-radius: 10px;
background: #fff;
color: #33363d;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
}
.teacher-class-scope svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
.teacher-class-scope:hover {
border-color: #111216;
background: #111216;
color: #FFFFFF;
}
.teacher-class-workspace .schedule-create {
width: auto;
min-width: 126px;
height: 42px;
padding: 0 18px;
border: 1px solid #111216;
border-radius: 12px;
background: #111216;
color: #FFFFFF;
box-shadow: none;
font-weight: 800;
}
.teacher-class-workspace .schedule-create:hover {
background: #2b2c31;
}
.teacher-class-workspace__grid {
display: grid;
grid-template-columns: 260px minmax(640px, 1fr) 304px;
overflow: hidden;
border: 1px solid #e3e3df;
border-radius: 18px;
background: #fcfcfa;
}
.teacher-class-workspace__right {
min-width: 0;
display: grid;
grid-template-rows: auto 1fr;
border-left: 1px solid #e7e7e3;
}
.teacher-workspace-panel {
min-width: 0;
min-height: 650px;
background: #fcfcfa;
}
.teacher-class-workspace__grid > .teacher-workspace-panel:first-child {
border-right: 1px solid #e7e7e3;
}
.teacher-workspace-panel__header,
.teacher-task-section header,
.teacher-editing-canvases header,
.teacher-schedule-board__head {
border-bottom: 1px solid #e7e7e3;
}
.teacher-workspace-panel__header,
.teacher-task-section header,
.teacher-editing-canvases header {
min-height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 18px;
}
.teacher-workspace-panel__header h2,
.teacher-task-section h2,
.teacher-editing-canvases h2 {
margin: 0;
color: #17181c;
font-size: 15px;
font-weight: 800;
}
.teacher-workspace-panel__header button,
.teacher-task-section header button,
.teacher-editing-canvases header button {
min-height: 32px;
padding: 0 9px;
border: 1px solid #d9dad6;
border-radius: 8px;
background: #fff;
color: #55575d;
font-size: 12px;
font-weight: 760;
}
.teacher-workspace-panel__header button:hover,
.teacher-task-section header button:hover,
.teacher-editing-canvases header button:hover {
border-color: #111216;
background: #111216;
color: #FFFFFF;
}
.teacher-workspace-panel__create {
width: calc(100% - 28px);
min-height: 38px;
display: block;
margin: 13px 14px 8px;
border: 1px solid #d9dad6;
border-radius: 8px;
background: #fff;
color: #414349;
font-size: 12px;
font-weight: 760;
text-align: center;
}
.teacher-workspace-panel__create:hover {
border-color: #111216;
background: #111216;
color: #FFFFFF;
}
.teacher-resource-list,
.teacher-task-list {
display: grid;
padding: 0 14px 14px;
}
.teacher-resource-item,
.teacher-task-item {
width: 100%;
display: flex;
align-items: center;
gap: 10px;
padding: 12px 0;
border-bottom: 1px solid #e7e7e3;
color: #17181c;
text-align: left;
}
.teacher-resource-item:hover strong,
.teacher-task-item:hover strong {
color: #000;
}
.teacher-resource-item__icon {
width: 32px;
height: 32px;
display: grid;
place-items: center;
flex: 0 0 32px;
border-radius: 8px;
font-size: 9px;
font-weight: 850;
}
.teacher-resource-item__icon.is-ppt { background: #fff0eb; color: #d8785c; }
.teacher-resource-item__icon.is-pdf { background: #f7edef; color: #bd7180; }
.teacher-resource-item__icon.is-vid { background: #e7f5f0; color: #3c9c7c; }
.teacher-resource-item__icon.is-doc { background: #edf0ff; color: #5a70dd; }
.teacher-resource-item span:nth-child(2),
.teacher-task-item span:nth-child(2) {
min-width: 0;
flex: 1;
}
.teacher-resource-item strong,
.teacher-resource-item small,
.teacher-task-item strong,
.teacher-task-item small {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.teacher-resource-item strong,
.teacher-task-item strong {
color: #17181c;
font-size: 12px;
font-weight: 750;
}
.teacher-resource-item small,
.teacher-task-item small {
margin-top: 3px;
color: #777980;
font-size: 10px;
}
.teacher-resource-item i,
.teacher-task-item i {
color: #8f9299;
font-style: normal;
font-weight: 800;
}
.teacher-member-strip {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px;
}
.teacher-member-strip span {
display: flex;
}
.teacher-member-strip i {
width: 34px;
height: 34px;
display: grid;
place-items: center;
margin-right: -8px;
border: 2px solid #fcfcfa;
border-radius: 50%;
color: #fff;
font-size: 12px;
font-style: normal;
font-weight: 800;
}
.teacher-member-strip .is-1 { background: #de9d76; }
.teacher-member-strip .is-2 { background: #6db39b; }
.teacher-member-strip .is-3 { background: #7c73cc; }
.teacher-member-strip .is-4 { background: #d77f9a; }
.teacher-member-strip strong { color: #777980; font-size: 12px; }
.teacher-task-section {
border-top: 1px solid #e7e7e3;
}
.teacher-task-list {
max-height: 262px;
overflow: auto;
}
.teacher-task-item__check {
width: 18px;
height: 18px;
display: grid;
place-items: center;
flex: 0 0 18px;
border: 2px solid #c8ccd3;
border-radius: 6px;
color: #fff;
font-size: 12px;
}
.teacher-task-item i {
padding: 3px 6px;
border-radius: 99px;
background: #fff2df;
color: #b87929;
font-size: 10px;
}
.teacher-task-item.is-done strong {
color: #989ba1;
text-decoration: line-through;
}
.teacher-task-item.is-done .teacher-task-item__check {
border-color: #a5a8ae;
background: #a5a8ae;
}
.teacher-editing-canvases {
border-top: 1px solid #e7e7e3;
}
.teacher-editing-canvases > div {
display: grid;
padding: 8px 18px 16px;
}
.teacher-editing-canvases > div button {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 10px;
padding: 12px 0;
border-bottom: 1px solid #e7e7e3;
text-align: left;
}
.teacher-editing-canvases > div button > span {
width: 34px;
height: 34px;
grid-row: span 2;
border-radius: 10px;
background: linear-gradient(135deg, #806be1, #cfc9ff);
}
.teacher-editing-canvases > div button:nth-child(2) > span { background: linear-gradient(135deg, #4cad98, #c6e275); }
.teacher-editing-canvases > div button:nth-child(3) > span { background: linear-gradient(135deg, #ea9b91, #f5d4a5); }
.teacher-editing-canvases strong {
min-width: 0;
color: #17181c;
font-size: 12px;
}
.teacher-editing-canvases small {
display: block;
margin-top: 3px;
color: #777980;
font-size: 10px;
font-weight: 500;
}
.teacher-editing-canvases i {
grid-column: 2;
color: #8b8e95;
font-size: 10px;
font-style: normal;
}
.teacher-schedule-board {
min-width: 0;
min-height: 650px;
background: #fcfcfa;
}
.teacher-schedule-board__head {
position: relative;
z-index: 45;
min-height: 74px;
display: grid;
grid-template-columns: minmax(170px, 1fr) auto auto;
align-items: center;
gap: 14px;
padding: 0 22px;
overflow: visible;
}
.teacher-schedule-board__head > div:first-child span {
display: block;
margin-bottom: 4px;
color: #777980;
font-size: 12px;
font-weight: 650;
}
.teacher-schedule-board__head h1 {
margin: 0;
color: #17181c;
font-size: 20px;
line-height: 1.25;
font-weight: 850;
}
.teacher-schedule-board__tools {
display: flex;
align-items: center;
gap: 8px;
}
.schedule-view-toggle {
display: flex;
padding: 4px;
border-radius: 12px;
background: #efefed;
}
.schedule-view-toggle button {
min-height: 34px;
padding: 0 12px;
border-radius: 9px;
color: #777980;
font-size: 13px;
font-weight: 800;
}
.schedule-view-toggle button.is-active {
background: #fff;
color: #111216;
box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
.teacher-schedule-board .schedule-date-markers {
position: relative;
z-index: 60;
margin: 0;
padding: 0;
gap: 8px;
}
.teacher-schedule-board .schedule-date-all,
.teacher-schedule-board .schedule-date-trigger {
width: auto;
height: 42px;
min-height: 42px;
padding: 0 15px;
border: 1px solid #dfe2ea;
border-radius: 11px;
background: #fff;
color: #55575d;
font-size: 14px;
font-weight: 800;
}
.teacher-schedule-board .schedule-date-trigger {
min-width: 72px;
justify-content: center;
text-align: center;
}
.teacher-schedule-board .schedule-date-all.is-active,
.teacher-schedule-board .schedule-date-trigger.is-active {
border-color: #dfe2ea;
background: #fff;
color: #111216;
}
.teacher-schedule-board .schedule-calendar {
top: 50px;
z-index: 100;
width: 320px;
height: 394px;
border: 1px solid #e3e3df;
border-radius: 16px;
box-shadow: 0 22px 52px rgba(0,0,0,.14);
}
.teacher-schedule-board .schedule-filters {
justify-self: end;
height: 42px;
padding: 4px;
border-radius: 14px;
background: #efefed;
}
.teacher-schedule-board .schedule-filters button {
height: 34px;
padding: 0 14px;
border-radius: 10px;
color: #73767d;
font-size: 13px;
font-weight: 800;
}
.teacher-schedule-board .schedule-filters button:hover {
color: #111216;
}
.teacher-schedule-board .schedule-filters button.is-active {
background: #fff;
color: #111216;
box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
.teacher-schedule-board .page-state {
min-height: 500px;
padding: 18px 22px;
}
.teacher-schedule-board .schedule-list {
gap: 0;
}
.teacher-schedule-board .schedule-date-group__courses {
gap: 0;
}
.teacher-schedule-board .schedule-card {
min-height: 138px;
grid-template-columns: 170px minmax(220px, 1fr) 204px 116px;
border-bottom: 1px solid #e7e7e3;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.teacher-schedule-board .schedule-card:hover {
transform: none;
box-shadow: none;
}
.teacher-schedule-board .schedule-card__time {
height: auto;
min-height: 84px;
justify-content: flex-start;
gap: 8px;
padding-left: 0;
border-right: 0;
}
.teacher-schedule-board .schedule-card__time strong {
color: #17181c;
font-size: 18px;
font-weight: 850;
}
.teacher-schedule-board .schedule-status {
min-width: 0;
height: 26px;
padding: 0 9px;
border-radius: 8px;
font-size: 12px;
font-weight: 800;
}
.teacher-schedule-board .schedule-card__content {
padding: 0 20px 0 0;
}
.teacher-schedule-board .schedule-card__title-row h2 {
color: #17181c;
font-size: 16px;
font-weight: 850;
}
.teacher-schedule-board .schedule-card__lesson,
.teacher-schedule-board .schedule-card__meta > span {
height: 28px;
border-radius: 8px;
background: #f3f4f6;
color: #777980;
font-size: 12px;
font-weight: 700;
}
.teacher-schedule-board .schedule-card__meta svg {
display: none;
}
.teacher-schedule-board .schedule-card__canvas-shell {
width: 194px;
height: 86px;
border: 0;
border-radius: 12px;
}
.teacher-schedule-board .schedule-card__actions {
padding-right: 0;
}
.teacher-schedule-board .schedule-card__primary,
.teacher-schedule-board .schedule-card__primary.is-outline {
min-width: 90px;
height: 40px;
border: 1px solid #d9dad6;
border-radius: 10px;
background: #fff;
color: #414349;
font-size: 14px;
font-weight: 800;
}
.teacher-schedule-board .schedule-card__primary:hover,
.teacher-schedule-board .schedule-card__primary.is-outline:hover {
border-color: #111216;
background: #111216;
color: #FFFFFF;
}
.teacher-schedule-board .schedule-card__cancel {
color: #8c8f96;
}
.schedule-week-view {
display: grid;
grid-template-columns: repeat(5, minmax(184px, 1fr));
min-height: 528px;
border-left: 1px solid #e7e7e3;
}
.schedule-week-day {
min-width: 0;
border-right: 1px solid #e7e7e3;
}
.schedule-week-day > header {
min-height: 64px;
display: grid;
place-items: center;
align-content: center;
gap: 3px;
border-bottom: 1px solid #e7e7e3;
}
.schedule-week-day > header strong {
color: #17181c;
font-size: 14px;
font-weight: 850;
}
.schedule-week-day > header span {
color: #777980;
font-size: 11px;
}
.schedule-week-day.is-today > header {
background: #f7f8ef;
}
.schedule-week-day > div {
display: grid;
gap: 10px;
padding: 10px;
}
.schedule-week-view .schedule-card {
min-height: 214px;
grid-template-columns: 1fr;
align-items: start;
gap: 10px;
padding: 12px;
border: 1px solid #e7e7e3;
border-radius: 12px;
background: #fff;
}
.schedule-week-view .schedule-card__time,
.schedule-week-view .schedule-card__content,
.schedule-week-view .schedule-card__actions {
min-height: 0;
padding: 0;
}
.schedule-week-view .schedule-card__canvas-shell {
width: 100%;
height: 86px;
}
.schedule-week-view .schedule-card__actions {
justify-content: flex-start;
}
.schedule-week-empty {
margin: 18px 0;
color: #999ba1;
font-size: 12px;
text-align: center;
}
.canvas-list-page {
width: min(1460px, calc(100% - 48px));
margin: 0 auto;
padding: 20px 0 64px;
}
.canvas-list-primary-toolbar,
.canvas-list-secondary-toolbar {
position: relative;
z-index: 40;
min-height: 36px;
}
.canvas-list-primary-toolbar {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 20px;
margin-bottom: 14px;
}
.canvas-list-secondary-toolbar {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.canvas-list-toolbar__filters { display: flex; align-items: center; gap: 12px; }
.canvas-scope-tabs {
display: inline-flex;
justify-self: start;
align-items: center;
gap: 3px;
margin-bottom: 0;
padding: 4px;
background: #e9eef4;
border-radius: 19px;
}
.canvas-scope-tabs button {
height: 28px;
padding: 0 16px;
border-radius: 99px;
color: #142234;
font-size: 14px;
line-height: 22px;
transition: 0.18s ease;
}
.canvas-scope-tabs button:hover { color: #5b67d3; }
.canvas-scope-tabs button.is-active { background: #5b67d3; color: #fff; }
.canvas-list-search,
.canvas-list-sort { position: relative; width: 232px; height: 32px; }
.canvas-list-search input,
.canvas-list-sort select {
width: 100%;
height: 32px;
border: 1px solid #ededee;
border-radius: 8px;
background: #fff;
color: #142234;
font-family: 'Source Han Sans CN', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
outline: none;
}
.canvas-list-search input { padding: 0 12px 0 35px; }
.canvas-list-search input::placeholder { color: #aab1bc; opacity: 1; }
.canvas-list-search > span {
position: absolute;
left: 13px;
top: 9px;
z-index: 1;
width: 12px;
height: 12px;
border: 1.3px solid #aab1bc;
border-radius: 50%;
pointer-events: none;
}
.canvas-list-search > span::after {
position: absolute;
right: -4px;
bottom: -3px;
width: 5px;
height: 1.3px;
content: '';
background: #aab1bc;
transform: rotate(45deg);
transform-origin: left center;
}
.canvas-list-sort select { appearance: none; padding: 0 35px 0 12px; }
.canvas-list-sort > span {
position: absolute;
right: 15px;
top: 11px;
width: 8px;
height: 8px;
border-right: 1.3px solid #5e6976;
border-bottom: 1.3px solid #5e6976;
pointer-events: none;
transform: rotate(45deg);
}
.canvas-sort-trigger {
width: 232px;
height: 32px;
display: flex;
align-items: center;
gap: 8px;
padding: 0 11px;
border: 1px solid #ededee;
border-radius: 8px;
background: #fff;
color: #27364a;
font-size: 13px;
text-align: left;
cursor: pointer;
}
.canvas-sort-trigger:hover { border-color: #cfd3db; }
.canvas-list-sort.is-open .canvas-sort-trigger { border-color: #5b67d3; box-shadow: 0 0 0 2px rgba(91, 103, 211, .12); }
.canvas-sort-trigger > span:not(.canvas-sort-trigger__chevron) { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.canvas-sort-trigger__icon { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: #778296; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.canvas-sort-trigger__chevron { width: 7px; height: 7px; margin: -3px 2px 0 5px; border-right: 1.5px solid #778296; border-bottom: 1.5px solid #778296; transform: rotate(45deg); transition: transform .16s ease, margin .16s ease; }
.canvas-list-sort.is-open .canvas-sort-trigger__chevron { margin-top: 3px; transform: rotate(225deg); }
.canvas-sort-menu { position: absolute; z-index: 30; top: calc(100% + 7px); right: 0; width: 220px; padding: 7px; border: 1px solid #e4e7ed; border-radius: 11px; background: #fff; box-shadow: 0 15px 36px rgba(24, 35, 58, .14), 0 3px 9px rgba(24, 35, 58, .06); animation: canvas-menu-in .14s ease both; }
.canvas-sort-option {
width: 100%;
min-height: 36px;
display: grid;
grid-template-columns: 20px 1fr;
align-items: center;
gap: 6px;
padding: 0 9px;
border: 0;
border-radius: 7px;
background: transparent;
color: #27364a;
font-size: 13px;
text-align: left;
cursor: pointer;
}
.canvas-sort-option:hover, .canvas-sort-option:focus-visible { outline: none; background: #f4f5f8; }
.canvas-sort-option.is-active { background: #f0f2ff; color: #4655c5; font-weight: 600; }
.canvas-sort-check { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.4; opacity: 0; }
.canvas-sort-option.is-active .canvas-sort-check { opacity: 1; }
.canvas-sort-menu__divider { height: 1px; margin: 7px 6px 6px; background: #e7e9ee; }
.canvas-sort-menu__label { padding: 3px 9px 4px 35px; color: #a0a7b3; font-size: 11px; font-weight: 600; }
/* ===== CustomSelect 通用自定义下拉选择器 ===== */
.custom-select { position: relative; display: block; }
.custom-select__trigger {
width: 100%;
height: 34px;
display: flex;
align-items: center;
gap: 8px;
padding: 0 12px;
border: 1px solid #e5e8ee;
border-radius: 8px;
background: #fff;
color: #27364a;
font-size: 14px;
font-family: 'Source Han Sans CN', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
text-align: left;
cursor: pointer;
outline: none;
transition: border-color .15s ease, box-shadow .15s ease;
}
.custom-select__trigger:hover { border-color: #cfd3db; }
.custom-select.is-open .custom-select__trigger { border-color: #5b67d3; box-shadow: 0 0 0 2px rgba(91, 103, 211, .12); }
.custom-select__trigger:disabled { background: #f5f6f8; color: #aab1bc; cursor: not-allowed; }
.custom-select__value { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.custom-select__chevron { width: 14px; height: 14px; flex: 0 0 auto; color: #778296; transition: transform .16s ease; }
.custom-select.is-open .custom-select__chevron { transform: rotate(180deg); }
.custom-select__menu {
position: absolute;
z-index: 30;
top: calc(100% + 6px);
left: 0;
right: 0;
min-width: 100%;
max-height: 260px;
overflow-y: auto;
padding: 7px;
border: 1px solid #e4e7ed;
border-radius: 11px;
background: #fff;
box-shadow: 0 15px 36px rgba(24, 35, 58, .14), 0 3px 9px rgba(24, 35, 58, .06);
animation: canvas-menu-in .14s ease both;
}
.custom-select__menu--portal {
right: auto;
min-width: 0;
overscroll-behavior: contain;
scrollbar-gutter: stable;
}
.custom-select__group-label { padding: 4px 9px 3px 35px; color: #a0a7b3; font-size: 11px; font-weight: 600; }
.custom-select__option {
width: 100%;
min-height: 36px;
display: grid;
grid-template-columns: 20px 1fr;
align-items: center;
gap: 6px;
padding: 0 9px;
border: 0;
border-radius: 7px;
background: transparent;
color: #27364a;
font-size: 13px;
font-family: 'Source Han Sans CN', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
text-align: left;
cursor: pointer;
}
.custom-select__option:hover, .custom-select__option:focus-visible { outline: none; background: #f4f5f8; }
.custom-select__option.is-active { background: #f0f2ff; color: #4655c5; font-weight: 600; }
.custom-select__check { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.4; opacity: 0; }
.custom-select__option.is-active .custom-select__check { opacity: 1; }
.custom-select.is-disabled .custom-select__trigger { background: #f5f6f8; color: #aab1bc; cursor: not-allowed; }
.canvas-list-search input:hover,
.canvas-list-sort select:hover { border-color: #cfd3db; }
.canvas-list-search input:focus,
.canvas-list-sort select:focus { border-color: #5b67d3; box-shadow: 0 0 0 2px rgba(91, 103, 211, .12); }
.canvas-list-create {
width: 108px;
flex: 0 0 108px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
border: 0;
border-radius: 27px;
background: linear-gradient(180deg, #364251 0%, #142234 100%);
color: #fff;
font-size: 14px;
font-family: 'Source Han Sans CN', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
font-weight: 400;
line-height: 22px;
box-shadow: 0 5px 10px rgba(20, 34, 52, .12);
}
.canvas-list-create:hover { background: linear-gradient(180deg, #465566 0%, #1d3047 100%); }
.canvas-list-create:active { transform: translateY(1px); }
.canvas-list-create > span { font-size: 18px; font-weight: 300; line-height: 1; }
.canvas-list-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px 12px;
}
.canvas-list-card {
position: relative;
min-width: 0;
overflow: visible;
background: #fbfbfc;
border-radius: 12px;
transition: transform .16s ease, box-shadow .16s ease;
}
.canvas-list-card:hover,
.canvas-list-card.is-menu-open { box-shadow: 0 8px 18px rgba(20, 34, 52, .08); }
.canvas-list-card__preview-shell {
position: relative;
width: 100%;
aspect-ratio: 306 / 172;
overflow: hidden;
border-radius: 12px;
}
.canvas-list-card__preview {
position: relative;
width: 100%;
height: 100%;
display: grid;
place-items: center;
overflow: hidden;
border: 2px solid #fbfbfc;
border-radius: 12px;
background: #eef2ff;
color: #8b94a3;
}
.canvas-list-card__preview-image { width: 100%; height: 100%; display: block; object-fit: cover; }
.canvas-list-card__preview-state { display: flex; align-items: center; justify-content: center; color: #5e6976; font-size: 13px; line-height: 22px; }
.canvas-list-card__preview-state.is-pending::before { width: 16px; height: 16px; margin-right: 7px; border: 2px solid rgba(91,103,211,.25); border-top-color: #5b67d3; border-radius: 50%; content: ''; animation: canvas-thumbnail-spin .9s linear infinite; }
.canvas-list-card__preview-state.is-failed { color: #7b8494; }
.canvas-list-card__preview-overlay {
position: absolute;
inset: 2px;
display: grid;
place-items: center;
border-radius: 10px;
background: rgba(20,34,52,.55);
opacity: 0;
pointer-events: none;
transition: opacity .16s ease;
}
.canvas-list-card__preview-shell:hover .canvas-list-card__preview-overlay,
.canvas-list-card__preview-shell:focus-within .canvas-list-card__preview-overlay { opacity: 1; }
.canvas-list-card__preview-shell:hover .canvas-list-card__preview-action,
.canvas-list-card__preview-shell:focus-within .canvas-list-card__preview-action { pointer-events: auto; }
.canvas-list-card__preview-action {
width: 44px;
height: 44px;
display: grid;
place-items: center;
border-radius: 50%;
background: rgba(255,255,255,.92);
color: #142234;
font-size: 18px;
line-height: 1;
pointer-events: none;
transition: background-color .16s ease, color .16s ease, transform .16s ease;
}
.canvas-list-card__preview-action:hover { background: #fff; color: #5b67d3; transform: translateY(-1px); }
.canvas-list-card__preview-action:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.canvas-list-card__body {
position: relative;
min-height: 0;
padding: 14px 14px 12px 14px;
}
.canvas-list-card__title {
display: block;
max-width: 100%;
padding-right: 44px;
overflow: hidden;
color: #142234;
font-family: inherit;
font-size: 18px;
font-weight: 500;
line-height: 27px;
text-align: left;
white-space: nowrap;
}
.canvas-list-card__title:hover { color: #5b67d3; }
.canvas-list-card__title-text { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.canvas-list-card__title.is-overflowing:hover .canvas-list-card__title-text,
.canvas-list-card__title.is-overflowing:focus-visible .canvas-list-card__title-text { max-width: none; overflow: visible; text-overflow: clip; animation: canvas-title-scroll var(--canvas-title-duration) ease-in-out infinite alternate; }
@keyframes canvas-title-scroll { 0%, 12% { transform: translateX(0); } 88%, 100% { transform: translateX(calc(-1 * var(--canvas-title-distance))); } }
.canvas-list-card__meta-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 5px; }
.canvas-list-card__body time {
min-width: 0;
margin-top: 0;
color: #5e6976;
font-size: 14px;
font-weight: 400;
font-variant-numeric: tabular-nums;
line-height: 22px;
white-space: nowrap;
}
.canvas-collaboration-badge {
max-width: 100%;
min-height: 24px;
display: inline-flex;
align-items: center;
gap: 5px;
margin-top: 7px;
padding: 1px 8px 1px 6px;
border: 1px solid #dfe4f7;
border-radius: 12px;
background: #f5f7ff;
color: #5362c6;
font-size: 12px;
line-height: 20px;
}
.canvas-list-card__meta-row .canvas-collaboration-badge { flex: 0 0 auto; margin-top: 0; margin-right: 8px; }
.canvas-collaboration-badge:hover { border-color: #c8d0f3; background: #eef1ff; }
.canvas-collaboration-badge svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.canvas-list-card__menu-wrap { position: absolute; right: 0; top: 7px; width: 44px; height: 44px; z-index: 30; }
.canvas-list-card__menu-trigger {
width: 44px;
height: 44px;
min-height: 44px;
display: grid;
place-items: center;
border-radius: 8px;
}
.canvas-list-card__menu-trigger:hover,
.canvas-list-card__menu-trigger[aria-expanded="true"] { background: #f0f4f8; }
.canvas-list-card__menu-trigger > span,
.canvas-list-card__menu-trigger > span::before,
.canvas-list-card__menu-trigger > span::after {
width: 3px;
height: 3px;
border-radius: 50%;
background: #142234;
}
.canvas-list-card__menu-trigger > span { position: relative; }
.canvas-list-card__menu-trigger > span::before,
.canvas-list-card__menu-trigger > span::after { position: absolute; left: 0; content: ''; }
.canvas-list-card__menu-trigger > span::before { top: -6px; }
.canvas-list-card__menu-trigger > span::after { top: 6px; }
.canvas-card-menu {
position: absolute;
top: 40px;
right: 8px;
z-index: 31;
width: 180px;
padding: 6px;
border: 1px solid #ededee;
border-radius: 8px;
background: #fff;
box-shadow: 0 8px 18px rgba(20, 34, 52, .12);
transform-origin: top right;
animation: canvas-menu-in .12s ease-out;
}
.canvas-card-menu button {
width: 100%;
min-height: 36px;
padding: 0 12px;
border-radius: 6px;
color: #142234;
font-size: 14px;
line-height: 22px;
text-align: left;
white-space: nowrap;
}
.canvas-card-menu button:hover { background: #f0f4f8; }
.canvas-card-menu button:disabled { color: #b4bbc6; cursor: not-allowed; }
.canvas-card-menu button:disabled:hover { background: transparent; }
.canvas-card-menu button.is-danger { color: #d04655; }
.canvas-card-menu button.is-danger:hover { background: #fff1f2; }
.canvas-list-card__preview:focus-visible,
.canvas-list-card__title:focus-visible,
.canvas-list-card__menu-trigger:focus-visible,
.canvas-card-menu button:focus-visible,
.canvas-list-create:focus-visible { outline: 2px solid #5b67d3; outline-offset: 2px; }
.canvas-share-modal { width: min(560px, 100%); padding: 0; overflow: hidden; }
.canvas-share-modal__header { display: flex; align-items: flex-start; justify-content: space-between; padding: 22px 24px 17px; border-bottom: 1px solid #edf0f4; }
.canvas-share-modal__header h3 { margin: 0; color: #142234; font-size: 20px; line-height: 28px; }
.canvas-share-modal__header p { margin: 2px 0 0; color: #778296; font-size: 13px; line-height: 20px; }
.canvas-share-modal__header > button { width: 32px; height: 32px; border-radius: 8px; color: #778296; font-size: 24px; line-height: 1; }
.canvas-share-modal__header > button:hover { background: #f2f4f7; color: #27364a; }
.canvas-share-add { display: grid; grid-template-columns: 1fr 72px; gap: 10px; padding: 18px 24px; }
.canvas-share-add input { height: 38px; padding: 0 12px; border: 1px solid #dfe3ea; border-radius: 8px; color: #142234; font-size: 14px; outline: none; }
.canvas-share-add input:focus { border-color: #5b67d3; box-shadow: 0 0 0 2px rgba(91,103,211,.12); }
.canvas-share-add button { height: 38px; border-radius: 8px; background: #27364a; color: #fff; font-size: 14px; }
.canvas-share-add button:disabled { opacity: .55; }
.canvas-share-readonly { margin: 18px 24px 0 !important; padding: 10px 12px; border-radius: 8px; background: #f5f7fa; color: #697487 !important; }
.canvas-share-members { padding: 0 24px 22px; }
.canvas-share-members__title { display: flex; align-items: center; justify-content: space-between; padding: 12px 0 8px; color: #27364a; font-size: 13px; font-weight: 600; }
.canvas-share-members__title span:last-child { color: #929aa7; font-weight: 400; }
.canvas-share-loading { padding: 28px 0; color: #929aa7; text-align: center; font-size: 13px; }
.canvas-share-member { min-height: 62px; display: grid; grid-template-columns: 36px minmax(0,1fr) 88px auto; align-items: center; gap: 10px; border-top: 1px solid #f0f2f5; }
.canvas-share-avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #edf0ff; color: #5362c6; font-size: 14px; font-weight: 600; }
.canvas-share-member__identity { min-width: 0; display: flex; flex-direction: column; }
.canvas-share-member__identity strong { overflow: hidden; color: #27364a; font-size: 14px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.canvas-share-member__identity strong em { margin-left: 5px; color: #929aa7; font-size: 11px; font-style: normal; font-weight: 400; }
.canvas-share-member__identity > span { color: #929aa7; font-size: 12px; line-height: 18px; }
.canvas-share-member select { height: 32px; padding: 0 8px; border: 1px solid #dfe3ea; border-radius: 7px; background: #fff; color: #27364a; font-size: 13px; }
.canvas-share-member select:disabled { border-color: transparent; color: #697487; opacity: 1; appearance: none; }
.canvas-share-owner { color: #697487; font-size: 13px; text-align: center; }
.canvas-share-remove { padding: 5px 7px; border-radius: 6px; color: #c94755; font-size: 12px; }
.canvas-share-remove:hover { background: #fff1f2; }
@keyframes canvas-menu-in {
from { opacity: 0; transform: translateY(-4px) scale(.98); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
.canvas-list-card { transition: none; }
.canvas-list-card__title.is-overflowing:hover .canvas-list-card__title-text,
.canvas-list-card__title.is-overflowing:focus-visible .canvas-list-card__title-text { animation: none; }
.canvas-list-card__preview-overlay,
.canvas-list-card__preview-action { transition: none; }
.canvas-list-card__preview-state.is-pending::before { animation: none; }
.canvas-card-menu { animation: none; }
}
@media (max-width: 1279px) {
.canvas-list-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
.canvas-list-page { width: min(100% - 40px, 760px); }
.canvas-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.canvas-list-primary-toolbar { grid-template-columns: minmax(0, 1fr) auto; }
.canvas-list-toolbar__filters { min-width: 0; }
.canvas-list-search,
.canvas-list-sort { width: min(232px, calc((100% - 12px) / 2)); }
}
@media (max-width: 599px) {
.canvas-list-page { width: calc(100% - 28px); padding-bottom: 78px; }
.canvas-list-primary-toolbar { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
.canvas-list-toolbar__filters { display: grid; grid-template-columns: 1fr; gap: 8px; }
.canvas-list-search,
.canvas-list-sort { width: 100%; }
.canvas-list-grid { grid-template-columns: 1fr; }
.canvas-scope-tabs { width: 100%; }
.canvas-scope-tabs button { flex: 1; padding: 0 6px; }
.canvas-share-member { grid-template-columns: 34px minmax(0,1fr) 78px; }
.canvas-share-remove { grid-column: 3; }
}
.canvas-editor-page { height: 100vh; height: 100dvh; display: flex; flex-direction: column; background: #f0f4f8; }
.canvas-editor-page > .page-state { min-height: 0; flex: 1; }
.canvas-editor-bar {
min-height: 72px;
padding: 10px 22px;
display: flex;
align-items: center;
gap: 16px;
background: rgba(255, 255, 255, .94);
border-bottom: 1px solid rgba(229, 234, 240, .84);
box-shadow: 0 4px 18px rgba(20, 34, 52, .04);
position: relative;
z-index: 40;
backdrop-filter: blur(12px);
}
.canvas-editor-bar__start { min-width: 0; flex: 1; display: flex; align-items: center; gap: 12px; }
.canvas-editor-bar__actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.canvas-editor-bar__mark { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 11px; background: #eef0ff; color: #5b67d3; }
.canvas-editor-bar__icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.canvas-editor-bar input { width: min(420px, 42vw); min-height: 40px; padding: 0 13px; border: 1px solid transparent; border-radius: 9px; background: #f6f8fb; color: #142234; font-family: var(--font); font-size: 14px; font-weight: 600; line-height: 22px; }
.canvas-editor-bar input:hover,
.canvas-editor-bar input:focus { border-color: #cdd3ed; background: #fff; outline: none; box-shadow: 0 0 0 2px rgba(91, 103, 211, .1); }
.canvas-editor-status { color: #16a36a; font-size: 12px; font-weight: 400; white-space: nowrap; }
.canvas-editor-status.is-pending { color: #c57a17; }
.canvas-editor-status.is-error { color: #df4b5a; }
.canvas-editor-action { min-height: 40px; padding: 0 14px; border: 1px solid transparent; border-radius: 10px; font-family: var(--font); font-size: 14px; font-weight: 400; line-height: 22px; white-space: nowrap; transition: .18s ease; }
.canvas-editor-action:hover:not(:disabled) { transform: translateY(-1px); }
.canvas-editor-action.is-quiet { border-color: #e5eaf0; background: #fff; color: #142234; box-shadow: 0 2px 4px rgba(20,34,52,.03); }
.canvas-editor-action.is-quiet:hover:not(:disabled) { border-color: #cbd1eb; background: #fafbff; color: #5b67d3; }
.canvas-editor-action.is-primary { background: linear-gradient(180deg, #364251 0%, #142234 100%); color: #fff; font-weight: 500; box-shadow: 0 5px 10px rgba(20,34,52,.12); }
.canvas-editor-avatars { display: flex; align-items: center; gap: 0; margin-right: 8px; }
.canvas-editor-avatar { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #eef0ff; color: #5b67d3; font-size: 13px; font-weight: 600; border: 2px solid #fff; margin-left: -8px; cursor: default; transition: transform .16s ease; }
.canvas-editor-avatar:first-child { margin-left: 0; }
.canvas-editor-avatar:hover { transform: translateY(-2px); z-index: 2; }
.canvas-editor-stage { min-height: 0; flex: 1; margin: 14px; position: relative; overflow: hidden; border: 1px solid rgba(221,226,234,.9); border-radius: 14px; background: #fff; box-shadow: 0 12px 36px rgba(20,34,52,.09); }
.canvas-editor-stage > div { border-radius: 14px !important; }
.canvas-conflict { min-height:52px;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff2f3;color:#a62130; }.canvas-conflict span{flex:1}.canvas-conflict button{min-height:38px;padding:0 12px;border-radius:7px;background:#fff;border:1px solid #f2b7be}
@media(max-width:720px){.canvas-editor-bar{min-height:auto;padding:10px 12px;align-items:flex-start}.canvas-editor-bar__start{flex-wrap:wrap}.canvas-editor-bar__mark{display:none}.canvas-editor-bar input{order:3;width:100%}.canvas-editor-status{margin-right:auto}.canvas-editor-stage{margin:8px}.canvas-conflict{align-items:flex-start;flex-wrap:wrap}}
.schedule-list { display: flex; flex-direction: column; gap: 16px; }
.schedule-date-group{display:flex;flex-direction:column;gap:12px;scroll-margin-top:76px}
.schedule-date-group+.schedule-date-group{margin-top:8px}
.schedule-date-group__header{position:sticky;top:0;z-index:10;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-left:4px solid #cfd5df;border-radius:8px;background:rgba(238,241,246,.97);box-shadow:0 1px 0 rgba(20,34,52,.04);backdrop-filter:blur(8px)}
.schedule-date-group.is-today .schedule-date-group__header{border-left-color:#5b67d3;background:rgba(237,240,255,.98)}
.schedule-date-group__title{display:flex;align-items:center;gap:10px}
.schedule-date-group__title strong{padding:2px 8px;border-radius:12px;background:#5b67d3;color:#fff;font-size:12px;font-weight:500;line-height:20px}
.schedule-date-group__header h2{margin:0;color:#142234;font-size:16px;font-weight:500;line-height:24px;font-variant-numeric:tabular-nums}
.schedule-date-group__header>span{color:#5e6976;font-size:13px;line-height:20px}
.schedule-date-group__courses{display:flex;flex-direction:column;gap:16px}
.schedule-date-markers{display:flex;align-items:center;gap:8px;margin:-8px 0 18px;padding:6px 2px;overflow:visible}
.schedule-date-all{flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:18px;background:#fff;color:#142234;font-size:14px;line-height:22px}
.schedule-date-all.is-active{border-color:#aebff7;background:var(--secondary);color:var(--secondary-fg)}
.schedule-date-picker{position:relative;flex:0 0 auto}
.schedule-date-trigger{width:232px;height:32px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #ededee;border-radius:8px;background:#fff;color:#142234;font-family:'Source Han Sans CN','Noto Sans SC','Microsoft YaHei',sans-serif;font-size:14px;font-weight:400;line-height:22px;text-align:left;white-space:nowrap}
.schedule-date-trigger:hover{border-color:#c9ccf0}
.schedule-date-trigger:active{transform:translateY(1px)}
.schedule-date-trigger:focus-visible,.schedule-calendar button:focus-visible{outline:2px solid #5b67d3;outline-offset:2px}
.schedule-date-trigger__icon{position:relative;width:16px;height:16px;flex:0 0 16px;border:1.3px solid #5e6976;border-radius:2px;box-sizing:border-box}
.schedule-date-trigger__icon::before{content:'';position:absolute;left:-1.3px;right:-1.3px;top:3px;border-top:1.3px solid #5e6976}
.schedule-date-trigger__icon::after{content:'';position:absolute;left:3px;right:3px;top:-3px;height:4px;border-left:1.3px solid #5e6976;border-right:1.3px solid #5e6976}
.schedule-calendar{position:absolute;top:40px;left:0;z-index:40;width:320px;height:394px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 8px 12px rgba(0,0,0,.05);color:#142234;font-family:'Source Han Sans CN','Noto Sans SC','Microsoft YaHei',sans-serif}
.schedule-calendar__header{box-sizing:border-box;width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ededee;border-radius:8px 8px 0 0;background:#fff}
.schedule-calendar__header>strong{font-size:16px;font-weight:500;line-height:24px}
.schedule-calendar__month-nav{display:flex;align-items:center;gap:2px}
.schedule-calendar__month-nav button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:#fff;color:#5e6976}
.schedule-calendar__month-nav button:hover{background:#f6f7fa}
.schedule-calendar__month-nav button:active{transform:translateY(1px)}
.schedule-calendar__month{width:24px;color:#5b67d3;font-size:16px;font-weight:500;line-height:24px;text-align:center}
.schedule-calendar__arrow{width:8px;height:8px;border-right:1.3px solid #5e6976;border-bottom:1.3px solid #5e6976}
.schedule-calendar__arrow.is-previous{transform:rotate(135deg)}
.schedule-calendar__arrow.is-next{transform:rotate(-45deg)}
.schedule-calendar__weekdays{width:280px;height:22px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:18px 20px 0;color:#5e6976;font-size:14px;font-weight:400;line-height:22px;text-align:center}
.schedule-calendar__days{width:280px;height:260px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(6,40px);row-gap:4px;margin:10px 20px 0}
.schedule-calendar__day{position:relative;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:20px;background:#fff;color:#142234;font-size:14px;font-weight:400;line-height:22px;text-align:center}
.schedule-calendar__day:hover{background:#f3f4fb}
.schedule-calendar__day.is-adjacent{color:#aab1bc}
.schedule-calendar__day.is-today{background:rgba(91,103,211,.1);color:#5b67d3;font-weight:500}
.schedule-calendar__day.is-selected:not(.is-today){background:#5b67d3;color:#fff;font-weight:500}
.schedule-calendar__course-dot{position:absolute;left:50%;bottom:3px;width:6px;height:6px;border-radius:50%;background:#5b67d3;transform:translateX(-50%)}
.schedule-calendar__day.is-selected:not(.is-today) .schedule-calendar__course-dot{background:#fff}
@media(max-width:640px){.schedule-date-markers{align-items:flex-start;flex-wrap:wrap}.schedule-calendar{right:0;left:auto;width:min(320px,calc(100vw - 24px))}.schedule-calendar__weekdays,.schedule-calendar__days{width:calc(100% - 40px)}.schedule-calendar__day{width:100%;max-width:40px;justify-self:center;aspect-ratio:1;height:auto}}
.schedule-card {
min-height: 104px;
display: grid;
grid-template-columns: 164px minmax(360px, 1fr) 168px 194px;
align-items: center;
overflow: hidden;
background: #fbfbfc;
border-radius: 12px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.schedule-card:hover {
transform: translateY(-1px);
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05);
}
.schedule-card.is-disabled { opacity: 0.72; }
.schedule-card__time {
height: 44px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
padding-left: 20px;
border-right: 1px solid #ededee;
}
.schedule-card__time strong {
color: #142234;
font-size: 16px;
line-height: 24px;
font-weight: 500;
white-space: nowrap;
}
.schedule-status {
min-width: 60px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 12px;
border-radius: 20px;
font-size: 12px;
line-height: 18px;
}
.schedule-status--pending { background: #f0f4f8; color: #5e6976; }
.schedule-status--progress { background: rgba(28, 124, 229, 0.1); color: #1c7ce5; }
.schedule-status--cancelled { background: #f7ecee; color: #b35f6c; }
.schedule-status--completed { background: rgba(12, 170, 99, 0.1); color: #0caa63; }
.schedule-status--unopened { background: #fff4e5; color: #c77800; }
.schedule-status--muted { background: #ededee; color: #7d8794; }
.schedule-card__content { min-width: 0; padding: 0 28px 0 30px; }
.schedule-card.is-compact .schedule-card__content { display: grid; align-content: center; }
.schedule-card__title-row { display: flex; align-items: center; gap: 12px; }
.schedule-card__title-row h2 {
overflow: hidden;
color: #142234;
font-size: 16px;
line-height: 24px;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
}
.schedule-card__lesson {
flex: 0 0 auto;
height: 24px;
display: inline-flex;
align-items: center;
padding: 0 12px;
background: #f0f4f8;
border-radius: 20px;
color: #5e6976;
font-size: 12px;
}
.schedule-card__meta {
min-width: 0;
display: flex;
align-items: center;
gap: 8px;
margin-top: 12px;
}
.schedule-card__meta > span {
max-width: none;
height: 28px;
display: inline-flex;
align-items: center;
gap: 7px;
overflow: hidden;
padding: 0 10px;
background: #f0f4f8;
border-radius: 8px;
color: #5e6976;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
}
.schedule-card__meta > span:first-child { min-width: 0; flex: 0 1 auto; max-width: 100%; }
.schedule-card__meta > span + span { flex: 0 0 auto; }
.schedule-card__meta svg {
width: 15px;
height: 15px;
flex: 0 0 15px;
fill: none;
stroke: #aab1bc;
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
}
.schedule-card__canvas-shell {
position: relative;
width: 156px;
height: 88px;
overflow: hidden;
border: 2px solid #fbfbfc;
border-radius: 12px;
background: #f0f4f8;
}
.schedule-card__canvas {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
border: 0;
background: #f0f4f8;
text-align: left;
}
.schedule-card__canvas:focus-visible { outline: 2px solid #5b67d3; outline-offset: -2px; }
.schedule-card__canvas.is-empty { display: grid; place-items: center; color: #7b8494; font-size: 13px; }
.schedule-card__canvas-image { width: 100%; height: 100%; display: block; object-fit: cover; }
.schedule-card__canvas-state { position: absolute; inset: 0; display: grid; place-items: center; color: #7b8494; font-size: 12px; }
.schedule-card__canvas-state.is-pending::before { width: 14px; height: 14px; margin-right: 5px; border: 2px solid rgba(91,103,211,.25); border-top-color: #5b67d3; border-radius: 50%; content: ''; animation: canvas-thumbnail-spin .9s linear infinite; }
.schedule-card__canvas-state.is-pending { display: flex; align-items: center; justify-content: center; }
.schedule-card__canvas-state.is-deleted { color: #f55757; background: rgba(245, 87, 87, .06); }
.schedule-card__canvas-name { position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 18px 9px 6px; background: linear-gradient(180deg, transparent, rgba(10,20,34,.72)); color: #fff; font-size: 11px; font-weight: 500; text-shadow: 0 1px 3px rgba(0,0,0,.55); text-overflow: ellipsis; white-space: nowrap; }
.schedule-card__canvas-tag {
position: absolute;
top: 6px;
right: 6px;
z-index: 3;
padding: 1px 7px;
border-radius: 10px;
background: rgba(91, 103, 211, .85);
color: #fff;
font-size: 10px;
font-weight: 600;
line-height: 18px;
letter-spacing: .02em;
backdrop-filter: blur(4px);
}
.schedule-card__canvas-tag.is-warn { background: rgba(200, 71, 85, .85); }
.schedule-card__canvas-multi {
position: absolute;
top: 6px;
right: 6px;
z-index: 3;
display: grid;
place-items: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: transparent;
color: #5b67d3;
cursor: default;
}
.schedule-card__canvas-overlay {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: rgba(12, 24, 40, .62);
opacity: 0;
pointer-events: none;
transition: opacity 150ms ease;
}
.schedule-card__canvas-shell:hover .schedule-card__canvas-overlay,
.schedule-card__canvas-shell:focus-within .schedule-card__canvas-overlay { opacity: 1; }
.schedule-card__canvas-shell:hover .schedule-card__canvas-action,
.schedule-card__canvas-shell:focus-within .schedule-card__canvas-action { pointer-events: auto; }
.schedule-card__canvas-action {
min-width: 32px;
width: 32px;
height: 32px;
display: grid;
place-items: center;
padding: 0;
border: 1px solid rgba(255,255,255,.55);
border-radius: 50%;
background: rgba(255,255,255,.94);
color: #26364a;
font-size: 15px;
line-height: 1;
box-shadow: 0 3px 10px rgba(5,14,26,.2);
pointer-events: none;
}
.schedule-card__canvas-action.is-preview { min-width: 28px; width: 28px; height: 28px; border: 0; color: #fff; background: transparent; box-shadow: none; }
.schedule-card__canvas-action.is-preview svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.schedule-card__canvas-action:hover { background: #fff; color: #5b67d3; transform: translateY(-1px); }
.schedule-card__canvas-action:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@keyframes canvas-thumbnail-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .schedule-card__canvas-overlay { transition: none; } .schedule-card__canvas-state.is-pending::before { animation: none; } }
.schedule-card__actions {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
padding-right: 40px;
}
.schedule-card__action-stack {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 3px;
}
.schedule-card__primary {
height: 36px;
min-width: 80px;
padding: 0 13px;
border-radius: 8px;
font-size: 14px;
white-space: nowrap;
}
.schedule-card__primary { background: #5b67d3; color: #fff; }
.schedule-card__primary:hover { background: #4d59c5; }
.schedule-card__primary.is-outline { background: transparent; border: 1px solid #ededee; color: #5e6976; }
.schedule-card__primary.is-outline:hover { border-color: #5b67d3; color: #5b67d3; }
.schedule-card__cancel {
min-height: 24px;
padding: 0;
border: 0;
background: transparent;
color: #7b8494;
font-size: 12px;
}
.schedule-card__cancel:hover { color: #d04655; }
.teacher-dialog-backdrop {
position: fixed;
inset: 0;
z-index: 1000;
display: grid;
place-items: center;
background: rgba(20, 34, 52, 0.42);
backdrop-filter: blur(2px);
}
.teacher-dialog {
width: min(680px, calc(100vw - 32px));
height: auto;
max-height: calc(100dvh - 32px);
display: grid;
grid-template-rows: 58px minmax(0, auto) 66px;
overflow: hidden;
background: #fbfbfc;
border-radius: 12px;
box-shadow: 0 24px 64px rgba(20, 34, 52, 0.2);
}
.teacher-dialog__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 22px;
}
.teacher-dialog__header h2 {
color: #142234;
font-size: 16px;
line-height: 24px;
font-weight: 600;
outline: none;
}
.teacher-dialog__close {
width: 36px;
height: 36px;
border-radius: 8px;
color: #5e6976;
font-size: 27px;
line-height: 1;
}
.teacher-dialog__close:hover,
.teacher-dialog__close:focus-visible { background: #f0f4f8; color: #142234; }
.course-dialog__fields {
min-height: 0;
overflow-y: auto;
padding: 2px 22px 0;
}
.course-dialog__row {
display: grid;
grid-template-columns: 86px minmax(0, 1fr);
align-items: center;
column-gap: 10px;
margin-bottom: 12px;
}
.course-dialog__row--start { align-items: start; }
.course-dialog__row > label,
.course-dialog__label { color: #5e6976; font-size: 14px; line-height: 32px; white-space: nowrap; }
.course-dialog__row .is-required { color: #e34d59; }
.course-dialog__control { min-width: 0; width: 100%; }
.course-dialog__control > input,
.course-dialog__control > select,
.course-dialog__select select,
.course-dialog__time-grid input {
width: 100%;
height: 34px;
padding: 0 12px;
border: 1px solid #e5e8ee;
border-radius: 8px;
background: #fff;
color: #142234;
font-size: 14px;
font-family: inherit;
outline: none;
}
.course-dialog__control > input::placeholder { color: #aab1bc; }
.course-dialog__control > input:focus,
.course-dialog__control > select:focus,
.course-dialog__select select:focus,
.course-dialog__time-grid input:focus { border-color: #5b67d3; box-shadow: 0 0 0 2px rgba(91, 103, 211, 0.12); }
.course-dialog__control > .is-error,
.course-dialog__select.is-error select,
.course-dialog__time-grid input.is-error { border-color: #e34d59; }
.course-dialog__control > select:disabled,
.course-dialog__select select:disabled { background: #f5f6f8; color: #aab1bc; cursor: not-allowed; }
.course-dialog__select { position: relative; }
.course-dialog__select select { appearance: none; padding-right: 30px; }
.course-dialog__select > span { position: absolute; right: 11px; top: 6px; color: #aab1bc; pointer-events: none; }
.course-dialog__basic-grid {
display: flex;
align-items: start;
gap: 6px;
width: 100%;
}
.course-dialog__basic-grid > div {
flex: 1 1 0;
min-width: 78px;
overflow: hidden;
}
.course-dialog__basic-grid button,
.course-dialog__basic-grid select { min-width: 0; max-width: 100%; white-space: nowrap; }
.course-dialog__arrow {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
color: #aab1bc;
font-size: 16px;
font-weight: 500;
line-height: 34px;
user-select: none;
}
.course-dialog__checkbox {
display: flex;
align-items: center;
gap: 6px;
margin-top: 9px;
color: #5e6976;
font-size: 13px;
line-height: 20px;
cursor: pointer;
}
.course-dialog__checkbox input[type="checkbox"] {
width: 15px;
height: 15px;
accent-color: #5b67d3;
cursor: pointer;
}
.course-dialog__time-grid { display: grid; grid-template-columns: minmax(180px,1.45fr) minmax(128px,1fr) minmax(128px,1fr); gap: 10px; }
.course-dialog__error { display: block; margin-top: 3px; color: #c93545; font-size: 11px; line-height: 14px; }
.course-dialog__divider { height: 1px; margin: 12px 0 16px; background: #ededee; }
.teacher-dialog__actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
padding: 0 22px;
}
.teacher-dialog__actions button { height: 34px; padding: 0 21px; border-radius: 8px; font-size: 14px; }
.teacher-dialog__cancel { color: #5e6976; }
.teacher-dialog__cancel:hover { color: #142234; }
.teacher-dialog__confirm { min-width: 81px; background: #142234; color: #f8fafc; }
.teacher-dialog__confirm:hover { background: #243549; }
.teacher-dialog__confirm:disabled { cursor: wait; opacity: .58; }
.course-fields > label { color: #5e6976; font-size: 14px; }
.course-fields input,
.course-fields select { display: block; width: 100%; min-height: 40px; margin-top: 6px; padding: 8px 11px; border: 1px solid #e2e7f0; border-radius: 8px; background: #fff; color: #142234; }
.course-fields__wide { grid-column: 1 / -1; }
@media (max-width: 1100px) {
.schedule-card { grid-template-columns: 150px minmax(280px, 1fr) 145px; }
.schedule-card__actions { grid-column: 2 / -1; justify-content: flex-end; padding: 0 20px 12px; }
.schedule-card { padding-top: 8px; }
.schedule-card__time { grid-row: 1 / 3; }
.schedule-card__canvas-shell { width: 138px; height: 78px; }
}
@media (max-width: 760px) {
.teacher-topbar { top:auto; width:100%; height:54px; padding:0; background:transparent; border:0; }
.teacher-brand-logo,.teacher-account { display:none; }
.teacher-layout--primary .teacher-main { margin-left:0; }
.teacher-nav { position:fixed; left:0; right:0; bottom:0; z-index:120; height:54px; flex-direction:row; justify-content:center; gap:48px; background:rgba(255,255,255,.96); border-top:1px solid #ededee; backdrop-filter:blur(6px); }
.teacher-nav__item { font-size: 14px; }
.teacher-nav__item.is-active::after { left:50%; top:0; bottom:auto; width:72px; height:3px; transform:translateX(-50%); }
.schedule-page { width: min(100% - 28px, 640px); padding-bottom: 78px; }
.schedule-home { grid-template-columns:1fr; }
.schedule-calendar-panel { position:relative; top:auto; width:320px; max-width:100%; margin:0 auto; }
.schedule-toolbar { grid-template-columns: 1fr auto; gap: 12px; }
.schedule-filters { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; justify-content: space-between; }
.schedule-filters button { flex: 1; padding: 0 10px; }
.schedule-create { grid-column: 2; grid-row: 1; width: 108px; }
.schedule-card { grid-template-columns: 1fr; gap: 14px; padding: 18px; }
.schedule-card__time { grid-row: auto; height: auto; flex-direction: row; align-items: center; padding: 0; border: 0; }
.schedule-card__content { padding: 0; }
.schedule-card__meta { align-items: flex-start; flex-direction: column; }
.schedule-card__meta > span { max-width: 100%; }
.schedule-card__canvas-shell { width: 100%; height: 120px; }
.schedule-card__actions { grid-column: auto; padding: 0; }
}
@media(max-width:1279px){
.classroom-commandbar{grid-template-columns:minmax(260px,1fr) auto}
.classroom-commandbar .classroom-code{display:none}
.classroom-statuses{display:none}
}
@media(max-width:820px){
.classroom-commandbar{min-height:auto;padding:10px 12px;grid-template-columns:1fr;gap:9px}
.classroom-actions{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}
.classroom-content{position:relative;padding:8px}
.attendance-panel{position:absolute;right:8px;top:8px;bottom:8px;z-index:60;width:min(86vw,286px);box-shadow:-8px 0 25px rgba(20,34,52,.14)}
.classroom-canvas{border-radius:12px}
}
@media(max-width:700px){.course-dialog__basic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.course-dialog__arrow{display:none}.course-dialog__time-grid{grid-template-columns:minmax(150px,1.35fr) minmax(108px,1fr) minmax(108px,1fr)}}
@media(max-width:600px){.classroom-shell{height:100vh;height:100dvh}.schedule-page{width:calc(100% - 28px)}.teacher-topbar{padding:0 12px}.teacher-account__name{display:none}.teacher-dialog{height:auto;max-height:calc(100dvh - 20px)}.course-dialog__fields{padding-left:16px;padding-right:16px}.course-dialog__row{grid-template-columns:1fr;gap:4px}.course-dialog__row>label,.course-dialog__label{line-height:22px}.course-dialog__time-grid{grid-template-columns:1fr}.course-dialog__basic-grid{grid-template-columns:1fr 1fr}.course-dialog__basic-grid>div::after{display:none}}
/* 教师首页沿用原型的顶部导航与整张浅色工作台。 */
body:has(.teacher-layout--workspace) { background: #efefed; }
.teacher-layout--workspace {
width: min(1460px, calc(100% - 28px));
min-height: calc(100vh - 28px);
margin: 14px auto;
border: 1px solid #e3e3df;
border-radius: 24px;
background: #fcfcfa;
color: #17181c;
box-shadow: 0 18px 52px #0000000d;
font-family: Inter, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
.teacher-layout--workspace .teacher-topbar {
position: relative;
inset: auto;
z-index: 10;
width: 100%;
height: 88px;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: start;
padding: 18px 28px;
border: 0;
border-bottom: 1px solid #e7e7e3;
border-radius: 24px 24px 0 0;
background: #fcfcfa;
backdrop-filter: none;
}
.teacher-layout--workspace .teacher-brand-with-guide { justify-content: flex-start; }
.teacher-layout--workspace .teacher-brand-logo { display: block; width: 36px; height: 36px; margin: 0; }
.teacher-layout--workspace .teacher-nav {
position: static;
display: flex;
flex-direction: row;
height: auto;
gap: 7px;
border: 0;
background: transparent;
backdrop-filter: none;
}
.teacher-layout--workspace .teacher-nav__item {
min-height: 36px;
padding: 0 16px;
border-radius: 9px;
color: #777980;
font: 760 14px/1.4 Inter, 'PingFang SC', 'Microsoft YaHei', sans-serif;
white-space: nowrap;
}
.teacher-layout--workspace .teacher-nav__icon,
.teacher-layout--workspace .teacher-nav__item.is-active::after { display: none; }
.teacher-layout--workspace .teacher-nav__item:hover { background: #efefed; color: #17181c; }
.teacher-layout--workspace .teacher-nav__item.is-active { background: #111216; color: #FFFFFF; }
.teacher-layout--workspace .teacher-account {
justify-self: end;
margin: 0;
padding: 0;
display: flex;
border: 0;
color: #777980;
}
.teacher-layout--workspace .teacher-account__avatar { width: 34px; height: 34px; background: #111216; color: #FFFFFF; }
.teacher-layout--workspace .teacher-account__name { color: #777980; font-size: 12px; }
.teacher-layout--workspace .teacher-main { min-height: 0; margin-left: 0; }
.teacher-layout--workspace .schedule-page { width: 100%; margin: 0; padding: 17px 30px 36px; }
.teacher-class-workspace { min-width: 0; }
.teacher-class-workspace__topline { min-height: 40px; gap: 8px; margin-bottom: 18px; }
.teacher-class-workspace__topline > h1 { margin: 0 12px 0 0; font-size: 27px; letter-spacing: -.8px; font-weight: 760; }
.teacher-workspace-class { height: 38px; padding: 0 12px; border-radius: 10px; background: #efefed; color: #202124; font-size: 13px; font-weight: 760; }
.teacher-workspace-class span { margin-left: 8px; color: #969ba6; }
.teacher-class-workspace .schedule-create { margin-left: auto; min-width: 0; height: 36px; padding: 0 12px; border-radius: 9px; font-size: 12px; font-weight: 760; }
.teacher-class-scope { min-height: 34px; padding: 0 11px; border-radius: 8px; font-size: 11px; font-weight: 760; }
.teacher-class-workspace__grid { grid-template-columns: 250px minmax(0, 1fr) 286px; overflow: visible; }
.teacher-class-workspace__grid.is-personal { grid-template-columns: minmax(0, 1fr); }
.teacher-class-workspace__right { display: block; }
.teacher-workspace-panel { min-height: 650px; background: transparent; }
.teacher-schedule-board { min-height: 650px; border-radius: 0; background: transparent; }
.teacher-workspace-panel__header,
.teacher-task-section header { min-height: 60px; }
.teacher-schedule-board__head { min-height: 60px; grid-template-columns: auto auto minmax(0, 1fr); gap: 12px; padding: 0 18px; }
.teacher-schedule-board__head h2 { margin: 0; color: #17181c; font-size: 15px; font-weight: 780; white-space: nowrap; }
.teacher-schedule-board__tools { gap: 7px; }
.schedule-view-toggle { padding: 3px; border-radius: 9px; }
.schedule-view-toggle button { min-height: 28px; padding: 0 10px; border-radius: 7px; font-size: 11px; font-weight: 760; white-space: nowrap; }
.teacher-schedule-board .schedule-date-markers { display: flex; gap: 7px; }
.teacher-schedule-board .schedule-date-all,
.teacher-schedule-board .schedule-date-trigger { height: 34px; min-height: 34px; padding: 0 10px; border-radius: 8px; font-size: 11px; font-weight: 760; }
.teacher-schedule-board .schedule-date-trigger { min-width: 48px; }
.teacher-schedule-board .schedule-filters { display: flex; flex-wrap: nowrap; justify-self: end; grid-column: auto; grid-row: auto; height: 34px; padding: 3px; border-radius: 9px; }
.teacher-schedule-board .schedule-filters button { flex: none; height: 28px; padding: 0 8px; border-radius: 7px; font-size: 11px; font-weight: 760; white-space: nowrap; }
.teacher-schedule-board .schedule-list { padding: 5px 18px 14px; }
.teacher-schedule-board .schedule-card { grid-template-columns: 132px minmax(0, 1fr) 160px 84px; gap: 14px; min-height: 116px; padding: 0; border: 0; border-bottom: 1px solid #e7e7e3; }
.teacher-schedule-board .schedule-card__time { grid-row: auto; flex-direction: column; align-items: flex-start; gap: 4px; }
.teacher-schedule-board .schedule-card__time strong { font-size: 15px; letter-spacing: -.4px; white-space: nowrap; }
.teacher-schedule-board .schedule-card__time small { color: #777980; font-size: 11px; }
.teacher-schedule-board .schedule-status { height: auto; margin-top: 3px; padding: 3px 6px; border-radius: 6px; background: #efefed; color: #6a6c72; font-size: 10px; }
.teacher-schedule-board .schedule-status.is-progress { background: #fff2df; color: #b87929; }
.teacher-schedule-board .schedule-status.is-ended { background: #e7f5f0; color: #2f8c68; }
.teacher-schedule-board .schedule-card__content { min-width: 0; padding: 0; }
.teacher-schedule-board .schedule-card__title-row { gap: 6px; flex-wrap: wrap; }
.teacher-schedule-board .schedule-card__title-row h2 { min-width: 0; font-size: 13px; overflow-wrap: anywhere; }
.teacher-schedule-board .schedule-card__meta { flex-direction: row; flex-wrap: wrap; gap: 6px; }
.teacher-schedule-board .schedule-card__lesson,
.teacher-schedule-board .schedule-card__meta > span { height: auto; min-height: 22px; padding: 4px 6px; border-radius: 6px; background: #f2f3f6; color: #777980; font-size: 10px; }
.teacher-schedule-board .schedule-card__canvas-shell { width: 160px; height: 70px; border-radius: 10px; }
.teacher-schedule-board .schedule-card__canvas-name { font-size: 10px; }
.teacher-schedule-board .schedule-card__actions { grid-column: auto; padding: 0; }
.teacher-schedule-board .schedule-card__primary,
.teacher-schedule-board .schedule-card__primary.is-outline { min-width: 0; width: 84px; height: 34px; border-radius: 8px; font-size: 11px; }
.teacher-schedule-board .schedule-card__cancel { color: #777980; font-size: 11px; }
.teacher-schedule-board .schedule-calendar { top: calc(100% + 8px); left: 0; right: auto; z-index: 1000; background: #fff; }
.teacher-schedule-board .schedule-calendar__day.is-selected { background: #111216; color: #FFFFFF; }
.teacher-schedule-board .schedule-calendar__course-dot { background: #6256cd; }
.teacher-layout--workspace button:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 2px; }
.teacher-schedule-board .schedule-week-view { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.teacher-schedule-board .schedule-week-view .schedule-card { min-height: 214px; grid-template-columns: minmax(0, 1fr); padding: 10px; gap: 10px; border: 1px solid #e7e7e3; border-radius: 10px; background: #edebff; }
.teacher-schedule-board .schedule-week-view .schedule-card__time { min-height: 0; }
.teacher-schedule-board .schedule-week-view .schedule-card__canvas-shell { width: 100%; height: 70px; grid-column: auto; }
.teacher-schedule-board .schedule-week-view .schedule-card__actions { grid-column: auto; justify-content: flex-start; }
.teacher-schedule-board .schedule-week-view .schedule-card__time strong { white-space: normal; font-size: 12px; }
@media (max-width: 1250px) {
.teacher-class-workspace__grid { grid-template-columns: 200px minmax(0, 1fr) 230px; }
.teacher-schedule-board__head { grid-template-columns: auto 1fr; padding: 10px 14px; gap: 8px; }
.teacher-schedule-board__tools { justify-self: end; }
.teacher-schedule-board .schedule-filters { grid-column: 1 / -1; justify-self: end; }
.teacher-schedule-board .schedule-card { grid-template-columns: 112px minmax(0, 1fr) 120px 76px; gap: 9px; }
.teacher-schedule-board .schedule-card__canvas-shell { width: 120px; height: 64px; }
.teacher-schedule-board .schedule-card__primary { width: 76px; }
}
@media (max-width: 900px) {
.teacher-layout--workspace { width: calc(100% - 16px); margin: 8px auto; }
.teacher-layout--workspace .teacher-topbar { grid-template-columns: auto 1fr auto; gap: 10px; padding: 18px 16px; }
.teacher-layout--workspace .teacher-nav { justify-content: center; gap: 3px; }
.teacher-layout--workspace .teacher-nav__item { padding: 0 9px; font-size: 12px; }
.teacher-layout--workspace .schedule-page { padding: 17px 16px 24px; }
.teacher-class-workspace__grid { grid-template-columns: minmax(0, 1fr) 220px; }
.teacher-class-workspace__grid > .teacher-workspace-panel:first-child { grid-column: 1 / -1; min-height: 0; border-right: 0; border-bottom: 1px solid #e7e7e3; }
.teacher-resource-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
}
@media (max-width: 650px) {
.teacher-class-workspace__topline { flex-wrap: wrap; }
.teacher-class-workspace__topline > h1 { font-size: 22px; }
.teacher-class-workspace__grid { grid-template-columns: minmax(0, 1fr); }
.teacher-class-workspace__right { border-left: 0; border-top: 1px solid #e7e7e3; }
.teacher-class-workspace__right .teacher-workspace-panel { min-height: 0; }
.teacher-schedule-board .schedule-card { grid-template-columns: 104px minmax(0, 1fr); gap: 12px; padding: 16px 0; }
.teacher-schedule-board .schedule-card__canvas-shell { grid-column: 2; width: 160px; height: 70px; }
.teacher-schedule-board .schedule-card__actions { grid-column: 2; justify-content: flex-start; }
.teacher-schedule-board__head { grid-template-columns: 1fr; }
.teacher-schedule-board__tools { justify-self: start; flex-wrap: wrap; }
.teacher-schedule-board .schedule-filters { grid-column: 1; justify-self: start; }
}
/* Keep the seven documented curriculum fields readable in three dependency rows. */
@media (min-width: 701px) {
.course-dialog__basic-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr) 14px minmax(0, 1fr);
column-gap: 7px;
row-gap: 10px;
align-items: start;
}
.course-dialog__basic-grid > div {
min-width: 0;
}
.course-dialog__basic-grid > div:last-child {
grid-column: 1 / 2;
}
.course-dialog__basic-grid select {
width: 100%;
min-width: 0;
padding-left: 12px;
padding-right: 30px;
text-overflow: clip;
}
.course-dialog__arrow {
width: 14px;
align-self: center;
justify-self: center;
margin-top: 0;
text-align: center;
}
}
/* 任务发布器：内容工作区和发放设置分层清晰，所有资源都可在正文内真实预览。 */
.task-composer {
width: min(1180px, calc(100vw - 32px));
max-height: min(850px, calc(100dvh - 32px));
overflow: hidden;
display: flex;
flex-direction: column;
border: 1px solid #e4e6eb;
border-radius: 24px;
box-shadow: 0 28px 80px rgba(20, 25, 34, .25);
}
.task-composer > header { padding: 22px 28px 20px; background: linear-gradient(135deg, #fff 0%, #fbfcf8 100%); }
.task-composer__eyebrow { display: block; margin-bottom: 5px; color: #7c8e44; font-size: 11px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.task-composer h2 { font-size: 26px; letter-spacing: -.025em; }
.task-composer header p { max-width: 620px; font-size: 14px; line-height: 1.55; }
.task-composer header > button { width: 36px; height: 36px; border-radius: 50%; color: #4b5059; font-size: 29px; line-height: 30px; }
.task-composer header > button:hover { background: #f0f2ed; color: #101216; }
.task-composer__body { grid-template-columns: minmax(0, 1fr) 300px; flex: 1; min-height: 0; overflow: auto; }
.task-composer__body main { padding: 24px 28px 30px; }
.task-composer__body aside { padding: 23px 20px; background: #f8f9f6; }
.task-field > input:not([type=radio]):not([type=checkbox]) { min-height: 43px; margin: 8px 0 17px; border-radius: 10px; }
.task-composer-type { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 0 0 19px; }
.task-composer-type button { min-height: 65px; display: grid; align-content: center; justify-items: start; gap: 3px; border: 1px solid #dde0e5; border-radius: 12px; padding: 11px 14px; color: #5e636e; background: #fff; text-align: left; transition: .18s ease; }
.task-composer-type button b { color: #333740; font-size: 14px; }
.task-composer-type button small { color: #8b9099; font-size: 11px; font-weight: 500; }
.task-composer-type .is-active { border-color: #15171b; background: #15171b; box-shadow: 0 5px 14px rgba(20, 22, 26, .15); color: #FFFFFF; }
.task-composer-type .is-active b { color: #FFFFFF; }
.task-composer-type .is-active small { color: #DEDEDE; }
.task-composer-toolbar { align-items: center; justify-content: space-between; min-height: 42px; margin: 8px 0 0; padding: 5px; border: 1px solid #e2e5e9; border-bottom: 0; border-radius: 11px 11px 0 0; background: #f8f9fa; }
.task-composer-toolbar__group { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.task-composer-toolbar button { min-height: 30px; border-color: transparent; border-radius: 7px; padding: 5px 8px; color: #545a65; background: transparent; font-size: 12px; font-weight: 700; }
.task-composer-toolbar button:hover { background: #eceee9; color: #16181d; }
.task-composer-toolbar .is-active { border-color: #15171b; background: #15171b; color: #FFFFFF; }
.task-composer-toolbar__media { color: #45541b !important; background: #F1F1F1 !important; }
.task-rich-editor { min-height: 220px; border-radius: 0 0 11px 11px; padding: 14px 16px; background: #fff; }
.task-rich-editor .ProseMirror { min-height: 192px; font-size: 14px; }
.task-rich-editor .ProseMirror p.is-editor-empty:first-child::before { color: #a1a6af; font-style: normal; }
.task-rich-editor .ProseMirror a { color: #4d60c1; text-decoration: underline; text-underline-offset: 2px; }
.task-rich-editor img { display: block; width: auto; max-width: 100%; max-height: 360px; margin: 12px 0; object-fit: contain; object-position: left top; background: #f4f5f3; }
.task-rich-editor .task-rich-media { width: min(100%, 520px); margin: 15px 0; padding: 11px; border: 1px solid #e1e4e8; border-radius: 11px; background: #fafbfc; }
.task-rich-editor .task-rich-media audio, .task-rich-editor .task-rich-media video { display: block; width: 100%; max-height: 300px; }
.task-rich-editor .task-rich-media figcaption { margin-top: 7px; color: #777d87; font-size: 12px; }
.task-resource-choices { display: grid; grid-template-columns: 1fr auto; gap: 12px; margin: 17px 0; padding: 14px; border: 1px solid #e4e6dc; border-radius: 13px; background: #fbfcf7; }
.task-resource-choices > div:first-child { display: grid; grid-template-columns: 28px 1fr; column-gap: 9px; align-items: center; }
.task-resource-choices__icon { grid-row: span 2; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: #4c5b1c; background: #e8f3c4; font-size: 18px; }
.task-resource-choices strong { margin: 0; color: #30352b; font-size: 13px; }
.task-resource-choices small { color: #81877a; font-size: 11px; line-height: 1.35; }
.task-resource-choices__upload { align-self: center; border: 1px solid #cbd894; border-radius: 8px; padding: 7px 10px; color: #44541a; background: #fff; font-weight: 750; font-size: 12px; }
.task-resource-choices__items { grid-column: 1 / -1; display: flex !important; flex-wrap: wrap; gap: 7px; padding-top: 2px; }
.task-resource-choices__items button { display: inline-flex; align-items: center; gap: 5px; max-width: 230px; border-color: #e0e3d5; color: #535c45; background: #fff; font-weight: 600; }
.task-resource-choices__items button:hover { border-color: #869b43; color: #33430f; background: #f4f9e4; }
.task-resource-choices__items p { margin: 2px 0; color: #8a9083; font-size: 12px; }
.task-media-preview { display: grid; gap: 0; margin-top: 18px; border: 1px solid #e5e7ea; border-radius: 12px; overflow: hidden; }
.task-media-preview > header { display: flex; justify-content: space-between; padding: 10px 13px; border-bottom: 1px solid #e9eaed; background: #fafbfc; color: #3e434c; font-size: 12px; }
.task-media-preview > header span { color: #858b94; }
.task-media-preview article { display: grid; grid-template-columns: 25px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 10px 13px; border-bottom: 1px solid #eff0f2; }
.task-media-preview article:last-child { border-bottom: 0; }
.task-media-preview article > span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; color: #59662e; background: #edf4d8; }
.task-media-preview strong, .task-media-preview small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-media-preview strong { color: #353940; font-size: 12px; }
.task-media-preview small { margin-top: 2px; color: #8a9099; font-size: 11px; }
.task-media-preview button { border: 0; color: #8d6262; background: transparent; font-size: 11px; }
.task-composer__aside-section { padding-bottom: 14px; border-bottom: 1px solid #e4e6df; }
.task-composer__aside-title { display: block; margin: 0 0 13px; color: #737963; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.task-composer__body aside > label, .task-datetime label { margin: 0; font-size: 12px; }
.task-composer__body aside select, .task-composer__body aside input[type=datetime-local] { min-height: 39px; margin: 6px 0 12px; padding: 8px; border-radius: 8px; color: #4c5159; font-size: 12px; }
.task-datetime { display: grid; gap: 1px; }
.task-composer fieldset { margin-top: 17px; }
.task-composer fieldset legend { color: #373b43; font-weight: 800; font-size: 13px; }
.task-composer fieldset > p { margin: 5px 0 11px; color: #8a9099; font-size: 11px; line-height: 1.45; }
.task-composer fieldset > label { display: flex; align-items: center; gap: 9px; margin: 7px 0; padding: 9px; border: 1px solid transparent; border-radius: 9px; color: #484e56; transition: .15s ease; }
.task-composer fieldset > label:hover, .task-composer fieldset > label.is-selected { border-color: #d9dfc7; background: #fff; }
.task-composer fieldset > label input { margin: 0; accent-color: #15171b; }
.task-composer fieldset > label span { display: grid; gap: 2px; }
.task-composer fieldset > label b { font-size: 12px; }
.task-composer fieldset > label small { color: #90959c; font-size: 10px; }
.task-recipient-list { margin-top: 8px; border-color: #dfe3d8; background: #fff; }
.task-recipient-list label { padding: 3px 4px; font-size: 12px; }
.task-composer > footer { flex: 0 0 auto; padding: 15px 28px; background: #fff; }
.task-composer > footer button { min-width: 80px; min-height: 40px; border: 1px solid #dfe2e4; border-radius: 9px; padding: 9px 15px; background: #fff; }
.task-composer > footer .is-primary { border-color: #15171b; background: #15171b; color: #FFFFFF; }
.task-composer > footer .is-primary:hover { background: #292c31; }
/* 完整富文本编辑器：复用 wangEditor 的成熟操作模型，并与任务弹窗视觉体系对齐。 */
.task-field__label { display: block; margin-bottom: 7px; }
.task-rich-editor { position: relative; min-height: 0; margin-top: 0; overflow: visible; border: 1px solid #dfe3e9; border-radius: 13px; padding: 0; background: #fff; box-shadow: 0 1px 1px rgba(21, 28, 37, .02); }
.task-rich-editor--loading { display: grid; min-height: 250px; place-items: center; color: #80868c; font-size: 13px; background: linear-gradient(110deg, #fbfcfa 8%, #f2f5ed 18%, #fbfcfa 33%); background-size: 200% 100%; animation: task-editor-loading 1.25s linear infinite; }
.task-rich-editor:focus-within { border-color: #a3b95a; box-shadow: 0 0 0 3px rgba(205, 239, 102, .2); }
.task-rich-editor__toolbar { position: relative; z-index: 2; display: flex; align-items: center; min-height: 47px; border-bottom: 1px solid #e6e9e5; border-radius: 12px 12px 0 0; background: linear-gradient(180deg, #fcfdfb, #f6f8f4); }
.task-rich-editor__toolbar .w-e-toolbar { flex: 1; min-width: 0; padding: 6px 8px; border: 0; background: transparent; }
.task-rich-editor__toolbar .w-e-bar-item { margin: 0 1px; }
.task-rich-editor__toolbar .w-e-bar-item button { min-width: 29px; height: 29px; border-radius: 7px; }
.task-rich-editor__toolbar .w-e-bar-item button:hover { background: #e9eddf; }
.task-rich-editor__toolbar .w-e-bar-item button.active { color: #1c2510; background: #dff39a; }
.task-rich-editor__quick-actions { display: inline-flex; align-self: stretch; align-items: center; gap: 3px; padding: 0 9px; border-left: 1px solid #e3e6df; }
.task-rich-editor__quick-actions button { display: grid; width: 30px; height: 30px; place-items: center; border: 0; border-radius: 8px; color: #45541a; background: transparent; font-size: 17px; font-weight: 800; }
.task-rich-editor__quick-actions button:hover:not(:disabled) { background: #e7f3c1; color: #20280f; }
.task-rich-editor__quick-actions button:disabled { opacity: .48; cursor: wait; }
.task-rich-editor .w-e-text-container { min-height: 250px; border: 0; background: #fff; }
.task-rich-editor .w-e-text-container [data-slate-editor] { min-height: 220px; padding: 16px 17px 22px; color: #292e36; font-size: 14px; line-height: 1.75; }
.task-rich-editor .w-e-text-placeholder { top: 16px; left: 17px; color: #a1a7ad; font-style: normal; }
.task-rich-editor .w-e-text-container p { margin: 0 0 10px; }
.task-rich-editor .w-e-text-container h1, .task-rich-editor .w-e-text-container h2, .task-rich-editor .w-e-text-container h3 { margin: 18px 0 10px; color: #1f252d; }
.task-rich-editor .w-e-text-container blockquote { margin: 12px 0; padding: 9px 13px; border-left: 3px solid #b6cf68; color: #64704c; background: #f7faed; }
.task-rich-editor .w-e-text-container table { margin: 12px 0; }
.task-rich-editor .w-e-text-container img { display: block; width: auto; max-width: 100%; max-height: 360px; margin: 14px 0; border: 1px solid #e6e8e4; border-radius: 10px; object-fit: contain; background: #f6f7f4; }
.task-rich-editor .w-e-text-container .w-e-textarea-video-container { width: min(100%, 560px); margin: 14px 0; padding: 9px; border: 1px solid #e1e5df; border-radius: 12px; background: #fafbf8; }
.task-rich-editor .w-e-text-container video { display: block; width: 100%; max-height: 320px; border-radius: 8px; background: #15171b; }
.task-rich-editor__audio-card { width: min(100%, 520px); margin: 14px 0; padding: 12px; border: 1px solid #e1e5df; border-radius: 12px; background: #fafbf8; }
.task-rich-editor__audio-card[data-selected=true] { outline: 2px solid #b7d75a; outline-offset: 2px; }
.task-rich-editor__audio-card audio { display: block; width: 100%; }
.task-rich-editor__audio-card figcaption { margin-top: 8px; overflow: hidden; color: #747b85; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.task-rich-editor__uploading { position: absolute; right: 12px; bottom: 10px; margin: 0; padding: 5px 8px; border-radius: 7px; color: #536026; background: #f1f8d8; font-size: 11px; font-weight: 700; }
@keyframes task-editor-loading { to { background-position: -200% 0; } }
@media (max-width: 760px) {
.task-rich-editor__toolbar { align-items: stretch; }
.task-rich-editor__toolbar .w-e-toolbar { overflow-x: auto; }
.task-rich-editor__quick-actions { padding: 0 6px; }
.task-rich-editor .w-e-text-container [data-slate-editor] { min-height: 190px; padding: 14px; }
}
@media (max-width: 760px) {
.task-composer { width: calc(100vw - 18px); max-height: calc(100dvh - 18px); border-radius: 18px; }
.task-composer > header, .task-composer__body main, .task-composer > footer { padding-left: 18px; padding-right: 18px; }
.task-composer__body { display: block; overflow: auto; }
.task-composer__body aside { border-top: 1px solid #e8e9ed; }
}
/* 已确认的教师端课堂顶部栏 */
.teacher-classroom-commandbar {
min-height: 64px;
padding: 8px 18px;
padding-left: 84px;
grid-template-columns: minmax(330px, 1fr) auto minmax(470px, 1fr);
gap: 18px;
border-bottom-color: rgba(223, 228, 235, .9);
background: rgba(255, 255, 255, .92);
box-shadow: 0 5px 20px rgba(20, 34, 52, .06);
backdrop-filter: blur(16px) saturate(135%);
}
.teacher-classroom-commandbar__course { min-width: 0; display: flex; align-items: center; gap: 7px; }
.teacher-classroom-commandbar__mark { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 11px; color: #5b67d3; background: #eef0ff; font-size: 17px; }
.teacher-classroom-commandbar__title { min-width: 74px; max-width: 180px; margin-right: 2px; }
.teacher-classroom-commandbar__title strong { display: block; overflow: hidden; color: #142234; font-size: 16px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.teacher-classroom-commandbar__title small { display: block; margin-top: 1px; color: #7d8799; font-size: 12px; line-height: 15px; }
.teacher-classroom-commandbar .teacher-classroom-status.is-online,
.teacher-classroom-commandbar .teacher-classroom-status.is-offline { padding: 0 9px; font-size: 12px; }
.teacher-classroom-commandbar .teacher-classroom-status { font-size: 12px; }
.teacher-classroom-status.is-offline { color: #df4b5a; background: #fff0f2; }
.teacher-classroom-status.is-offline::before { width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: currentColor; content: ''; }
.teacher-classroom-code { min-width: 170px; height: 44px; padding: 0 18px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(214, 220, 245, .95); border-radius: 13px; background: linear-gradient(180deg, #fafbff, #f5f7ff); }
.teacher-classroom-code small { color: #738095; font-size: 13px; font-weight: 500; letter-spacing: .02em; }
.teacher-classroom-code strong { color: #5968d8; font-size: 21px; line-height: 1; letter-spacing: .15em; }
.teacher-classroom-commandbar__actions { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.teacher-classroom-commandbar .teacher-classroom-action:disabled { cursor: not-allowed; opacity: .56; transform: none; }
.teacher-classroom-commandbar .teacher-classroom-action { height: 38px; padding: 0 12px; border-radius: 10px; }
.teacher-recording-control { gap: 7px; border-color: transparent; background: #fff7e8; }
.teacher-recording-control__dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #8791a2; }
.teacher-recording-control.is-recording { color: #c94754; background: #fff0f2; }
.teacher-recording-control.is-recording .teacher-recording-control__dot { background: #e14d5a; box-shadow: 0 0 0 4px rgba(225,77,90,.12); animation: screen-recording-dot 1.35s ease-in-out infinite; }
.teacher-recording-control.is-failed { color: #d94756; background: #fff0f2; }
.teacher-recording-control.is-failed .teacher-recording-control__dot { background: #d94756; }
.teacher-recording-control.is-waiting .teacher-recording-control__dot,
.teacher-recording-control.is-processing .teacher-recording-control__dot { background: #d98938; }
.teacher-recording-control__time { margin-left: 1px; padding-left: 8px; border-left: 1px solid rgba(201,71,84,.22); font-variant-numeric: tabular-nums; font-weight: 600; }
.teacher-classroom-device { position: relative; }
.teacher-classroom-device__trigger.is-active { position: relative; z-index: 91; border-radius: 10px 10px 0 0; color: #5261d6; border-color: #cbd2ed; border-bottom-color: #fff; background: #fff; box-shadow: 0 -4px 12px rgba(20,34,52,.05); }
.teacher-classroom-device__status { width: 7px; min-width: 7px; max-width: 7px; height: 7px; padding: 0; display: block; flex: 0 0 7px; border-radius: 50%; background: #df4b5a; }
.classroom-commandbar .teacher-classroom-device__status { min-height: 7px; padding: 0; display: block; }
.teacher-classroom-device__status.is-online { background: #17a073; }
.teacher-classroom-device__chevron { width: 6px; height: 6px; margin-left: 1px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.teacher-classroom-device__popover { width: 244px; position: absolute; top: calc(100% - 1px); right: 0; z-index: 90; padding: 8px; border: 1px solid #cbd2ed; border-radius: 12px 0 12px 12px; background: #fff; box-shadow: 0 16px 42px rgba(20,34,52,.16); }
.teacher-classroom-device__summary { padding: 9px 9px 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #edf0f4; }
.teacher-classroom-device__summary > span strong,
.teacher-classroom-device__summary > span small { display: block; }
.teacher-classroom-device__summary > span strong { color: #26354a; font-size: 13px; font-weight: 600; }
.teacher-classroom-device__summary > span small { margin-top: 2px; color: #8a94a4; font-size: 11px; }
.teacher-classroom-device__summary em { color: #df4b5a; font-size: 12px; font-style: normal; white-space: nowrap; }
.teacher-classroom-device__summary em.is-online { color: #168b66; }
.teacher-classroom-device__popover > button { width: 100%; height: 36px; margin-top: 6px; padding: 0 9px; display: flex; align-items: center; gap: 8px; border: 0; border-radius: 8px; color: #344257; background: transparent; font-size: 13px; text-align: left; }
.teacher-classroom-device__popover > button:hover { color: #5261d6; background: #f3f5fa; }
.screen-end-captcha-backdrop { position: fixed; inset: 0; z-index: 1300; display: grid; place-items: center; padding: 24px; background: rgba(8,18,38,.52); backdrop-filter: blur(3px); }
.screen-end-captcha-modal { width: min(460px, 100%); overflow: hidden; border: 1px solid rgba(226,231,240,.92); border-radius: 16px; background: #fff; box-shadow: 0 24px 70px rgba(8,18,38,.24); }
.screen-end-captcha-modal > header { min-height: 64px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e8ebf1; }
.screen-end-captcha-modal > header h3 { color: #142234; font-size: 18px; font-weight: 700; }
.screen-end-captcha-modal > header button { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; color: #6e7890; font-size: 16px; }
.screen-end-captcha-modal > header button:hover { background: #f3f5f8; }
.screen-end-captcha-modal__body { min-height: 180px; padding: 22px 24px 24px; }
.screen-end-captcha-modal__body > p { margin: 0 0 20px; color: #6e7890; font-size: 14px; line-height: 1.65; }
.screen-end-captcha-modal__body > label { display: block; margin-bottom: 8px; color: #344257; font-size: 14px; font-weight: 600; }
.screen-end-captcha-modal__field { display: grid; grid-template-columns: minmax(0,1fr) 112px 68px; align-items: stretch; gap: 8px; }
.screen-end-captcha-modal__field input { min-width: 0; height: 44px; padding: 0 12px; border: 1px solid #dfe4ed; border-radius: 9px; color: #142234; background: #fff; font-size: 16px; letter-spacing: .14em; outline: none; }
.screen-end-captcha-modal__field input:focus { border-color: #6674dc; box-shadow: 0 0 0 3px rgba(91,103,211,.1); }
.screen-end-captcha-modal__field input[aria-invalid="true"] { border-color: #df4b5a; box-shadow: 0 0 0 3px rgba(223,75,90,.08); }
.screen-end-captcha-modal__image { height: 44px; position: relative; overflow: hidden; border: 1px solid #d8def0; border-radius: 9px; background: repeating-linear-gradient(155deg,#f3f5ff 0 9px,#e9edfb 9px 11px,#f7f8fc 11px 20px); }
.screen-end-captcha-modal__image::before,.screen-end-captcha-modal__image::after { position: absolute; left: -8px; width: 130px; height: 1px; content: ''; background: rgba(91,103,211,.38); transform: rotate(12deg); }
.screen-end-captcha-modal__image::before { top: 14px; }
.screen-end-captcha-modal__image::after { bottom: 12px; transform: rotate(-9deg); }
.screen-end-captcha-modal__image > span { position: relative; z-index: 1; height: 100%; display: flex; align-items: center; justify-content: center; gap: 5px; color: #4453bb; }
.screen-end-captcha-modal__image i { font-family: Georgia,serif; font-size: 24px; font-style: italic; font-weight: 700; text-shadow: 1px 1px 0 rgba(255,255,255,.9); }
.screen-end-captcha-modal__image i:nth-child(odd) { transform: translateY(-2px) rotate(-8deg); }
.screen-end-captcha-modal__image i:nth-child(even) { transform: translateY(2px) rotate(7deg); }
.screen-end-captcha-modal__refresh { height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 3px; border-radius: 9px; color: #5261d6; font-size: 13px; white-space: nowrap; }
.screen-end-captcha-modal__refresh:hover { background: #f2f4ff; }
.screen-end-captcha-modal__refresh span { font-size: 18px; }
.screen-end-captcha-modal__body > small { display: block; margin-top: 8px; color: #df4b5a; font-size: 12px; }
.screen-end-captcha-modal > footer { min-height: 68px; padding: 12px 24px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; border-top: 1px solid #e8ebf1; }
.screen-end-captcha-modal > footer button { min-width: 88px; height: 38px; padding: 0 16px; border: 1px solid #e0e5ed; border-radius: 9px; color: #344257; background: #fff; font-size: 14px; font-weight: 600; }
.screen-end-captcha-modal > footer button.is-danger { border-color: #df4b5a; color: #fff; background: #df4b5a; }
@media (max-width: 1279px) {
.teacher-classroom-commandbar { grid-template-columns: minmax(300px, 1fr) auto minmax(420px, 1fr); gap: 10px; }
.teacher-classroom-commandbar .teacher-classroom-code { display: flex; }
.teacher-classroom-discussion-hint { display: none; }
}
@media (max-width: 980px) {
.teacher-classroom-commandbar { grid-template-columns: minmax(330px, 1fr) auto; }
.teacher-classroom-commandbar .teacher-classroom-code { display: none; }
}
@media (max-width: 820px) {
.teacher-classroom-commandbar { min-height: auto; padding: 9px 12px 9px 70px; grid-template-columns: 1fr; gap: 8px; }
.teacher-classroom-commandbar__actions { justify-content: flex-start; overflow-x: auto; padding-bottom: 2px; }
}
/* 单元、节/课和课时使用独立的两列区域，其左右边缘与上方三列基础信息网格一致。 */
.course-dialog__basic-grid > div.course-dialog__hierarchy-grid:last-child {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 14px;
min-width: 0;
}
.course-dialog__hierarchy-grid > div {
min-width: 0;
}
.course-dialog__hierarchy-grid > .course-dialog__lesson-field {
grid-column: 1 / -1;
width: 100%;
}
/* 列表在固定工作台内滚动，不随课堂数量撑高整页。 */
.teacher-class-workspace__grid {
height: clamp(320px, calc(100dvh - 240px), 650px);
min-height: 0;
grid-template-rows: minmax(0, 1fr);
}
.teacher-schedule-board { display: flex; flex-direction: column; min-height: 0; }
.teacher-schedule-board__head { flex: 0 0 auto; }
.teacher-schedule-board__scroll {
flex: 1 1 0;
min-height: 0;
overflow-y: scroll;
overflow-x: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
scrollbar-width: auto;
scrollbar-color: #bfc1bb #f0f0ed;
}
.teacher-schedule-board__scroll::-webkit-scrollbar { width: 9px; height: 9px; }
.teacher-schedule-board__scroll::-webkit-scrollbar-track { background: #f0f0ed; border-radius: 9px; }
.teacher-schedule-board__scroll::-webkit-scrollbar-thumb { background: #bfc1bb; border: 2px solid #f0f0ed; border-radius: 9px; }
.teacher-schedule-board__scroll::-webkit-scrollbar-thumb:hover { background: #93968d; }
.teacher-schedule-board .schedule-week-day > header { position: sticky; top: 0; z-index: 2; background: #fcfcfa; }
.teacher-schedule-board .schedule-week-day.is-today > header { background: #f7f8ef; }
.teacher-class-workspace__grid .teacher-workspace-panel { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.teacher-class-workspace__grid .teacher-workspace-panel__header,
.teacher-class-workspace__grid .teacher-workspace-panel__create,
.teacher-class-workspace__grid .teacher-member-strip { flex-shrink: 0; }
.teacher-class-workspace__grid .teacher-resource-list { min-height: 0; overflow: auto; }
.teacher-class-workspace__right { min-height: 0; }
.teacher-class-workspace__grid .teacher-task-section { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.teacher-class-workspace__grid .teacher-task-section > header { flex-shrink: 0; }
.teacher-class-workspace__grid .teacher-task-list { min-height: 0; flex: 1; }
.schedule-pagination { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; padding: 8px 18px; border-top: 1px solid #e7e7e3; color: #777980; font-size: 11px; }
.schedule-pagination > div { display: flex; align-items: center; gap: 12px; }
.schedule-pagination button { min-height: 30px; padding: 0 10px; border: 1px solid #d9dad6; border-radius: 7px; background: #fff; color: #414349; font-size: 11px; font-weight: 760; }
.schedule-pagination button:hover:not(:disabled) { border-color: #111216; background: #111216; color: #FFFFFF; }
.schedule-pagination button:disabled { opacity: .4; cursor: not-allowed; }
@media (max-width: 900px) {
.teacher-class-workspace__grid { height: auto; grid-template-rows: auto minmax(0, 1fr); }
.teacher-schedule-board { height: clamp(320px, calc(100dvh - 240px), 650px); }
}
@media (max-width: 650px) {
.teacher-class-workspace__grid .teacher-workspace-panel { height: auto; max-height: 450px; }
}
@media (max-width: 600px) {
.course-dialog__basic-grid > div.course-dialog__hierarchy-grid:last-child {
grid-template-columns: 1fr;
}
.course-dialog__hierarchy-grid > .course-dialog__lesson-field {
grid-column: auto;
}
}
/* Final workspace overrides, after the legacy prototype rules. */
body:has(.teacher-layout--workspace) { background: #fafafa; }
.teacher-layout--workspace { width: 100%; min-height: 100vh; margin: 0; border: 0; border-radius: 0; box-shadow: none; background: #fff; }
.teacher-layout--workspace .teacher-topbar { height: 76px; padding: 16px 32px; border-radius: 0; background: #fff; }
.teacher-layout--workspace .teacher-main { background: #fff; }
.teacher-layout--workspace .schedule-page { padding: 22px 36px 40px; }
.teacher-class-workspace__topline > h1 { font-size: 30px; }
.teacher-schedule-board__head h2 { font-size: 18px; }
.teacher-schedule-board .schedule-card__time strong { font-size: 17px; }
.teacher-schedule-board .schedule-card__title-row h2 { font-size: 15px; }
.teacher-member-names { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 0; }
.teacher-member-names i { padding: 5px 8px; border-radius: 6px; background: #f2f3f5; color: #555b66; font-size: 12px; font-style: normal; }
.teacher-schedule-board .schedule-week-view .schedule-week-course { display: grid; grid-template-columns: 8px minmax(0,1fr); gap: 9px; align-items: center; min-height: 50px; padding: 9px; border-bottom: 1px solid #ececec; }
.teacher-schedule-board .schedule-week-view .schedule-week-course > span { width: 8px; height: 30px; border-radius: 99px; }
.teacher-schedule-board .schedule-week-view .schedule-week-course strong { min-width: 0; color: #26282d; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.teacher-schedule-board .schedule-week-view .schedule-week-course button { grid-column: 2; justify-self: start; min-height: 28px; padding: 0 9px; border: 1px solid #d7d9dd; border-radius: 7px; background: #fff; color: #33363d; font-size: 11px; font-weight: 650; }
.task-rich-editor { border-color: #dfe1e5 !important; box-shadow: none !important; }
.task-rich-editor:focus-within { border-color: #4f5560 !important; box-shadow: 0 0 0 3px rgba(58,63,70,.09) !important; }
.task-rich-editor__toolbar { background: #f8f9fa !important; border-color: #e4e6e8 !important; }
.task-rich-editor__toolbar .w-e-toolbar { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; background: transparent !important; }
.task-rich-editor__toolbar .w-e-bar-item { flex: 0 0 auto; }
.task-rich-editor__toolbar .w-e-bar-item button:hover { background: #e8eaed !important; }
.task-rich-editor__toolbar .w-e-bar-item button.active { color: #2f343b !important; background: #e5e7ea !important; }
@media (max-width: 760px) { .teacher-layout--workspace .schedule-page { padding: 18px 16px; } }
/* Keep the mature editor controls inside their work area. Two neat rows are
preferable to a horizontal spill into the settings column. */
.task-rich-editor__toolbar { align-items: flex-start; min-height: 64px; max-width: 100%; overflow: hidden; }
.task-rich-editor__toolbar .w-e-toolbar { flex: 1 1 0; width: auto; max-width: calc(100% - 78px); min-width: 0; max-height: 82px; flex-wrap: wrap; align-content: flex-start; overflow-x: hidden; overflow-y: auto; }
.task-rich-editor__toolbar .w-e-bar-item { flex: 0 0 auto; }
.task-rich-editor__quick-actions { flex: 0 0 auto; align-self: stretch; }
/* This modal is intentionally a compact name list. Override the older
two-column avatar-card rules that share the generic class-member-list name. */
.class-manager-modal .class-member-list--plain { display: block !important; }
.class-manager-modal .class-member-list--plain > header { display: flex; align-items: center; justify-content: space-between; }
.class-manager-modal .class-member-list--plain article { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; gap: 3px 12px; min-height: 0; margin: 0; padding: 11px 0; border-radius: 0; background: transparent; }
.class-manager-modal .class-member-list--plain article:hover { background: transparent; }
.class-manager-modal .class-member-list--plain article strong { display: block; grid-column: 1; grid-row: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.class-manager-modal .class-member-list--plain article small { display: block; grid-column: 1; grid-row: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.class-manager-modal .class-member-list--plain article button { grid-column: 2; grid-row: 1 / span 2; margin-left: 0; }
/* The supported rich-text commands wrap into the editor itself. Nothing is
clipped or moved under the settings column on a narrower screen. */
.task-rich-editor__toolbar { align-items: flex-start; min-height: 64px; overflow: visible; }
.task-rich-editor__toolbar .w-e-toolbar { flex: 1 1 0; width: auto; max-width: calc(100% - 96px); min-width: 0; max-height: none; flex-wrap: wrap; align-content: flex-start; overflow: visible; }
.task-rich-editor__toolbar .w-e-bar-item { flex: 0 0 auto; height: 34px; margin: 0 !important; }
.task-rich-editor__toolbar .w-e-bar-item button { min-width: 30px !important; height: 34px !important; padding: 0 3px !important; }
.task-rich-editor__toolbar .w-e-bar-item .select-button { width: auto !important; min-width: 64px !important; }
.task-rich-editor__toolbar .w-e-bar-item button .title { display: none; }
.task-rich-editor__quick-actions { box-sizing: border-box; display: grid; flex: 0 0 96px; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: center; align-self: stretch; gap: 3px; padding: 5px 7px; border-left: 1px solid #e3e6df; }
.task-rich-editor__quick-actions button { width: 100%; height: 27px; min-width: 0; padding: 0 2px; border-radius: 6px; font-size: 11px; font-weight: 700; line-height: 1; }
@media (max-width: 760px) {
.task-rich-editor__toolbar { display: block; }
.task-rich-editor__toolbar .w-e-toolbar { width: 100%; max-width: none; }
.task-rich-editor__quick-actions { width: 100%; min-height: 38px; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #e3e6df; border-left: 0; }
}
/* Task creation: native radios must never inherit full-width text-field sizing.
A compact selectable list is easier to scan in the narrow settings rail. */
.task-compose-settings input[type="radio"],
.task-compose-settings input[type="checkbox"] { box-sizing: border-box; width: 16px !important; min-width: 16px; height: 16px !important; min-height: 16px !important; margin: 0 !important; padding: 0 !important; flex: 0 0 16px; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; accent-color: #30343a; }
.task-compose-settings input[type="checkbox"] { border-radius: 4px !important; }
.task-scope-options { display: grid; gap: 3px; padding: 4px; border: 1px solid #e2e4e7; border-radius: 10px; background: #f4f5f6; }
.task-scope-options label { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 10px; border: 1px solid transparent; border-radius: 7px; color: #626873; background: transparent; font-size: 12px; font-weight: 650; line-height: 1; cursor: pointer; }
.task-scope-options label:hover { color: #30343a; background: #fff; }
.task-scope-options label.is-active { border-color: #e0e2e5; color: #25292f; background: #fff; box-shadow: 0 1px 2px rgba(25,28,32,.06); }
.task-recipient-list { padding: 6px; border: 1px solid #e2e4e7; border-radius: 9px; background: #fff; }
.task-recipient-list label { min-height: 32px; padding: 0 6px; border-radius: 6px; }
.task-recipient-list label:hover { background: #f5f6f7; }
/* The fallback keeps the editor area intentional while the rich editor bundle loads. */
.task-rich-editor--loading { position: relative; place-items: initial; min-height: 250px; padding-top: 62px; overflow: hidden; color: #757c86; background: #fff; }
.task-rich-editor--loading::before { position: absolute; top: 0; right: 0; left: 0; height: 61px; border-bottom: 1px solid #e5e7ea; content: ''; background: repeating-linear-gradient(90deg, #eef0f2 0 25px, transparent 25px 33px); opacity: .9; }
.task-rich-editor--loading::after { position: absolute; top: 82px; left: 18px; width: min(58%, 420px); height: 11px; border-radius: 99px; content: ''; background: #eceef0; box-shadow: 0 27px 0 #f0f1f2, 0 54px 0 #f0f1f2; }
.task-rich-editor--loading { display: grid; align-content: end; padding: 0 18px 18px; font-size: 12px; }
/* Current members are a proper, fixed-height list instead of a responsive card grid. */
.class-manager-modal .class-member-list--plain { margin-top: 18px; }
.class-manager-modal .class-member-list--plain > header { margin-bottom: 9px; }
.class-member-list--labels,
.class-manager-modal .class-member-list--plain article { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr) auto; align-items: center; column-gap: 14px; }
.class-member-list--labels { min-height: 30px; padding: 0 10px; border-top: 1px solid #e7e9eb; border-bottom: 1px solid #e7e9eb; color: #858b94; background: #fafbfc; font-size: 11px; font-weight: 650; }
.class-member-list--labels span:last-child { text-align: right; }
.class-member-list__body { max-height: min(310px, calc(100dvh - 410px)); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.class-member-list__body::-webkit-scrollbar { width: 7px; }
.class-member-list__body::-webkit-scrollbar-thumb { border-radius: 99px; background: #c7cbd1; }
.class-manager-modal .class-member-list--plain article { grid-template-rows: 1fr; min-height: 46px; padding: 0 10px; border-radius: 0; }
.class-manager-modal .class-member-list--plain article strong,
.class-manager-modal .class-member-list--plain article small { grid-row: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.class-manager-modal .class-member-list--plain article strong { grid-column: 1; font-size: 13px; }
.class-manager-modal .class-member-list--plain article small { grid-column: 2; color: #737a84; font-size: 12px; }
.class-manager-modal .class-member-list--plain article button { grid-column: 3; grid-row: 1; min-height: 27px; margin: 0; padding: 0 9px; color: #686f79; background: #fff; }
.class-manager-modal .class-member-list--plain article:hover { background: #fafbfc; }
@media (max-width: 620px) {
.class-member-list--labels,
.class-manager-modal .class-member-list--plain article { grid-template-columns: minmax(0, 1fr) auto; }
.class-member-list--labels span:nth-child(2) { display: none; }
.class-manager-modal .class-member-list--plain article { min-height: 54px; padding: 6px 10px; }
.class-manager-modal .class-member-list--plain article strong { grid-column: 1; grid-row: 1; }
.class-manager-modal .class-member-list--plain article small { grid-column: 1; grid-row: 2; }
.class-manager-modal .class-member-list--plain article button { grid-column: 2; grid-row: 1 / span 2; }
}
/* The page navigation already identifies the current area. Keep the course
context as one concise action row so the workbench starts immediately. */
.teacher-class-workspace__topline { min-height: 42px; margin-bottom: 12px; }
.teacher-class-workspace__context { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; }
.teacher-class-workspace__context .teacher-workspace-class { flex: 0 1 auto; }
.teacher-class-workspace__context .teacher-class-scope { flex: 0 0 auto; }
@media (max-width: 650px) {
.teacher-class-workspace__topline { align-items: flex-start; }
.teacher-class-workspace__context { width: 100%; }
.teacher-class-workspace .schedule-create { margin-left: 0; }
}
/* This permanent but inert layer is enabled synchronously at dragstart, before
an embedded Infi frame can absorb a fast drop. */
.canvas-editor-stage__drop-hint { opacity: 0; visibility: hidden; pointer-events: none; }
.canvas-editor-stage.is-resource-dragging .canvas-editor-stage__drop-hint {
opacity: 1;
visibility: visible;
pointer-events: auto;
cursor: copy;
}
/* Keep the schedule workspace on one readable type scale. Buttons, selects,
filters and list labels use the same base; dates and progress counts remain
a deliberately quieter supporting layer. */
.teacher-class-workspace {
--class-workspace-text-size: 14px;
--class-workspace-meta-size: 12px;
}
.teacher-workspace-class,
.teacher-class-workspace .schedule-create,
.teacher-class-scope,
.teacher-workspace-panel__header button,
.teacher-task-section header button,
.teacher-editing-canvases header button,
.teacher-workspace-panel__create,
.teacher-schedule-board .schedule-date-all,
.teacher-schedule-board .schedule-date-trigger,
.schedule-view-toggle button,
.teacher-schedule-board .schedule-filters button,
.teacher-schedule-board .schedule-card__primary,
.teacher-schedule-board .schedule-card__primary.is-outline,
.teacher-schedule-board .schedule-card__cancel,
.teacher-resource-item strong,
.teacher-task-item strong,
.teacher-resource-item i,
.teacher-task-item i,
.schedule-pagination,
.schedule-pagination button,
.teacher-schedule-board .schedule-week-view .schedule-week-course strong,
.teacher-schedule-board .schedule-week-view .schedule-week-course button {
font-size: var(--class-workspace-text-size);
}
.teacher-workspace-panel__header h2,
.teacher-task-section h2,
.teacher-editing-canvases h2,
.teacher-schedule-board__head h2 {
font-size: 16px;
}
.teacher-schedule-board .schedule-card__time small,
.teacher-schedule-board .schedule-status,
.teacher-schedule-board .schedule-card__lesson,
.teacher-schedule-board .schedule-card__meta > span,
.teacher-schedule-board .schedule-card__canvas-name,
.teacher-resource-item small,
.teacher-task-item small,
.teacher-task-item__check,
.teacher-member-strip strong,
.teacher-task-item i,
.teacher-member-names i {
font-size: var(--class-workspace-meta-size);
}
/* ====== 大屏端全局样式 ====== */
.screen-layout {
min-height: 100vh;
background: #1a1a2e;
color: #fff;
position: relative;
overflow: hidden;
}
/* 全屏深色风格 */
.screen-layout * {
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.15) transparent;
}
/* 顶部悬浮工具栏 */
.screen-toolbar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
display: flex;
align-items: center;
height: 52px;
padding: 0 20px;
gap: 14px;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border);
color: var(--ink);
}
/* 左侧绘制工具栏 */
.screen-side-tools {
position: fixed;
left: 12px;
top: 50%;
transform: translateY(-50%);
z-index: 45;
display: flex;
flex-direction: column;
gap: 6px;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(12px);
border-radius: 12px;
padding: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.screen-side-tools button {
width: 36px;
height: 36px;
border-radius: 8px;
display: grid;
place-items: center;
font-size: 16px;
color: var(--muted);
transition: 0.15s;
}
.screen-side-tools button:hover {
background: var(--secondary);
color: var(--primary);
}
/* 投屏码展示 */
.screen-code-display {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
}
.screen-code-display .code {
font-size: 72px;
font-weight: 900;
letter-spacing: 12px;
color: #fff;
text-shadow: 0 4px 20px rgba(56, 103, 244, 0.4);
}
.screen-code-display .label {
font-size: 16px;
color: rgba(255, 255, 255, 0.6);
}
/* 全屏画布容器 */
.screen-canvas-container {
position: absolute;
inset: 0;
display: grid;
place-items: center;
padding: 68px 20px 20px;
}
.screen-canvas-container .canvas-wrapper {
width: 88%;
aspect-ratio: 16 / 9;
}
/* 大屏卡片 */
.screen-card {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 12px;
padding: 20px;
backdrop-filter: blur(8px);
}
/* 大屏白色面板（用于需要白底的页面） */
.screen-panel-light {
background: #fff;
border-radius: 12px;
border: 1px solid var(--border);
box-shadow: 0 4px 16px rgba(28, 45, 84, 0.08);
padding: 24px;
color: var(--ink);
}
/* 签到状态 */
.screen-attendance-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 10px;
}
/* 分组网格 */
.screen-group-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 18px;
}
.screen-tools__panel button { padding: 0 16px; background: #3867f4; font-size: 15px; }
@media(max-width:768px){.screen-tools{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.screen-tools__panel{max-width:calc(100vw - 92px);overflow-x:auto}.screen-code-display .code{font-size:clamp(46px,14vw,72px);letter-spacing:clamp(5px,2vw,12px)}}
/* ─── 大屏设备主页（Rooms 风格）─── */
.screen-device-home {
min-height: 100vh;
display: flex;
flex-direction: column;
background-color: #0a1628;
background-image: linear-gradient(180deg, rgba(5, 14, 28, .34) 0%, rgba(5, 14, 28, .18) 48%, rgba(5, 14, 28, .48) 100%), var(--screen-wallpaper-url, url('/assets/screen-wallpaper-DQ0GqAzu.jpg'));
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
}
/* 背景装饰光效 */
.screen-device-home::before {
content: '';
position: absolute;
top: -30%;
right: -20%;
width: 60%;
height: 80%;
background: radial-gradient(ellipse, rgba(56, 103, 244, .08) 0%, transparent 70%);
pointer-events: none;
}
.screen-device-home::after {
content: '';
position: absolute;
bottom: -20%;
left: -10%;
width: 50%;
height: 60%;
background: radial-gradient(ellipse, rgba(47, 195, 138, .05) 0%, transparent 70%);
pointer-events: none;
}
/* 中央投屏码卡片区域 */
.screen-device-home__center {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 60px 40px 40px;
position: relative;
z-index: 1;
}
.screen-device-home__code-card {
width: min(620px, 90%);
padding: 48px 40px 40px;
border-radius: 20px;
background: rgba(12, 28, 45, .34);
backdrop-filter: blur(24px) saturate(130%);
-webkit-backdrop-filter: blur(24px) saturate(130%);
border: 1px solid rgba(255, 255, 255, .24);
box-shadow: 0 20px 60px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .18);
text-align: center;
color: #fff;
}
.screen-device-home__code-label {
font-size: 15px;
font-weight: 700;
color: rgba(255, 255, 255, .8);
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 20px;
}
.screen-device-home__code-value {
font-size: clamp(52px, 9vw, 88px);
font-weight: 800;
letter-spacing: 16px;
color: #fff;
font-family: ui-monospace, SFMono-Regular, Menlo, 'Courier New', monospace;
text-shadow: 0 2px 20px rgba(56, 103, 244, .3);
margin-bottom: 16px;
line-height: 1.2;
}
.screen-device-home__code-hint {
font-size: 14px;
font-weight: 600;
color: rgba(255, 255, 255, .76);
margin-bottom: 24px;
}
.screen-device-home__code-status {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 700;
color: rgba(255, 255, 255, .88);
padding: 6px 16px;
border-radius: 999px;
background: rgba(255, 255, 255, .06);
}
.screen-device-home__dot {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
}
.screen-device-home__dot.online {
background: #2fc38a;
box-shadow: 0 0 6px rgba(47, 195, 138, .5);
}
.screen-device-home__dot.offline {
background: #ef4444;
box-shadow: 0 0 6px rgba(239, 68, 68, .5);
}
/* 底部栏 */
.screen-device-home__bottom {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 28px 24px;
}
.screen-device-home__device-name {
font-size: 15px;
font-weight: 700;
color: rgba(255, 255, 255, .92);
text-shadow: 0 1px 8px rgba(0, 0, 0, .42);
}
.screen-device-home__bottom-actions {
display: flex;
align-items: center;
gap: 10px;
}
.screen-device-home__icon-btn {
width: 42px;
height: 42px;
border: 1px solid rgba(255, 255, 255, .28);
border-radius: 12px;
background: rgba(12, 28, 45, .38);
color: rgba(255, 255, 255, .94);
font-size: 22px;
font-weight: 700;
cursor: pointer;
display: grid;
place-items: center;
transition: all .15s;
box-shadow: 0 8px 22px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .14);
backdrop-filter: blur(14px) saturate(125%);
-webkit-backdrop-filter: blur(14px) saturate(125%);
}
.screen-device-home__icon-btn:hover {
background: rgba(255, 255, 255, .15);
color: #fff;
}
.screen-device-home__icon-btn:active {
transform: scale(.95);
}
/* ─── 首次设置页 ─── */
.screen-setup {
min-height: 100vh;
display: grid;
place-items: center;
padding: 30px;
background: linear-gradient(160deg, #0a1628 0%, #0f2040 35%, #162d50 60%, #0d1b35 100%);
position: relative;
}
.screen-home-logo {
display: block;
width: 92px;
height: 92px;
margin: 0 auto 24px;
object-fit: contain;
}
.screen-home-logo--setup {
width: 68px;
height: 68px;
margin: 0 0 18px;
}
.screen-setup__card {
width: min(520px, 100%);
padding: 36px;
border: 1px solid rgba(255,255,255,.45);
border-radius: 20px;
background: rgba(255,255,255,.97);
box-shadow: 0 28px 80px rgba(3,13,35,.32);
color: #142234;
margin-top: 44px;
}
.screen-setup__step {
display: inline-flex;
padding: 6px 12px;
border-radius: 999px;
background: #eef0ff;
color: #5b67d3;
font-size: 13px;
font-weight: 600;
}
.screen-setup__card h1 {
margin: 16px 0 8px;
font-size: 28px;
font-weight: 700;
}
.screen-setup__card > p {
margin-bottom: 24px;
color: #6e7890;
line-height: 1.6;
font-size: 14px;
}
.screen-setup__identity {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
padding: 12px 14px;
border-radius: 10px;
background: #f0f4f8;
color: #6e7890;
font-size: 13px;
}
.screen-setup__identity strong {
color: #142234;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.screen-setup__field {
margin-top: 18px;
}
.screen-setup__field > label {
display: block;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
color: #374151;
}
.screen-setup__card input {
width: 100%;
height: 46px;
padding: 0 14px;
border: 1px solid #dce2eb;
border-radius: 10px;
background: #fff;
color: #142234;
font-size: 15px;
outline: none;
box-sizing: border-box;
}
.screen-setup__card input:focus {
border-color: #5b67d3;
box-shadow: 0 0 0 3px rgba(91,103,211,.12);
}
.screen-setup__check-btn {
width: 100%;
height: 46px;
border: none;
border-radius: 10px;
background: #5b67d3;
color: #fff;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background .15s;
}
.screen-setup__check-btn:hover {
background: #4a55c0;
}
.screen-setup__check-btn:disabled {
background: #c9cee7;
cursor: not-allowed;
}
.screen-setup__submit {
width: 100%;
min-height: 50px;
margin-top: 24px;
border-radius: 11px;
background: #5b67d3;
color: #fff;
font-size: 16px;
font-weight: 600;
border: none;
cursor: pointer;
transition: background .15s;
}
.screen-setup__submit:hover:not(:disabled) {
background: #4a55c0;
}
.screen-setup__submit:disabled {
background: #c9cee7;
cursor: not-allowed;
}
/* ─── 网络检测结果 ─── */
.screen-network-check {
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 16px;
background: #fafbfc;
}
.screen-network-check__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #e5e7eb;
}
.screen-network-check__summary {
display: flex;
align-items: center;
gap: 12px;
}
.screen-network-check__icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 20px;
}
.screen-network-check__icon.is-ok {
background: #dcfce7;
color: #16a34a;
}
.screen-network-check__icon.is-error {
background: #fee2e2;
color: #dc2626;
}
.screen-network-check__title {
font-size: 16px;
font-weight: 600;
color: #111827;
}
.screen-network-check__subtitle {
font-size: 13px;
color: #6b7280;
margin-top: 2px;
}
.screen-network-check__retry {
height: 36px;
padding: 0 16px;
border: none;
border-radius: 8px;
background: #3b82f6;
color: #fff;
font-size: 14px;
font-weight: 500;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
transition: background .15s;
}
.screen-network-check__retry:hover:not(:disabled) {
background: #2563eb;
}
.screen-network-check__retry:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.screen-network-check__details {
display: flex;
flex-direction: column;
gap: 12px;
}
.screen-network-check__row {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
}
.screen-network-check__row > span:first-child {
color: #374151;
}
.text-ok {
color: #16a34a;
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: 500;
}
.text-error {
color: #dc2626;
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: 500;
}
.text-loading {
color: #3b82f6;
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: 500;
}
.text-muted {
color: #9ca3af;
font-size: 13px;
}
.spinner {
display: inline-block;
width: 14px;
height: 14px;
border: 2px solid rgba(59, 130, 246, 0.2);
border-top-color: #3b82f6;
border-radius: 50%;
animation: spin 0.7s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
/* ─── 顶部状态栏（Rooms 风格）─── */
.screen-status-bar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 60;
display: flex;
align-items: center;
justify-content: space-between;
height: 48px;
padding: 0 28px;
background: transparent;
color: rgba(255,255,255,.8);
font-size: 14px;
}
.screen-status-bar__logo {
height: 48px;
width: auto;
object-fit: contain;
margin-top: 12px;
}
.screen-status-bar__left {
display: flex;
align-items: center;
gap: 10px;
}
.screen-status-bar__right {
display: flex;
align-items: center;
gap: 16px;
}
.screen-status-bar__wifi {
display: flex;
align-items: center;
gap: 6px;
}
.screen-status-bar__wifi.is-ok {
color: #2fc38a;
}
.screen-status-bar__ssid {
font-size: 12px;
opacity: .75;
}
.screen-status-bar__datetime {
font-variant-numeric: tabular-nums;
font-weight: 700;
font-size: 14px;
color: #fff;
text-shadow: 0 1px 8px rgba(0,0,0,.45);
letter-spacing: .3px;
}
/* ─── 设置弹窗 ─── */
.screen-settings-overlay {
position: fixed;
inset: 0;
z-index: 200;
display: grid;
place-items: center;
background: rgba(0,0,0,.55);
backdrop-filter: blur(4px);
padding: 20px;
}
.screen-settings-modal {
width: min(480px, 100%);
background: #fff;
border-radius: 16px;
box-shadow: 0 24px 64px rgba(0,0,0,.25);
color: #142234;
overflow: hidden;
}
.screen-settings-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
border-bottom: 1px solid #e5e7eb;
}
.screen-settings-modal__header h2 {
font-size: 17px;
font-weight: 700;
margin: 0;
}
.screen-settings-modal__back {
width: 32px;
height: 32px;
border: none;
border-radius: 8px;
background: #f3f4f6;
color: #374151;
font-size: 16px;
cursor: pointer;
display: grid;
place-items: center;
transition: background .15s;
}
.screen-settings-modal__back:hover {
background: #e5e7eb;
}
.screen-settings-modal__spacer {
width: 32px;
}
.screen-settings-modal__body {
padding: 20px;
}
.screen-settings__field {
margin-bottom: 18px;
}
.screen-settings__field > label {
display: block;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
color: #374151;
}
.screen-settings__readonly {
padding: 12px 14px;
border-radius: 10px;
background: #f4f6fa;
color: #142234;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 14px;
}
.screen-settings__field input {
width: 100%;
height: 44px;
padding: 0 14px;
border: 1px solid #dce2eb;
border-radius: 10px;
background: #fff;
color: #142234;
font-size: 14px;
outline: none;
box-sizing: border-box;
}
.screen-settings__field input:focus {
border-color: #5b67d3;
box-shadow: 0 0 0 3px rgba(91,103,211,.12);
}
.screen-settings__check-btn {
width: 100%;
height: 44px;
border: none;
border-radius: 10px;
background: #5b67d3;
color: #fff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background .15s;
}
.screen-settings__check-btn:hover:not(:disabled) {
background: #4a55c0;
}
.screen-settings__check-btn:disabled {
background: #c9cee7;
cursor: not-allowed;
}
.screen-settings-modal__footer {
display: flex;
justify-content: flex-end;
padding: 16px 20px;
border-top: 1px solid #e5e7eb;
}
.screen-settings-modal__save {
height: 40px;
padding: 0 24px;
border: none;
border-radius: 9px;
background: #5b67d3;
color: #fff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background .15s;
}
.screen-settings-modal__save:hover:not(:disabled) {
background: #4a55c0;
}
.screen-settings-modal__save:disabled {
background: #c9cee7;
cursor: not-allowed;
}
@media(max-width:640px){
.screen-setup{padding:16px}
.screen-setup__card{padding:24px}
.screen-device-home__code-value{letter-spacing:8px}
.screen-device-home__code-card{padding:36px 24px 28px}
.screen-device-home__bottom{padding:12px 20px 20px}
.screen-network-check__header{flex-direction:column;gap:12px;align-items:flex-start}
.screen-network-check__retry{width:100%;justify-content:center}
}
.screen-recording-fallback{position:fixed;right:84px;top:50%;z-index:1200;width:280px;padding:18px;border:1px solid #f0d5d8;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(20,34,52,.18);transform:translateY(-50%);backdrop-filter:blur(12px)}
.screen-recording-fallback h2{margin:0;color:#142234;font-size:17px;line-height:1.4}
.screen-recording-fallback p{margin:7px 0 15px;color:#6d7788;font-size:13px;line-height:1.65}
.screen-recording-fallback__actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.screen-recording-fallback button{height:34px;padding:0 14px;border:1px solid #dbe0e8;border-radius:9px;color:#4c596c;background:#fff;font-size:13px}
.screen-recording-fallback button:last-child{border-color:#5b67d3;color:#fff;background:#5b67d3}
.screen-recording-fallback button:disabled{cursor:wait;opacity:.58}
@media(max-width:720px){.screen-recording-fallback{right:70px;width:min(260px,calc(100vw - 92px))}}
.record-page{width:min(1260px,calc(100% - 64px));min-height:calc(100vh - 60px);margin:0 auto;padding:16px 0 48px;color:#142234;font-family:var(--font)}.record-page--screen{min-height:100vh;padding-top:28px}.record-page__back{height:32px;display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:#5e6976;font-size:16px;font-weight:500}.record-filters button:hover,.record-page__back:hover{color:#5b67d3}.record-page__back>span{width:24px;height:24px;display:grid;place-items:center;font-size:30px;font-weight:300;line-height:20px;transform:translateY(-1px)}.record-page__layout{display:grid;grid-template-columns:320px minmax(0,920px);gap:20px;align-items:stretch}.record-card{background:#fbfbfc;border-radius:12px}.record-card h2{margin:0;color:#142234;font-size:16px;font-weight:500;line-height:24px}.record-card--summary{min-height:640px;padding:20px 16px 24px}.record-card--attendance{min-height:640px;padding:20px 16px 18px}.record-info-list{margin-top:18px}.record-info{min-height:38px;display:grid;grid-template-columns:80px minmax(0,1fr);color:#5e6976;font-size:14px;line-height:22px}.record-info>div{min-width:0}.record-info strong{display:inline;color:#142234;font-weight:400;overflow-wrap:anywhere}.record-recording-button{height:32px;margin:-5px 0 0 10px;padding:0 16px;border-radius:8px;background:#f0f4f8;color:#5b67d3;font-size:14px}.record-recording-button:hover{background:#e8ebfb}.record-retry{margin:2px 0 8px 80px;color:#5b67d3;font-size:13px}.record-failure{margin:2px 0 10px 80px;color:#f55757;font-size:12px;line-height:18px}.record-canvas-preview{position:relative;width:238px;height:134px;margin:16px auto 0;display:block;overflow:visible;border:2px solid #fbfbfc;border-radius:12px;background:#eef1f6}.record-canvas-preview__board{position:absolute;inset:0;overflow:hidden;border-radius:10px;background:#fff;pointer-events:none}.record-canvas-preview__board>div{width:100%!important;height:100%!important}.record-canvas-preview__overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;border-radius:10px;background:rgba(0,0,0,.3);opacity:0;transition:opacity .18s ease}.record-canvas-preview:focus-visible .record-canvas-preview__overlay,.record-canvas-preview:hover .record-canvas-preview__overlay{opacity:1}.record-canvas-preview__eye{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#f0f4f8;color:#5b67d3;box-shadow:0 8px 18px rgba(20,34,52,.15);transition:transform .16s ease,background .16s ease}.record-canvas-preview__eye:hover{transform:scale(1.06);background:#fff}.record-canvas-preview__eye svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.record-canvas-preview__tip{position:absolute;left:50%;top:50%;padding:7px 12px;border-radius:5px;background:#142234;box-shadow:0 8px 12px rgba(0,0,0,.12);color:#f0f4f8;font-size:13px;line-height:18px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-60px);transition:opacity .14s ease,transform .14s ease}.record-canvas-preview__tip::after{position:absolute;left:50%;bottom:-7px;width:12px;height:12px;content:"";background:#142234;border-radius:1px;transform:translateX(-50%) rotate(45deg)}.record-canvas-preview__eye:hover+.record-canvas-preview__tip{opacity:1;transform:translate(-50%,-64px)}.record-canvas-preview.is-empty{display:grid;place-items:center;color:#8a94a2;font-size:13px}.record-stats{height:96px;margin-top:36px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-radius:12px;background:#f0f4f8}.record-stat{position:relative;display:flex;flex-direction:column;align-items:center}.record-stat:not(:last-child)::after{position:absolute;top:7px;right:0;width:1px;height:44px;content:"";background:#e1e6eb}.record-stat strong{color:#142234;font-size:24px;font-weight:700;line-height:32px}.record-filters button,.record-stat span{color:#5e6976;font-size:14px;line-height:22px}.record-filters{width:max-content;height:36px;margin-top:16px;padding:4px;display:flex;border-radius:19px;background:#f0f4f8}.record-filters button{height:28px;padding:0 16px;border-radius:99px;color:#142234}.record-filters button.is-active{background:#5b67d3;color:#fff}.record-students{min-height:480px;margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:48px;column-gap:16px;align-content:start}.record-pagination,.record-student{display:flex;align-items:center;gap:12px}.record-student{min-width:0;padding:0 16px;border-bottom:1px solid #ededee}.record-student strong{overflow:hidden;color:#142234;font-size:16px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.record-student time{margin-left:auto;color:#379373;font-size:14px;white-space:nowrap}.record-student>span{margin-left:auto;min-width:60px;padding:3px 12px;border-radius:20px;background:rgba(245,87,87,.1);color:#f55757;font-size:12px;line-height:18px;text-align:center}.record-pagination{height:32px;justify-content:center;color:#5e6976;font-size:12px}.record-pagination button{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ededee;border-radius:7px;background:#fff;color:#5b67d3;font-size:22px}.record-pagination button:disabled{color:#b9c0ca;background:#f7f8fa}@media (max-width:980px){.record-page{width:min(100% - 32px,720px)}.record-page__layout{grid-template-columns:1fr}.record-card--attendance,.record-card--summary{min-height:auto}.record-canvas-preview{max-width:360px}}@media (max-width:620px){.record-page{width:calc(100% - 24px);padding-bottom:24px}.record-stats{margin-top:20px}.record-stat strong{font-size:20px}.record-students{min-height:480px;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.record-canvas-preview__eye,.record-canvas-preview__overlay,.record-canvas-preview__tip{transition:none}}
body .record-info{grid-template-columns:96px minmax(0,1fr)}body .record-retry{margin-left:96px}body .record-failure{margin-left:96px}
.discussion-page{min-height:100dvh;padding:28px 3.2vw 46px;background:#f0f4f8;color:#142234;font-family:var(--font)}
.discussion-heading{display:flex;align-items:center;gap:14px;min-height:76px;margin-bottom:18px;padding:16px 20px;background:#fbfbfc;border-radius:16px;box-shadow:0 4px 18px rgba(20,34,52,.04)}
.discussion-back{flex:0 0 auto;color:#5e6976;font-size:14px}.discussion-back:hover{color:#5b67d3}.discussion-heading__title{min-width:0;flex:1}.discussion-heading__title>div{display:flex;align-items:center;gap:10px}.discussion-heading h1{margin:0;font-size:22px;font-weight:600}.discussion-heading p{margin:5px 0 0;color:#7b8490;font-size:13px}.discussion-source{padding:4px 9px;border-radius:999px;background:#edeefd;color:#5b67d3;font-size:12px}.discussion-countdown{padding:8px 12px;border-radius:9px;background:#fff4e9;color:#eb862f;font-size:17px;font-variant-numeric:tabular-nums}.discussion-button{height:36px;padding:0 15px;border-radius:9px;color:#fff;font-size:14px}.discussion-button.is-warning{background:#ee9449}.discussion-button.is-danger{background:#ef6464}.discussion-button:disabled{opacity:.55}
.discussion-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:12px;margin:0 0 18px}.discussion-metrics>div{display:flex;align-items:baseline;gap:8px;padding:14px 18px;background:#fbfbfc;border-radius:12px}.discussion-metrics strong{color:#5b67d3;font-size:24px}.discussion-metrics span{color:#7b8490;font-size:13px}
.discussion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.discussion-group-card{display:block;min-width:0;overflow:hidden;text-align:left;background:#fbfbfc;border:1px solid rgba(91,103,211,.08);border-radius:16px;box-shadow:0 6px 20px rgba(20,34,52,.04);transition:transform .18s,border-color .18s,box-shadow .18s}.discussion-group-card:hover{transform:translateY(-2px);border-color:rgba(91,103,211,.3);box-shadow:0 10px 24px rgba(20,34,52,.08)}
.discussion-group-card__preview{position:relative;display:grid;width:100%;aspect-ratio:16/9;place-items:center;background:linear-gradient(135deg,#edf0fb,#e4e9f2);overflow:hidden}.discussion-group-card__preview:before,.discussion-group-card__preview:after{content:"";position:absolute;border:1px solid rgba(91,103,211,.2);border-radius:999px}.discussion-group-card__preview:before{width:70%;height:70%}.discussion-group-card__preview:after{width:42%;height:42%}.discussion-group-card__preview span{position:relative;z-index:1;display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#fff;color:#5b67d3;font-size:20px;font-weight:600;box-shadow:0 6px 18px rgba(91,103,211,.15)}.discussion-group-card__preview i{position:absolute;z-index:2;right:12px;bottom:10px;padding:5px 9px;border-radius:7px;background:rgba(20,34,52,.78);color:#fff;font-size:12px;font-style:normal;opacity:0;transition:opacity .18s}.discussion-group-card:hover .discussion-group-card__preview i{opacity:1}
.discussion-group-card__body{display:flex;flex-direction:column;gap:9px;padding:15px 16px 16px}.discussion-group-card__title{display:flex;align-items:center;gap:8px}.discussion-group-card__title strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.discussion-group-card__title i{padding:3px 8px;border-radius:999px;font-size:11px;font-style:normal}.discussion-group-card__title i.is-live{background:#eaf8ef;color:#2f9a5b}.discussion-group-card__title i.is-locked{background:#edf0f4;color:#687381}.discussion-group-card__members{min-height:20px;overflow:hidden;color:#6f7985;font-size:13px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.discussion-group-card__meta{display:flex;align-items:center;color:#98a0aa;font-size:12px}.discussion-group-card__meta b,.discussion-group-card__meta button{margin-left:auto;color:#5b67d3;font-size:13px;font-weight:500}.discussion-result-count{color:#7b8490;font-size:14px}
.discussion-canvas-page{display:flex;flex-direction:column;height:100dvh;background:#f0f4f8}.discussion-canvas-bar{position:relative;z-index:3;display:flex;align-items:center;gap:18px;min-height:64px;padding:8px 22px;background:#fbfbfc;border-bottom:1px solid #e7ebf0;box-shadow:0 4px 14px rgba(20,34,52,.04)}.discussion-canvas-bar>div{min-width:0;display:flex;flex-direction:column;gap:3px}.discussion-canvas-bar strong{font-size:16px}.discussion-canvas-bar small{max-width:50vw;overflow:hidden;color:#7b8490;text-overflow:ellipsis;white-space:nowrap}.discussion-canvas-bar nav{display:flex;gap:8px;margin-left:auto}.discussion-canvas-bar nav button{height:34px;padding:0 12px;border-radius:8px;background:#f0f4f8;color:#5e6976}.discussion-canvas-bar nav button:hover:not(:disabled){background:#e7eafa;color:#5b67d3}.discussion-canvas-bar nav button.is-primary{background:#5b67d3;color:#fff}.discussion-canvas-bar nav button:disabled{opacity:.42}.discussion-canvas{position:relative;min-height:0;flex:1}
.classroom-group-hint{max-width:140px;color:#7b8490;font-size:12px;line-height:16px;text-align:right}
.student-discussion-page{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#f0f4f8}.student-discussion-bar{position:relative;z-index:4;min-height:64px;padding:10px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:2px 14px;background:#fff;border-bottom:1px solid #e2e7f0}.student-discussion-bar>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#142234;font-size:15px}.student-discussion-bar>span{grid-column:2;grid-row:1/3;align-self:center;color:#f3903f;font-weight:700;font-variant-numeric:tabular-nums}.student-discussion-bar>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6e7890;font-size:12px}.student-discussion-canvas{position:relative;min-height:0;flex:1}
@media(max-width:800px){.discussion-page{padding:16px}.discussion-heading{align-items:flex-start;flex-wrap:wrap}.discussion-heading__title{order:3;flex-basis:100%}.discussion-metrics{grid-template-columns:repeat(3,1fr)}.discussion-metrics>div{padding:10px;flex-direction:column;gap:2px}.discussion-canvas-bar{gap:10px;padding:8px 12px;flex-wrap:wrap}.discussion-canvas-bar nav{width:100%;justify-content:flex-end}.discussion-canvas{min-height:calc(100dvh - 112px)}}
.student-layout {
width: 100%;
min-height: 100vh;
min-height: 100dvh;
background: #F0F4F8;
position: relative;
}
.student-home,
.student-schedule-page {
min-height: 100vh;
min-height: 100dvh;
}
.student-home {
color: #142234;
background: #F0F4F8;
}
.student-schedule-page {
overflow: clip;
}
.student-schedule-topbar {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 88px;
padding: 0 32px;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(5.85px);
position: relative;
z-index: 2;
}
.student-schedule-topbar h1 {
margin: 0;
color: #142234;
font-size: 28px;
font-weight: 500;
line-height: 42px;
}
.student-schedule-logo {
display: block;
width: 48px;
height: 48px;
object-fit: contain;
}
.student-schedule-account {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.student-schedule-account__avatar {
display: grid;
width: 40px;
height: 40px;
flex: none;
place-items: center;
border: 1px solid #EDEDEE;
border-radius: 50%;
color: #5E6976;
background: #F0F4F8;
font-size: 18px;
}
.student-schedule-account__name {
overflow: hidden;
max-width: 160px;
color: #142234;
font-size: 18px;
font-weight: 500;
line-height: 28px;
text-overflow: ellipsis;
white-space: nowrap;
}
.student-schedule-main {
width: calc(100% - 48px);
max-width: 1260px;
margin: 0 auto;
padding: 24px 0 64px;
}
.student-schedule-section + .student-schedule-section {
margin-top: 32px;
}
.student-schedule-section__header {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 44px;
margin-bottom: 12px;
gap: 20px;
}
.student-schedule-section__header h2 {
overflow: hidden;
margin: 0;
color: #142234;
font-size: 20px;
font-weight: 500;
line-height: 30px;
text-overflow: ellipsis;
white-space: nowrap;
}
.student-schedule-section__header h2 span {
color: #5E6976;
font-weight: 400;
}
.student-schedule__global-join {
display: inline-flex;
align-items: center;
justify-content: center;
width: 132px;
min-height: 44px;
padding: 0 18px;
gap: 8px;
border-radius: 27px;
color: #FFFFFF;
background: linear-gradient(180deg, #364251 0%, #142234 100%);
box-shadow: 0 5px 12px rgba(20, 34, 52, 0.16);
font-size: 16px;
font-weight: 400;
line-height: 24px;
white-space: nowrap;
}
.student-schedule__global-join > span { font-size: 20px; font-weight: 300; line-height: 1; }
.student-schedule__global-join:hover:not(:disabled) {
background: #142234;
}
.student-schedule__global-join:disabled {
cursor: wait;
opacity: 0.62;
}
.student-schedule-section__list,
.student-schedule-skeleton {
display: grid;
gap: 12px;
}
.student-schedule-section__list {
position: relative;
}
.student-schedule-section__list:has(.student-course-row + .student-course-row)::before {
content: '';
position: absolute;
top: 52px;
bottom: 52px;
left: 46px;
z-index: 3;
width: 2px;
background: linear-gradient(#B9C1CE, #DFE4EB);
pointer-events: none;
}
.student-course-row {
display: grid;
grid-template-columns: 28px 88px minmax(0, 1fr) 164px;
align-items: center;
min-height: 104px;
padding: 0 32px;
column-gap: 16px;
border-radius: 12px;
background: #FBFBFC;
}
.student-course-row__rail {
position: relative;
z-index: 4;
display: grid;
align-self: stretch;
place-items: center;
}
.student-course-row__dot {
width: 11px;
height: 11px;
border: 3px solid #AAB1BC;
border-radius: 50%;
background: #FBFBFC;
box-shadow: 0 0 0 5px #FBFBFC;
}
.student-course-row__time {
display: flex;
align-self: center;
flex-direction: column;
justify-content: center;
height: 44px;
padding-right: 14px;
border-right: 1px solid #EDEDEE;
font-variant-numeric: tabular-nums;
}
.student-course-row.is-current .student-course-row__dot {
border-color: #5B67D3;
background: #5B67D3;
box-shadow: 0 0 0 5px #EEF0FF;
}
.student-course-row__start,
.student-course-row__end {
display: block;
}
.student-course-row__start {
color: #5B67D3;
font-size: 24px;
font-weight: 700;
line-height: 28px;
}
.student-course-row__end {
margin-top: 2px;
color: #5E6976;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.student-course-row__content {
display: flex;
align-items: center;
min-width: 0;
gap: 24px;
}
.student-course-row__content h2 {
overflow: hidden;
flex: 0 1 340px;
min-width: 0;
margin: 0;
color: #142234;
font-size: 20px;
font-weight: 500;
line-height: 28px;
text-overflow: ellipsis;
white-space: nowrap;
}
.student-course-row__content p {
display: inline-flex;
align-items: center;
overflow: hidden;
max-width: min(100%, 360px);
min-height: 36px;
margin: 0;
padding: 0 12px;
gap: 8px;
border-radius: 8px;
color: #5E6976;
background: #F0F4F8;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-overflow: ellipsis;
white-space: nowrap;
}
.student-course-row__meta-icon {
flex: none;
color: #AAB1BC;
font-size: 14px;
}
.student-course-row__action {
display: flex;
justify-content: flex-end;
}
.student-course-row__button {
display: inline-grid;
width: 164px;
min-height: 44px;
place-items: center;
padding: 0 16px;
border-radius: 8px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align: center;
white-space: nowrap;
transition: background-color 0.16s ease, transform 0.16s ease;
}
.student-course-row__button--active {
color: #FFFFFF;
background: #5B67D3;
}
.student-course-row__button--active:hover:not(:disabled) {
background: #4B57C7;
}
.student-course-row__button--active:active:not(:disabled) {
transform: translateY(1px);
}
.student-course-row__button--pending {
color: #0CAA63;
background: rgba(12, 170, 99, 0.1);
}
.student-course-row__button--progress {
color: #5B67D3;
background: #EDF0FF;
}
.student-course-row__button--ended {
border: 1px solid #EDEDEE;
color: #AAB1BC;
background: #F0F4F8;
}
.student-course-row__button--cancelled {
color: #B35F6C;
background: #F7ECEE;
}
.student-course-row__button:disabled {
cursor: default;
opacity: 1;
}
.student-course-row__button--active:disabled {
cursor: wait;
opacity: 0.62;
}
.student-schedule-state,
.student-schedule-empty {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 260px;
padding: 40px;
gap: 24px;
border-radius: 12px;
background: #FBFBFC;
}
.student-schedule-state {
flex-direction: column;
justify-content: center;
text-align: center;
}
.student-schedule-state p,
.student-schedule-empty p {
margin: 8px 0 0;
color: #5E6976;
font-size: 16px;
}
.student-schedule-empty h2 {
margin: 0;
color: #142234;
font-size: 24px;
}
.student-schedule-state--error p {
color: #C63F51;
}
.student-schedule-state button {
min-width: 96px;
min-height: 44px;
padding: 0 18px;
border-radius: 8px;
color: #FFFFFF;
background: #5B67D3;
font-weight: 500;
}
.student-schedule-skeleton__header {
width: min(320px, 60vw);
height: 44px;
border-radius: 8px;
background: #E5EAF0;
animation: student-skeleton-pulse 1.4s ease-in-out infinite;
}
.student-schedule-skeleton__row {
display: grid;
grid-template-columns: 104px minmax(0, 1fr) 164px;
align-items: center;
min-height: 104px;
padding: 0 32px;
column-gap: 32px;
border-radius: 12px;
background: #FBFBFC;
}
.student-schedule-skeleton__row span {
display: block;
width: 100%;
height: 24px;
border-radius: 6px;
background: #E5EAF0;
animation: student-skeleton-pulse 1.4s ease-in-out infinite;
}
.student-schedule-skeleton__row span:nth-child(2) {
width: min(520px, 80%);
}
@keyframes student-skeleton-pulse {
0%, 100% { opacity: 0.55; }
50% { opacity: 1; }
}
.student-schedule__global-join:focus-visible,
.student-course-row__button:focus-visible,
.student-schedule-state button:focus-visible,
.student-join-dialog button:focus-visible,
.student-join-dialog input:focus-visible {
outline: 3px solid rgba(91, 103, 211, 0.3);
outline-offset: 2px;
}
.student-join-dialog {
position: fixed;
inset: 0;
z-index: 1200;
display: grid;
place-items: center;
padding: 20px;
background: rgba(11, 20, 38, 0.5);
}
.student-join-dialog__panel {
position: relative;
width: min(420px, 100%);
padding: 30px;
border: 1px solid #E5EAF2;
border-radius: 16px;
background: #FBFBFC;
box-shadow: 0 24px 70px rgba(12, 24, 48, 0.22);
}
.student-join-dialog__close {
position: absolute;
top: 14px;
right: 14px;
display: grid;
width: 44px;
min-height: 44px;
place-items: center;
border-radius: 8px;
color: #5E6976;
font-size: 24px;
line-height: 1;
}
.student-join-dialog__close:hover:not(:disabled) {
background: #F0F4F8;
}
.student-join-dialog__heading {
padding-right: 44px;
}
.student-join-dialog__heading h2 {
margin: 0;
color: #142234;
font-size: 22px;
line-height: 1.4;
}
.student-join-dialog__heading p {
margin: 8px 0 0;
color: #5E6976;
font-size: 14px;
line-height: 1.5;
}
.student-join-dialog form {
margin-top: 24px;
}
.student-join-dialog label {
display: block;
margin-bottom: 8px;
color: #39455B;
font-size: 14px;
font-weight: 500;
}
.student-join-dialog input {
width: 100%;
min-height: 52px;
padding: 0 16px;
border: 1px solid #DCE2EC;
border-radius: 10px;
outline: none;
color: #142234;
background: #FFFFFF;
font-size: 20px;
font-variant-numeric: tabular-nums;
letter-spacing: 0.28em;
}
.student-join-dialog input::placeholder {
color: #AAB1BC;
font-size: 14px;
letter-spacing: 0;
}
.student-join-dialog input:focus {
border-color: #5B67D3;
box-shadow: 0 0 0 3px rgba(91, 103, 211, 0.12);
}
.student-join-dialog__actions {
display: flex;
justify-content: flex-end;
margin-top: 24px;
gap: 12px;
}
.student-join-dialog__actions button {
min-width: 92px;
min-height: 44px;
padding: 0 18px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
}
.student-join-dialog__actions button:first-child {
color: #5E6976;
background: #EDF1F6;
}
.student-join-dialog__actions button:last-child {
color: #FFFFFF;
background: #142234;
}
@media (max-width: 1279px) {
.student-schedule-section__list:has(.student-course-row + .student-course-row)::before {
top: 48px;
bottom: 48px;
left: 38px;
}
.student-schedule-topbar {
height: 72px;
padding: 0 24px;
}
.student-schedule-topbar h1 {
font-size: 24px;
}
.student-schedule-logo { width: 44px; height: 44px; }
.student-schedule-main {
width: calc(100% - 48px);
padding-top: 20px;
}
.student-course-row {
grid-template-columns: 28px 76px minmax(0, 1fr) 148px;
min-height: 96px;
padding: 0 24px;
column-gap: 14px;
}
.student-schedule-skeleton__row {
grid-template-columns: 92px minmax(0, 1fr) 148px;
min-height: 96px;
padding: 0 24px;
column-gap: 24px;
}
.student-course-row__content h2 {
flex-basis: 280px;
}
.student-course-row__button {
width: 148px;
}
}
@media (max-width: 767px) {
.student-schedule-section__list:has(.student-course-row + .student-course-row)::before {
top: 64px;
bottom: 64px;
left: 30px;
}
.student-schedule-topbar {
padding: 0 18px;
}
.student-schedule-account__name {
max-width: 96px;
}
.student-schedule-main {
width: calc(100% - 28px);
}
.student-schedule-section__header {
align-items: flex-start;
}
.student-schedule-section__header h2 {
padding-top: 6px;
font-size: 17px;
}
.student-schedule__global-join {
width: auto;
min-width: 112px;
padding: 0 14px;
}
.student-course-row {
grid-template-columns: 28px 72px minmax(0, 1fr);
grid-template-rows: auto auto;
min-height: 128px;
padding: 16px;
gap: 10px 10px;
}
.student-course-row__rail {
grid-row: 1 / span 2;
}
.student-course-row__time {
grid-row: 1 / span 2;
height: 52px;
padding-right: 10px;
}
.student-course-row__start {
font-size: 20px;
}
.student-course-row__end {
font-size: 14px;
}
.student-course-row__content {
align-items: flex-start;
flex-direction: column;
gap: 7px;
}
.student-course-row__content h2 {
flex-basis: auto;
width: 100%;
font-size: 17px;
}
.student-course-row__content p {
max-width: 100%;
min-height: 30px;
padding: 0 9px;
font-size: 13px;
}
.student-course-row__action {
grid-column: 3;
justify-content: flex-end;
}
.student-course-row__button {
width: min(148px, 100%);
}
.student-schedule-skeleton__row {
grid-template-columns: 86px minmax(0, 1fr);
min-height: 128px;
padding: 16px;
gap: 12px 18px;
}
.student-schedule-skeleton__row span:last-child {
grid-column: 2;
justify-self: end;
width: min(148px, 100%);
}
.student-schedule-empty {
align-items: flex-start;
flex-direction: column;
justify-content: center;
}
}
@media (max-width: 480px) {
.student-schedule-topbar h1 {
font-size: 22px;
}
.student-schedule-logo { width: 38px; height: 38px; }
.student-schedule-account__avatar {
width: 36px;
height: 36px;
}
.student-schedule-section__header {
gap: 10px;
}
.student-schedule-section__header h2 span {
display: block;
}
.student-join-dialog {
align-items: end;
padding: 0;
}
.student-join-dialog__panel {
width: 100%;
padding: 28px 20px max(24px, env(safe-area-inset-bottom));
border-right: 0;
border-bottom: 0;
border-left: 0;
border-radius: 18px 18px 0 0;
}
}
@media (prefers-reduced-motion: reduce) {
.student-schedule__global-join,
.student-course-row__button {
transition: none;
}
.student-schedule-skeleton__header,
.student-schedule-skeleton__row span {
animation: none;
}
}
.classroom-shell--student {
height: 100vh;
height: 100dvh;
}
/* Student home: tablet three-column workspace. Course data and join behavior remain unchanged. */
.student-home .student-schedule-page {
width: min(1240px, calc(100% - 28px));
min-height: calc(100dvh - 28px);
margin: 14px auto;
overflow: hidden;
border: 1px solid #e3e3df;
border-radius: 24px;
color: #17181c;
background: #fcfcfa;
box-shadow: 0 18px 52px rgba(0, 0, 0, 0.05);
}
.student-home .student-schedule-topbar {
height: 62px;
padding: 0 27px;
border-bottom: 1px solid #e7e7e3;
background: #fcfcfa;
backdrop-filter: none;
}
.student-home .student-schedule-logo { width: 38px; height: 38px; }
.student-home .student-schedule-account { gap: 9px; }
.student-home .student-schedule-account__avatar { width: 30px; height: 30px; border: 0; color: #4a36ad; background: #e2dcfb; font-size: 12px; font-weight: 700; }
.student-home .student-schedule-account__name { max-width: 130px; font-size: 14px; line-height: 20px; }
.student-home .student-schedule-main { width: 100%; max-width: none; padding: 29px 30px 36px; }
.student-home-greeting { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.student-home-greeting h1 { margin: 0; font-size: 30px; font-weight: 750; letter-spacing: -0.07em; line-height: 1.1; }
.student-home-greeting p { margin: 6px 0 0; color: #777980; font-size: 12px; }
.student-home-active-class { display: flex; align-items: center; justify-content: space-between; flex: 1; min-width: 0; min-height: 92px; margin-left: auto; padding: 17px 20px 17px 26px; gap: 18px; border-radius: 24px; color: #fff; background: #18191d; }
.student-home-active-class strong, .student-home-active-class small { display: block; }
.student-home-active-class strong { font-size: 17px; font-weight: 750; }
.student-home-active-class small { margin-top: 5px; overflow: hidden; color: #c1c3c7; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.student-home-active-class button { min-width: 96px; min-height: 44px; padding: 0 16px; border-radius: 999px; color: #292a2f; background: #FFFFFF; font-size: 14px; font-weight: 750; white-space: nowrap; }
.student-home-active-class button:hover:not(:disabled) { background: #F3F3F3; }
.student-home-active-class button:disabled { cursor: wait; opacity: .62; }
.student-home-grid { display: grid; grid-template-columns: 210px minmax(360px, 1fr) 235px; margin-top: 24px; border-top: 1px solid #e7e7e3; }
.student-home-panel, .student-home-schedule { min-width: 0; min-height: 510px; padding: 19px 15px; }
.student-home-panel + .student-home-schedule, .student-home-schedule + .student-home-panel { border-left: 1px solid #e7e7e3; }
.student-home-panel__header { display: flex; align-items: center; justify-content: space-between; min-height: 23px; margin-bottom: 15px; gap: 8px; }
.student-home-panel__header h2 { margin: 0; color: #17181c; font-size: 15px; font-weight: 700; }
.student-home-panel__header > span { color: #777980; font-size: 11px; }
.student-home-task-filters { display: flex; width: fit-content; margin: -4px 0 4px; padding: 3px; gap: 2px; border-radius: 999px; background: #efefed; }
.student-home-task-filters button { min-height: 27px; padding: 0 10px; border-radius: 999px; color: #777980; font-size: 11px; font-weight: 700; }
.student-home-task-filters button.is-active { color: #fff; background: #18191d; }
.student-home-task-filters button:hover:not(.is-active), .student-home-task-filters button:focus-visible:not(.is-active) { color: #17181c; background: #e1e1de; }
.student-home-text-button { padding: 6px; border-radius: 8px; color: #55575d; font-size: 12px; font-weight: 700; }
.student-home-text-button:hover, .student-home-text-button:focus-visible { background: #efefed; }
.student-home-panel__items { display: grid; }
.student-home-resource, .student-home-task { display: flex; width: 100%; align-items: center; gap: 9px; padding: 13px 0; border-bottom: 1px solid #e7e7e3; color: inherit; text-align: left; }
.student-home-resource:hover strong { text-decoration: underline; }
.student-home-resource > span:last-child, .student-home-task__content { min-width: 0; }
.student-home-resource strong, .student-home-resource small, .student-home-task strong, .student-home-task small { display: block; }
.student-home-resource strong, .student-home-task strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.student-home-resource small, .student-home-task small { margin-top: 3px; color: #90929a; font-size: 10px; }
.student-home-resource-class { margin: -8px 0 3px; color: #90929a; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.student-home-resource-empty { margin: 0; padding: 16px 0; color: #90929a; font-size: 11px; line-height: 1.6; }
.student-home-resource__icon { display: grid; width: 29px; height: 29px; flex: none; place-items: center; border-radius: 8px; font-size: 13px; font-weight: 800; }
.student-home-resource__icon--audio { color: #d8785c; background: #fff0eb; }
.student-home-resource__icon--document { color: #bd7180; background: #f7edef; }
.student-home-resource__icon--image { color: #3c9c7c; background: #e7f5f0; }
.student-home-task { align-items: center; }
.student-home-task__content { flex: 1; }
.student-home-task > button { min-width: 54px; min-height: 28px; padding: 0 7px; border-radius: 999px; color: #fff; background: #18191d; font-size: 10px; font-weight: 700; white-space: nowrap; }
.student-home-task > button:hover { background: #37383d; }
.student-home-task.is-completed strong, .student-home-task.is-completed small { color: #a1a3a8; }
.student-home-task.is-completed strong { text-decoration: line-through; }
.student-home-task__check { display: grid; width: 20px; height: 20px; flex: none; place-items: center; border: 1.5px solid #c4c5c7; border-radius: 50%; color: white; font-size: 12px; }
.student-home-task__check.is-done { border-color: #9fa1a6; background: #9fa1a6; }
.student-home-task-empty { margin: 0; padding: 18px 0; color: #90929a; font-size: 11px; text-align: center; }
.student-task-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;background:#fff;border-radius:22px;padding:26px;box-shadow:0 20px 65px rgba(16,18,24,.22)}
.student-task-dialog>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eceef1;padding-bottom:16px}.student-task-dialog h2{margin:0;font-size:22px}.student-task-dialog header button{border:0;background:none;font-size:26px}.student-task-dialog__content{padding:20px 0;line-height:1.7;color:#30333b}.student-task-dialog__content img{max-width:100%;border-radius:10px}.student-task-dialog__content a{display:block;margin-top:8px}.student-task-dialog>label{display:block;font-weight:700}.student-task-dialog textarea{display:block;width:100%;box-sizing:border-box;min-height:90px;margin-top:8px;border:1px solid #dfe3ea;border-radius:10px;padding:12px;font:inherit}.student-task-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.student-task-dialog footer button{border:0;border-radius:10px;padding:10px 16px;background:#f0f1f3;font-weight:700}.student-task-dialog footer button:last-child{background:#17191d;color:#fff}
.student-task-media{margin:16px 0;padding:12px;border:1px solid #e1e5e9;border-radius:12px;background:#fafbfc}.student-task-media audio,.student-task-media video{display:block;width:100%;max-height:360px}.student-task-media figcaption{margin-top:7px;color:#777e88;font-size:12px}
.student-task-rich-content{display:grid;gap:10px;overflow-wrap:anywhere}.student-task-rich-content>*{max-width:100%}.student-task-rich-content p{margin:0}.student-task-rich-content h1,.student-task-rich-content h2,.student-task-rich-content h3,.student-task-rich-content h4{margin:8px 0 2px;color:#1d2129;line-height:1.35}.student-task-rich-content ul,.student-task-rich-content ol{margin:0;padding-left:22px}.student-task-rich-content blockquote{margin:3px 0;padding:10px 12px;border-left:3px solid #b6d35a;border-radius:0 9px 9px 0;background:#f5fae7;color:#596443}.student-task-rich-content pre{overflow:auto;margin:2px 0;padding:12px;border-radius:10px;background:#1c2027;color:#f3f5ef}.student-task-rich-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.student-task-rich-content a{display:inline;color:#415bc2;text-decoration:underline;text-underline-offset:2px}.student-task-rich-content img{display:block;max-width:100%;max-height:420px;margin:4px 0;border:1px solid #e3e6e9;border-radius:12px;object-fit:contain;background:#f8f9f7}.student-task-rich-content figure{width:min(100%,560px);margin:4px 0;padding:10px;border:1px solid #e1e5e9;border-radius:12px;background:#fbfcfa}.student-task-rich-content audio,.student-task-rich-content video{display:block;width:100%;max-height:360px;border-radius:8px;background:#15171b}.student-task-rich-content figcaption{margin-top:7px;color:#747c86;font-size:12px}.student-task-rich-content table{width:100%;border-collapse:collapse}.student-task-rich-content th,.student-task-rich-content td{padding:7px 8px;border:1px solid #dfe4e6;text-align:left}.student-task-rich-content th{background:#f5f7f2}
.student-task-quiz{padding:14px 0}.student-task-quiz__progress{display:flex;align-items:center;gap:12px;color:#7c8290;font-weight:700;font-size:13px}.student-task-quiz__progress i{height:8px;flex:1;overflow:hidden;border-radius:999px;background:#e9ecef}.student-task-quiz__progress b{display:block;height:100%;border-radius:inherit;background:#c9ff45;transition:width .32s ease}.student-task-quiz h3{font-size:25px;line-height:1.45;margin:26px 0 20px}.student-task-quiz>div:last-child{display:grid;gap:12px}.student-task-quiz label{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 14px;border:2px solid #e5e7eb;border-radius:14px;background:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.student-task-quiz label:hover{transform:translateY(-2px);border-color:#b8e84a}.student-task-quiz label.is-picked{border-color:#a9df34;background:#f5ffdd}.student-task-quiz>input{width:100%;box-sizing:border-box;border:2px solid #dfe3e8;border-radius:13px;padding:14px;font:inherit;font-size:18px}.student-task-quiz input[type=radio],.student-task-quiz input[type=checkbox]{accent-color:#1b2020;transform:scale(1.15)}
.student-home .student-schedule-section + .student-schedule-section { margin-top: 0; }
.student-home .student-schedule-section__header { min-height: 23px; margin-bottom: 13px; }
.student-home .student-schedule-section__header h2 { color: #17181c; font-size: 15px; font-weight: 700; line-height: 23px; }
.student-home .student-schedule-section__header h2 span { color: #777980; font-size: 11px; font-weight: 400; }
.student-home .student-schedule__global-join { width: auto; min-width: 116px; min-height: 44px; padding: 0 18px; border-radius: 999px; background: #18191d; box-shadow: none; color: #fff; font-size: 14px; font-weight: 700; }
.student-home .student-schedule__global-join:hover:not(:disabled) { background: #37383d; }
.student-home .student-schedule__global-join > span { font-size: 20px; }
.student-home .student-schedule-section__list { gap: 0; }
.student-home .student-schedule-section__list::before { display: none; }
.student-home .student-course-row { grid-template-columns: 57px minmax(0, 1fr) auto; min-height: 81px; padding: 15px 0; column-gap: 9px; border-top: 1px solid #e7e7e3; border-radius: 0; background: transparent; }
.student-home .student-course-row__rail { display: none; }
.student-home .student-course-row__time { height: auto; padding-right: 0; border: 0; font-size: 10px; }
.student-home .student-course-row__start { color: #17181c; font-size: 14px; line-height: 18px; }
.student-home .student-course-row__end { margin-top: 2px; font-size: 10px; line-height: 14px; }
.student-home .student-course-row__content { align-items: flex-start; flex-direction: column; gap: 5px; }
.student-home .student-course-row__content h2 { flex: none; width: 100%; color: #17181c; font-size: 13px; line-height: 18px; }
.student-home .student-course-row__content p { max-width: 100%; min-height: 0; padding: 4px 7px; border-radius: 7px; color: #676970; background: #f0f0ed; font-size: 10px; line-height: 14px; }
.student-home .student-course-row__meta-icon { display: none; }
.student-home .student-course-row__button { width: auto; min-width: 62px; min-height: 31px; padding: 0 9px; border-radius: 999px; font-size: 11px; }
.student-home .student-course-row__button--active { background: #18191d; }
.student-home .student-course-row__button--active:hover:not(:disabled) { background: #37383d; }
.student-home .student-course-row__button--pending { color: #676970; background: #efefed; }
.student-home .student-course-row__button--progress { color: #6256cd; background: #edebff; }
.student-home .student-schedule-empty, .student-home .student-schedule-state { min-height: 240px; padding: 24px; border: 1px solid #e7e7e3; border-radius: 14px; background: #fff; }
.student-home .student-schedule-skeleton { display: grid; gap: 0; }
.student-home .student-schedule-skeleton__header { height: 23px; margin-bottom: 13px; }
.student-home .student-schedule-skeleton__row { grid-template-columns: 57px minmax(0, 1fr) 64px; min-height: 81px; padding: 15px 0; column-gap: 9px; border-top: 1px solid #e7e7e3; border-radius: 0; background: transparent; }
.student-home .student-home-active-class button:focus-visible, .student-home .student-home-resource:focus-visible, .student-home .student-home-task button:focus-visible { outline: 3px solid rgba(115, 87, 232, .35); outline-offset: 2px; }
@media (max-width: 900px) {
.student-home-grid { grid-template-columns: 180px minmax(300px, 1fr); }
.student-home-tasks { grid-column: 1 / -1; min-height: 0; border-top: 1px solid #e7e7e3; border-left: 0 !important; }
.student-home-tasks .student-home-panel__items { grid-template-columns: repeat(3, 1fr); gap: 12px; }
}
@media (max-width: 640px) {
.student-home .student-schedule-page { width: 100%; min-height: 100dvh; margin: 0; border: 0; border-radius: 0; }
.student-home .student-schedule-topbar { padding: 0 18px; }
.student-home .student-schedule-main { padding: 22px 18px 32px; }
.student-home-greeting { align-items: stretch; flex-direction: column; }
.student-home-greeting h1 { font-size: 27px; }
.student-home-active-class { min-height: 76px; margin-left: 0; padding: 14px 17px; border-radius: 18px; }
.student-home-grid { grid-template-columns: 1fr; }
.student-home-panel, .student-home-schedule { min-height: 0; padding: 19px 0; border-left: 0 !important; }
.student-home-schedule, .student-home-tasks { border-top: 1px solid #e7e7e3; }
.student-home-tasks .student-home-panel__items { grid-template-columns: 1fr; gap: 0; }
.student-home .student-course-row { grid-template-columns: 52px minmax(0, 1fr) auto; }
}
.classroom-shell--student .classroom-content,
.classroom-shell--student .classroom-canvas {
min-width: 0;
min-height: 0;
}
.classroom-shell--student .classroom-content--student {
padding: 0;
gap: 0;
}
.classroom-shell--student .classroom-canvas {
display: flex;
flex-direction: column;
border: 0;
border-radius: 0;
box-shadow: none;
}
.classroom-shell--student .classroom-canvas > div {
flex: 1;
min-height: 0;
height: auto !important;
border-radius: 0 !important;
}
.classroom-shell--student [class*="backToBestViewportWrap_"],
.classroom-shell--student [class*="backToFollow"] {
display: none !important;
}
.student-follow-page {
position: relative;
width: 100%;
height: 100vh;
height: 100dvh;
overflow: hidden;
background: #f0f4f8;
}
.classroom-connection-overlay,
.student-group-sync {
position: absolute;
z-index: 80;
top: 18px;
left: 50%;
padding: 9px 15px;
transform: translateX(-50%);
border-radius: 999px;
background: rgba(20, 34, 52, .88);
color: #fff;
box-shadow: 0 8px 24px rgba(20, 34, 52, .18);
font-size: 13px;
pointer-events: none;
}
.student-group-sync {
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
}
.endpoint-chooser {
min-height: 100vh;
display: grid;
place-items: center;
padding: 24px;
background:
radial-gradient(circle at top left, rgba(39, 119, 255, 0.25), transparent 30%),
radial-gradient(circle at bottom right, rgba(20, 184, 166, 0.22), transparent 32%),
linear-gradient(160deg, #081121 0%, #101a34 45%, #08111f 100%);
color: #f5f7fb;
}
.endpoint-chooser__panel {
width: min(100%, 860px);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 28px;
background: rgba(8, 14, 28, 0.7);
backdrop-filter: blur(18px);
padding: 32px;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}
.endpoint-chooser__eyebrow {
margin: 0 0 8px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #8eb6ff;
font-size: 12px;
}
.endpoint-chooser h1 {
margin: 0;
font-size: clamp(30px, 5vw, 52px);
line-height: 1.05;
}
.endpoint-chooser__lead {
margin: 14px 0 0;
color: rgba(245, 247, 251, 0.82);
font-size: 16px;
}
.endpoint-chooser__grid {
margin-top: 24px;
display: grid;
gap: 14px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.endpoint-chooser__card {
min-height: 132px;
padding: 18px;
display: block;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));
color: inherit;
text-align: left;
text-decoration: none;
cursor: pointer;
}
.endpoint-chooser__card strong {
display: block;
margin-bottom: 8px;
font-size: 22px;
}
.endpoint-chooser__card span {
color: rgba(245, 247, 251, 0.74);
font-size: 15px;
line-height: 1.5;
}
@media (max-width: 760px) {
.endpoint-chooser__panel {
padding: 22px;
border-radius: 22px;
}
.endpoint-chooser__grid {
grid-template-columns: 1fr;
}
.endpoint-chooser__card {
min-height: 108px;
}
}
.personal-resources-page{max-width:1040px;margin:0 auto;padding:32px}.personal-resources-page header{display:flex;justify-content:space-between;align-items:center}.personal-resources-page h1{margin:0}.personal-resources-page p,.personal-resources-page small{color:#6e7890}.personal-resources-page nav{margin:24px 0}.personal-resources-page button,.personal-resources-page a{border:0;background:none;color:#3867f4;cursor:pointer}.personal-resources-page .primary{background:#3867f4;color:#fff;padding:10px 16px;border-radius:8px}.personal-resources-search{width:100%;box-sizing:border-box;padding:12px;border:1px solid #d9dfeb;border-radius:8px}.personal-resources-page ul{padding:0;list-style:none}.personal-resources-page li{display:grid;grid-template-columns:28px 1fr auto auto;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #edf0f5}.personal-resources-page footer{display:flex;justify-content:center;gap:16px;margin:24px}.personal-resources-page li[draggable="true"]{cursor:grab}.personal-resource-target{position:fixed;z-index:90;top:50%;left:50%;width:min(360px,calc(100vw - 32px));transform:translate(-50%,-50%);padding:22px;border-radius:16px;background:#fff;box-shadow:0 18px 56px rgba(20,24,32,.25)}.personal-resource-target h2{margin:0 0 8px}.personal-resource-target p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-resource-target button{display:block;width:100%;margin:7px 0;padding:10px;border:1px solid #e2e5eb;border-radius:9px;background:#fff;text-align:left}@media(max-width:640px){.personal-resources-page{padding:20px}.personal-resources-page li{grid-template-columns:24px 1fr auto}.personal-resources-page li small{grid-column:2}.personal-resources-page header{align-items:flex-start;gap:12px}}
/*
* Shared desktop language for teacher and student secondary views.
* Home layouts keep their information architecture; dialogs and work areas use
* this neutral layer so an action is recognised by hierarchy, not bright colour.
*/
:root {
--ui-canvas: #F5F5F4;
--ui-surface: #FFFFFF;
--ui-surface-subtle: #F8F8F8;
--ui-border: #ECECEC;
--ui-text: #171717;
--ui-text-2: #555555;
--ui-text-3: #9A9A9A;
--ui-action: #000000;
--ui-action-hover: #242424;
--ui-danger: #FF5B61;
--ui-radius: 12px;
--ui-dialog-shadow: 0 16px 40px rgba(0, 0, 0, .10);
--ui-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
--bg: var(--ui-canvas);
--ink: var(--ui-text);
--card: var(--ui-surface);
--primary: var(--ui-action);
--primary-fg: #FFFFFF;
--secondary: var(--ui-surface-subtle);
--secondary-fg: var(--ui-text);
--muted: var(--ui-text-3);
--border: var(--ui-border);
--success: #4D7D68;
--warning: #9A6C31;
--danger: var(--ui-danger);
--radius: var(--ui-radius);
--shadow: 0 8px 24px rgba(0, 0, 0, .05);
--font: var(--ui-font);
}
body {
font-family: var(--ui-font);
background: var(--ui-canvas);
color: var(--ui-text);
}
button, input, select, textarea {
font-family: inherit;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
outline: 2px solid #171717;
outline-offset: 2px;
}
.ui-primary-button,
.ui-secondary-button,
.ui-danger-button,
.ui-text-button,
.ui-icon-button {
min-height: 36px;
border-radius: 999px;
transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out, transform 150ms ease-out;
}
.ui-primary-button {
padding: 0 16px;
border: 1px solid var(--ui-action);
background: var(--ui-action);
color: #fff;
font-size: 14px;
font-weight: 600;
}
.ui-primary-button:hover:not(:disabled) { background: var(--ui-action-hover); border-color: var(--ui-action-hover); }
.ui-primary-button:active:not(:disabled) { transform: scale(.99); }
.ui-secondary-button {
padding: 0 16px;
border: 1px solid var(--ui-border);
background: var(--ui-surface);
color: var(--ui-text);
font-size: 14px;
font-weight: 550;
}
.ui-secondary-button:hover:not(:disabled) { border-color: #CFCFCF; background: var(--ui-surface-subtle); }
.ui-danger-button {
padding: 0 16px;
border: 1px solid var(--ui-danger);
background: var(--ui-danger);
color: #fff;
font-size: 14px;
font-weight: 600;
}
.ui-text-button {
padding: 0 8px;
border: 0;
background: transparent;
color: var(--ui-text-2);
font-size: 13px;
font-weight: 550;
}
.ui-text-button:hover:not(:disabled) { background: #EFEFEF; color: var(--ui-text); }
.ui-icon-button {
display: inline-grid;
width: 36px;
padding: 0;
place-items: center;
border: 1px solid transparent;
background: transparent;
color: var(--ui-text-2);
font-size: 22px;
line-height: 1;
}
.ui-icon-button:hover:not(:disabled) { background: #EFEFEF; color: var(--ui-text); }
.ui-modal {
position: fixed;
inset: 0;
z-index: 2400;
display: grid;
place-items: center;
padding: 24px;
background: rgba(23, 23, 23, .36);
backdrop-filter: blur(2px);
}
.ui-modal__card {
width: min(440px, 100%);
max-height: min(720px, calc(100dvh - 48px));
overflow: auto;
border: 1px solid var(--ui-border);
border-radius: 16px;
background: var(--ui-surface);
box-shadow: var(--ui-dialog-shadow);
}
.ui-modal__card--wide { width: min(620px, 100%); }
.ui-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 20px 24px;
border-bottom: 1px solid var(--ui-border);
}
.ui-modal__header h3 { margin: 0; color: var(--ui-text); font-size: 18px; line-height: 26px; font-weight: 650; }
.ui-modal__body { padding: 20px 24px; }
.ui-modal__body > p { margin: 0; color: var(--ui-text-2); font-size: 14px; line-height: 22px; }
.ui-modal__footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 24px; border-top: 1px solid var(--ui-border); }
.ui-form-grid { display: grid; gap: 16px; }
.ui-form-grid label { display: grid; gap: 7px; color: var(--ui-text-2); font-size: 13px; font-weight: 550; }
.ui-form-grid small, .ui-form-hint { color: var(--ui-text-3); font-size: 12px; line-height: 18px; }
.ui-form-grid input, .ui-form-grid textarea, .ui-form-grid select,
.ui-field {
width: 100%;
min-height: 38px;
padding: 8px 11px;
border: 1px solid var(--ui-border);
border-radius: 9px;
background: #fff;
color: var(--ui-text);
font-size: 14px;
line-height: 20px;
}
.ui-form-grid textarea { min-height: 76px; resize: vertical; }
.ui-form-grid input:focus, .ui-form-grid textarea:focus, .ui-form-grid select:focus { border-color: #A7A7A7; outline: 2px solid rgba(23, 23, 23, .12); outline-offset: 0; }
.ui-page-state {
display: grid;
min-height: 170px;
place-content: center;
justify-items: center;
gap: 10px;
padding: 32px;
color: var(--ui-text-3);
text-align: center;
font-size: 13px;
line-height: 20px;
}
.ui-page-state--error { color: var(--ui-text-2); }
.ui-page-state__error { color: var(--ui-danger); }
.ui-toast {
position: fixed;
z-index: 9999;
top: 20px;
right: 20px;
max-width: min(360px, calc(100vw - 40px));
padding: 11px 14px;
border: 1px solid var(--ui-border);
border-radius: 12px;
background: rgba(255, 255, 255, .96);
box-shadow: var(--ui-dialog-shadow);
color: var(--ui-text);
font-size: 13px;
font-weight: 550;
line-height: 20px;
animation: ui-toast-in 180ms ease-out;
}
.ui-toast[data-tone="error"] { border-color: #F4C4C5; color: #A63338; }
.ui-toast[data-tone="warning"] { border-color: #E7D3B1; color: #7F5A22; }
.ui-toast[data-tone="success"] { border-color: #CFE0D7; color: #315C49; }
@keyframes ui-toast-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.ui-secondary-page {
width: min(1180px, calc(100% - 48px));
margin: 0 auto;
padding: 32px 0 48px;
color: var(--ui-text);
}
.ui-secondary-page__header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-bottom: 24px;
}
.ui-secondary-page__header h1 { margin: 6px 0 0; font-size: 26px; line-height: 34px; font-weight: 680; letter-spacing: -.02em; }
.ui-secondary-page__header p { margin: 6px 0 0; color: var(--ui-text-3); font-size: 13px; line-height: 20px; }
.ui-secondary-page input:not([type="checkbox"]):not([type="radio"]),
.ui-secondary-page select,
.ui-secondary-page textarea {
border-color: var(--ui-border);
color: var(--ui-text);
background: var(--ui-surface);
}
.ui-secondary-card {
border: 1px solid var(--ui-border);
border-radius: 16px;
background: var(--ui-surface);
box-shadow: none;
}
.ui-secondary-card__header { padding: 22px 24px 18px; border-bottom: 1px solid var(--ui-border); }
.ui-secondary-card__header h1 { margin: 0; color: var(--ui-text); font-size: 20px; line-height: 28px; font-weight: 650; }
.ui-secondary-card__header p { margin: 6px 0 0; color: var(--ui-text-3); font-size: 13px; line-height: 20px; }
.ui-inline-notice { margin: 20px 24px 0; padding: 10px 12px; border: 1px solid #E7D3B1; border-radius: 10px; background: #FFF9F0; color: #7F5A22; font-size: 13px; line-height: 20px; }
.ui-form-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--ui-border); }
.course-confirm-page { max-width: 760px; }
.course-confirm-page__back, .screen-bind-page__back { margin-bottom: 14px; }
.course-confirm-page__card > fieldset { min-width: 0; margin: 0; padding: 24px; border: 0; }
.course-confirm-page__card > .ui-form-actions { margin: 0; padding: 16px 24px; }
.screen-bind-page { max-width: 520px; }
.screen-bind-page__card { display: grid; justify-items: center; padding: 36px; text-align: center; }
.screen-bind-page__icon { display: grid; width: 42px; height: 42px; margin-bottom: 16px; place-items: center; border-radius: 12px; background: var(--ui-surface-subtle); color: var(--ui-text-2); font-size: 20px; }
.screen-bind-page__card h1 { margin: 0; font-size: 22px; line-height: 30px; font-weight: 650; }
.screen-bind-page__card p { max-width: 330px; margin: 9px 0 24px; color: var(--ui-text-3); font-size: 13px; line-height: 20px; }
.screen-bind-page__code { width: min(100%, 330px); height: 56px; padding: 0 14px; border: 1px solid var(--ui-border); border-radius: 12px; color: var(--ui-text); background: #fff; font-size: 24px; font-weight: 650; letter-spacing: .24em; text-align: center; }
.screen-bind-page__submit { width: min(100%, 330px); margin-top: 12px; }
.student-review-overview { max-width: 760px; }
.student-review-overview__groups { display: grid; gap: 8px; }
.student-review-overview__groups article { padding: 15px 16px; border: 1px solid var(--ui-border); border-radius: 12px; background: #fff; }
.student-review-overview__groups article.is-mine { border-color: #BDBDBD; background: var(--ui-surface-subtle); }
.student-review-overview__groups strong, .student-review-overview__groups span { display: block; }
.student-review-overview__groups strong { font-size: 14px; line-height: 20px; font-weight: 600; }
.student-review-overview__groups span { margin-top: 5px; color: var(--ui-text-3); font-size: 12px; line-height: 18px; }
.group-setup-modal__settings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.group-setup-modal__settings label { display: grid; gap: 7px; color: var(--ui-text-2); font-size: 13px; font-weight: 550; }
.group-setup-modal__settings input { min-width: 0; min-height: 38px; padding: 8px 11px; border: 1px solid var(--ui-border); border-radius: 9px; color: var(--ui-text); }
.group-setup-modal__groups { overflow: auto; max-height: 260px; border: 1px solid var(--ui-border); border-radius: 10px; }
.group-setup-modal__groups > div { display: grid; grid-template-columns: 140px minmax(0, 1fr); align-items: center; gap: 12px; padding: 9px 11px; border-bottom: 1px solid var(--ui-border); }
.group-setup-modal__groups > div:last-child { border-bottom: 0; }
.group-setup-modal__groups input { min-width: 0; min-height: 34px; padding: 6px 8px; border: 1px solid var(--ui-border); border-radius: 8px; color: var(--ui-text); }
.group-setup-modal__groups span { overflow: hidden; color: var(--ui-text-3); font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
/* Legacy modal markup is intentionally neutralised while feature logic stays untouched. */
.modal-backdrop { z-index: 2400 !important; padding: 24px !important; background: rgba(23, 23, 23, .36) !important; backdrop-filter: blur(2px); }
.modal-card { border: 1px solid var(--ui-border) !important; border-radius: 16px !important; background: #fff !important; box-shadow: var(--ui-dialog-shadow) !important; color: var(--ui-text) !important; }
.modal-card > h3 { margin: 0; color: var(--ui-text); font-size: 18px; line-height: 26px; font-weight: 650; }
.modal-card > p { color: var(--ui-text-3) !important; }
.modal-card input:not([type="checkbox"]):not([type="radio"]), .modal-card textarea, .modal-card select { border-color: var(--ui-border) !important; border-radius: 9px !important; color: var(--ui-text) !important; }
.modal-card button[style] { min-height: 36px !important; border-color: var(--ui-border) !important; border-radius: 999px !important; background: #fff !important; color: var(--ui-text) !important; }
.modal-card button[style*="background"] { border-color: var(--ui-action) !important; background: var(--ui-action) !important; color: #fff !important; }
/* Dialog variants supplied by existing features. */
.teacher-dialog-backdrop,
.student-join-dialog { background: rgba(23, 23, 23, .36) !important; backdrop-filter: blur(2px); }
.teacher-dialog,
.student-join-dialog__panel,
.task-composer,
.class-group-dialog,
.canvas-workspace-dialog,
.canvas-template-dialog,
.personal-resource-target {
border: 1px solid var(--ui-border) !important;
border-radius: 16px !important;
background: var(--ui-surface) !important;
box-shadow: var(--ui-dialog-shadow) !important;
color: var(--ui-text) !important;
font-family: var(--ui-font) !important;
}
.teacher-dialog__header,
.student-join-dialog__heading,
.task-composer > header,
.class-group-dialog > header,
.canvas-workspace-dialog > header,
.canvas-template-dialog > header { border-color: var(--ui-border) !important; }
.teacher-dialog h2,
.student-join-dialog__heading h2,
.task-composer h2,
.class-group-dialog h2,
.canvas-workspace-dialog h2,
.canvas-template-dialog h3 { color: var(--ui-text) !important; font-weight: 650 !important; }
.teacher-dialog__actions,
.task-composer > footer,
.class-group-dialog footer { border-color: var(--ui-border) !important; }
.teacher-dialog__confirm,
.task-composer > footer .is-primary,
.class-group-dialog footer .is-primary,
.student-join-dialog__actions button[type="submit"] {
border: 1px solid var(--ui-action) !important;
border-radius: 999px !important;
background: var(--ui-action) !important;
color: #fff !important;
box-shadow: none !important;
}
.teacher-dialog__cancel,
.task-composer > footer button:not(.is-primary),
.student-join-dialog__actions button[type="button"],
.class-group-dialog footer button:not(.is-primary) {
border: 1px solid var(--ui-border) !important;
border-radius: 999px !important;
background: #fff !important;
color: var(--ui-text) !important;
}
.teacher-dialog__close,
.student-join-dialog__close,
.task-composer header > button,
.class-group-dialog header > button,
.canvas-workspace-dialog > header > button,
.canvas-template-dialog > header > button { color: var(--ui-text-2) !important; }
/* A task is a form: retain one publishing action, make the choice a quiet segmented control. */
.task-composer { width: min(1120px, calc(100vw - 40px)) !important; max-height: min(820px, calc(100dvh - 40px)) !important; border-radius: 16px !important; }
.task-composer > header { padding: 20px 24px !important; background: #fff !important; }
.task-composer__eyebrow { color: var(--ui-text-3) !important; font-weight: 600 !important; letter-spacing: .04em !important; }
.task-composer header p { color: var(--ui-text-3) !important; }
.task-composer__body aside { background: var(--ui-surface-subtle) !important; border-color: var(--ui-border) !important; }
.task-composer-type { gap: 0 !important; padding: 3px !important; border-radius: 10px !important; background: #F0F0F0 !important; }
.task-composer-type button { min-height: 52px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: var(--ui-text-2) !important; box-shadow: none !important; }
.task-composer-type button b { color: inherit !important; }
.task-composer-type button small { color: var(--ui-text-3) !important; }
.task-composer-type .is-active { background: #fff !important; color: var(--ui-text) !important; box-shadow: 0 1px 3px rgba(0,0,0,.08) !important; }
.task-composer-type .is-active b { color: var(--ui-text) !important; }
.task-composer-toolbar { border-color: var(--ui-border) !important; background: var(--ui-surface-subtle) !important; }
.task-composer-toolbar .is-active { border-color: #D0D0D0 !important; background: #fff !important; color: var(--ui-text) !important; }
.task-composer-toolbar__media { color: var(--ui-text-2) !important; background: transparent !important; }
.task-rich-editor { border-color: var(--ui-border) !important; background: #fff !important; }
.task-resource-choices,
.task-media-preview,
.quiz-editor { border-color: var(--ui-border) !important; background: var(--ui-surface-subtle) !important; }
.task-resource-choices button,
.quiz-editor button,
.task-media-preview button { border-color: var(--ui-border) !important; background: #fff !important; color: var(--ui-text-2) !important; }
/* Canvas resources are drawers, not floating feature cards. */
.canvas-resource-drawer,
.canvas-personal-resource-popover {
z-index: 2300 !important;
top: 16px !important;
right: 16px !important;
width: min(440px, calc(100vw - 32px)) !important;
max-height: calc(100dvh - 32px) !important;
padding: 20px !important;
border-color: var(--ui-border) !important;
border-radius: 16px !important;
background: #fff !important;
box-shadow: var(--ui-dialog-shadow) !important;
color: var(--ui-text) !important;
}
.canvas-resource-drawer > header,
.canvas-personal-resource-popover > header { border-color: var(--ui-border) !important; }
.canvas-resource-drawer h2,
.canvas-personal-resource-popover h2 { color: var(--ui-text) !important; }
.canvas-resource-drawer header p,
.canvas-resource-drawer small { color: var(--ui-text-3) !important; }
.canvas-resource-drawer__list > article { border-color: var(--ui-border) !important; border-radius: 10px !important; }
.canvas-resource-drawer__list > article:hover { border-color: #CFCFCF !important; background: var(--ui-surface-subtle) !important; transform: none !important; }
.canvas-resource-drawer__list > article button { border-color: var(--ui-border) !important; color: var(--ui-text-2) !important; }
/* Secondary resource, class, task and canvas pages. */
.personal-resources-page,
.class-resources-page,
.class-management-page,
.task-manager,
.canvas-editor-page { color: var(--ui-text) !important; font-family: var(--ui-font) !important; }
.personal-resources-page > header,
.class-resources-page > header,
.class-management-page__header,
.task-manager > header { margin-bottom: 24px !important; }
.personal-resources-page h1,
.class-resources-page h1,
.class-management-page h1,
.task-manager h1 { color: var(--ui-text) !important; font-size: 26px !important; line-height: 34px !important; font-weight: 680 !important; letter-spacing: -.02em !important; }
.personal-resources-page p,
.class-resources-page p,
.class-management-page p,
.task-manager header p { color: var(--ui-text-3) !important; }
.personal-resources-page .primary,
.class-management-card header > button,
.task-manager > header .schedule-create,
.class-resources-page > header .schedule-create {
border: 1px solid var(--ui-action) !important;
border-radius: 999px !important;
background: var(--ui-action) !important;
color: #fff !important;
box-shadow: none !important;
}
.personal-resources-page li,
.class-resources-list > button,
.task-manager__grid > main,
.task-manager__grid > aside,
.class-management-card,
.class-management-summary article {
border-color: var(--ui-border) !important;
background: #fff !important;
box-shadow: none !important;
}
.personal-resources-page button,
.personal-resources-page a,
.class-resources-list i,
.task-manager__grid aside article a { color: var(--ui-text-2) !important; }
.task-manager__item.is-selected { background: var(--ui-surface-subtle) !important; }
.class-management-card header > span,
.class-management-groups article > span { background: var(--ui-surface-subtle) !important; color: var(--ui-text-2) !important; }
.class-management-groups article,
.class-member-list article:hover { background: var(--ui-surface-subtle) !important; }
/* Canvas workspace has a stable frame, a neutral type rail, and one create action. */
.canvas-workspace-title h1,
.canvas-workspace-collaboration h2 { color: var(--ui-text) !important; font-family: var(--ui-font) !important; }
.canvas-workspace-title p { color: var(--ui-text-3) !important; font-weight: 400 !important; }
.canvas-workspace-title__actions > button,
.canvas-workspace-collaboration > header > button,
.canvas-workspace-side-action,
.canvas-workspace-resource-entry { border-color: var(--ui-border) !important; background: #fff !important; color: var(--ui-text-2) !important; }
.canvas-workspace-title__actions > .canvas-list-create { border-color: var(--ui-action) !important; background: var(--ui-action) !important; color: #fff !important; }
.canvas-workspace-title__actions > button:hover,
.canvas-workspace-collaboration > header > button:hover,
.canvas-workspace-side-action:hover,
.canvas-workspace-resource-entry:hover { border-color: #CFCFCF !important; background: var(--ui-surface-subtle) !important; color: var(--ui-text) !important; }
.canvas-workspace-title__actions > .canvas-list-create:hover { background: var(--ui-action-hover) !important; color: #fff !important; }
.canvas-workspace-types > button.is-active,
.canvas-workspace-toolbar .canvas-scope-tabs button.is-active { background: #fff !important; color: var(--ui-text) !important; box-shadow: 0 1px 3px rgba(0,0,0,.08) !important; }
.canvas-workspace-types > button.is-active { border: 1px solid var(--ui-border) !important; }
.canvas-workspace-types > .canvas-workspace-featured-button,
.canvas-workspace-title__actions > .canvas-workspace-personal-button { background: transparent !important; border-color: transparent !important; color: var(--ui-text-2) !important; }
.canvas-workspace-types > .canvas-workspace-featured-button:hover,
.canvas-workspace-title__actions > .canvas-workspace-personal-button:hover { background: var(--ui-surface-subtle) !important; color: var(--ui-text) !important; }
.canvas-workspace-main .canvas-list-card__preview-action:hover { background: #fff !important; }
.canvas-workspace-main .canvas-list-card__preview-overlay { background: rgba(0,0,0,.52) !important; }
.canvas-workspace-page .canvas-template-use,
.canvas-workspace-dialog footer > button { border: 1px solid var(--ui-action) !important; border-radius: 999px !important; background: var(--ui-action) !important; color: #fff !important; }
.canvas-workspace-page .canvas-template-use:hover { color: #fff !important; background: var(--ui-action-hover) !important; }
.canvas-share-modal { width: min(560px, 100%) !important; padding: 0 !important; }
.canvas-share-modal__header { padding: 20px 24px 16px !important; border-color: var(--ui-border) !important; }
.canvas-share-modal__header h3 { color: var(--ui-text) !important; font-size: 18px !important; font-weight: 650 !important; }
.canvas-share-modal__header p, .canvas-share-member__identity span, .canvas-share-readonly { color: var(--ui-text-3) !important; }
.canvas-share-modal__header > button { border-radius: 999px !important; color: var(--ui-text-2) !important; }
.canvas-share-add { border-color: var(--ui-border) !important; background: var(--ui-surface-subtle) !important; }
.canvas-share-add input, .canvas-share-member select { border-color: var(--ui-border) !important; border-radius: 9px !important; color: var(--ui-text) !important; }
.canvas-share-add button { border: 1px solid var(--ui-action) !important; border-radius: 999px !important; background: var(--ui-action) !important; color: #fff !important; }
.canvas-share-members, .canvas-share-member { border-color: var(--ui-border) !important; }
.canvas-share-owner { background: var(--ui-surface-subtle) !important; color: var(--ui-text-2) !important; }
.canvas-share-remove { color: #A63338 !important; }
.canvas-template-dialog { color: var(--ui-text) !important; }
.canvas-template-tools { border-color: var(--ui-border) !important; background: #fff !important; }
.canvas-template-tools input { border-color: var(--ui-border) !important; color: var(--ui-text) !important; }
.canvas-template-card { border-color: var(--ui-border) !important; border-radius: 12px !important; }
.canvas-template-card__body time { color: var(--ui-text-3) !important; }
.class-resources-target { padding: 0 !important; overflow: hidden; }
.class-resources-target h2 { margin: 0; padding: 20px 22px 0; color: var(--ui-text); font-size: 18px; line-height: 26px; }
.class-resources-target p { margin: 5px 22px 14px !important; }
.class-resources-target button { width: calc(100% - 32px) !important; min-height: 36px; margin: 4px 16px !important; border-color: var(--ui-border) !important; border-radius: 9px !important; color: var(--ui-text) !important; }
.class-resources-target button:last-child { margin: 16px !important; color: var(--ui-text-2) !important; }
.class-group-dialog > label, .class-group-dialog__tools, .class-group-dialog__members, .class-group-dialog footer { border-color: var(--ui-border) !important; }
.class-group-dialog > label, .class-group-dialog__tools { color: var(--ui-text-2) !important; }
.class-group-dialog__tools button { color: var(--ui-text-2) !important; }
.class-group-dialog__members label { background: var(--ui-surface-subtle) !important; }
.class-group-dialog__members input { accent-color: var(--ui-action) !important; }
.canvas-editor-page { background: var(--ui-canvas) !important; }
.canvas-editor-bar { border-color: var(--ui-border) !important; background: rgba(255,255,255,.96) !important; box-shadow: none !important; }
.canvas-editor-action { border-color: var(--ui-border) !important; background: #fff !important; color: var(--ui-text-2) !important; }
.canvas-editor-action.is-primary { border-color: var(--ui-action) !important; background: var(--ui-action) !important; color: #fff !important; }
.canvas-editor-status { color: var(--ui-text-3) !important; }
/* Student task overlay remains friendly, while the working area stays calm. */
.student-task-dialog,
.student-task-dialog__panel,
.student-task-submission,
.student-join-dialog__panel { border-color: var(--ui-border) !important; background: #fff !important; box-shadow: var(--ui-dialog-shadow) !important; }
.student-task-dialog { width: min(680px, calc(100vw - 32px)) !important; padding: 0 !important; border: 1px solid var(--ui-border) !important; border-radius: 16px !important; }
.student-task-dialog > header { padding: 20px 22px 16px; border-color: var(--ui-border) !important; }
.student-task-dialog h2 { color: var(--ui-text) !important; font-size: 20px !important; font-weight: 650 !important; }
.student-task-dialog header button { width: 36px; height: 36px; border-radius: 999px !important; color: var(--ui-text-2) !important; }
.student-task-dialog header button:hover { background: var(--ui-surface-subtle) !important; }
.student-task-dialog__content { padding: 18px 22px !important; color: var(--ui-text-2) !important; }
.student-task-dialog > label { margin: 0 22px; color: var(--ui-text-2) !important; font-size: 13px; }
.student-task-dialog textarea { border-color: var(--ui-border) !important; color: var(--ui-text) !important; }
.student-task-dialog footer { margin: 18px 22px 0 !important; padding: 14px 0 18px; border-top: 1px solid var(--ui-border); }
.student-task-dialog footer button { min-height: 36px; border: 1px solid var(--ui-border) !important; border-radius: 999px !important; background: #fff !important; color: var(--ui-text) !important; }
.student-task-dialog footer button:last-child { border-color: var(--ui-action) !important; background: var(--ui-action) !important; color: #fff !important; }
.student-task-dialog__submit,
.student-task-submission__submit { border-color: var(--ui-action) !important; border-radius: 999px !important; background: var(--ui-action) !important; color: #fff !important; }
@media (max-width: 720px) {
.ui-secondary-page { width: min(100% - 32px, 1180px); padding: 24px 0 36px; }
.ui-secondary-page__header { align-items: flex-start; flex-direction: column; }
.ui-modal { padding: 12px; }
.ui-modal__header, .ui-modal__body, .ui-modal__footer { padding-left: 18px; padding-right: 18px; }
.task-composer { width: calc(100vw - 24px) !important; }
.task-composer__body { grid-template-columns: 1fr !important; }
.task-composer__body aside { border-top: 1px solid var(--ui-border); border-left: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
.markSwitch_ZnBA6 {
position: relative;
width: 40px;
}
.icon_vKCA6 {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: #0c1024;
}
.icon_vKCA6 svg {
width: 100%;
height: 100%;
display: block;
}
.panel_Bt4i8 {
display: flex;
align-items: center;
gap: 4px;
padding: 4px;
}
.panelItem_kfwBs {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 4px;
cursor: pointer;
}
.panelItem_kfwBs.active_lZGaJ {
background-color: #f5f6f6;
}
.do-hovers .panelItem_kfwBs:hover {
background-color: #f5f6f6;
}
.root_v5AQg {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
pointer-events: none;
overflow: visible;
}
.cursor_783Uo {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
z-index: 1;
opacity: 0.45;
}
.cursor_783Uo.hidden_85xyc {
display: none;
}
.cursor_783Uo.pressed_Veotp {
opacity: 1;
}
.cursor_783Uo svg {
width: 100%;
height: 100%;
display: block;
}
.tick_yffLK {
color: #20c281;
}
.cross_s6Wgx {
color: #f24625;
}
.half_-seQ0 {
color: #ffb042;
}
.illustration_3wls- {
width: 100%;
height: 195px;
border-radius: 6px;
background: linear-gradient(147.3deg, #e9efff 15.89%, #cedcff 84.39%);
overflow: hidden;
padding: 17px 21px;
box-sizing: border-box;
}
.rows_G3CBQ {
display: flex;
flex-direction: column;
gap: 8px;
}
.row_xnhIl {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 4px 16px 4px 4px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.8);
box-sizing: border-box;
}
.rowLeft_0V0i- {
display: flex;
align-items: center;
gap: 0;
}
.mouseWrap_zh-2o {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
overflow: hidden;
}
.mouseImg_CxdEs {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
display: block;
}
.rowText_3bbho {
font-size: 14px;
line-height: 18px;
color: #606266;
white-space: nowrap;
}
.rowTextStrong_brMwJ {
font-weight: 600;
}
.rowIconWrap_g6Mg9 {
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.rowIconWrap_g6Mg9 svg {
width: 100%;
height: 100%;
display: block;
}
.rowIconTick_4LxQd {
color: #20c281;
}
.rowIconCross_JHTdK {
color: #f24625;
}
.rowIconHalf_D-A-h {
color: #ffb042;
}
.desc_NKEeg {
font-size: 12px;
line-height: 20px;
color: #424454;
}
.descHighlight_0bJlc {
font-weight: 600;
color: #2e73e5;
}
.board_S7IYM {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
}
.board_S7IYM .dom_widgets_RU0IO {
z-index: 20;
position: relative;
}
.board_S7IYM .dom_widgets_RU0IO.highIndex_ltWxo {
z-index: 22;
}
.board_S7IYM .control_area_q0G-O {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 21;
pointer-events: none;
overflow: hidden;
}
.board_S7IYM .canvas_PO4lW {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
font-size: 0;
overflow: hidden;
z-index: 1;
}
.board_S7IYM .canvas_PO4lW canvas {
position: absolute;
z-index: 10;
pointer-events: none;
}
.board_S7IYM .canvas_PO4lW .embedded_2KMuu {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
overflow: hidden;
pointer-events: none;
}
.board_S7IYM .cvsWidgets_rsSEr {
z-index: 2;
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
overflow: hidden;
}
.board_S7IYM .svgLayer_XfUdH {
z-index: 2;
position: absolute;
overflow: hidden;
pointer-events: none;
}
.line_width_container_dQqHC {
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.line_width_editor_TsR50 {
width: 75px;
}
.do-hovers .selected_color_box_jyKhg:hover {
background: var(--upime-btn-bg-hover);
}
.color_editor_4cWxM {
position: relative;
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.color_editor_4cWxM .selected_color_box_jyKhg {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.tick_slider_VYLag {
width: 150px;
}
.tick_slider_wrapper_sTmYe {
margin-bottom: 12px;
}
.label_gJec7 {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 12px;
margin: 12px 0 4px;
}
.label_gJec7.paddingTop_tV8-X {
padding-top: 15px;
}
.label_gJec7.noMarginTop_xj8sP {
margin-top: 0;
}
.bg_opacity_bdhtd {
width: 132px;
}
.element_name_nDDg3 {
position: absolute;
transform-origin: 0 0;
width: -moz-max-content;
width: max-content;
height: 100%;
padding: 0;
border: none;
outline: none;
overflow: hidden;
white-space: nowrap;
pointer-events: auto;
text-align: left;
background: transparent;
}
.temp_input_geZiU {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
text-align: left;
z-index: -1;
padding: 0;
border: none;
outline: none;
white-space: nowrap;
}
.simple_text_editor_Cg-ca {
position: absolute;
}
.simple_text_editor_Cg-ca .text_border_6o5W9 {
position: absolute;
transform-origin: left top;
font-size: 0;
}
.simple_text_editor_Cg-ca .textarea_ClLDp {
width: 100%;
height: auto;
max-height: 100%;
padding: 0;
border: none;
outline: none;
overflow: hidden;
word-break: break-word;
word-wrap: break-word;
pointer-events: auto;
display: inline-block;
background: transparent;
}
.simple_text_editor_Cg-ca .textarea_ClLDp::-webkit-input-placeholder {
color: #b1b1b1;
}
.editorBtn_nnwRZ {
border-radius: 0;
border-radius: initial;
}
.editorBtn_nnwRZ.active_1Th9u {
color: var(--upime-active);
}
.option_list_4AL-i {
display: flex;
flex-direction: row;
padding: 0 10px;
}
.type_select_0VbeX:last-child {
margin-bottom: 12px;
}
.type_select_0VbeX.type_select_padding_KEKML {
width: 180px;
padding: 0 12px;
}
.video_player_7L5qi {
position: absolute;
}
.video_player_7L5qi > video {
pointer-events: auto;
width: 100%;
height: 100%;
}
.rich_text_textarea_aROrx {
position: absolute;
pointer-events: none;
opacity: 0;
color: transparent;
border: none;
caret-color: transparent;
outline: none;
background-color: transparent;
box-sizing: border-box;
padding: 0;
width: 60px;
overflow: hidden;
z-index: 9999999;
}
.rich_text_textarea_aROrx.isTouchSupported_6R6KQ {
opacity: 1;
width: 40px;
padding: 0 20px;
transform: translateX(-50%);
}
.rich_text_textarea_aROrx.isTouchSupported_6R6KQ.hasCursor_CVyGh {
pointer-events: auto;
}
.rich_text_textarea_aROrx.ipad_vMamk {
caret-color: black;
caret-shape: underscore;
}
.rich_text_textarea_aROrx.iphone_-Kbgg {
opacity: 1;
}
.time_duration_qTxoC {
width: 68px;
color: #0c1024;
}
.time_duration_qTxoC .option_list_4AL-i {
display: flex;
flex-direction: row;
padding: 10px;
margin: auto -10px;
width: 100px;
flex-wrap: wrap;
justify-content: space-around;
font-size: 14px;
}
.time_duration_qTxoC .option_list_4AL-i > div {
width: 100%;
padding: 8px 12px;
height: 33px;
}
.time_duration_qTxoC .option_list_4AL-i > div:hover {
background-color: #f5f6f6;
}
.shape_switch_vkz8i {
width: 40px;
}
.shape_switch_vkz8i .shape_op_container_StH0H {
width: 212px;
padding: 16px 4px 16px 16px;
height: 100%;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP {
width: 100%;
padding-right: 8px;
overflow: auto;
max-height: 216px;
height: 100%;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP::-webkit-scrollbar {
width: 4px;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP .option_list_4AL-i {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-size: 14px;
border-radius: 4px;
gap: 12px;
padding: 0;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP .option_list_4AL-i .shape_8WXUw {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP .option_list_4AL-i .disabledText_zkLBJ {
color: #d8d8d8;
cursor: not-allowed;
}
.shape_switch_vkz8i .shape_op_container_StH0H .shape_op_mid_04afP .option_divider_sEftG {
width: 100%;
margin: 8px 0;
border-top: 1px solid #e6e7e9;
}
.do-hovers .shape_switch_vkz8i .option_list_4AL-i .shape_8WXUw:hover {
background-color: #f5f6f6;
}
.do-hovers .shape_switch_vkz8i .option_list_4AL-i .shape_8WXUw.disabledHover_BeOM2:hover {
background-color: transparent;
}
.tipBorder_yXRpE {
position: fixed;
z-index: 102;
pointer-events: none;
}
.tipBorder_yXRpE .contentWrapper_C9H9D {
position: absolute;
--tip-width-offset: 12px;
left: 50%;
transform: translate(-50%, 0);
bottom: calc(100% + 12px);
}
.tipBorder_yXRpE .contentWrapper_C9H9D .tipMid_bTLR9 {
color: var(--upime-tip);
background-color: var(--upime-tip-bg);
padding: 8px;
border-radius: 2px;
position: relative;
}
.tipBorder_yXRpE .contentWrapper_C9H9D .tipMid_bTLR9:after {
content: "";
position: absolute;
display: block;
width: 8px;
height: 8px;
background: var(--upime-tip-bg);
transform: translate(-50%, -50%) rotate(45deg);
z-index: 0;
left: 50%;
bottom: -8px;
}
.tipBorder_yXRpE .contentWrapper_C9H9D.light_zxiXT .tipMid_bTLR9 {
color: var(--upime-main-text);
background-color: var(--upime-tip);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.tipBorder_yXRpE .contentWrapper_C9H9D.light_zxiXT .tipMid_bTLR9:after {
background: var(--upime-tip);
}
.tipBorder_yXRpE .contentWrapper_C9H9D .content_Gd5o6 {
font-size: 12px;
line-height: 18px;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: -moz-max-content;
width: max-content;
max-width: 184px;
word-break: break-word;
white-space: pre-wrap;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.tipBorder_yXRpE .contentWrapper_C9H9D.interactive_rTf83 {
pointer-events: all;
bottom: calc(100%);
padding-bottom: 12px;
}
.webOfficeFullScreenCmpContainer_lUZIe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 50;
}
.windowWebViewCmpContainer_5nb2q {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 51;
}
.hybridTextStylePanel_I0RD9 {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
background-color: #ffffff;
border-radius: 4px;
}
.textFormatOptions_U72lp {
display: flex;
gap: 8px;
align-items: center;
}
.formatOption_kgxq7 {
padding: 6px;
border-radius: 2px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
box-sizing: border-box;
}
.formatOption_kgxq7.formatOptionActive_Sm6p7 {
color: #2e73e5;
background-color: #eaf1fc;
}
.divider_kIBBd {
width: 100%;
height: 1px;
background-color: #e6e7e9;
}
.alignmentOptions_NNmEl {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
}
.horizontalAlignOptions_W2w2F,
.verticalAlignOptions_NF4T0 {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.alignOption_KQC81 {
padding: 6px;
border-radius: 2px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
box-sizing: border-box;
}
.alignOption_KQC81.alignOptionActive_8jmT- {
color: #2e73e5;
background-color: #eaf1fc;
}
.lineSpacingRowContainer_1-dk4 {
width: 100%;
}
.lineSpacingRow_LszMT {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 4px;
border-radius: 4px;
cursor: pointer;
font-size: 12px;
color: #202022;
line-height: 20px;
}
.lineSpacingValue_Q2glv {
display: flex;
align-items: center;
gap: 4px;
color: #909399;
font-size: 12px;
line-height: 20px;
}
.lineSpacingEditBox_FmACo {
background-color: white;
border-radius: 2px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
pointer-events: all;
cursor: default;
}
.do-hovers .formatOption_kgxq7:hover {
background-color: #f5f6f6;
}
.do-hovers .formatOption_kgxq7.formatOptionActive_Sm6p7:hover {
background-color: #dce3ed;
}
.do-hovers .alignOption_KQC81:hover {
background-color: #f5f6f6;
}
.do-hovers .alignOption_KQC81.alignOptionActive_8jmT-:hover {
background-color: #dce3ed;
}
.do-hovers .lineSpacingRow_LszMT:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.cm_item_4fHix {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_4fHix.disabled_nizOb {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_4fHix.autoWidth_NmWMJ {
width: auto;
min-width: 40px;
}
.icon_box_0cIMS {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_0cIMS.active_g1tLh {
color: var(--upime-active);
}
.bling_item_w0X2N {
opacity: 0.8;
}
.hidden_fL8fk {
visibility: hidden !important;
}
.hidden_all_LJ1tD {
visibility: hidden !important;
}
.hidden_all_LJ1tD * {
visibility: hidden !important;
}
.show_all_3a1FR {
visibility: visible !important;
}
.show_all_3a1FR * {
visibility: visible !important;
}
.pane_4dEAm {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_WuR-7 {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_-6pHN {
visibility: hidden;
opacity: 0;
animation: show_WuR-7 0.5s forwards;
}
@keyframes show_scale_j-dpW {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_j-dpW {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_j-dpW 0.3s forwards;
}
.show_scale_j-dpW.right_gXRxE {
transform-origin: left center;
}
.show_scale_j-dpW.left_tazJf {
transform-origin: right center;
}
.show_scale_j-dpW.bottom_do6lQ {
transform-origin: center top;
}
.show_scale_j-dpW.top_mkzKf {
transform-origin: center bottom;
}
.show_scale_j-dpW.left_top_5hhhU {
transform-origin: right top;
}
.show_scale_j-dpW.top_left_o3-jX {
transform-origin: bottom left;
}
.show_scale_j-dpW.bottom_left_9La6R {
transform-origin: top left;
}
.show_scale_j-dpW.top_right_-Gxd- {
transform-origin: bottom right;
}
.show_scale_j-dpW.bottom_right_IdA4I {
transform-origin: top right;
}
.show_scale_j-dpW.right_top_scCzZ {
transform-origin: left top;
}
.show_scale_j-dpW.right_bottom_TmHjl {
transform-origin: left bottom;
}
.show_scale_j-dpW.left_bottom_Z6U5J {
transform-origin: right bottom;
}
.btn_style_VAxi0 {
cursor: pointer;
}
.btn_style_VAxi0:active,
.btn_style_VAxi0.on_gJV0m {
color: var(--upime-active);
}
.btn_style_VAxi0.disabled_nizOb {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_l0mHi {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_0cIMS:hover {
opacity: 1;
}
.do-hovers .bling_item_w0X2N:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_VAxi0:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_l0mHi:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_PWkbD:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_Z54da:hover {
color: var(--upime-main-text);
}
.rotateY180_cPOqZ {
transform: rotateY(180deg);
}
.titleIcon_PWkbD {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_PWkbD.active_g1tLh {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_PWkbD.active_g1tLh {
color: var(--upime-active);
}
.moreIcon_Z54da {
cursor: pointer;
}
.moreIcon_Z54da svg {
color: #303445;
}
.moreIcon_Z54da.active_g1tLh svg {
color: var(--upime-main-text);
}
@keyframes loading_7PIS0 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_xkP17 {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_7PIS0 1s linear infinite forwards;
}
.AIButtonContainer_ljJKC {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_ljJKC.transparent_zl-yR {
opacity: 0;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ.AIShow_-zeMB {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ.AIHide_m1w1Z {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ.AIButtonHover_VBgyJ:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ.AIButtonDisabled_Tggo9 {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_ljJKC .AIButtonWrapper_Cy7V9 .AIButtonImageContainer_5vRrJ .AIButtonImage_IgqT1 {
width: 32px;
height: 32px;
}
.sub_win_container_FGZLv {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_FGZLv::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_FGZLv::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_FGZLv::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_FGZLv .sub_win_child_wrapper_kPRNr:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_FGZLv .sub_win_child_wrapper_kPRNr:not(:first-child) .sub_win_child_T-DtE {
padding-top: 0;
}
.sub_win_flexalbe_container_WhjBW {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_WhjBW * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr:not(:first-child) .flexable_scroll_inner_XdLVq {
padding-top: 0px;
}
.phoneMode .sub_win_container_FGZLv {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_WhjBW {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_Y3-qr {
animation: safariUpdate_wdRuH 0.1s forwards;
}
.safariOn .sub_win_container_FGZLv {
animation: safariUpdate_wdRuH 0.1s forwards;
}
@keyframes safariUpdate_wdRuH {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_8xf3u {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_8xf3u .noColorStylePart_CCSX6 + .noColorStylePart_CCSX6 {
margin-top: 8px;
}
.noColorStyleContainer_8xf3u .partlabel_ahkJF {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_8xf3u .partlabel_ahkJF.disabled_nizOb {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_FGZLv,
.phoneMode .sub_win_flexalbe_container_WhjBW {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_FGZLv .flexable_scroll_wrapper_Y3-qr:not(:first-child),
.phoneMode .sub_win_flexalbe_container_WhjBW .flexable_scroll_wrapper_Y3-qr:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_8xf3u {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_8xf3u .noColorStylePart_CCSX6 + .noColorStylePart_CCSX6 {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_8xf3u .partlabel_ahkJF {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_4kGIg {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_4kGIg.active_g1tLh {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_a3E2X.active_g1tLh {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_4kGIg:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_4kGIg:hover.active_g1tLh {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_a3E2X:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_a3E2X:hover.active_g1tLh {
color: #2E73E5;
background-color: #dce3ed;
}
.button_D5pTt {
border-color: transparent;
border-width: 0;
background-color: transparent;
cursor: pointer;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.button_D5pTt.large_7v3BB {
padding: 10px;
line-height: 24px;
font-size: 16px;
}
.button_D5pTt.small_mYUHx {
padding: 0;
}
.button_D5pTt.disabled_W37NS {
cursor: not-allowed;
}
.button_D5pTt.newUI_q4hpu {
padding: 6px 12px;
}
.primary_T0AXs {
background-color: var(--upime-active);
color: white;
}
.primary_T0AXs:active:not(.disabled_W37NS) {
background-color: var(--upime-primary-btn-active-bg) !important;
}
.primary_T0AXs.disabled_W37NS {
color: #ffffff;
background-color: var(--upime-primary-btn-disabled-bg);
}
.danger_YlAYO {
background-color: var(--upime-danger);
color: white;
}
.danger_YlAYO:active:not(.disabled_W37NS) {
background-color: var(--upime-danger-btn-active-bg) !important;
}
.danger_YlAYO.disabled_W37NS {
color: #ffffff;
background-color: var(--upime-danger-btn-disabled-bg);
}
.text_NIZBc {
color: var(--upime-primary-btn-active-bg);
}
.text_NIZBc:active:not(.disabled_W37NS) {
color: var(--upime-primary-btn-active-bg) !important;
}
.text_NIZBc.disabled_W37NS {
color: var(--upime-primary-btn-disabled-bg);
}
.secondary_i2Bup {
border: 1px solid #e6e7e9;
color: var(--upime-main-text);
}
.secondary_i2Bup:active:not(.disabled_W37NS) {
color: var(--upime-secondary-btn-active-bg) !important;
}
.secondary_i2Bup:active:not(.disabled_W37NS) {
border: 1px solid var(--upime-secondary-btn-active-bg);
}
.secondary_i2Bup.disabled_W37NS {
color: var(--upime-secondary-btn-disabled-bg);
border: 1px solid var(--upime-secondary-btn-disabled-bg);
}
.ghost_uURRC {
border: 1px solid var(--upime-active);
color: var(--upime-active);
background-color: white;
}
.ghost_uURRC:active:not(.disabled_W37NS) {
color: var(--upime-primary-btn-active-bg) !important;
}
.ghost_uURRC:active:not(.disabled_W37NS) {
border: 1px solid var(--upime-primary-btn-active-bg);
}
.ghost_uURRC.disabled_W37NS {
color: var(--upime-secondary-btn-disabled-bg);
border: 1px solid var(--upime-secondary-btn-disabled-bg);
}
.plain_eqvTj {
border: 1px solid rgba(255, 255, 255, 0.45);
}
.plain_eqvTj:active:not(.disabled_W37NS) {
background-color: rgba(255, 255, 255, 0.08);
}
.plain_eqvTj.disabled_W37NS {
color: rgba(255, 255, 255, 0.45) !important;
}
.plain_eqvTj.disabled_W37NS {
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(255, 255, 255, 0.04);
}
.do-hovers .button_D5pTt:hover:not(.disabled_W37NS) {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .primary_T0AXs:hover:not(.disabled_W37NS) {
background-color: var(--upime-primary-btn-hover-bg);
}
.do-hovers .text_NIZBc:hover:not(.disabled_W37NS) {
background-color: transparent;
background-color: initial;
color: var(--upime-primary-btn-hover-bg);
}
.do-hovers .danger_YlAYO:hover:not(.disabled_W37NS) {
background-color: var(--upime-danger-btn-hover-bg);
}
.do-hovers .secondary_i2Bup:hover:not(.disabled_W37NS) {
border: 1px solid var(--upime-secondary-btn-hover-bg);
color: var(--upime-secondary-btn-hover-bg);
background-color: transparent;
background-color: initial;
}
.do-hovers .ghost_uURRC:hover:not(.disabled_W37NS) {
border: 1px solid var(--upime-primary-btn-hover-bg);
color: var(--upime-primary-btn-hover-bg);
background-color: white;
}
.do-hovers .plain_eqvTj:hover:not(.disabled_W37NS) {
background-color: transparent;
background-color: rgba(255, 255, 255, 0.08);
}
.radioGroupContainer_pevtq {
display: flex;
align-items: center;
}
.radioGroupContainer_pevtq.horizontal_2qGaC {
flex-direction: row;
}
.radioGroupContainer_pevtq.vertical_btrMn {
flex-direction: column;
}
.radioGroupContainer_pevtq .labelContainer_SwdYv {
position: relative;
display: flex;
flex-direction: row;
min-width: 24px;
min-height: 24px;
align-items: center;
}
.radioGroupContainer_pevtq .labelContainer_SwdYv span {
font-size: 14px;
line-height: 22px;
padding-left: 28px;
}
.radioLabel_COmdp {
display: inline-block;
}
.radioLabel_COmdp::before {
width: 16px;
height: 16px;
top: 50%;
transform: translate(0, -50%);
border: 1px solid #ccc;
transition: border-color 250ms, background-color 250ms, opacity 250ms;
position: absolute;
content: "";
border-radius: 100%;
box-sizing: border-box;
}
.radioChecked_WPoB6::before {
border: 5px solid var(--upime-active);
}
.radioLabel_COmdp::after {
left: 5px;
width: 6px;
height: 6px;
top: 50%;
transform: translate(0, -50%);
background-color: #fff;
transform-origin: center;
transition: transform 250ms 200ms;
position: absolute;
content: "";
border-radius: 100%;
box-sizing: border-box;
}
.radioChecked_WPoB6::after {
background-color: #fff;
}
.toggleRoot_aNqnD {
position: relative;
display: inline-block;
width: 28px;
height: 16px;
}
.toggleRoot_aNqnD input {
opacity: 0;
width: 0;
height: 0;
}
.toggleRoot_aNqnD .slider_QyaTj {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: 0.4s;
}
.toggleRoot_aNqnD .slider_QyaTj:before {
position: absolute;
content: "";
height: 12px;
width: 12px;
left: 2px;
bottom: 2px;
background-color: white;
transition: 0.4s;
}
.toggleRoot_aNqnD input:checked + .slider_QyaTj {
background-color: var(--upime-active);
}
.toggleRoot_aNqnD input:focus + .slider_QyaTj {
box-shadow: 0 0 1px var(--upime-active);
}
.toggleRoot_aNqnD input:checked + .slider_QyaTj:before {
left: 14px;
}
.toggleRoot_aNqnD .slider_QyaTj.round_sdroI {
border-radius: 8px;
}
.toggleRoot_aNqnD .slider_QyaTj.round_sdroI:before {
border-radius: 50%;
}
.icon_1i5TE {
font-size: 24px;
width: 1em;
height: 1em;
fill: currentColor;
flex-shrink: 0;
}
.avatar_uk-b8 {
width: 32px;
height: 32px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--upime-avatar-bg);
}
.avatar_uk-b8.rect_WUUjC {
border-radius: 4px;
}
.avatar_uk-b8.circle_R6gya {
border-radius: 50%;
}
.inputContainer_Oqp1v {
height: 36px;
position: relative;
border: 1px solid #dbdbde;
border-radius: 4px;
margin-bottom: 16px;
margin: 16px;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.inputContainer_Oqp1v.active_DGAqI {
border-color: var(--upime-active);
}
.inputContainer_Oqp1v .inputHeadIcon_qmR-y {
width: 20px;
height: 20px;
left: 12px;
margin-left: 12px;
color: #979797;
}
.inputContainer_Oqp1v .input_Ui-Cx {
border: none !important;
}
.inputContainer_Oqp1v .input_Ui-Cx {
height: 22px;
flex: 1 1;
min-width: 0;
margin-left: 8px;
font-size: 14px;
color: var(--upime-main-text);
}
.inputContainer_Oqp1v ::-moz-placeholder {
color: var(--upime-disable);
font-size: 14px;
}
.inputContainer_Oqp1v ::placeholder {
color: var(--upime-disable);
font-size: 14px;
}
.inputContainer_Oqp1v .inputTail_9G96j {
height: 100%;
align-items: center;
display: flex;
flex-direction: row;
justify-content: flex-end;
margin-right: 12px;
margin-left: 8px;
}
.inputContainer_Oqp1v .inputTail_9G96j .clearInput_MBaqJ {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--upime-disable);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.inputContainer_Oqp1v .inputTail_9G96j .clearInput_MBaqJ svg {
color: white;
width: 12px;
height: 12px;
}
.inputContainer_Oqp1v .inputTail_9G96j .counter_IqSZd {
margin-left: 8px;
line-height: 22px;
font-size: 14px;
color: var(--upime-second-text);
white-space: nowrap;
}
.do-hovers .inputContainer_Oqp1v:hover {
border-color: var(--upime-active);
}
.input_wrapper_KsDRo {
position: relative;
}
.input_XM4Nw {
width: 100%;
padding: 10px 34px 10px 12px;
border-radius: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: hidden;
border: 1px solid #dbdbde;
outline: none;
color: #0c1024;
font-size: 14px;
height: 40px;
}
.input_XM4Nw::-moz-placeholder {
color: #91939c;
}
.input_XM4Nw::placeholder {
color: #91939c;
}
.input_XM4Nw:focus {
border: 1px solid #2e73e5;
}
.input_XM4Nw.error_i8nYF {
border: 1px solid #fe5250;
}
.delete_btn_ZugrK {
margin-left: 12px;
width: 18px;
height: 18px;
cursor: pointer;
position: absolute;
}
.delete_btn_ZugrK svg {
color: #d8d8d8;
display: block;
font-size: 18px;
}
.delete_btn_ZugrK.addInputClearBtn_DsvNl {
right: 12px;
top: 11px;
}
.delete_btn_ZugrK.editInputClearBtn_8SDzC {
right: 12px;
top: 9px;
}
.error_msg_C-VDi {
margin-top: 4px;
line-height: 20px;
color: #fe5250;
font-size: 14px;
word-break: break-word;
}
.root_k0rTB {
display: flex;
flex-direction: row;
align-items: center;
height: 20px;
}
.root_k0rTB .outer_978-q {
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
border-radius: 50%;
cursor: pointer;
}
.root_k0rTB .outer_978-q .inner_0I--P {
width: 12px;
height: 12px;
border-radius: 50%;
}
.root_k0rTB .outer_978-q .inner_0I--P.showOutline_6RgpD {
width: 16px;
height: 16px;
border: 2px solid white;
}
.root_k0rTB .outer_978-q.hideBg_AamrV {
background-color: transparent !important;
background-color: initial !important;
}
.dialogContainer_WoB2Q {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
gap: 12px;
width: 480px;
padding: 24px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 12px;
}
@media (max-width: 500px) {
.dialogContainer_WoB2Q {
width: calc(100% - 16px);
}
}
.closeIcon_-bmQy {
position: absolute;
right: 16px;
top: 16px;
cursor: pointer;
}
.leftContainer_HWDUn .icon_ERiej {
width: 28px;
height: 28px;
}
.rightContainer_O-jZ- {
flex: 1;
}
.titleContainer_p7kb7 .title_1zXC5 {
color: #0c1024;
font-size: 20px;
font-weight: 600;
line-height: 28px;
word-break: normal;
}
.bodyContainer_TnsHo {
margin-top: 12px;
max-width: 100%;
color: #303445;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.bodyContainer_TnsHo .content_oGSfr {
word-break: normal;
}
.footerContainer_cdk4S {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-top: 24px;
gap: 12px;
}
.footerContainer_cdk4S .button_LmlXk {
padding-left: 16px;
padding-right: 16px;
min-width: 72px;
}
.operation_tips_Hk4vy {
pointer-events: none;
}
.operation_tips_Hk4vy .container_STmox {
padding: 28px 32px 36px 32px;
border-radius: 4px;
background-color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
}
.operation_tips_Hk4vy .container_STmox.active_HPotL {
visibility: visible;
opacity: 1;
}
.operation_tips_Hk4vy .container_STmox .close_-Ioow {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
pointer-events: auto;
color: white;
}
.operation_tips_Hk4vy .container_STmox .title_RVDXG {
height: 24px;
line-height: 24px;
color: #ffffff;
font-size: 16px;
margin-bottom: 24px;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf .item_OKGU1 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf .item_OKGU1:not(:last-child)::before {
display: inline-block;
content: "";
width: 1px;
height: 25px;
position: absolute;
right: -20px;
top: 28px;
background: white;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf .item_OKGU1 .icon_FMAwv {
font-size: 80px;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf .item_OKGU1 .text_EU7Xt {
line-height: 22px;
max-width: 185px;
min-width: 112px;
font-size: 14px;
text-align: center;
word-break: break-word;
color: #dbdbde;
}
.operation_tips_Hk4vy .container_STmox .content_ldsUf .item_OKGU1:not(:first-child) {
margin-left: 40px;
}
.do-hovers .operation_tips_Hk4vy .container_STmox .close_-Ioow:hover {
color: var(--upime-active);
}
.insert_panel_H-PA7 {
background: #fff;
position: absolute;
right: 8px;
bottom: 56px;
padding: 24px;
width: 368px;
height: 392px;
border-radius: 8px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
pointer-events: auto;
}
.insert_panel_H-PA7 .content_-jdKI {
flex: 1;
display: flex;
flex-direction: column;
}
.insert_panel_H-PA7 .content_-jdKI .header_aLVPt {
display: flex;
justify-content: space-between;
align-items: center;
}
.insert_panel_H-PA7 .content_-jdKI .close_ZAlxu {
color: #979797;
cursor: pointer;
font-size: 20px;
}
.insert_panel_H-PA7 .content_-jdKI .title_Nka9P {
height: 28px;
font-size: 20px;
line-height: 28px;
color: var(--upime-main-text);
font-weight: 600;
}
.insert_panel_H-PA7 .content_-jdKI .desc_ms-cM {
min-height: 22px;
margin-top: 8px;
line-height: 22px;
color: #616371;
font-size: 14px;
word-break: break-word;
}
.insert_panel_H-PA7 .content_-jdKI .text_1MQWq {
margin: 40px 0 12px 0;
color: var(--upime-main-text);
font-size: 16px;
height: 24px;
line-height: 24px;
}
.insert_panel_H-PA7 .content_-jdKI .body_Qd0T1 {
width: 320px;
height: 180px;
border-radius: 4px;
background-color: #ececee;
margin-top: 24px;
}
.insert_panel_H-PA7 .actions_X6k5g {
display: flex;
justify-content: space-between;
align-items: center;
}
.insert_panel_H-PA7 .actions_X6k5g .page_PBWmY {
color: var(--upime-main-text);
font-size: 14px;
align-items: flex-start;
}
.insert_panel_H-PA7 .actions_X6k5g .btn_group_GepIs {
display: flex;
}
.insert_panel_H-PA7 .actions_X6k5g .confirm_G6827 {
font-size: 14px;
padding: 7px 23px;
}
.insert_panel_H-PA7 .actions_X6k5g .confirm_G6827:not(:first-child) {
margin-left: 12px;
}
.do-hovers .close_ZAlxu:hover {
color: var(--upime-active);
}
.guide_active_-DCK8 {
height: 32px;
width: 32px;
position: absolute;
border: 2px solid #ffa519;
border-radius: 2px;
box-shadow: 0px 0px 8px 0px rgba(255, 165, 25, 0.2);
pointer-events: none;
}
.guide_active_-DCK8 .guide_dot_jCI2r {
position: absolute;
height: 10px;
width: 10px;
border-radius: 50%;
background: #ffa519;
top: 50%;
right: -10px;
transform: translate(100%, -50%);
margin: auto;
}
.guide_active_-DCK8 .guide_dot_jCI2r::after {
content: "";
position: absolute;
height: 20px;
width: 20px;
background: rgba(255, 165, 25, 0.2);
border-radius: 50%;
top: -50%;
left: -50%;
margin: auto;
animation: GuidepopupLight_VGSoI 1s ease-in-out infinite;
}
@keyframes GuidepopupLight_VGSoI {
0% {
transform: scale(1);
}
50% {
transform: scale(1.3);
}
to {
transform: scale(1);
}
}
.selectEle_Kqse6 {
pointer-events: auto;
}
.toolbar_comment_Yj65f {
pointer-events: auto;
}
.toolbar_text_2dr2I {
pointer-events: auto;
}
.toolbar_sticker_W7yIR {
pointer-events: auto;
}
.toolbar_shape_wr3Cm {
pointer-events: auto;
}
.toolbar_connection_line_9L2VH {
pointer-events: auto;
}
@keyframes guideShow_P1r7P {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideIn_npWct {
from {
transform: translateX(300px);
}
to {
transform: translateX(0);
}
}
.singleStepUserGuideDialog_GBRGa {
position: fixed;
right: 8px;
bottom: 56px;
}
.singleStepUserGuideDialog_GBRGa.stepGuideAnimation_wgsf6 {
animation: guideShow_P1r7P 300ms linear, slideIn_npWct 300ms ease-out;
}
.singleStepUserGuideDialog_GBRGa.bigScreenMode_pmwTK {
bottom: 68px;
}
.phoneModal_XNKkV {
width: 278px;
min-height: 120px;
max-height: 80%;
border-radius: 8px;
background-color: #ffffff;
display: flex;
flex-direction: column;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.phoneModal_XNKkV .header_hSekh {
line-height: 24px;
color: var(--upime-main-text);
font-size: 16px;
align-self: center;
margin-top: 24px;
font-weight: 600;
padding: 0 20px;
text-align: center;
word-break: break-word;
}
.phoneModal_XNKkV .body_Fvfnz {
flex: 1;
overflow-y: scroll;
line-height: 22px;
color: var(--upime-main-text);
font-size: 14px;
padding: 0 20px;
margin-top: 8px;
word-break: break-word;
}
.phoneModal_XNKkV .simpleBody_apVS0 {
text-align: center;
}
.phoneModal_XNKkV .footer_a-xfE {
display: flex;
height: 48px;
line-height: 48px;
margin-top: 24px;
border-top: 1px solid #E6E7E9;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.phoneModal_XNKkV .footer_a-xfE.noFooterBtn_OiiTb {
height: 0;
border-top: 0;
border-top: initial;
}
.phoneModal_XNKkV .footer_a-xfE .btn_H6AuQ {
height: 100%;
font-size: 16px;
flex: 1;
text-align: center;
}
.phoneModal_XNKkV .footer_a-xfE .btn_H6AuQ:not(:last-child) {
border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.textAlignCenter_OUd34 {
text-align: center;
}
.primary_LXZmL {
color: var(--upime-active);
}
.danger_1sNlN {
color: var(--upime-danger);
}
.simpleFooterWrap_3-Dqh {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
border-top: 1px solid #E6E7E9;
margin-top: 24px;
}
.simpleFooterWrap_3-Dqh .defaultCancelBtn_Q-k-n,
.simpleFooterWrap_3-Dqh .defaultConfirmBtn_cUfg1 {
height: 48px;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #0C1024;
}
.simpleFooterWrap_3-Dqh .defaultCancelBtn_Q-k-n:not(:last-child),
.simpleFooterWrap_3-Dqh .defaultConfirmBtn_cUfg1:not(:last-child) {
border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.simpleFooterWrap_3-Dqh .defaultCancelBtn_Q-k-n.dangerBtn_BVZPx,
.simpleFooterWrap_3-Dqh .defaultConfirmBtn_cUfg1.dangerBtn_BVZPx {
color: var(--upime-danger);
}
.simpleFooterWrap_3-Dqh .defaultConfirmBtn_cUfg1 {
color: #2E73E5;
}
.mainUI_ixPx7 {
touch-action: none !important;
}
.mainUI_ixPx7 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
font-size: 14px;
}
.mainUI_ixPx7 *,
.mainUI_ixPx7 *::before,
.mainUI_ixPx7 *::after {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
word-break: break-all;
}
.mainUI_ixPx7 input,
.mainUI_ixPx7 textarea {
outline: none !important;
resize: none !important;
-webkit-user-select: text !important;
-moz-user-select: text !important;
user-select: text !important;
}
.mainContent_xhr9m {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.loadingSkeleton_OF7o4 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.loadingSkeleton_OF7o4 .progress_ITZ3l {
position: absolute;
left: 0;
top: 0;
height: 4px;
width: 0;
background-color: #2e73e5;
z-index: 1;
}
.popWindow_iLTOb,
.toasts_W1Egl {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.toastWidget_Vs3-K {
pointer-events: auto;
z-index: 101;
position: absolute;
max-width: 440px;
min-height: 48px;
padding: 12px 16px;
border-radius: 4px;
background-color: #000000;
display: flex;
flex-direction: row;
align-items: center;
top: 0;
transform: translate(-50%, -10px);
left: 50%;
opacity: 0;
transition: all 0.2s;
}
.toastWidget_Vs3-K.slim_3xF-Q {
display: inline-flex;
padding: 6px 12px 6px 16px;
}
.toastWidget_Vs3-K.slim_3xF-Q .btn_Vf4S8 {
margin-left: 12px;
}
.toastWidget_Vs3-K.atBottom_cNUk7 {
bottom: 64px;
top: auto;
top: initial;
transform: translate(-50%, 0);
}
.toastWidget_Vs3-K .icon_g4ynk {
width: 24px;
height: 24px;
}
.toastWidget_Vs3-K .type_5ZciE {
width: 20px;
height: 20px;
}
.toastWidget_Vs3-K .type_5ZciE .loading_yHqJA {
width: 20px;
height: 20px;
color: #fff;
animation: loading_yHqJA 1.5s linear infinite forwards;
}
.toastWidget_Vs3-K .type_5ZciE .warning_bPmyA {
color: #ffa519;
}
.toastWidget_Vs3-K .type_5ZciE .icon_g4ynk {
font-size: 20px;
}
.toastWidget_Vs3-K .content_P7gR0 {
margin-left: 10px;
width: calc(100% - 30px);
line-height: 22px;
font-size: 14px;
color: #ffffff;
word-break: break-word;
display: flex;
align-items: center;
text-align: left;
}
.toastWidget_Vs3-K .content_P7gR0.pureText_P1fel {
text-align: center;
}
.toastWidget_Vs3-K .normalContent_gDtEV {
margin-left: 0;
width: -moz-max-content;
width: max-content;
max-width: 100%;
}
.toastWidget_Vs3-K.show_R9QRu {
opacity: 1;
transition: all 0.5s;
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m {
max-width: 242px;
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m.slim_3xF-Q {
width: calc(100% - 16px);
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m.slim_3xF-Q .normalContent_gDtEV {
width: auto;
width: initial;
flex: auto;
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m.slim_3xF-Q .closeIconContainer_XWM2z {
flex: none;
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m.slim_3xF-Q .btn_Vf4S8 {
margin-left: auto;
}
.toastWidget_Vs3-K.phoneToastWidget_pvG6m.hasButton_rjfIR {
max-width: calc(100% - 16px);
padding: 12px 16px;
}
.toastWidget_Vs3-K .btn_Vf4S8 {
height: 32px;
margin-left: 16px;
line-height: 22px;
padding: 5px 12px;
font-size: 14px;
color: #ffffff;
background-color: #2e73e5;
border-radius: 4px;
cursor: pointer;
flex: none;
}
.toastWidget_Vs3-K .divider_tUkK3 {
width: 1px;
height: 20px;
flex-shrink: 0;
background: rgba(255, 255, 255, 0.25);
margin-left: 16px;
}
.toastWidget_Vs3-K.showDivider_hiUOb .closeIconContainer_XWM2z {
margin-left: 8px;
}
@keyframes loading_yHqJA {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.bigScreenOn .toastWidget_Vs3-K.atBottom_cNUk7 {
bottom: 76px;
}
.shortTrans_JSFWj {
transition: all 0.1s ease-in;
}
.hideBottomCtrl_u9Gjk .bottom_ui_nYaXY {
bottom: -60px !important;
}
.bottom_ui_nYaXY {
z-index: 20;
transition: bottom 0.3s;
}
.hideMeetingCtrl_ESUtv .bottom_meeting_ui_r506i {
bottom: -80px !important;
}
.bottom_meeting_ui_r506i {
transition: bottom 0.3s;
}
.dialogWindow_huNKQ {
pointer-events: auto;
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: block;
position: absolute;
z-index: 100;
left: 0;
top: 0;
}
.dialogWindow_huNKQ.pierceBg_l1X6M {
pointer-events: none;
background-color: transparent;
}
.dialogWindow_huNKQ .mask_aSe2R {
width: 100%;
height: 100%;
}
.fixedFooter_VDucw {
position: absolute;
bottom: 0;
width: 100%;
}
.phoneDrawerCover_qXnI3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.coverVisible_rOipZ {
background-color: rgba(0, 0, 0, 0.5);
}
.phoneDrawer_jGmrB {
position: absolute;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
left: 0;
min-height: 50px;
max-height: calc(100% - 98px);
width: 100%;
background: white;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
transform: translate(0, calc(1vh * 100));
transform: translate(0, calc(var(--vh, 1vh) * 100));
transition: transform 0.1s linear;
display: flex;
flex-direction: column;
}
.phoneDrawer_jGmrB.landscape_YbGnn {
max-height: calc(100% - 40px);
}
.phoneDrawer_jGmrB .swipeArea_XxOHu {
width: 100%;
height: 20px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.phoneDrawerDialog_nNA4O {
position: absolute;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
left: 0;
min-height: 50px;
max-height: calc(100% - 98px);
width: 100%;
background: white;
z-index: 26;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
transform: translate(0, 20px);
transition: transform 0.3s linear;
display: flex;
flex-direction: column;
overflow: auto;
font-size: 16px;
will-change: transform;
}
.phoneDrawerDialog_nNA4O .swipeArea_XxOHu {
width: 100%;
height: 20px;
flex-shrink: 0;
}
.phoneDrawerDialog_nNA4O .phoneDrawerCancel_sCJpg {
height: 54px;
line-height: 54px;
text-align: center;
}
.phoneDrawerDialog_nNA4O .divider_tUkK3 {
height: 6px;
background-color: #f5f6f6;
}
.phoneDrawerDialog_nNA4O .phoneDrawerConfirmFooter_4PyA- {
display: flex;
gap: 12px;
padding: 16px;
flex-shrink: 0;
}
.phoneDrawerDialog_nNA4O .phoneDrawerCancelBtn_7JWCu,
.phoneDrawerDialog_nNA4O .phoneDrawerConfirmBtn_BH2H5 {
flex: 1;
height: 48px;
line-height: 48px;
text-align: center;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
.phoneDrawerDialog_nNA4O .phoneDrawerCancelBtn_7JWCu {
background: #fff;
background: var(--Neutral-colorBg-Container, #fff);
border: 1px solid #dbdbde;
border: 1px solid var(--Neutral-colorBorder-Deep, #dbdbde);
color: var(--upime-main-text);
color: var(--Neutral-colorText-Primary, var(--upime-main-text));
}
.phoneDrawerDialog_nNA4O .phoneDrawerConfirmBtn_BH2H5 {
background: var(--upime-active);
color: #fff;
}
.do-hovers .phoneDrawerDialog_nNA4O .phoneDrawerCancelBtn_7JWCu:hover {
background: #f5f6f6;
background: var(--Neutral-colorBg-Hover, #f5f6f6);
}
.do-hovers .phoneDrawerDialog_nNA4O .phoneDrawerConfirmBtn_BH2H5:hover {
background: var(--upime-primary-btn-hover-bg);
}
.noTransition_YctNN {
transition: none !important;
}
.fixBottom_xePTd {
top: auto !important;
top: initial !important;
}
.fixBottom_xePTd {
bottom: 0;
}
.aiGenerateToastContainer_g-xrR {
position: absolute;
top: 64px;
z-index: 10;
height: 40px;
animation: ai-show_KbVRa 0.1s forwards;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil {
position: relative;
height: 100%;
padding: 0 24px;
color: white;
z-index: 10;
display: flex;
align-items: center;
font-size: 14px;
border-radius: 24px;
overflow: hidden;
background-image: linear-gradient(61deg, #ff61d2, #ff5ca7, #36beff, #44ecff);
width: -moz-max-content;
width: max-content;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .tip_5jh4D {
font-weight: 500;
position: relative;
z-index: 10;
word-break: keep-all;
height: 20px;
overflow: hidden;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .divider_tUkK3 {
width: 1px;
height: 14px;
background-color: white;
margin: 0 16px;
position: relative;
z-index: 10;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .stop_uvZZr {
cursor: pointer;
position: relative;
z-index: 10;
word-break: keep-all;
display: flex;
align-items: center;
gap: 4px;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .stop_uvZZr.disabled_7G0Nc {
color: rgba(255, 255, 255, 0.45);
cursor: not-allowed;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .bgWrapper_RZetM {
width: calc(100% + 100px);
aspect-ratio: 1 / 1;
position: absolute;
left: -50px;
z-index: 0;
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .bg_nuwzH {
width: 100%;
height: 100%;
background-image: linear-gradient(61deg, #ff61d2, #ff5ca7, #36beff, #44ecff);
}
.aiGenerateToastContainer_g-xrR .aiGenerateToastContainerBox_4TCil .bg_nuwzH .bgImage_n3A0w {
width: 100%;
height: 100%;
}
.aiGenerateToastContainer_g-xrR.doAni_BmRp2 .bgWrapper_RZetM {
animation: bg-trans_klTUv infinite 10s linear;
}
.aiGenerateToastContainer_g-xrR.doAni_BmRp2 .bg_nuwzH {
animation: bg-rotate_F61XP infinite 4s linear;
}
.elementDeleteToastContainer_ztN3- {
display: flex;
align-items: center;
}
.elementDeleteToastContainer_ztN3- > svg {
color: #ffa519;
}
.elementDeleteToastContainer_ztN3- > span {
margin-left: 10px;
}
.noclipboard_kk2fa {
display: flex;
}
.noclipboard_kk2fa .text_JhGuh {
text-align: left;
word-break: break-word;
}
.noclipboard_kk2fa .ruhecaozuo_lbBBu {
width: 100px;
margin-left: 10px;
height: 32px;
align-self: center;
}
@keyframes ai-show_KbVRa {
from {
transform: translateX(-50%) scaleX(0);
opacity: 0;
}
to {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
}
@keyframes bg-trans_klTUv {
from {
transform: translateX(-50px);
}
50% {
transform: translateX(50px);
}
to {
transform: translateX(-50px);
}
}
@keyframes bg-rotate_F61XP {
from {
transform: rotate(0);
transform-origin: 50% 50%;
}
to {
transform: rotate(360deg);
transform-origin: 50% 50%;
}
}
.pluginCmpContainer_V1UsS {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.extraComponentsContainer_5DkxD {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.customCtrlBars_Zc--8 {
position: relative;
pointer-events: auto;
display: flex;
justify-content: center;
-moz-column-gap: 8px;
column-gap: 8px;
}
.customCtrlBars_Zc--8.floatLeft_VwKEf {
position: absolute;
left: 8px;
bottom: 8px;
z-index: 30;
}
.toastTip_TDDgK {
height: 24px;
margin-right: 4px;
}
.closeIconContainer_XWM2z {
color: white;
cursor: pointer;
margin-left: 12px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
padding: 4px;
margin-right: -4px;
}
.closeIconContainer_XWM2z:hover {
background: rgba(255, 255, 255, 0.12);
}
.webOfficeFullScreenCmpContainer_X5rBX,
.windowWebViewCmpContainer_iciM- {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 21;
}
.waitingContainer_0XNL3 {
display: flex;
align-items: center;
gap: 8px;
}
.waitingContainer_0XNL3 .check_6c86X {
text-decoration: underline;
cursor: pointer;
}
.hiddenTip_Etpqi {
position: fixed;
left: -200px;
top: -100px;
z-index: -1;
opacity: 0;
pointer-events: none;
}
.editor-toolbar_XtjAw {
position: absolute;
transform: translate(0, 0);
height: 50px;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 4px;
background-color: white;
box-shadow: 0px 4px 16px rgba(5, 0, 56, 0.12);
pointer-events: auto;
margin: 0;
cursor: pointer;
z-index: 999;
}
.property-editors_1NatR,
.property-editor_aeIA6 {
display: flex;
flex-direction: row;
align-items: center;
}
.draggableWrapper_TZBPA {
position: absolute;
}
.dragIcon_3GQgr {
height: 50px;
width: 26px;
background-color: #f5f6f6;
display: flex;
justify-content: center;
align-items: center;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.dragIcon_3GQgr > svg {
font-size: 24px;
color: #91939c;
}
.dragIcon_3GQgr:hover {
background-color: #ececee;
}
.property-editor_aeIA6 {
position: relative;
padding: 0 5px;
color: #303445;
width: -moz-max-content;
width: max-content;
}
.property-editor_aeIA6.cloneIconBtn_M90sR {
padding-right: 0;
}
.property-editor_aeIA6.cloneIconBtn_M90sR + .delIconBtn_gxUOZ {
padding-left: 0;
}
.property-editor_aeIA6.hideFrameBtn_i772N {
margin-left: -8px;
}
.property-editor_aeIA6.collapseRight_3AkU4 {
margin-right: -16px;
}
.property-editor_aeIA6 .subwindow_box_6M5Mk {
height: 100%;
}
.property-editor_aeIA6 .subwindow_box_6M5Mk::-webkit-scrollbar {
width: 4px;
}
.property-editor_aeIA6 .subwindow_box_6M5Mk::-webkit-scrollbar-thumb {
background-color: #c2c3c8;
border-radius: 2px;
}
.property-editor_aeIA6 .subwindow_box_6M5Mk::-webkit-scrollbar-track {
background-color: #fff;
}
.split-line_VKRne {
width: 1px;
height: 50px;
background-color: #e6e6e6;
}
@media screen and (max-width: 768px) {
.split-line_VKRne {
height: 20px;
}
}
.split-line_VKRne:last-of-type {
display: none;
}
.more-ctrl_9QroO {
height: 40px;
margin: 5px 0;
color: #717171;
position: relative;
}
.do-hovers .more-ctrl_9QroO:hover {
background: var(--upime-btn-bg-hover);
}
.red-point_iZz2Y {
position: absolute;
top: 3px;
right: 1px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #ff4d4f;
pointer-events: none;
}
.sub-win_QZwrY {
position: absolute;
border-radius: 2px;
background-color: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
top: calc(100% + 1px);
left: 0;
}
.sub-win_QZwrY.center_EQYUg {
left: 50%;
transform: translateX(-50%);
}
.sub-win_QZwrY.right_eTU8R {
left: auto;
left: initial;
right: 0;
}
.editor-toolbar_XtjAw .sub-win_QZwrY {
z-index: 10;
}
.ctrl-list_zHPJB {
padding: 8px 0;
overflow: hidden;
height: 100%;
overflow-x: hidden;
}
.ctrl-list_zHPJB::-webkit-scrollbar {
width: 4px;
}
.ctrl-list_zHPJB::-webkit-scrollbar-thumb {
background-color: #c2c3c8;
border-radius: 2px;
}
.ctrl-list_zHPJB::-webkit-scrollbar-track {
background-color: #fff;
}
.divider_oiXkM {
height: 1px;
background-color: #e6e7e9;
margin: 8px auto;
}
.ctrl-option_NbQwD {
min-width: 200px;
white-space: nowrap;
height: 36px;
padding: 0 12px 0 16px;
color: #0c1024;
font-size: 14px;
line-height: 38px;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ctrl-option_NbQwD.disabled_etWlA {
color: var(--upime-disable) !important;
background: white !important;
}
.ctrl-option_NbQwD.disabled_etWlA {
cursor: not-allowed;
}
.ctrl_option_shortCut_JtnA- {
display: flex;
align-items: center;
justify-content: space-between;
-moz-column-gap: 12px;
column-gap: 12px;
}
.ctrl_option_flex_PjC-d {
display: flex;
align-items: center;
justify-content: space-between;
-moz-column-gap: 8px;
column-gap: 8px;
}
.do-hovers .ctrl-option_NbQwD:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.unFrozenRoot_1VwVd {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
}
.unFrozenRoot_1VwVd .unFrozenContainer_exJnx {
position: relative;
min-width: 128px;
height: 50px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #979797;
}
.unFrozenRoot_1VwVd .unFrozenContainer_exJnx .background_WO3IJ {
position: absolute;
left: 0;
top: 0;
height: 100%;
opacity: 0.1;
background-color: grey;
}
.unFrozenRoot_1VwVd .unFrozenContainer_exJnx span {
margin-left: 8px;
font-size: 14px;
line-height: 22px;
}
.unFrozenRoot_1VwVd .unFrozenContainer_exJnx .cover_KWInY {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.unFrozenRoot_1VwVd .triangle_kPOr5 {
height: 40px;
width: 16px;
position: relative;
margin-right: 8px;
border-radius: 4px;
}
.unFrozenRoot_1VwVd .triangle_kPOr5 > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-top: 4px solid var(--upime-main-text);
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: none;
}
.unFrozenRoot_1VwVd .triangle_kPOr5.active_4rGjH {
background-color: var(--upime-btn-bg-hover);
}
.unFrozenRoot_1VwVd .expandPanel_vuynD {
display: flex;
flex-direction: column;
padding: 8px 0;
min-width: 250px;
}
.unFrozenRoot_1VwVd .expandPanel_vuynD .row_l7MPh {
width: 100%;
cursor: pointer;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
height: 40px;
padding: 0px 16px;
padding-right: 48px;
}
.unFrozenRoot_1VwVd .expandPanel_vuynD .row_l7MPh > span {
font-size: 14px;
color: var(--upime-main-text);
line-height: 20px;
white-space: nowrap;
}
.unFrozenRoot_1VwVd .expandPanel_vuynD .row_l7MPh > svg {
color: var(--upime-active);
position: absolute;
width: 20px;
height: 20px;
top: 10px;
right: 16px;
}
.unFrozenRoot_1VwVd .expandPanel_vuynD .title_FAn9X {
margin-left: 16px;
font-size: 12px;
color: #91939c;
align-self: flex-start;
padding-top: 8px;
padding-bottom: 4px;
}
.unFrozenRoot_1VwVd .expandPanel_vuynD .dividerLine_zCxxY {
width: 100%;
height: 1px;
background-color: #e6e7e9;
margin: 8px 0px;
}
.unFrozenRoot_1VwVd .disableIconCon_O0CqU {
width: 40px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 8px;
}
.unFrozenRoot_1VwVd .disableIconCon_O0CqU svg {
width: 24px;
height: 24px;
color: #979797;
}
.longPressAnimation_y-fE6 {
animation: longPress_tyDlM 0.6s;
animation-timing-function: linear;
}
@keyframes longPress_tyDlM {
from {
width: 0;
}
to {
width: 100%;
}
}
.lockContainer_dSdjU {
display: flex;
align-items: center;
position: relative;
}
.lockContainer_dSdjU .lockIcon_B7S92 {
color: #303445;
padding-right: 0px;
}
.lockContainer_dSdjU .lockIconMoreTriangle_U8Rok {
display: flex;
align-items: center;
padding: 16px 4px;
border-radius: 2px;
cursor: pointer;
margin-right: 5px;
}
.lockContainer_dSdjU .lockIconMoreTriangle_U8Rok.active_4rGjH {
background-color: var(--upime-btn-bg-hover);
}
.lockContainer_dSdjU .expandPanel_vuynD {
height: 96px;
display: flex;
flex-direction: column;
padding: 8px 0;
}
.lockContainer_dSdjU .expandPanel_vuynD .row_l7MPh {
width: 100%;
cursor: pointer;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
height: 40px;
padding: 0px 16px;
}
.lockContainer_dSdjU .expandPanel_vuynD .row_l7MPh > span {
font-size: 14px;
color: var(--upime-main-text);
line-height: 20px;
white-space: nowrap;
}
.lockContainer_dSdjU .expandPanel_vuynD .row_l7MPh > svg {
color: var(--upime-active);
position: absolute;
width: 20px;
height: 20px;
top: 10px;
left: 16px;
}
.publishContainer_jy6ny {
display: flex;
align-items: center;
padding: 8px 16px 8px 8px;
gap: 6px;
width: -moz-fit-content;
width: fit-content;
white-space: nowrap;
}
.do-hovers .lockIconMoreTriangle_U8Rok:hover {
background-color: var(--upime-btn-bg-hover);
}
.alignRoot_dt8eJ {
padding: 8px;
display: flex;
flex-direction: row;
}
.alignRoot_dt8eJ .left_GDic3 {
display: flex;
width: 120px;
height: 80px;
flex-wrap: wrap;
}
.alignRoot_dt8eJ .right_eTU8R {
width: 40px;
height: 80px;
}
.alignRoot_dt8eJ .divider_oiXkM {
height: 68px;
align-self: center;
width: 1px;
background: var(--upime-divider-bg);
margin-left: 8px;
margin-right: 8px;
}
.alignRoot_dt8eJ .iconCon_nauwf {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.alignRoot_dt8eJ .iconCon_nauwf.disabled_etWlA {
pointer-events: none;
opacity: 0.4;
}
.aiIconWrapper_bV3UM {
position: relative;
}
.aiIconWrapper_bV3UM .aiIconContainer_XxKmu {
position: relative;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.aiIconWrapper_bV3UM .aiOptionPhoneWrapper_measu {
transform: translateX(-12px);
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 {
min-width: 200px;
max-height: 546px;
overflow: auto;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6::-webkit-scrollbar {
width: 4px;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionGroup_7ZyaO {
border-bottom: 1px #e6e7e9 solid;
padding: 8px 0;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionGroup_7ZyaO:last-child {
border-bottom: none;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiIconTip_10PCp {
margin-left: -9px;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
font-size: 14px;
height: 40px;
padding: 0 12px 0 16px;
color: rgba(12, 16, 36, 0.8);
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1:hover {
background-color: #f5f6f6;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1.noHover_zmui8:hover {
background-color: transparent;
background-color: initial;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1.disabled_etWlA {
cursor: not-allowed !important;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1.disabled_etWlA {
opacity: 0.5;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1.disabled_etWlA:hover {
background-color: transparent;
background-color: initial;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .aiOptionIcon_gy7Mf {
transform: translateY(1px);
color: #0c1024;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .arrow_ZxzDN {
width: 14px;
opacity: 0.8;
margin-left: auto;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .buttonOption_olPEM {
width: 100%;
display: flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
border-radius: 4px;
border: 1px solid #dbdbde;
background: #fff;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .buttonOption_olPEM:hover {
background-color: #f5f6f6;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .buttonOption_olPEM.disabled_etWlA {
opacity: 0.5;
cursor: not-allowed;
}
.aiIconWrapper_bV3UM .aiOptionsContainer_6HUK6 .aiOptionRow_3rZf1 .buttonOption_olPEM.disabled_etWlA:hover {
background-color: #fff;
}
.childrenOptionContainer_J78EG {
width: 90px;
padding: 8px 0;
border-radius: 2px;
background-color: white;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
color: rgba(12, 16, 36, 0.8);
font-size: 12px;
}
.childrenOptionContainer_J78EG .childRow_QjCpo {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
font-size: 14px;
height: 40px;
padding: 0 16px;
overflow: hidden;
padding-left: 16px;
cursor: pointer;
}
.childrenOptionContainer_J78EG .childRow_QjCpo:hover {
background-color: #f5f6f6;
}
.do-hovers .alignRoot_dt8eJ .iconCon_nauwf:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .expandPanel_vuynD .row_l7MPh:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .unFrozenRoot_1VwVd .triangle_kPOr5:hover {
background-color: var(--upime-btn-bg-hover);
}
.phoneToolbarEditorContainer_irqoH {
--paddingY: 12px;
position: absolute;
left: 0;
right: 0;
bottom: 0px;
padding: 0 12px var(--paddingY);
top: 0;
z-index: 999;
justify-content: center;
display: flex;
align-items: flex-end;
overflow: hidden;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--paddingY) - 50px), calc(100% - 12px) calc(100% - var(--paddingY) - 50px), calc(100% - 12px) calc(100%), 12px calc(100%), 12px calc(100% - var(--paddingY) - 50px), 0 calc(100% - var(--paddingY) - 50px));
}
.phoneToolbarEditorContainer_irqoH.pwa_pRYMa {
--paddingY: 32px;
}
.phoneToolbarEditorContainer_irqoH.miniprogram_ZPCSv {
--paddingY: 34px;
}
.phoneToolbarEditorContainer_irqoH.inMetting_AanXt {
transform: translateY(-70px);
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM {
max-width: 100%;
border-radius: 4px;
background-color: white;
pointer-events: all;
position: relative;
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM .phoneToolBarInner_ELDCk {
display: flex;
height: 50px;
width: -moz-fit-content;
width: fit-content;
align-items: center;
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM .extraBtWrapper_9INm9 {
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding-left: 40px;
overflow: hidden;
pointer-events: none;
transition: all 0.4s;
border-radius: 0 4px 4px 0;
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM .extraBtWrapper_9INm9.hide_Rxc9z {
transform: translateX(100%);
opacity: 0;
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM .extraBtWrapper_9INm9 .extraBtContainer_u2Z3Z {
background-color: white;
position: relative;
display: flex;
align-items: center;
pointer-events: all;
}
.phoneToolbarEditorContainer_irqoH .phoneToolbarBar_UZVkM .extraBtWrapper_9INm9 .extraBtContainer_u2Z3Z::after {
content: "";
width: 10px;
height: 200%;
position: absolute;
left: -8px;
top: -10px;
background: white;
box-shadow: -6px 0px 8px 0px rgba(0, 0, 0, 0.08);
transform: rotate(6deg);
}
.shadowBar_wEONU {
z-index: 400;
position: fixed;
box-shadow: 0px 4px 16px rgba(5, 0, 56, 0.12);
}
.shadowBar_wEONU .phoneToolbarSubWindowEditorContainer_ldl8H {
position: absolute;
left: 0;
right: 0;
bottom: calc(50px + 8px);
}
.menu-phone-container_jA9II .menu_phone_row_R7C-J {
height: 54px;
text-align: center;
line-height: 54px;
}
.menu-phone-container_jA9II .menu_phone_row_R7C-J.danger_7PWpC {
color: var(--upime-danger);
}
.rotateTipContainer_S81GH {
position: fixed;
z-index: 1;
padding: 4px 8px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.65);
transform: translateY(-100%);
color: white;
white-space: nowrap;
}
.shortcut_container_1KIUz {
color: #424454;
}
.shortcut_container_1KIUz.disabled_etWlA {
color: var(--upime-disable) !important;
}
.aiEntityImg_L40ac {
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
overflow: hidden;
}
.aiEntityImg_L40ac img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.optionLabel_rStsj {
max-width: 178px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.subWindow_7ZeUX {
transition: opacity 0.3s;
}
.moreCtrlSubPanelContainer_61w0J.showing {
opacity: 1 !important;
}
.moreCtrlSubPanelContainer_61w0J.showing {
background-color: #f5f6f6;
}
.moreCtrlSubPanelButton_FMU2Y {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.moreCtrlSubPanelButton_FMU2Y .icon_XMwDk {
width: 14px;
height: 14px;
}
.moreCtrlCommonExportPanel_C54D- {
display: flex;
width: -moz-max-content;
width: max-content;
width: 150px;
padding: 8px 0px;
flex-direction: column;
align-items: flex-start;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.moreCtrlCommonExportPanel_C54D- .fileTypeWrap_rlEzo {
width: 100%;
height: 36px;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
.moreCtrlCommonExportPanel_C54D- .fileTypeWrap_rlEzo .fileType_CVlYG {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.do-hovers .fileTypeWrap_rlEzo:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .layerItem_TSo0d:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.layerSubPanel_-SAP2 {
display: flex;
width: 180px;
padding: 8px 0px;
flex-direction: column;
align-items: flex-start;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.layerSubPanel_-SAP2 .layerItem_TSo0d {
width: 100%;
height: 36px;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.layerSubPanel_-SAP2 .layerItem_TSo0d .layerItemName_zFa4s {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.layerSubPanel_-SAP2 .layerItem_TSo0d .layerItemShortCut_cFVSW {
color: #424454;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.addToPanel_21Glo {
display: flex;
width: 200px;
padding: 8px 0px;
flex-direction: column;
align-items: flex-start;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.addToPanel_21Glo .addToOptionWrap_o1OWv {
width: 100%;
height: 36px;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
.addToPanel_21Glo .addToOptionWrap_o1OWv .addToOptionLabel_0CENp {
color: #202022;
font-size: 14px;
font-weight: 400;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.do-hovers .addToOptionWrap_o1OWv:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.advancedCopyPastePanel_DNlC- {
display: flex;
width: 200px;
padding: 8px 0px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.advancedCopyPastePanel_DNlC- .advancedCopyPasteSectionWrap_8I2JB {
width: 100%;
display: flex;
flex-direction: column;
}
.advancedCopyPastePanel_DNlC- .advancedCopyPasteOptionWrap_EbomI {
width: 100%;
height: 36px;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.advancedCopyPastePanel_DNlC- .advancedCopyPasteOptionWrap_EbomI .advancedCopyPasteOptionLabel_CCh98 {
color: #202022;
font-size: 14px;
font-weight: 400;
line-height: 22px;
flex: 1;
}
.advancedCopyPastePanel_DNlC- .advancedCopyPasteOptionWrap_EbomI .advancedCopyPasteShortcut_0Ng9E {
color: #606266;
font-size: 14px;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
}
.advancedCopyPastePanel_DNlC- .advancedCopyPasteOptionWrap_EbomI.disabled_etWlA {
cursor: not-allowed;
}
.advancedCopyPastePanel_DNlC- .advancedCopyPasteOptionWrap_EbomI.disabled_etWlA .advancedCopyPasteOptionLabel_CCh98,
.advancedCopyPastePanel_DNlC- .advancedCopyPasteOptionWrap_EbomI.disabled_etWlA .advancedCopyPasteShortcut_0Ng9E {
color: var(--upime-disable);
}
.advancedCopyPastePanel_DNlC- .advancedCopyPasteDivider_tKF8s {
width: 100%;
height: 1px;
background-color: #e6e7e9;
}
.do-hovers .advancedCopyPasteOptionWrap_EbomI:not(.disabled_etWlA):hover {
background-color: rgba(0, 0, 0, 0.06);
}
.commonExportingToast_SbBTE {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.commonExportingToast_SbBTE .loadingIcon_7-wFz {
width: 20px;
height: 20px;
color: #fff;
animation: loading_lRhiT 1.5s linear infinite forwards;
}
.commonExportingToast_SbBTE .content_r1mvT {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
@keyframes loading_lRhiT {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.downloadMenuButtonsWrap_3iIF9 {
display: flex;
flex-direction: column;
padding: 8px 0;
}
.downloadMenuButtonsWrap_3iIF9 .downloadWithComments_sGGbM,
.downloadMenuButtonsWrap_3iIF9 .downloadOrigin_Cq1hW,
.downloadMenuButtonsWrap_3iIF9 .downloadMenuButton_Ah8QO {
width: 100%;
height: 40px;
padding: 0 16px;
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
}
.bigDocExportPanel_CHnwY {
min-width: 142px;
}
.do-hovers .downloadMenuButtonsWrap_3iIF9 .downloadWithComments_sGGbM:hover,
.do-hovers .downloadMenuButtonsWrap_3iIF9 .downloadOrigin_Cq1hW:hover,
.do-hovers .downloadMenuButtonsWrap_3iIF9 .downloadMenuButton_Ah8QO:hover {
background-color: var(--upime-btn-bg-hover);
}
.testAgentFlowTagMask_rcUEf {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.45);
}
.testAgentFlowTagMask_rcUEf .testAgentFlowTagContainer_HGQgt {
width: 600px;
padding: 24px;
background-color: white;
border-radius: 4px;
}
.testAgentFlowTagMask_rcUEf .testAgentFlowTagContainer_HGQgt .tagRow_9qi6n {
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 16px;
}
.testAgentFlowTagMask_rcUEf .testAgentFlowTagContainer_HGQgt .tagRow_9qi6n div:first-child {
width: 320px;
}
.testAgentFlowTagMask_rcUEf .testAgentFlowTagContainer_HGQgt .tagRow_9qi6n code {
margin-left: 8px;
}
.testAgentFlowTagMask_rcUEf .testAgentFlowTagContainer_HGQgt .tagRow_9qi6n .tip_PibC0 {
font-size: 12px;
color: rgba(0, 0, 0, 0.45);
}
.themeChangeContainer_RjSE1 {
width: 180px !important;
}
.themeChangeContainer_RjSE1 .themeOption_NRCbz {
box-shadow: none;
}
.quickAddTipContainer_cNHIZ {
background: white;
width: -moz-max-content;
width: max-content;
color: #0c1024;
max-width: 240px;
font-size: 14px;
line-height: 22px;
padding: 4px 12px 4px 4px;
}
.quickAddTipContainer_cNHIZ .quickAddIconContainer_0P5tj {
width: 20px;
height: 20px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 4px;
top: 4px;
cursor: pointer;
}
.quickAddTipContainer_cNHIZ .quickAddIconContainer_0P5tj:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.quickAddTipContainer_cNHIZ .quickAddTipRow_-VWsO {
display: flex;
align-items: center;
gap: 2px;
}
.quickAddTipContainer_cNHIZ .quickAddTipRow_-VWsO b {
flex-shrink: 0;
}
.materialLibraryTipContent_kByah {
width: 280px;
padding: 20px;
border-radius: 8px;
background: #fff;
transform: translateY(calc(-50% + 10px)) translateX(4px);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
}
.materialLibraryTipContent_kByah::after {
content: "";
position: absolute;
left: -5px;
top: 50%;
width: 10px;
height: 10px;
background-color: white;
rotate: 45deg;
pointer-events: none;
}
.materialLibraryTipContent_kByah.rightArrow_54zJy {
transform: translateY(calc(-50% + 10px)) translateX(-4px);
}
.materialLibraryTipContent_kByah.rightArrow_54zJy::after {
left: auto;
left: initial;
right: -5px;
}
.materialLibraryTipContent_kByah img {
width: 100%;
display: block;
border-radius: 4px;
}
.materialLibraryTipContent_kByah .materialLibraryTipContentTitle_MPWt8 {
margin-top: 16px;
font-size: 14px;
color: #0c1024;
line-height: 22px;
text-align: left;
width: 100%;
white-space: normal;
line-break: strict;
word-break: normal;
word-wrap: break-word;
}
.moreActionNewBadge_loeNT {
display: flex;
align-items: center;
gap: 4px;
}
.moreActionNewBadge_loeNT .newBadgeWrap_uLe2K {
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
}
.moreActionNewBadge_loeNT .newBadgeWrap_uLe2K .newBadgeIcon_YThHy {
width: 100%;
height: 100%;
transform: translateY(4px);
}
.selectedTextAiMenu_Myo6H {
width: 224px;
padding: 8px 0;
background: #fff;
border-radius: 4px;
color: #0c1024;
font-size: 14px;
}
.selectedTextAiOption_0u40o {
height: 36px;
padding: 0 12px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.selectedTextAiOptionLabel_M4lnN {
flex: 1;
min-width: 0;
}
.selectedTextAiArrow_LyrHr {
color: #91939c;
}
.selectedTextAiSubmenuWrap_HumDC {
position: relative;
}
.selectedTextAiSubmenu_XvC-X {
position: absolute;
left: 100%;
top: -8px;
min-width: 140px;
padding: 8px 0;
display: none;
background: #fff;
border-radius: 4px;
box-shadow: 0 8px 24px rgba(12, 16, 36, 0.14);
color: #0c1024;
}
.do-hovers .selectedTextAiOption_0u40o:hover,
.do-hovers .selectedTextAiSubmenuWrap_HumDC:hover > .selectedTextAiOption_0u40o {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .selectedTextAiSubmenuWrap_HumDC:hover > .selectedTextAiSubmenu_XvC-X {
display: block;
}
.selectedTextAiPreview_yUClZ {
width: 320px;
}
.selectedTextAiPreviewHeader_RmA2b {
min-height: 30px;
padding: 0 8px 6px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
color: #0c1024;
font-size: 14px;
font-weight: 600;
}
.selectedTextAiIconButton_JLSc- {
width: 28px;
height: 28px;
border: none;
border-radius: 4px;
background: transparent;
color: #717484;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.selectedTextAiPreviewBody_d-Siy {
min-height: 76px;
max-height: 188px;
overflow: auto;
padding: 8px;
margin-right: 6px;
border-radius: 4px;
background: #f7f8fa;
color: #303445;
font-size: 14px;
line-height: 22px;
white-space: pre-wrap;
word-break: break-word;
}
.selectedTextAiPreviewBody_d-Siy::-webkit-scrollbar {
width: 4px;
}
.selectedTextAiPreviewBody_d-Siy::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.selectedTextAiPreviewBody_d-Siy::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.selectedTextAiLoading_NLJ3p {
min-height: 60px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: #717484;
}
.selectedTextAiLoading_NLJ3p svg {
animation: selectedTextAiRotate_YAYss 1s linear infinite;
}
.selectedTextAiError_CIJLb {
color: #d92d20;
}
.selectedTextAiFooter_MoOaA {
padding: 8px 6px 0 0;
display: flex;
justify-content: flex-end;
gap: 8px;
}
.selectedTextAiButton_gPtsR {
min-width: 56px;
height: 30px;
padding: 0 12px;
border: none;
border-radius: 4px;
background: #f5f6f6;
color: #303445;
font-size: 13px;
cursor: pointer;
}
.selectedTextAiButtonPrimary_8WxOq {
background: #2e73e5;
color: #fff;
}
.do-hovers .selectedTextAiIconButton_JLSc-:hover,
.do-hovers .selectedTextAiButton_gPtsR:hover {
background: rgba(0, 0, 0, 0.06);
}
.do-hovers .selectedTextAiButtonPrimary_8WxOq:hover {
background: #2464cc;
}
@keyframes selectedTextAiRotate_YAYss {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.box_sODTB {
position: absolute;
}
.clickBorder_jwjUE {
position: fixed;
z-index: 100;
pointer-events: none;
}
.container_-F-zC {
position: absolute;
pointer-events: auto;
}
.container_-F-zC.top,
.container_-F-zC.bottom {
left: 50%;
transform: translate(-50%, 0);
}
.container_-F-zC.left,
.container_-F-zC.right {
top: 50%;
transform: translate(0, -50%);
}
.container_-F-zC.top,
.container_-F-zC.topLeft {
bottom: calc(100% + 10px);
}
.container_-F-zC.top.gap-small,
.container_-F-zC.topLeft.gap-small {
bottom: calc(100% + 4px);
}
.container_-F-zC.left {
right: calc(100% + 10px);
}
.container_-F-zC.left.gap-small {
right: calc(100% + 4px);
}
.container_-F-zC.bottom,
.container_-F-zC.bottomLeft {
top: calc(100% + 10px);
}
.container_-F-zC.bottom.gap-small,
.container_-F-zC.bottomLeft.gap-small {
top: calc(100% + 4px);
}
.container_-F-zC.right,
.container_-F-zC.rightTop {
left: calc(100% + 10px);
}
.container_-F-zC.right.gap-small,
.container_-F-zC.rightTop.gap-small {
left: calc(100% + 4px);
}
.container_-F-zC.rightTop {
top: 0;
}
.container_-F-zC.bottomLeft {
left: 0;
}
.container_-F-zC.topLeft {
left: 0;
}
.container_-F-zC.bottomRight {
top: calc(100% + 4px);
right: 0;
}
.container_-F-zC.bottomRight.gap-small {
top: calc(100% + 4px);
}
.container_-F-zC.topRight {
bottom: calc(100% + 4px);
right: 0;
}
.container_-F-zC.topRight.gap-small {
bottom: calc(100% + 4px);
}
.container_-F-zC.leftTop {
right: calc(100% + 10px);
}
.container_-F-zC.leftTop.gap-small {
right: calc(100% + 4px);
}
.container_-F-zC.rightBottom {
left: calc(100% + 10px);
bottom: 0;
}
.container_-F-zC.rightBottom.gap-small {
left: calc(100% + 4px);
}
.container_-F-zC.leftBottom {
right: calc(100% + 10px);
bottom: 0;
}
.container_-F-zC.leftBottom.gap-small {
right: calc(100% + 4px);
}
.info_item_wWnx5.showing {
opacity: 1 !important;
}
.info_item_wWnx5.showing {
background-color: #f5f6f6;
}
.info_panel_NP7X9 {
cursor: default;
margin-left: -10px;
width: 244px;
padding: 20px;
border-radius: 2px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.mr_minus10_1w1To {
margin-right: -10px;
}
.item_wxEmC {
height: 22px;
display: flex;
}
.detail_eWQSM {
width: calc(100% - 84px);
text-align: left;
line-height: 22px;
color: #0c1024;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.add_UbBHc,
.update_dd-zA {
margin-top: 8px;
}
.editor_c4Ks3 {
margin-top: 20px;
}
.label_JxwC7 {
height: 22px;
line-height: 22px;
color: #91939c;
font-size: 14px;
width: 84px;
text-align: left;
}
.contextMenuRoot_zMjIz {
pointer-events: auto;
position: absolute;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
z-index: 21;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B {
display: flex;
flex-direction: column;
padding: 8px 0;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg {
height: 36px;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 24px;
color: var(--upime-main-text);
font-size: 14px;
line-height: 38px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg.hasShortCut_Zi7uc {
min-width: 200px;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg.disabled_YFkKm {
color: var(--upime-disable) !important;
background: white !important;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg.disabled_YFkKm {
cursor: not-allowed;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg .shortCut_ehUlf {
color: #424454;
}
.contextMenuRoot_zMjIz .globalCtx_pUq5B .item_oeWvg .shortCut_ehUlf.disabled_YFkKm {
color: var(--upime-disable) !important;
}
.divider_yN0qT {
width: 100%;
height: 1px;
background: var(--upime-divider-bg);
margin: 8px 0;
}
.do-hovers .globalCtx_pUq5B .item_oeWvg:hover {
background: var(--upime-btn-bg-hover);
}
.exportFrameMenuButtonContainer_-paJD.showing {
opacity: 1 !important;
}
.exportFrameMenuButtonContainer_-paJD.showing {
background-color: #f5f6f6;
}
.exportFrameMenuButton_wROCY {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.exportFrameMenuButton_wROCY .icon_ytbxC {
width: 14px;
height: 14px;
}
.exportFrameTypesPanel_o-Kfq {
display: flex;
width: -moz-max-content;
width: max-content;
min-width: 120px;
padding: 8px 0px;
flex-direction: column;
align-items: flex-start;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.exportFrameTypesPanel_o-Kfq .exportFrameType_MDxvS {
width: 100%;
height: 36px;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
.exportFrameTypesPanel_o-Kfq .exportFrameType_MDxvS .fileType_9azCL {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.do-hovers .exportFrameType_MDxvS:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.exportFrameDialogContainer_oQwbY {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 40px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.dialogContent_kQ3el {
width: 100%;
height: 100%;
max-width: 760px;
max-height: 580px;
min-width: 560px;
min-height: 466px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
border-radius: 12px;
background-color: #fff;
}
.head_e-aN9 {
width: 100%;
height: 68px;
display: flex;
flex-shrink: 0;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 12px 0 40px;
border-radius: 12px 12px 0 0;
border-bottom: 1px solid #e6e7e9;
}
.head_e-aN9 .title_Kq9BW {
color: #0c1024;
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.head_e-aN9 .closeBtn_EQyYs {
width: 44px;
height: 44px;
padding: 12px;
border-radius: 2px;
cursor: pointer;
}
.do-hovers .closeBtn_EQyYs:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.body_--c1g {
width: 100%;
display: flex;
flex-grow: 1;
flex-direction: row;
justify-content: center;
align-items: stretch;
border-radius: 0 0 12px 12px;
padding: 0 40px;
overflow: hidden;
}
.leftPart_ZZ4qe {
max-width: 348px;
min-width: 236px;
display: flex;
flex-grow: 348;
flex-shrink: 348;
flex-direction: column;
gap: 12px;
padding: 12px 0 24px 0;
}
.leftPart_ZZ4qe .framesListContainer_ETDhc {
display: flex;
flex-direction: column;
flex-grow: 1;
background-color: #f5f6f6;
border-radius: 4px;
overflow: hidden;
}
.leftPart_ZZ4qe .framesListContainer_ETDhc .frameList_uBAWV {
width: 100%;
height: 100%;
padding: 12px 8px;
display: grid;
grid-template-columns: repeat(auto-fill, 100px);
grid-auto-rows: min-content;
grid-row-gap: 12px;
grid-column-gap: 12px;
justify-content: center;
overflow-y: auto;
}
.leftPart_ZZ4qe .framesListContainer_ETDhc .frameList_uBAWV.large_4aSpQ {
padding: 12px 0;
grid-template-columns: repeat(1, 300px);
grid-row-gap: 8px;
}
.leftPart_ZZ4qe .listOperations_AD5uW {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.leftPart_ZZ4qe .listOperations_AD5uW .switchListType_tc8Mk .listTypeBtn_ndBp3 {
width: 28px;
height: 28px;
padding: 4px;
border: 1px solid #dbdbde;
background-color: #fff;
cursor: pointer;
}
.leftPart_ZZ4qe .listOperations_AD5uW .switchListType_tc8Mk .listTypeBtn_ndBp3.small_BF3YP {
border-right-color: transparent;
border-radius: 4px 0px 0px 4px;
}
.leftPart_ZZ4qe .listOperations_AD5uW .switchListType_tc8Mk .listTypeBtn_ndBp3.large_4aSpQ {
border-left-color: transparent;
border-radius: 0px 4px 4px 0px;
}
.leftPart_ZZ4qe .listOperations_AD5uW .switchListType_tc8Mk .listTypeBtn_ndBp3.active_zNv8f {
color: #2e73e5;
background-color: #eaf1fc;
border-color: #2e73e5;
}
.leftPart_ZZ4qe .listOperations_AD5uW .fastSelect_L26fJ {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.leftPart_ZZ4qe .listOperations_AD5uW .fastSelect_L26fJ .selectAllLabel_-bI-8 {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-left: 8px;
}
.leftPart_ZZ4qe .listOperations_AD5uW .fastSelect_L26fJ .selectedCount_M-Zag {
text-align: right;
margin-left: 20px;
}
.leftPart_ZZ4qe .listOperations_AD5uW .fastSelect_L26fJ .xinxiIconContainer_d79Q0 {
width: 16px;
height: 16px;
margin-left: 8px;
position: relative;
z-index: 1;
}
.leftPart_ZZ4qe .listOperations_AD5uW .fastSelect_L26fJ .xinxiIconContainer_d79Q0 .xixiIcon_bYaUi {
width: 16px;
height: 16px;
cursor: pointer;
}
.hoverTipContent_08rJ9 {
width: 220px;
border-radius: 2px;
background: #000;
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 20px;
word-break: break-word;
}
.do-hovers .switchListType_tc8Mk .listTypeBtn_ndBp3:hover {
background-color: rgba(0, 0, 0, 0.06);
border-color: #dbdbde;
}
.do-hovers .switchListType_tc8Mk .listTypeBtn_ndBp3:hover.active_zNv8f {
border-color: #2e73e5;
background-color: #eaf1fc;
}
.do-hovers .xixiIcon_bYaUi:hover {
color: #2e73e5;
}
.divider_nNd73 {
width: 1px;
background-color: #dbdbde;
margin: 0 32px;
}
.rightPart_o7H69 {
max-width: 267px;
min-width: 179px;
display: flex;
flex-grow: 267;
flex-shrink: 267;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
gap: 24px;
padding: 24px 0;
}
.rightPart_o7H69 .inputsWrap_-ODA0 {
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 24px;
overflow-y: auto;
}
.rightPart_o7H69 .optionLabel_tGKim {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.rightPart_o7H69 .selectExportTypeContainer_slSFA .selectExportType_-RPbV {
width: 100%;
margin-top: 8px;
}
.rightPart_o7H69 .selectExportTypeContainer_slSFA .selectExportType_-RPbV .exportTypeOptionContentWrap_S9q8i {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.rightPart_o7H69 .selectQualityContainer_Es01t .selectQuality_JRrH1 {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 12px;
}
.rightPart_o7H69 .selectQualityContainer_Es01t .selectQuality_JRrH1 .radioContent_cxxLe {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.rightPart_o7H69 .selectQualityContainer_Es01t .highQualityPDFRadioContentWrap_wXwwJ {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.rightPart_o7H69 .selectResolutionContainer_OMwL3 .selectResolution_1n5OR {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 12px;
}
.rightPart_o7H69 .inputFileNameContainer_YKVLY .inputFileName_CW7qA {
margin-top: 8px;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: auto;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .imageCountTip_n78uQ {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
gap: 4px;
padding: 8px 10px;
border-radius: 4px;
background: #f5f6f6;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .imageCountTip_n78uQ .icon_LRre4 {
width: 16px;
height: 16px;
color: #c2c3c8;
margin-top: 2px;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .imageCountTip_n78uQ .content_B-iJF {
color: #000;
font-size: 12px;
font-weight: 400;
line-height: 20px;
word-break: break-word;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .dialogButtons_SA59B {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .dialogButtons_SA59B .cancelBtn_baKVs,
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .dialogButtons_SA59B .confirmBtn_Na4WZ {
padding-left: 16px;
padding-right: 16px;
}
.rightPart_o7H69 .dialogButtonsWrap_-XBs4 .dialogButtons_SA59B .confirmBtn_Na4WZ.exporting_6z-Gi .loadingIcon_8yA6i {
animation: loading_t6oXx 1.5s linear infinite forwards;
}
@keyframes loading_t6oXx {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.checkbox_rNWfu {
width: 16px;
height: 16px;
border: 1px solid #dbdbde;
border-radius: 4px;
background-color: #fff;
cursor: pointer;
position: relative;
}
.checkbox_rNWfu.disabled_4dUoo {
background-color: #abc7f5;
cursor: not-allowed;
}
.checkbox_rNWfu.selectNone_kkMkz {
border-color: #dbdbde;
background-color: #fff;
}
.checkbox_rNWfu.selectPart_G2GZv:after {
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 2px;
background-color: #2e73e5;
position: absolute;
top: calc(50% - 3px);
left: calc(50% - 3px);
}
.checkbox_rNWfu.selectAll_GWfrV {
border-color: #2e73e5;
background-color: #2e73e5;
}
.checkbox_rNWfu.selectAll_GWfrV:after {
content: "";
display: block;
width: 9px;
height: 5px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
position: absolute;
top: 3px;
left: 3px;
}
.checkbox_rNWfu.selectAll_GWfrV.disabled_4dUoo {
border-color: #dbdbde;
background-color: #abc7f5;
}
.do-hovers .checkbox_rNWfu:hover:not(.disabled_4dUoo) {
border-color: #2e73e5;
}
.select_JY-7y {
width: 140px;
height: 36px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border-radius: 4px;
border: 1px solid #e6e7e9;
padding: 0 8px;
position: relative;
}
.select_JY-7y.active_7k8ie {
border-color: #2e73e5;
}
.select_JY-7y .currentSelected_F3OcX {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.select_JY-7y .currentSelected_F3OcX .selectedLabelWrap_dirss {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.select_JY-7y .currentSelected_F3OcX .iconWrap_fz6A6 {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.select_JY-7y .currentSelected_F3OcX .iconWrap_fz6A6 .arrowIcon_XmyoG {
width: 18px;
height: 18px;
font-size: 18px;
color: #303445;
}
.select_JY-7y .options_IJj9q {
min-width: 100%;
padding: 8px 0;
position: absolute;
top: calc(100% + 4px);
left: 0;
z-index: 1;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.select_JY-7y .options_IJj9q .option_KEzQ0 {
width: 100%;
height: 40px;
padding: 0px 16px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
cursor: pointer;
}
.select_JY-7y .options_IJj9q .option_KEzQ0.selected_dxqGI {
background-color: #eaf1fc;
}
.select_JY-7y .options_IJj9q .option_KEzQ0 .optionIconContainer_YcKkv {
width: 20px;
height: 24px;
color: #2e73e5;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.select_JY-7y .options_IJj9q .option_KEzQ0 .optionContentWrap_LXWa8 {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
flex: 1;
}
.do-hovers .select_JY-7y:hover {
border-color: #2e73e5;
}
.do-hovers .select_JY-7y .option_KEzQ0:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .select_JY-7y .option_KEzQ0.selected_dxqGI:hover {
background-color: #eaf1fc;
}
.radioContainer_JsvsM {
width: -moz-max-content;
width: max-content;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
cursor: pointer;
}
.radioContainer_JsvsM .radioOuter_kUVQu {
width: 16px;
height: 16px;
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 1px solid #dbdbde;
background-color: #fff;
}
.radioContainer_JsvsM .radioOuter_kUVQu .radioInner_kvp-E {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #fff;
}
.radioContainer_JsvsM .content_eF7sf {
flex: 1;
}
.radioContainer_JsvsM .content_eF7sf.disabled_0Ou6U {
cursor: not-allowed;
}
.radioContainer_JsvsM.active_THGzz .radioOuter_kUVQu {
border-color: #2e73e5;
background-color: #fff;
}
.radioContainer_JsvsM.active_THGzz .radioOuter_kUVQu .radioInner_kvp-E {
background-color: #2e73e5;
}
.radioContainer_JsvsM.disabled_0Ou6U {
cursor: not-allowed;
}
.radioContainer_JsvsM.disabled_0Ou6U .radioOuter_kUVQu {
border-color: #dbdbde;
background-color: #ececee;
}
.radioContainer_JsvsM.disabled_0Ou6U .radioOuter_kUVQu .radioInner_kvp-E {
background-color: #ececee;
}
.radioContainer_JsvsM.disabled_0Ou6U.active_THGzz .radioInner_kvp-E {
background-color: #c2c3c8;
}
.do-hovers .radioContainer_JsvsM:not(.disabled_0Ou6U):hover .radioOuter_kUVQu {
border-color: #2e73e5;
}
.frameItem_UOuBK {
width: 100px;
height: 84px;
display: flex;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 4px;
position: relative;
cursor: pointer;
}
.frameItem_UOuBK .checkbox_A5DYA {
position: absolute;
z-index: 2;
}
.frameItem_UOuBK .snapshot_BPtYg {
background: #fff;
}
.frameItem_UOuBK .snapshot_BPtYg img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.frameItem_UOuBK .nameContainer_BqRD4 {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
overflow: hidden;
}
.frameItem_UOuBK .name_bVyDM {
width: -moz-max-content;
width: max-content;
max-width: 100%;
color: #0c1024;
text-align: center;
font-size: 12px;
font-weight: 400;
line-height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.frameItem_UOuBK.small_zeiuY {
width: 100px;
height: 84px;
padding: 5px 5px 3px 5px;
gap: 4px;
border: 1px solid #dbdbde;
}
.frameItem_UOuBK.small_zeiuY .checkbox_A5DYA {
top: -1px;
right: -1px;
}
.frameItem_UOuBK.small_zeiuY .snapshot_BPtYg {
width: 87px;
height: 49px;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
}
.frameItem_UOuBK.large_oH-3e {
width: 304px;
height: 173px;
border: 2px solid #dbdbde;
}
.frameItem_UOuBK.large_oH-3e .checkbox_A5DYA {
top: 8px;
right: 8px;
}
.frameItem_UOuBK.large_oH-3e .snapshot_BPtYg {
width: 100%;
height: 100%;
box-shadow: none;
box-shadow: initial;
}
.createElementFromMindMapButtonContainer_0-Hp8.showing {
opacity: 1 !important;
}
.createElementFromMindMapButtonContainer_0-Hp8.showing {
background-color: #f5f6f6;
}
.createElementFromMindMapMenuButton_BtcM8 {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.createElementFromMindMapMenuButton_BtcM8 .icon_s3y5t {
width: 14px;
height: 14px;
}
.createElementTypesPanel_cB091 {
display: flex;
width: -moz-max-content;
width: max-content;
min-width: 120px;
padding: 8px 0px;
flex-direction: column;
align-items: flex-start;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.createElementTypesPanel_cB091 .createElementType_YROZo {
width: 100%;
height: 36px;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
.createElementTypesPanel_cB091 .createElementType_YROZo .elementType_lPwMB {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.createElementTypesPanel_cB091 .createElementType_YROZo .hoverTipIconWrap_xeeUh {
width: 22px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
}
.createElementTypesPanel_cB091 .createElementType_YROZo .hoverTipIconWrap_xeeUh .hoverTipIcon_lOEPm {
width: 16px;
height: 16px;
color: #91939c;
}
.do-hovers .createElementType_YROZo:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .hoverTipIconWrap_xeeUh:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.graphicSideContainer_ToJ5- {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.headerContainer_rSTIr {
padding-left: 20px;
padding-right: 49px;
border-bottom: 1px solid #e6e7e9;
height: 56px;
width: 100%;
background-color: var(--upime-pane-bg);
align-items: center;
justify-content: space-between;
display: flex;
flex-shrink: 0;
font-size: 20px;
color: var(--upime-main-text);
line-height: 30px;
}
.headerContainer_rSTIr .titleIconContainer_UDyaQ {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
}
.headerContainer_rSTIr .titleIconContainer_UDyaQ::after {
position: absolute;
content: "";
right: -3px;
top: 12px;
bottom: 12px;
width: 1px;
background-color: #e6e7e9;
}
.headerContainer_rSTIr .titleIconContainer_UDyaQ .rotate_W-EH8 {
transform: rotate(180deg);
}
.title_tMz5x {
display: flex;
align-items: center;
gap: 24px;
}
.titleLabel_oYdoq {
color: #c2c3c8;
cursor: pointer;
position: relative;
}
.titleLabel_oYdoq.titleLabelActive_jh4RW {
font-weight: 600;
color: #0c1024;
}
.titleLabel_oYdoq.titleLabelActive_jh4RW::after {
content: "";
position: absolute;
bottom: -13px;
left: 0;
width: 100%;
height: 2px;
background: #0c1024;
}
.boldTitleLabel_GindT {
cursor: pointer;
position: relative;
font-weight: 600;
color: #0c1024;
display: flex;
align-items: center;
}
.boldTitleLabel_GindT .titleSpan_Hu5Y6 {
position: relative;
}
.boldTitleLabel_GindT .titleSpan_Hu5Y6 .betaTagContainer_s2TSB {
position: absolute;
top: -4px;
right: -26px;
margin: 0;
width: -moz-fit-content;
width: fit-content;
white-space: nowrap;
}
.searchContentContainer_AqlCI {
margin-top: 12px;
height: 40px;
padding: 0 20px;
flex-shrink: 0;
display: flex;
align-items: center;
gap: 8px;
}
.searchContentContainer_AqlCI .inputDomContainer_eaLbm {
position: relative;
flex: 1;
height: 100%;
}
.searchContentContainer_AqlCI .inputDomContainer_eaLbm .qingchuHotarea_fjatB {
position: absolute;
width: 24px;
height: 24px;
right: 12px;
top: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.searchContentContainer_AqlCI .inputDomContainer_eaLbm .qingchuIcon_o5kEK {
color: #dbdbde;
}
.searchContentContainer_AqlCI .inputDomContainer_eaLbm .searchIcon_nhLji {
position: absolute;
left: 12px;
top: 10px;
}
.searchContentContainer_AqlCI .input_KkbEA {
width: 100%;
height: 100%;
border-radius: 4px;
background-color: white;
border: 1px solid #ececee;
outline: none;
color: #303133;
font-size: 14px;
padding: 0 48px 0 40px;
display: block;
}
.searchContentContainer_AqlCI .input_KkbEA::-moz-placeholder {
color: #c2c3c8;
}
.searchContentContainer_AqlCI .input_KkbEA::placeholder {
color: #c2c3c8;
}
.searchContentContainer_AqlCI .input_KkbEA:focus {
border: 1px solid #2e73e5;
}
.categroyWrapper_JFe3h {
flex: 1;
overflow-x: hidden;
overflow-y: scroll;
margin-top: 12px;
padding-bottom: 12px;
}
.categroyWrapper_JFe3h::-webkit-scrollbar {
width: 4px;
}
.categroyWrapper_JFe3h::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.categroyWrapper_JFe3h::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.categroyWrapper_JFe3h .emptyContainer_ereP7 {
width: 100%;
height: calc(100% - 12px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #616371;
}
.categroyWrapper_JFe3h .emptyContainer_ereP7 .emptyImg_gzu4z {
width: 140px;
}
.categroyWrapper_JFe3h.hasSearch_wuFZK .dragIconContainer_GO-p- {
visibility: hidden;
}
.categroyContainer_JKJ6E {
padding: 0 16px 0 0px;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo {
font-size: 16px;
display: flex;
align-items: center;
height: 44px;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo .dragIconContainer_GO-p- {
color: #c2c3c8 !important;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo .dragIconContainer_GO-p- {
width: 20px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.2s;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo.tinyCategroyTitle_2yk2S {
font-size: 14px;
height: auto;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo.tinyCategroyTitle_2yk2S + .subCategoryContainer_c2vSs {
margin-top: 8px;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo.tinyCategroyTitle_2yk2S + .iconListContainer_-e3DI {
margin-top: 8px;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo.hasHover_j8E5b {
cursor: pointer;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo .iconContainer_3-9yD {
flex-shrink: 0;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
.categroyContainer_JKJ6E .categroyTitle_r4ACo .iconContainer_3-9yD.iconRotate_d27jy {
transform: rotate(-90deg);
}
.categroyContainer_JKJ6E .subCategoryContainer_c2vSs + .subCategoryContainer_c2vSs {
margin-top: 20px;
}
.categroyContainer_JKJ6E .subCategoryTitle_q3zF6 {
font-size: 14px;
line-height: 22px;
color: #91939c;
padding-left: 20px;
margin-bottom: 8px;
}
.categroyContainer_JKJ6E.tinyCate_G7JfK {
padding: 0;
}
.categroyContainer_JKJ6E.tinyCate_G7JfK .subCategoryTitle_q3zF6 {
padding-left: 0px;
}
.allColorpalettesWrapper_aEEGx {
padding: 0 20px 0 20px;
margin-top: 16px;
}
.colorpalettesWrapper_fHjfF {
position: relative;
}
.colorpalettesWrapper_fHjfF .colorpalettesOptionContainer_QxeY9 {
position: absolute;
left: 0;
top: calc(100% + 4px);
z-index: 1;
width: 100%;
}
.colorpalettesContaienr_tgRWC {
height: 36px;
width: 100%;
padding: 8px 8px 8px 12px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 4px;
cursor: pointer;
background: #f5f6f6;
background: var(--Neutral-colorBg-Elevated, #f5f6f6);
}
.colorpalettesContaienr_tgRWC.tinyColorPa_ZUjLe {
margin-top: 8px;
font-size: 13px;
width: 180px;
}
.colorpalettesContaienr_tgRWC.open_7e6Bi {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #f5f6f6;
}
.leftPart_CLg7v,
.rightPart_W91Va {
display: flex;
align-items: center;
}
.leftPart_CLg7v .label_ookdJ,
.rightPart_W91Va .label_ookdJ {
font-size: 14px;
line-height: 20px;
color: #0c1024;
color: var(--upime-main-text);
margin-left: 6px;
}
.leftPart_CLg7v .selectedStyleName_vuQKm,
.rightPart_W91Va .selectedStyleName_vuQKm {
font-size: 12px;
line-height: 20px;
color: #91939c;
}
.aiCategroyContainer_59a3v {
padding: 0 12px;
}
.aiCategroyContainer_59a3v .categroyTitle_r4ACo {
padding-left: 8px;
}
.aiCategroyContainer_59a3v .iconListContainer_-e3DI {
padding-left: 0;
}
.defaultColorTheme_EOVGi {
display: flex;
align-items: center;
gap: 4px;
color: var(--upime-main-text);
}
.simpleColorTheme_DkWTW {
display: flex;
align-items: center;
}
.simpleColorTheme_DkWTW .simpleColorCircle_GpWYB {
width: 20px;
height: 20px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
margin-left: -5px;
}
.simpleColorTheme_DkWTW .simpleColorCircle_GpWYB.smallCircle_AV8zj {
width: 16px;
height: 16px;
margin-left: -4px;
}
.simpleColorTheme_DkWTW .simpleColorCircle_GpWYB:first-child {
margin-left: 0;
}
.childrenOptionContainer_fJSA0 {
width: 100%;
padding: 12px 0 8px;
border-radius: 2px;
background-color: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.childrenOptionContainer_fJSA0 .options_n1Cot {
height: 34px;
padding: 0 16px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
color: var(--upime-active);
}
.childrenOptionContainer_fJSA0 .options_n1Cot.selected_zJ-ON {
background-color: #eaf1fc;
}
.childrenOptionContainer_fJSA0 .styleSetting_7jRSI {
padding: 0 16px;
}
.childrenOptionContainer_fJSA0 .styleSetting_7jRSI:not(:first-child) {
margin-top: 16px;
}
.childrenOptionContainer_fJSA0 .styleSetting_7jRSI .label_ookdJ {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px;
}
.childrenOptionContainer_fJSA0.tiny_gici7 .styleSetting_7jRSI:not(:first-child) {
margin-top: 8px;
}
.childrenOptionContainer_fJSA0 .styleOptions_nbzLK {
margin-top: 8px;
display: flex;
align-items: center;
gap: 8px;
}
.childrenOptionContainer_fJSA0.tiny_gici7 .styleOptions_nbzLK {
gap: 4px;
margin-top: 4px;
max-width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
.childrenOptionContainer_fJSA0 .styleOption_YSZdr {
display: flex;
padding: 4px;
border-radius: 4px;
flex-direction: column;
align-items: center;
gap: 2px;
cursor: pointer;
}
.childrenOptionContainer_fJSA0 .styleOption_YSZdr.selected_zJ-ON {
background-color: #eaf1fc;
}
.childrenOptionContainer_fJSA0 .styleOption_YSZdr.selected_zJ-ON .styleName_2Q5s1 {
color: #2e73e5;
}
.childrenOptionContainer_fJSA0 .styleName_2Q5s1 {
font-size: 12px;
line-height: 20px;
color: rgba(0, 0, 0, 0.45);
text-align: center;
}
.childrenOptionContainer_fJSA0 .styleSvg_BtLm0 {
width: 52px;
height: 22px;
}
.childrenOptionContainer_fJSA0.tiny_gici7 .styleSvg_BtLm0 {
width: 62px;
height: 28px;
}
.childrenOptionContainer_fJSA0 .colorOptions_Zhsns {
margin-top: 4px;
}
.childrenOptionContainer_fJSA0.tiny_gici7 .colorOptions_Zhsns {
margin-top: 0;
}
.iconListContainer_-e3DI {
padding-left: 20px;
margin-bottom: 10px;
}
.iconListContainer_-e3DI .iconListView_mvAMX {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.iconListContainer_-e3DI .iconListView_mvAMX .iconCell_yFbBb {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 2px;
position: relative;
}
.iconListContainer_-e3DI .iconListView_mvAMX .iconCell_yFbBb .myGraphicItemInner_KjnQJ {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.iconListContainer_-e3DI .iconListView_mvAMX .draggingIcon_RHoIf {
position: fixed;
z-index: 9999;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 4px;
background-color: white;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
transform: translateX(-50%) translateY(-50%);
}
.iconListContainer_-e3DI.tinyIconList_v7uXL {
padding-left: 0;
}
.iconListContainer_-e3DI.tinyIconList_v7uXL .iconCell_yFbBb {
width: 36px;
height: 36px;
}
.aiInstructionListView_UTuSV {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.aiInstructionIconContainer_ndPCn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 8px;
gap: 4px;
cursor: pointer;
width: 79px;
overflow: hidden;
border-radius: 4px;
align-self: flex-start;
}
.aiInstructionIconContainer_ndPCn .imgName_05Y6I {
font-size: 13px;
line-height: 20px;
color: #424454;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.draggingImg_KmhGt {
position: fixed;
z-index: 9999;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 4px;
background-color: white;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
transform: translateX(-50%) translateY(-50%);
}
.imgCell_B-3fS {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
overflow: hidden;
background-color: #e6e7e9;
flex-shrink: 0;
position: relative;
}
.imgCell_B-3fS.aiInstruction_69KC0 {
background-color: #f5f6f6;
position: relative;
border-radius: 4px;
}
.imgCell_B-3fS img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.imgCell_B-3fS .ins_icon_KY7uw {
width: 36px;
height: 36px;
-o-object-fit: scale-down;
object-fit: scale-down;
/** 蛋疼的ipad */
pointer-events: none;
border-radius: 4px;
}
.imgCell_B-3fS svg {
width: 36px;
height: 36px;
pointer-events: none;
border-radius: 4px;
}
.do-hovers .colorpalettesContaienr_tgRWC:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #f5f6f6;
}
.do-hovers .titleIconContainer_UDyaQ:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .childrenOptionContainer_fJSA0 .options_n1Cot:hover,
.do-hovers .childrenOptionContainer_fJSA0 .styleOption_YSZdr:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .childrenOptionContainer_fJSA0 .options_n1Cot.selected_zJ-ON:hover,
.do-hovers .childrenOptionContainer_fJSA0 .styleOption_YSZdr.selected_zJ-ON:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #eaf1fc;
}
.do-hovers .iconListView_mvAMX .iconCell_yFbBb:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .aiInstructionIconContainer_ndPCn:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .categroyTitle_r4ACo:hover .dragIconContainer_GO-p- {
opacity: 1;
}
.colorpalettesOptionContainerTiny_ctU0S {
position: fixed;
z-index: 1000;
width: 180px;
}
.iconViewContainer_IbwUS {
width: 26px;
height: 26px;
}
.iconViewContainer_IbwUS > svg {
width: 26px;
height: 26px;
}
.iconViewContainer_IbwUS > img {
width: 26px;
height: 26px;
}
.graphicManageFooter_B9-qL {
flex-shrink: 0;
padding: 12px 16px 4px;
background-color: white;
border-radius: 0 0 4px 4px;
}
.graphicManageFooter_B9-qL .graphicManageBtn_JHp8g {
width: 100%;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
border: 1px solid #2e73e5;
border-radius: 4px;
color: #2e73e5;
font-size: 14px;
line-height: 22px;
cursor: pointer;
transition: all 0.2s;
}
.graphicManageFooter_B9-qL .graphicManageBtn_JHp8g:hover {
background-color: rgba(46, 115, 229, 0.06);
}
.graphicManageFooter_B9-qL .graphicManageBtn_JHp8g:active {
background-color: rgba(46, 115, 229, 0.12);
}
.activeItem_aCNK2 {
background-color: white;
}
.activeItem_aCNK2 .dragIconContainer_GO-p- {
opacity: 1 !important;
}
.myGraphicAddBtn_auz-m {
width: 40px;
height: 40px;
border: 1px dashed #d0d5dd;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #202022;
transition: background-color 0.2s;
}
.do-hovers .myGraphicAddBtn_auz-m:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.myGraphicThumbnail_F5omx {
width: 26px;
height: 26px;
-o-object-fit: contain;
object-fit: contain;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.exportMindMapAsFileButtonContainer_Aj0FE.showing {
opacity: 1 !important;
}
.exportMindMapAsFileButtonContainer_Aj0FE.showing {
background-color: #f5f6f6;
}
.exportMindMapMenuButton_UuDEz {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.exportMindMapMenuButton_UuDEz .icon_4elS5 {
width: 14px;
height: 14px;
}
.fileTypesPanel_Cw8Ze {
display: flex;
width: -moz-max-content;
width: max-content;
width: 150px;
padding: 8px 0px;
flex-direction: column;
align-items: flex-start;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.fileTypesPanel_Cw8Ze .fileTypeWrap_ELJE8 {
width: 100%;
height: 36px;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
.fileTypesPanel_Cw8Ze .fileTypeWrap_ELJE8 .fileType_Jrmx6 {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.do-hovers .fileTypeWrap_ELJE8:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.exportMindMapDialogContainer_Z22fP {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 40px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.dialogContent_89IaL {
width: 100%;
height: 100%;
max-width: 760px;
max-height: 580px;
min-width: 560px;
min-height: 466px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
border-radius: 12px;
background-color: #fff;
}
.head_ihNz5 {
width: 100%;
height: 68px;
display: flex;
flex-shrink: 0;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 12px 0 40px;
border-radius: 12px 12px 0 0;
border-bottom: 1px solid #e6e7e9;
}
.head_ihNz5 .title_5dc1y {
color: #0c1024;
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.head_ihNz5 .closeBtn_G8pa- {
width: 44px;
height: 44px;
padding: 12px;
border-radius: 2px;
cursor: pointer;
}
.do-hovers .closeBtn_G8pa-:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.body_YvS-7 {
width: 100%;
display: flex;
flex-grow: 1;
flex-direction: row;
justify-content: center;
align-items: stretch;
border-radius: 0 0 12px 12px;
padding: 0 40px;
overflow: hidden;
}
.leftPart_2aqB8 {
max-width: 348px;
min-width: 236px;
display: flex;
flex-grow: 348;
flex-shrink: 348;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 12px;
padding: 12px 0 24px 0;
}
.leftPart_2aqB8 .previewContainer_skX15 {
width: 100%;
height: 100%;
padding: 8px;
border-radius: 4px;
background: #f5f6f6;
}
.leftPart_2aqB8 .previewContainer_skX15 .previewImage_1Na4G {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
background-color: #fff;
}
.divider_A4GXN {
width: 1px;
background-color: #dbdbde;
margin: 0 32px;
}
.rightPart_dzj3T {
max-width: 267px;
min-width: 179px;
display: flex;
flex-grow: 267;
flex-shrink: 267;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
gap: 24px;
padding: 24px 0;
}
.rightPart_dzj3T .inputsWrap_PidHV {
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 24px;
overflow-y: auto;
}
.rightPart_dzj3T .optionLabel_xibhy {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.rightPart_dzj3T .selectExportTypeContainer_pqOwt {
position: relative;
z-index: 2;
}
.rightPart_dzj3T .selectExportTypeContainer_pqOwt .selectExportType_EjAwW {
width: 100%;
margin-top: 8px;
}
.rightPart_dzj3T .selectExportTypeContainer_pqOwt .selectExportType_EjAwW .exportTypeOptionContentWrap_diO13 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.rightPart_dzj3T .selectQualityContainer_6PPaM .selectQuality_73vhR {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 12px;
}
.rightPart_dzj3T .selectQualityContainer_6PPaM .selectQuality_73vhR .radioContent_T9qhE {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.rightPart_dzj3T .selectQualityContainer_6PPaM .highQualityPDFRadioContentWrap_3jLVM {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.rightPart_dzj3T .selectExcelModeContainer_4jBGw .selectExcelModeLabel_FqaeZ {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 2px;
}
.rightPart_dzj3T .selectExcelModeContainer_4jBGw .selectExcelMode_4Xqc3 {
width: 100%;
margin-top: 8px;
}
.rightPart_dzj3T .selectResolutionContainer_vszQB .selectResolution_2viTY {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 12px;
}
.rightPart_dzj3T .selectResolutionContainer_vszQB .highQualityImageRadioContentWrap_Wg3M5 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.rightPart_dzj3T .inputFileNameContainer_BfPMB .inputFileName_wJFSv {
margin-top: 8px;
}
.rightPart_dzj3T .dialogButtonsWrap_tK6-S {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: auto;
}
.rightPart_dzj3T .dialogButtonsWrap_tK6-S .dialogButtons_ggUah {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
.rightPart_dzj3T .dialogButtonsWrap_tK6-S .dialogButtons_ggUah .cancelBtn_dp-s5,
.rightPart_dzj3T .dialogButtonsWrap_tK6-S .dialogButtons_ggUah .confirmBtn_OikhF {
padding-left: 16px;
padding-right: 16px;
}
.rightPart_dzj3T .dialogButtonsWrap_tK6-S .dialogButtons_ggUah .confirmBtn_OikhF.exporting_hOfkY .loadingIcon_flPLT {
animation: loading_FYZFt 1.5s linear infinite forwards;
}
@keyframes loading_FYZFt {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.hoverTipContainer_1weGq {
position: relative;
z-index: 1;
}
.hoverTipIconWrap_TqsOb {
width: 22px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.hoverTipIconWrap_TqsOb .hoverTipIcon_zRPru {
width: 16px;
height: 16px;
color: #91939c;
}
.hoverTipContent_RaOse {
width: -moz-max-content;
width: max-content;
max-width: 220px;
border-radius: 2px;
background: #000;
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 20px;
cursor: default;
pointer-events: all;
word-break: break-word;
}
.do-hovers .hoverTipIconWrap_TqsOb:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.exportDialog_f3-sl {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 520px;
background: #ffffff;
border-radius: 12px;
padding: 24px 40px;
box-shadow: 0 8px 24px -4px rgba(12, 16, 36, 0.16);
display: flex;
flex-direction: column;
gap: 24px;
}
.header_qVhVA {
display: flex;
align-items: center;
justify-content: space-between;
}
.title_aJBEc {
font-size: 20px;
font-weight: 600;
color: #0c1024;
line-height: normal;
white-space: nowrap;
}
.body_jmkyl {
display: flex;
flex-direction: column;
gap: 16px;
}
.label_s3vbw {
font-size: 14px;
color: #424445;
line-height: normal;
white-space: nowrap;
margin: 0;
}
.fileName_LUHWg {
font-size: 14px;
font-weight: 600;
color: #0c1024;
line-height: normal;
white-space: nowrap;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
}
.progressRow_EJq-M {
display: flex;
align-items: center;
gap: 12px;
}
.progressTrack_j-0kN {
flex: 1;
height: 8px;
background: #f0f0f0;
border-radius: 100px;
overflow: hidden;
}
.progressFill_BgSwJ {
height: 100%;
background: #2e73e5;
border-radius: 100px;
transition: width 0.3s ease;
}
.progressText_3m3LU {
font-size: 14px;
color: #424445;
white-space: nowrap;
}
.footer_GJB3K {
display: flex;
justify-content: flex-end;
}
.cancelBtn_MefFo {
width: 96px;
height: 40px;
background: #ffffff;
border: 1px solid #dbdbde;
border-radius: 6px;
font-size: 16px;
color: #0c1024;
cursor: pointer;
transition: all 0.2s;
}
.cancelBtn_MefFo:hover {
background: #f0f0f0;
border-color: #c9cdd4;
}
.cancelBtn_MefFo:active {
background: #e5e6eb;
}
.cm_item_veieg {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_veieg.disabled_WUaTt {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_veieg.autoWidth_mee9u {
width: auto;
min-width: 40px;
}
.icon_box_HRG4c {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_HRG4c.active_PJtbv {
color: var(--upime-active);
}
.bling_item_yQW2p {
opacity: 0.8;
}
.hidden_7-5xm {
visibility: hidden !important;
}
.hidden_all_Fnk7x {
visibility: hidden !important;
}
.hidden_all_Fnk7x * {
visibility: hidden !important;
}
.show_all_oBMgE {
visibility: visible !important;
}
.show_all_oBMgE * {
visibility: visible !important;
}
.pane_-6w0u {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_5E9zO {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_t-B-2 {
visibility: hidden;
opacity: 0;
animation: show_5E9zO 0.5s forwards;
}
@keyframes show_scale_HPqI- {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_HPqI- {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_HPqI- 0.3s forwards;
}
.show_scale_HPqI-.right_4MIuN {
transform-origin: left center;
}
.show_scale_HPqI-.left_7Mu4- {
transform-origin: right center;
}
.show_scale_HPqI-.bottom_bb9IS {
transform-origin: center top;
}
.show_scale_HPqI-.top_Rp3UL {
transform-origin: center bottom;
}
.show_scale_HPqI-.left_top_7lkQP {
transform-origin: right top;
}
.show_scale_HPqI-.top_left_qha1w {
transform-origin: bottom left;
}
.show_scale_HPqI-.bottom_left_MKjUS {
transform-origin: top left;
}
.show_scale_HPqI-.top_right_MR-Ne {
transform-origin: bottom right;
}
.show_scale_HPqI-.bottom_right_icQYS {
transform-origin: top right;
}
.show_scale_HPqI-.right_top_Lzlgd {
transform-origin: left top;
}
.show_scale_HPqI-.right_bottom_Y4wC7 {
transform-origin: left bottom;
}
.show_scale_HPqI-.left_bottom_79UBp {
transform-origin: right bottom;
}
.btn_style_etOOi {
cursor: pointer;
}
.btn_style_etOOi:active,
.btn_style_etOOi.on_9xhED {
color: var(--upime-active);
}
.btn_style_etOOi.disabled_WUaTt {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_hFg8o {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_HRG4c:hover {
opacity: 1;
}
.do-hovers .bling_item_yQW2p:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_etOOi:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_hFg8o:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_A1R-k:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_zEz1B:hover {
color: var(--upime-main-text);
}
.rotateY180_ifAnP {
transform: rotateY(180deg);
}
.titleIcon_A1R-k {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_A1R-k.active_PJtbv {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_A1R-k.active_PJtbv {
color: var(--upime-active);
}
.moreIcon_zEz1B {
cursor: pointer;
}
.moreIcon_zEz1B svg {
color: #303445;
}
.moreIcon_zEz1B.active_PJtbv svg {
color: var(--upime-main-text);
}
@keyframes loading_eDpuP {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_a-MXP {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_eDpuP 1s linear infinite forwards;
}
.AIButtonContainer_bYjKv {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_bYjKv.transparent_-iskG {
opacity: 0;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA.AIShow_35fc1 {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA.AIHide_llFmk {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA.AIButtonHover_XpD1q:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA.AIButtonDisabled_rjpY- {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_bYjKv .AIButtonWrapper_LBbF- .AIButtonImageContainer_-UYHA .AIButtonImage_1NRrL {
width: 32px;
height: 32px;
}
.sub_win_container_R0wIa {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_R0wIa::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_R0wIa::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_R0wIa::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_R0wIa .sub_win_child_wrapper_x2p-K:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_R0wIa .sub_win_child_wrapper_x2p-K:not(:first-child) .sub_win_child_qFb4S {
padding-top: 0;
}
.sub_win_flexalbe_container_Ourh6 {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_Ourh6 * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4 {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4:not(:first-child) .flexable_scroll_inner_gqndL {
padding-top: 0px;
}
.phoneMode .sub_win_container_R0wIa {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_Ourh6 {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_z0WT4 {
animation: safariUpdate_wlRA8 0.1s forwards;
}
.safariOn .sub_win_container_R0wIa {
animation: safariUpdate_wlRA8 0.1s forwards;
}
@keyframes safariUpdate_wlRA8 {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_TMg2r {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_TMg2r .noColorStylePart_CeS-a + .noColorStylePart_CeS-a {
margin-top: 8px;
}
.noColorStyleContainer_TMg2r .partlabel_z5ox8 {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_TMg2r .partlabel_z5ox8.disabled_WUaTt {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_R0wIa,
.phoneMode .sub_win_flexalbe_container_Ourh6 {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_R0wIa .flexable_scroll_wrapper_z0WT4:not(:first-child),
.phoneMode .sub_win_flexalbe_container_Ourh6 .flexable_scroll_wrapper_z0WT4:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_TMg2r {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_TMg2r .noColorStylePart_CeS-a + .noColorStylePart_CeS-a {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_TMg2r .partlabel_z5ox8 {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_BTjIS {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_BTjIS.active_PJtbv {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_lvkFL.active_PJtbv {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_BTjIS:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_BTjIS:hover.active_PJtbv {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_lvkFL:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_lvkFL:hover.active_PJtbv {
color: #2E73E5;
background-color: #dce3ed;
}
.cardEditModalWrapper_KJHn5 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 60px;
box-sizing: border-box;
}
.cardEditModalContainer_CoDoh {
width: 100%;
min-width: 520px;
max-width: 800px;
max-height: 100%;
min-height: 280px;
border-radius: 12px;
background-color: #ffffff;
padding: 50px 40px 24px 40px;
font-size: 14px;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
box-sizing: border-box;
flex-shrink: 0;
}
.cardEditModalContainer_CoDoh .cardEditPropContainer_MRJqY {
flex: 1;
min-height: 0;
width: calc(100% + 36px);
overflow: auto;
padding: 0 36px 16px 0;
}
.cardEditModalContainer_CoDoh .cardEditPropContainer_MRJqY::-webkit-scrollbar {
width: 4px;
}
.cardEditModalContainer_CoDoh .cardEditPropContainer_MRJqY::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.cardEditModalContainer_CoDoh .cardEditPropContainer_MRJqY::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.cardEditModalContainer_CoDoh .cardEditIconsGroup_sKc8L {
position: absolute;
top: 12px;
right: 12px;
font-size: 20px;
display: flex;
align-items: center;
}
.cardEditModalContainer_CoDoh .cardEditIconsGroup_sKc8L .groupDivider_wx3cn {
width: 1px;
height: 18px;
background-color: #e6e7e9;
}
.cardEditModalContainer_CoDoh .cardEditIconsGroup_sKc8L .btContainer_2hGiM {
width: 36px;
height: 36px;
border-radius: 2px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.cardEditModalContainer_CoDoh .titleContainer_Qp2jS {
width: 100%;
min-height: 36px;
padding: 4px 0 8px;
margin-bottom: 12px;
border-bottom: 1px solid #e6e7e9;
box-sizing: border-box;
}
.cardEditModalContainer_CoDoh .textTitle_XMvJO {
display: block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #202022;
border: none;
margin: 0;
padding: 0;
width: 100%;
resize: none;
overflow: hidden;
word-break: break-word;
white-space: pre-wrap;
background: transparent;
}
.cardEditModalContainer_CoDoh .textTitle_XMvJO::-moz-placeholder {
color: #c2c3c8;
font-weight: 400;
}
.cardEditModalContainer_CoDoh .textTitle_XMvJO::placeholder {
color: #c2c3c8;
font-weight: 400;
}
.cardEditModalContainer_CoDoh .colorContainer_t-ukS {
margin-bottom: 4px;
display: flex;
gap: 8px;
min-height: 30px;
align-items: center;
}
.cardEditModalContainer_CoDoh .propertyNameBox_5a5dv {
color: #616371;
flex-shrink: 0;
width: 80px;
min-height: 30px;
padding-top: 5px;
display: flex;
gap: 8px;
}
.cardEditModalContainer_CoDoh .propertyNameBox_5a5dv svg {
width: 16px;
height: 16px;
transform: translateY(2px);
}
.cardEditModalContainer_CoDoh .propertyNameBox_5a5dv > span {
font-size: 14px;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.cardEditModalContainer_CoDoh .propertyValueBox_GgOWK {
flex: 1;
overflow: hidden;
}
.cardEditModalContainer_CoDoh .propertyValueBox_GgOWK.noHide_CzsVS {
overflow: visible;
}
.cardEditModalContainer_CoDoh .priorityContainer_CByyn {
margin-bottom: 4px;
display: flex;
gap: 8px;
min-height: 30px;
align-items: flex-start;
}
.cardEditModalContainer_CoDoh .statusContainer_-cVAE {
display: flex;
margin-bottom: 4px;
height: 30px;
padding-top: 5px;
padding-bottom: 5px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq {
margin-bottom: 4px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .descNameBox_Ti02U {
color: #616371;
height: 30px;
display: flex;
align-items: center;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .descNameBox_Ti02U svg {
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: -3px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .descNameBox_Ti02U > span {
font-size: 14px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog {
position: relative;
width: 100%;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz {
border: 1px solid #e6e7e9 !important;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz {
width: 100%;
box-sizing: border-box;
border-radius: 2px;
padding: 8px 12px;
line-height: 22px;
word-break: break-word;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz::-moz-placeholder {
color: #c2c3c8;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz::placeholder {
color: #c2c3c8;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz::-webkit-scrollbar {
width: 4px;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz:focus {
background-color: #f5f6f6;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz:hover {
background-color: #f5f6f6;
}
.cardEditModalContainer_CoDoh .descContainer_t1OYq .textDescContainer_kZPog .textDesc_G8WIz.supportInput_JoJBA {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 {
height: 40px;
display: flex;
justify-content: flex-end;
margin-top: 24px;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 div {
min-width: 72px;
margin-left: 12px;
cursor: pointer;
line-height: 40px;
text-align: center;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 .cancel_KNkPz {
border-radius: 4px;
border: 1px solid #e6e7e9;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 .cancel_KNkPz:hover {
border: 1px solid #5798f2;
color: #5798f2;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 .confirm_TKi9S {
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
}
.cardEditModalContainer_CoDoh .actionContainer_hrQc6 .confirm_TKi9S:hover {
background-color: #5798f2;
}
.cardEditModalContainer_CoDoh .fileListOutter_KY85M {
padding-top: 12px;
}
.cardEditModalContainer_CoDoh .fileListWrapper_hZMNo {
width: 100%;
box-sizing: border-box;
}
.cardEditModalContainer_CoDoh .viewerContainer_CuqhR {
margin-bottom: 0;
}
.cardEditModalContainer_CoDoh .viewerContainer_CuqhR.imgContainer_Og9F5 {
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
}
.cardEditModalContainer_CoDoh .viewerContainer_CuqhR .imgContainer_Og9F5.imgContainerAdaptive_449YL {
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
min-width: 0;
min-height: 0;
max-height: none;
line-height: 0;
font-size: 0;
}
.cardEditModalContainer_CoDoh .viewerContainer_CuqhR .imgContainer_Og9F5.imgContainerAdaptive_449YL.imgContainerAdaptiveLoading_FBrDP {
position: relative;
min-height: 64px;
}
.cardEditModalContainer_CoDoh .viewerContainer_CuqhR .imgContainer_Og9F5.imgContainerAdaptive_449YL img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 600px;
}
.cardEditModalContainer_CoDoh .viewerContainer_CuqhR .videoContainer_lKl3C {
aspect-ratio: 16 / 9;
max-height: 600px;
}
.cardEditModalContainer_CoDoh .viewerContainer_CuqhR .videoContainer_lKl3C .videoDom_5wBRH {
width: 100%;
height: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.cardEditModalContainer_CoDoh .viewerContainer_CuqhR .videoContainer_lKl3C .videoEmpty_8yDpb {
width: 100%;
height: 100%;
min-height: 0;
}
.colorSelectContainer_ykbfI {
position: relative;
display: inline-block;
height: 30px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-left: 4px;
}
.colorSelectContainer_ykbfI:hover {
background-color: #f5f6f6;
}
.colorSelectContainer_ykbfI .colorSelectSubWindow_IpKoh {
z-index: 1;
}
.selectContainer_98dUU {
position: relative;
border-radius: 2px;
height: 30px;
padding: 2px 8px;
overflow: hidden;
cursor: pointer;
}
.selectContainer_98dUU .noName_ckBDQ {
color: #c2c3c8;
}
.selectContainer_98dUU:hover {
background-color: #f5f6f6;
}
.selectContainer_98dUU.withContainer_sHBuV {
background-color: #eaf1fc;
}
.selectContainer_98dUU .box_vU0Dq {
height: 100%;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
display: flex;
align-items: center;
}
.selectContainer_98dUU .box_vU0Dq.withName_ouPUm {
border-radius: 4px;
background-color: rgba(241, 108, 127, 0.25);
padding: 0px 8px;
gap: 12px;
}
.selectContainer_98dUU .box_vU0Dq.withName_ouPUm > span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.selectContainer_98dUU .box_vU0Dq.withName_ouPUm > svg {
font-size: 12px;
cursor: pointer;
}
.userListContainer_-XK-x {
margin-bottom: 4px;
display: flex;
gap: 8px;
align-items: flex-start;
cursor: pointer;
}
.fileListOutter_KY85M {
margin-bottom: 4px;
display: flex;
gap: 8px;
align-items: flex-start;
}
.userSelectWrapper_U-bSb {
position: relative;
}
.userSelectContainer_64UFJ {
position: relative;
padding: 2px 0;
border-radius: 2px;
min-height: 30px;
padding-left: 8px;
padding-right: 8px;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.userSelectContainer_64UFJ:hover {
background-color: #f5f6f6;
}
.userSelectContainer_64UFJ.withContainer_sHBuV {
background-color: #eaf1fc;
}
.userSelectContainer_64UFJ .displayItem_np6Jb {
padding: 3px 8px;
border-radius: 4px;
background-color: #f5f6f6;
display: flex;
align-items: center;
gap: 6px;
overflow: hidden;
border: 1px solid #e6e7e9;
}
.userSelectContainer_64UFJ .displayItem_np6Jb .avatar_Wet2d {
width: 18px;
height: 18px;
border-radius: 50%;
flex-shrink: 0;
}
.userSelectContainer_64UFJ .displayItem_np6Jb .userName_6TkXH {
flex: 1;
font-size: 14px;
color: #0c1024;
line-height: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.userSelectContainer_64UFJ .displayItem_np6Jb .close_GTFmA {
flex-shrink: 0;
display: block;
color: #616371;
cursor: pointer;
}
.userSelectContainer_64UFJ .noUser_Qw2yn {
color: #c2c3c8;
line-height: 26px;
}
.userListOptionContainer_Q-05O {
width: 292px;
position: fixed;
z-index: 1000;
background-color: white;
box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.radioOptionContainer_yVIOu {
padding: 8px 0;
width: 220px;
max-height: 196px;
overflow-y: auto;
position: fixed;
z-index: 1000;
background-color: white;
box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
border-radius: 4px 4px 2px 2px;
overflow: auto;
}
.radioOptionContainer_yVIOu::-webkit-scrollbar {
width: 4px;
}
.radioOptionContainer_yVIOu::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.radioOptionContainer_yVIOu::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.radioOptionContainer_yVIOu .optionItem_xp70k {
height: 36px;
padding: 7px 16px;
position: relative;
cursor: pointer;
overflow: hidden;
display: flex;
align-items: center;
}
.radioOptionContainer_yVIOu .optionItem_xp70k:hover {
background-color: #f5f6f6;
}
.radioOptionContainer_yVIOu .optionItem_xp70k .icon_NI7s9 {
width: 14px;
height: 14px;
}
.radioOptionContainer_yVIOu .optionItem_xp70k .bigIcon_8k-yY {
height: 18px;
width: 18px;
}
.radioOptionContainer_yVIOu .optionItem_xp70k .label_fSwcg {
width: 162px;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0 6px;
font-size: 14px;
}
.radioOptionContainer_yVIOu .optionItem_xp70k.optionItemSelected_ndO82 {
background-color: #eaf1fc;
}
.colorSelectOptions_4smjL {
position: fixed;
z-index: 1000;
background-color: white;
box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
border-radius: 4px 4px 2px 2px;
}
.timeRangeWrapper_f8fNH {
flex: 1;
width: 100%;
height: 30px;
}
.timeRangeWrapper_f8fNH:hover {
background-color: #f5f6f6;
}
.timeRangeWrapper_f8fNH.withContainer_sHBuV {
background-color: #eaf1fc;
}
.timeRangeContainer_8sEUy {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 4px;
width: 100%;
}
.timeRangeContainer_8sEUy .timeRangeSelectContainer_KjESH {
border-radius: 2px;
padding-left: 8px;
height: 100%;
padding: 2px 0 2px 8px;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
}
.timeRangeContainer_8sEUy .timeRangeSelectContainer_KjESH .noUser_Qw2yn {
color: #c2c3c8;
}
.timeRangeContainer_8sEUy .timeRangeSelectContainer_KjESH .timeViewContainer_rmybC {
display: flex;
align-items: center;
gap: 6px;
border: 1px solid #e6e7e9;
background-color: #f5f6f6;
padding: 0 8px;
height: 100%;
border-radius: 4px;
}
.timeRangeContainer_8sEUy .timeRangeSelectContainer_KjESH .timeViewContainer_rmybC .close_GTFmA {
flex-shrink: 0;
display: block;
color: #616371;
cursor: pointer;
}
.dateSelectContainer_yRYnH {
width: 292px;
padding: 12px 8px;
position: fixed;
z-index: 1000;
background-color: white;
box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.deleteCard_rHayc {
position: absolute;
bottom: 42px;
color: #91939c;
cursor: pointer;
font-size: 14px;
}
.deleteCard_rHayc:hover {
color: #0c1024;
}
.fileListWrapper_hZMNo {
position: relative;
padding-left: 8px;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P {
display: flex;
align-items: center;
width: 100%;
height: 46px;
border-radius: 4px;
background-color: #f5f6f6;
border: 1px dashed #f5f6f6;
cursor: pointer;
gap: 2px;
padding: 10px 0 10px 16px;
transition: background 0.15s;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P.active_PJtbv {
border: 1px dashed #2e73e5;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P.padStyle_vXQIl {
justify-content: center;
padding: 10px 0 10px 0px;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P.padStyle_vXQIl .addBt_At4OQ {
padding: 0 0 0 2px;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P .addBt_At4OQ {
display: flex;
align-items: center;
color: #2e73e5;
width: -moz-fit-content;
width: fit-content;
height: 100%;
padding: 0 8px 0 2px;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P .addBt_At4OQ:hover {
color: #5798f2;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P .uploadTip_0toDS {
line-height: 20px;
color: #91939c;
font-size: 14px;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P .hiddenInput_wIKeg {
visibility: hidden;
display: none;
}
.fileListWrapper_hZMNo .addBtContainer_9Qd-P .outScreenInput_mDDly {
position: fixed;
left: -9999px;
top: -9999px;
width: 0;
height: 0;
}
.fileListWrapper_hZMNo .fileListContainer_IboRj {
margin-top: 12px;
display: flex;
flex-direction: column;
gap: 8px;
}
.fileListWrapper_hZMNo .noUser_Qw2yn {
color: #c2c3c8;
line-height: 30px;
}
.viewerContainer_CuqhR {
margin-bottom: 8px;
position: relative;
}
.viewerContainer_CuqhR.imgContainer_Og9F5 {
width: -moz-fit-content;
width: fit-content;
}
.viewerContainer_CuqhR .uploadCover_hJ4j- {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}
.viewerContainer_CuqhR .uploadCover_hJ4j- .progressCon_kKpzb {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.viewerContainer_CuqhR .uploadCover_hJ4j- .progressCon_kKpzb .loading_eDpuP {
width: 24px;
height: 24px;
animation: loading_eDpuP 1.5s linear infinite forwards;
color: white;
}
.viewerContainer_CuqhR .uploadCover_hJ4j- .progressCon_kKpzb > span {
color: white;
font-size: 12px;
line-height: 18px;
margin-top: 12px;
}
.viewerContainer_CuqhR .uploadCover_hJ4j- .deleteIcon_kB2eF {
width: 20px;
height: 20px;
position: absolute;
right: 8px;
top: 8px;
color: white;
cursor: pointer;
}
.viewerContainer_CuqhR .imgContainer_Og9F5 {
width: 100%;
max-height: 250px;
min-height: 64px;
border: 1px solid #ececec;
}
.viewerContainer_CuqhR .imgContainer_Og9F5 img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
display: block;
}
.viewerContainer_CuqhR .officeContainer_A0IzU {
width: 100%;
height: 54px;
display: flex;
flex-direction: row;
align-items: center;
padding: 8px;
border: 1px solid #ececec;
border-radius: 4px;
}
.viewerContainer_CuqhR .officeContainer_A0IzU .logo_QNuTI {
margin-right: 8px;
}
.viewerContainer_CuqhR .officeContainer_A0IzU .info_pm13M {
display: flex;
flex-direction: column;
}
.viewerContainer_CuqhR .officeContainer_A0IzU .info_pm13M span:nth-child(1) {
font-size: 14px;
line-height: 22px;
color: var(--upime-main-text);
}
.viewerContainer_CuqhR .officeContainer_A0IzU .info_pm13M span:nth-child(2) {
color: #616371;
font-size: 12px;
line-height: 18px;
}
.viewerContainer_CuqhR .audioContainer_JB38t {
width: 100%;
border: 1px solid #ececec;
border-radius: 4px;
}
.viewerContainer_CuqhR .audioContainer_JB38t .officeContainer_A0IzU {
border: none;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS {
height: 32px;
display: flex;
align-items: center;
padding: 0 8px 0 16px;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS.hidePlayer_kGCuR {
display: none;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .trigger_Z9GQ1 {
height: 24px;
width: 24px;
color: var(--upime-active);
cursor: pointer;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .curTime_qCgDs {
margin-left: 16px;
margin-right: 8px;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .duration_pNsf7 {
margin-left: 8px;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .track_jK6pV {
flex: 1 1 138px;
background-color: #f5f6f6;
position: relative;
height: 4px;
cursor: pointer;
margin-right: 4px;
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .track_jK6pV .progress_qDn5P {
height: 100%;
width: 0;
position: absolute;
left: 0;
top: 0;
background-color: var(--upime-active);
}
.viewerContainer_CuqhR .audioContainer_JB38t .playerContainer_3yIxS .track_jK6pV .controller_AZMeE {
cursor: pointer;
background-color: var(--upime-active);
width: 10px;
height: 10px;
position: absolute;
top: -3px;
border-radius: 50%;
}
.viewerContainer_CuqhR .audioContainer_JB38t .transing_gQpoF {
font-size: 12px;
color: #ffa519;
}
.viewerContainer_CuqhR .videoContainer_lKl3C {
width: 100%;
border: 1px solid #ececec;
border-radius: 4px;
position: relative;
overflow: hidden;
}
.viewerContainer_CuqhR .videoContainer_lKl3C .videoDom_5wBRH {
width: 100%;
max-height: 180px;
-o-object-fit: scale-down;
object-fit: scale-down;
display: block;
}
.viewerContainer_CuqhR .videoContainer_lKl3C .mask_ojiDf {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: 12px;
}
.viewerContainer_CuqhR .videoContainer_lKl3C .mask_ojiDf > svg {
margin-bottom: 12px;
}
.viewerContainer_CuqhR .videoContainer_lKl3C .videoEmpty_8yDpb {
height: 180px;
}
.viewerContainer_CuqhR .iconCon_8UEBs {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: 1px;
top: 1px;
width: 36px;
height: 36px;
background-color: rgba(0, 0, 0, 0.2);
cursor: pointer;
border-bottom-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
visibility: hidden;
}
.viewerContainer_CuqhR .iconCon_8UEBs svg {
color: white;
width: 20px;
height: 20px;
}
.viewerContainer_CuqhR .iconCon_8UEBs.noDesktop_Edj7o {
visibility: visible;
}
.viewerContainer_CuqhR:hover .iconCon_8UEBs {
visibility: visible;
}
.viewerContainer_CuqhR.showaction_bIBF- .iconCon_8UEBs {
visibility: visible;
}
.viewerContainer_CuqhR.fileLook_NOCaf .iconCon_8UEBs {
visibility: visible;
background-color: transparent;
}
.viewerContainer_CuqhR.fileLook_NOCaf .iconCon_8UEBs svg {
color: #717171;
}
.viewerContainer_CuqhR.fileLook_NOCaf .iconCon_8UEBs:hover svg {
color: #0c1024;
}
.actionList_qDR6C {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
width: 101px;
padding: 8px 0;
z-index: 99;
right: 0;
top: 38px;
}
.actionList_qDR6C .row_Rtyr8 {
width: 100%;
height: 38px;
padding: 8px 16px;
font-size: 14px;
line-height: 22px;
color: var(--upime-main-text);
cursor: pointer;
}
.actionList_qDR6C .row_Rtyr8:hover {
background-color: #f5f6f6;
}
.dialogContainer_v6DZm {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dialogContainer_v6DZm .dialogItem_6unB3 {
height: 54px;
line-height: 54px;
text-align: center;
width: 100%;
}
.imgLoading_v1jTQ {
position: absolute;
color: var(--upime-main-text);
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
animation: loading_eDpuP 1.5s linear infinite forwards;
color: var(--upime-active);
}
@keyframes loading_eDpuP {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.disabled_WUaTt .textTitle_XMvJO[disabled],
.disabled_WUaTt .textDesc_G8WIz[disabled] {
background-color: transparent;
color: #0c1024;
}
.disabled_WUaTt .colorSelectContainer_ykbfI:hover {
background-color: transparent;
}
.disabled_WUaTt .selectContainer_98dUU:hover {
background-color: transparent;
}
.disabled_WUaTt .userSelectContainer_64UFJ:hover {
background-color: transparent;
}
.disabled_WUaTt .timeRangeWrapper_f8fNH:hover {
background-color: transparent;
}
.noDesktop_Edj7o .actionContainer_hrQc6 .cancel_KNkPz:hover {
border: 1px solid #e6e7e9;
color: inherit;
}
.noDesktop_Edj7o .actionContainer_hrQc6 .confirm_TKi9S:hover {
background-color: #2e73e5;
}
.noDesktop_Edj7o .colorSelectContainer_ykbfI:hover.withContainer_sHBuV {
background-color: #eaf1fc;
}
.noDesktop_Edj7o .selectContainer_98dUU:hover {
background-color: transparent;
}
.noDesktop_Edj7o .userSelectContainer_64UFJ:hover {
background-color: transparent;
}
.noDesktop_Edj7o .timeRangeWrapper_f8fNH:hover {
background-color: transparent;
}
.noDesktop_Edj7o .colorSelectContainer_ykbfI.withContainer_sHBuV,
.noDesktop_Edj7o .selectContainer_98dUU.withContainer_sHBuV,
.noDesktop_Edj7o .userSelectContainer_64UFJ.withContainer_sHBuV,
.noDesktop_Edj7o .timeRangeWrapper_f8fNH.withContainer_sHBuV {
background-color: #eaf1fc;
}
.noDesktop_Edj7o .radioOptionContainer_yVIOu .optionItem_xp70k:hover {
background-color: transparent;
background-color: initial;
}
.noDesktop_Edj7o .actionList_qDR6C .row_Rtyr8:hover {
background-color: transparent;
}
.noDesktop_Edj7o .iconCon_8UEBs:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.noDesktop_Edj7o .addBtContainer_9Qd-P:hover {
background-color: #f5f6f6;
}
.noDesktop_Edj7o .addBtContainer_9Qd-P .addBt_At4OQ:hover {
color: #2e73e5;
}
.phoneViewContainer_ISfLM {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #f5f6f6;
display: flex;
flex-direction: column;
overflow: hidden;
}
.phoneViewContainer_ISfLM .head_rkp1y {
flex-shrink: 0;
overflow: hidden;
}
.phoneViewContainer_ISfLM .scrollContainer_zTEk5 {
flex: 1;
overflow: auto;
position: relative;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM {
background-color: white;
margin-bottom: 8px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 {
min-height: 54px;
display: flex;
align-items: center;
padding: 12px 20px;
line-height: 24px;
color: #0c1024;
font-size: 15px;
justify-content: space-between;
text-align: justify;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.fileRow_BSY-9 {
justify-content: space-between;
gap: 4px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.fileRow_BSY-9 .content_2-Xbx {
display: flex;
align-items: center;
color: #91939c;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.fileRow_BSY-9 .content_2-Xbx > svg {
font-size: 16px;
margin-left: 4px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW {
padding-top: 0px;
position: relative;
min-height: 102px;
display: block;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW > span {
display: block;
line-height: 23px;
font-size: 15px;
color: #91939c;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW .descTextarea_gzLzs {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
font-size: 15px;
line-height: 23px;
padding: 0 20px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW .descBox_-LaaV {
outline: none;
line-height: 23px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW .descBox_-LaaV:empty::before {
content: attr(placeholder);
color: #91939c;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8.descRow_UF4nW .descBox_-LaaV:focus::before {
content: none;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .titleInput_Tig6Z {
border: none;
height: 26px;
width: calc(100% - 30px);
line-height: 26px;
font-size: 18px;
padding: 0px;
overflow: hidden;
text-overflow: ellipsis;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .titleInput_Tig6Z::-moz-placeholder {
color: #91939c;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .titleInput_Tig6Z::placeholder {
color: #91939c;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .titleInput_Tig6Z:focus ~ div {
display: flex;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .clearBox_Hl-q- {
width: 54px;
height: 54px;
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .clearBox_Hl-q- .clearInput_2rjYm {
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #dedede;
display: flex;
justify-content: center;
align-items: center;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .clearBox_Hl-q- .clearInput_2rjYm svg {
color: white;
width: 10px;
height: 10px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .tagContainer_D9Jf9 {
padding: 0 8px;
height: 26px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .avaImage_F1BmG {
width: 28px;
height: 28px;
border-radius: 14px;
margin-right: 6px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .fakeAva_StdGq {
width: 28px;
height: 28px;
border-radius: 14px;
margin-right: 6px;
background-color: #dfdfdf;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .userListUser_hq9NM {
display: flex;
align-items: center;
color: #616371;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .content_2-Xbx {
display: flex;
align-items: center;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .content_2-Xbx .timerangeContent_ugP-G {
border-radius: 4px;
background-color: #f5f6f6;
padding: 3px 8px;
display: flex;
align-items: center;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .content_2-Xbx .timerangeContent_ugP-G > svg {
margin-left: 6px;
font-size: 16px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .row_Rtyr8 .content_2-Xbx .jiantou_zmfgL {
font-size: 16px;
color: #91939c;
margin-left: 4px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .colorRow_Tu9mg .content_2-Xbx .colorCircle_-6A8e {
width: 20px;
height: 20px;
}
.phoneViewContainer_ISfLM .partContainer_HAEuM .colorRow_Tu9mg .content_2-Xbx .colorCircle_-6A8e > div {
width: 20px;
height: 20px;
}
.phoneViewContainer_ISfLM .actionContainer_hrQc6 {
margin-bottom: 0px;
}
.phoneViewContainer_ISfLM .actionContainer_hrQc6 .row_Rtyr8 .confirmBtn_BpX5J {
height: 48px;
width: 100%;
padding: 13px 0px;
background-color: #2e73e5;
color: #fff;
text-align: center;
border-radius: 4px;
}
.fileListSelectPhoneBox_qYGwB .hiddenInput_wIKeg {
visibility: hidden;
display: none;
}
.timeRangeErrorToast_q-Zmo {
width: 200px;
word-break: break-all;
text-align: center;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 16px 24px;
position: absolute;
bottom: 160px;
left: 50%;
transform: translate(-50%);
z-index: 2000;
}
.colorPalettePhone_CyhuF > div:first-child > div:first-child {
flex-wrap: wrap;
max-height: 50vh;
overflow: auto;
}
.colorPalettePhone_CyhuF > div:first-child > div:first-child > div {
width: calc(100% / 7);
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.colorPalettePhone_CyhuF > div:first-child > div:first-child > div > div {
width: 30px;
height: 30px;
margin: 0 auto;
}
.colorPalettePhone_CyhuF > div:first-child > div:first-child > div:first-child {
margin-left: 0;
}
.cardColorPickDrawer_DVYiX > div:first-child > div:first-child {
flex-wrap: wrap !important;
max-height: 50vh !important;
overflow: auto !important;
}
.cardColorPickDrawer_DVYiX > div:first-child > div:first-child > div {
width: calc(100% / 7) !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.cardColorPickDrawer_DVYiX > div:first-child > div:first-child > div > div {
width: 30px !important;
height: 30px !important;
margin: 0 auto !important;
}
.cardColorPickDrawer_DVYiX > div:first-child > div:first-child > div:first-child {
margin-left: 0 !important;
}
.cardEditDrawer {
padding: 20px 19px;
max-height: calc(100% - 98px);
min-height: 236px;
}
.radioSelectDrawerBox_-VY7h {
overflow: auto;
}
.radioSelectDrawerBox_-VY7h::-webkit-scrollbar {
width: 4px;
}
.radioSelectDrawerBox_-VY7h::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.radioSelectDrawerBox_-VY7h::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.radioSelectDrawerBox_-VY7h .row_Rtyr8 {
padding: 16px 4px;
display: flex;
justify-content: space-between;
}
.userSelectDrawerBox_Kc2Xv.userDrawerBox_BFPX5 {
padding-bottom: 40px;
}
.userSelectDrawerBox_Kc2Xv .actionRow_a-lBo {
padding: 16px 4px;
padding-top: 0px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #e6e7e9;
position: relative;
}
.userSelectDrawerBox_Kc2Xv .actionRow_a-lBo::after {
content: "";
height: 1px;
display: block;
width: 20px;
border-bottom: 1px solid #e6e7e9;
position: absolute;
bottom: -1px;
right: -20px;
}
.userSelectDrawerBox_Kc2Xv .actionRow_a-lBo::before {
content: "";
height: 1px;
display: block;
width: 20px;
border-bottom: 1px solid #e6e7e9;
position: absolute;
bottom: -1px;
left: -20px;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ {
padding: 16px 0px;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ .inputBox_7GRFl {
height: 44px;
padding: 12px 16px;
border-radius: 999px;
border: 1px solid #c2c3c8;
display: flex;
gap: 8px;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ .inputBox_7GRFl > svg {
font-size: 18px;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ .inputBox_7GRFl > input {
border: none;
flex: 1;
line-height: 23px;
font-size: 15px;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ .inputBox_7GRFl .clearInput_2rjYm {
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #dedede;
display: flex;
justify-content: center;
align-items: center;
align-self: center;
}
.userSelectDrawerBox_Kc2Xv .searchRow_2EGtQ .inputBox_7GRFl .clearInput_2rjYm svg {
color: white;
width: 12px;
height: 12px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt {
overflow: auto;
height: 425px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt::-webkit-scrollbar {
width: 4px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt .userRow_7Qu-z {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 4px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt .userRow_7Qu-z .nameBox_ElL1e {
display: flex;
gap: 8px;
align-items: center;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt .userRow_7Qu-z .nameBox_ElL1e .avatar_Wet2d {
border-radius: 20px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt .userRow_7Qu-z .nameBox_ElL1e .userName_6TkXH {
max-width: 260px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt .noUsersBox_9q7xv {
text-align: center;
font-size: 14px;
color: #303445;
line-height: 22px;
margin-top: 90px;
}
.userSelectDrawerBox_Kc2Xv .listBox_VBJRt::-webkit-scrollbar {
display: none;
}
.userSelectDrawerBox_Kc2Xv .reportRow_FFQ7c {
height: 60px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 0 24px;
display: flex;
align-items: center;
gap: 6px;
cursor: default;
font-size: 14px;
}
.userSelectDrawerBox_Kc2Xv .reportRow_FFQ7c .checkbox_ySrYg {
width: 16px;
height: 16px;
border-radius: 4px;
border: 1px solid #dbdbde;
cursor: pointer;
}
.userSelectDrawerBox_Kc2Xv .reportRow_FFQ7c .checkContainer_FD3Ai {
cursor: pointer;
width: 16px;
height: 16px;
overflow: hidden;
}
.phoneFileListContainer_bZC5S {
position: relative;
}
.phoneFileListContainer_bZC5S.hasFiles_Klact {
padding: 0px 20px 8px;
}
.kanbanConfigWrapper_UcbL3 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI {
width: 750px;
border-radius: 12px;
background-color: #ffffff;
font-size: 14px;
height: 580px;
max-height: 95vh;
display: grid;
grid-template-rows: 76px 1fr;
overflow: hidden;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanHead_7tm-k {
border-bottom: 1px solid #e6e7e9;
display: flex;
align-items: center;
padding: 0 24px 0 40px;
font-size: 20px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanHead_7tm-k .kanbanTitleTip_Lq4Jl {
font-size: 14px;
margin-left: 8px;
color: #616371;
transform: translateY(3px);
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanHead_7tm-k .guanbiButton_gPmyn {
margin-left: auto;
cursor: pointer;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya {
overflow: hidden;
display: grid;
grid-template-columns: 231px 1fr;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G {
border-right: 1px solid #e6e7e9;
padding: 10px 4px 10px 24px;
overflow: hidden;
display: flex;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh {
flex: 1;
overflow: auto;
padding-right: 12px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh::-webkit-scrollbar {
width: 4px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh .kanbanOptionTitle_CyTC4 {
height: 44px;
font-size: 16px;
padding-left: 16px;
display: flex;
align-items: center;
justify-content: space-between;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh .kanbanOptionTitle_CyTC4 .addBox_ULByd {
width: 24px;
height: 24px;
border-radius: 2px;
background-color: #ffffff;
border: 1px solid #dbdbde;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh .kanbanOptionTitle_CyTC4 .addBox_ULByd.noAdd_2pDAt {
background-color: #ffffff;
border: 1px solid #dbdbde;
color: #c3c4c9;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh .kanbanOptionRow_oY403 {
height: 34px;
line-height: 34px;
font-size: 16px;
padding-left: 16px;
cursor: pointer;
border-radius: 4px;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanOptionsList_s9a-G .kanbanOptionScroll_Yg8bh .kanbanOptionRow_oY403.active_PJtbv {
background-color: #eaf1fc;
color: #2e73e5;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO {
padding: 20px 8px 24px 0px;
overflow: hidden;
display: grid;
grid-template-rows: 1fr 40px;
grid-gap: 24px;
gap: 24px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 {
width: 100%;
height: 100%;
overflow: auto;
padding-right: 32px;
padding-left: 20px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5::-webkit-scrollbar {
width: 4px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG {
width: 100%;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG {
line-height: 22px;
margin-bottom: 8px;
font-size: 14px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG.titleOptionContainer_xjaAN {
display: flex;
align-items: center;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG.inError_qSzEk {
margin-bottom: 0;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG .star_SGG4Q {
color: #fe5250;
margin-right: 8px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG .addOptionContainer_s9-s2 {
margin-left: auto;
display: flex;
align-items: center;
gap: 2px;
color: var(--upime-active);
cursor: pointer;
height: 26px;
padding: 0 8px;
border-radius: 2px;
transition: all 0.15s;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG .addOptionContainer_s9-s2.inError_qSzEk {
border: 1px solid #fe5250;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propTitle_isQHG .addOptionContainer_s9-s2:hover {
background-color: #f5f6f6;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .propError_fLnTJ {
font-size: 12px;
line-height: 20px;
margin-top: 2px;
color: #fe5250;
margin-bottom: 8px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm {
position: relative;
width: 100%;
height: 44px;
overflow: hidden;
display: flex;
padding-right: 12px;
border: 1px solid #ececee;
border-radius: 4px;
background-color: white;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm.inputDisabled_OyA-c {
background-color: #f5f6f6;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .input_Zd-Cw {
flex: 1;
height: 100%;
outline: none;
border: none;
padding-left: 8px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .input_Zd-Cw[disabled] {
color: #c2c3c8;
background-color: #f5f6f6;
cursor: not-allowed;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .input_Zd-Cw::-moz-placeholder {
color: #c2c3c8;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .input_Zd-Cw::placeholder {
color: #c2c3c8;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .inputControl_g26mV {
display: flex;
align-items: center;
overflow: hidden;
flex-shrink: 0;
color: #91939c;
gap: 8px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm .inputControl_g26mV .clearIcon_upLrn {
color: #c2c3c8;
cursor: pointer;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm.focus_y5lfg {
border: 1px solid #2e73e5;
border-radius: 4px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputContainer_0EyPm.inError_qSzEk {
border: 1px solid #fe5250;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .inputErrmsg_hGkAi {
height: 24px;
line-height: 20px;
padding-top: 2px;
color: #fe5250;
font-size: 12px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd {
position: relative;
width: 100%;
height: 44px;
border-radius: 4px;
border: 1px solid #e6e7e9;
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 8px;
padding-right: 12px;
color: #0c1024;
cursor: pointer;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd.selectorDisabled_CcQ2Q {
cursor: not-allowed;
background-color: #f5f6f6;
color: #c2c3c8;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .icon_NI7s9 {
transform: rotate(270deg);
color: #616371;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .icon_NI7s9.open_cbGvg {
transform: rotate(90deg);
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .icon_NI7s9 svg {
display: block;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .okIcon_o78NU {
color: var(--upime-active);
margin-left: auto;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .selectOptionContainer_mtJVh {
position: absolute;
left: -1px;
right: -1px;
top: calc(100% + 4px);
padding: 8px 0;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .selectorContainer_pxYGd .selectOptionContainer_mtJVh .selectOptionRow_MvyEQ {
width: 100%;
height: 40px;
background-color: #eaf1fc;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
padding: 0 16px;
color: #0c1024;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 {
width: 100%;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB {
margin-bottom: 10px;
font-size: 14px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB:last-child {
margin-bottom: 0;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opRowInner_MWZOb {
display: flex;
align-items: center;
overflow: hidden;
gap: 12px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .colorSelector_lepQl {
width: 26px;
height: 26px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding-top: 2px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opInputContainer_Dz7xO {
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #e6e7e9;
padding: 0 12px;
color: #0c1024;
flex: 1;
height: 38px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opInputContainer_Dz7xO:focus {
border: 1px solid #2e73e5;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opInputContainer_Dz7xO::-moz-placeholder {
color: #c2c3c8;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opInputContainer_Dz7xO::placeholder {
color: #c2c3c8;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .opInputContainer_Dz7xO.opInputContainerDisabled_naobb {
background-color: #f5f6f6;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .closeIcon_KBkjk {
color: #979797;
cursor: pointer;
width: 24px;
height: 24px;
border-radius: 2px;
transition: all 0.15s;
display: flex;
align-items: center;
justify-content: center;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .closeIcon_KBkjk:hover {
background-color: #ececee;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .closeIcon_KBkjk.closeDisabled_9S3ek:hover {
background-color: transparent;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .disabled_WUaTt .colorSelector_lepQl {
cursor: not-allowed;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .disabled_WUaTt .opInputContainer_Dz7xO {
color: #c2c3c8;
cursor: not-allowed;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .disabled_WUaTt .closeIcon_KBkjk {
color: #d8d8d8;
cursor: default;
cursor: not-allowed;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .inError_qSzEk .opInputContainer_Dz7xO {
border: 1px solid #fe5250;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .opRow_uFwIB .hasErrmsg_arX27 {
margin-bottom: 0px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .kanbanMainContentScroll_uvfO5 .kanbanMainContentProp_U-cfG .optionListContainer_H9JK0 .errmsgContainer_NZ7kH {
line-height: 20px;
color: #fe5250;
font-size: 12px;
margin-bottom: 6px;
margin-top: 2px;
padding-left: 40px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO {
display: flex;
align-items: center;
gap: 16px;
padding-left: 16px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .attrSaveBt_hrIOE {
width: 72px;
height: 40px;
border-radius: 4px;
background-color: #2e73e5;
color: white;
font-size: 16px;
text-align: center;
line-height: 40px;
cursor: pointer;
transition: all 0.15s;
display: flex;
align-items: center;
justify-content: center;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .attrSaveBt_hrIOE.disabled_WUaTt {
background-color: #abc7f5;
cursor: default;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .attrSaveBt_hrIOE.disabled_WUaTt:hover {
background-color: #abc7f5;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .attrSaveBt_hrIOE:hover {
background-color: #5798f2;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .attrCancelBt_Obj-j {
width: 72px;
height: 40px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #e6e7e9;
font-size: 16px;
text-align: center;
line-height: 40px;
color: #0c1024;
cursor: pointer;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .actionTipContainer_8Nd5X {
display: flex;
align-items: center;
gap: 6px;
color: #7eca59;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .actionTipContainer_8Nd5X .content_2-Xbx {
color: #91939c;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .deleteContent_Wp3kl {
color: #616371;
font-size: 14px;
line-height: 30px;
padding: 0 8px;
border-radius: 4px;
cursor: pointer;
transition: all 0.15s;
margin-left: auto;
margin-right: 30px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .kanbanMainContent_7cmLO .actionsList_L-zcO .deleteContent_Wp3kl:hover {
background-color: #f5f6f6;
color: #fe5250;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .emptyContainer_gaf5K {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #91939c;
gap: 26px;
}
.kanbanConfigWrapper_UcbL3 .kanbanConfigContainer_jrrAI .kanbanMainContainer_FT9Ya .emptyContainer_gaf5K img {
width: 120px;
}
.colorPaletteContainer_OJpq3 {
position: fixed;
z-index: 1000;
background-color: white;
box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
border-radius: 4px;
overflow: hidden;
transform: translateY(4px);
}
.colorItem_44PRW {
position: relative;
}
.colorItem_44PRW::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: white;
opacity: 0.3;
border-radius: 4px;
pointer-events: none;
}
.do-hovers .kanbanOptionRow_oY403:hover {
background-color: #f5f6f6;
}
.do-hovers .hoverContainer_dlG4-:hover {
background: rgba(0, 0, 0, 0.06);
}
.cm_item_-hkmY {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_-hkmY.disabled_15IYr {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_-hkmY.autoWidth_Lyvu8 {
width: auto;
min-width: 40px;
}
.icon_box_Aci1Y {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_Aci1Y.active_8dQJK {
color: var(--upime-active);
}
.bling_item_BneLh {
opacity: 0.8;
}
.hidden_HB2GI {
visibility: hidden !important;
}
.hidden_all_hUOoG {
visibility: hidden !important;
}
.hidden_all_hUOoG * {
visibility: hidden !important;
}
.show_all_Y2NXm {
visibility: visible !important;
}
.show_all_Y2NXm * {
visibility: visible !important;
}
.pane_ds1GK {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_mpwaG {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_P0sde {
visibility: hidden;
opacity: 0;
animation: show_mpwaG 0.5s forwards;
}
@keyframes show_scale_M-mxI {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_M-mxI {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_M-mxI 0.3s forwards;
}
.show_scale_M-mxI.right_Hqf0t {
transform-origin: left center;
}
.show_scale_M-mxI.left_2O7-1 {
transform-origin: right center;
}
.show_scale_M-mxI.bottom_nyB-t {
transform-origin: center top;
}
.show_scale_M-mxI.top_il7N9 {
transform-origin: center bottom;
}
.show_scale_M-mxI.left_top_xwP4d {
transform-origin: right top;
}
.show_scale_M-mxI.top_left_McfwE {
transform-origin: bottom left;
}
.show_scale_M-mxI.bottom_left_n8UZF {
transform-origin: top left;
}
.show_scale_M-mxI.top_right_yJZ1f {
transform-origin: bottom right;
}
.show_scale_M-mxI.bottom_right_s0aV6 {
transform-origin: top right;
}
.show_scale_M-mxI.right_top_3XKFg {
transform-origin: left top;
}
.show_scale_M-mxI.right_bottom_tifIb {
transform-origin: left bottom;
}
.show_scale_M-mxI.left_bottom_R9dxG {
transform-origin: right bottom;
}
.btn_style_k8E1V {
cursor: pointer;
}
.btn_style_k8E1V:active,
.btn_style_k8E1V.on_q6yP1 {
color: var(--upime-active);
}
.btn_style_k8E1V.disabled_15IYr {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_CRmx0 {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_Aci1Y:hover {
opacity: 1;
}
.do-hovers .bling_item_BneLh:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_k8E1V:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_CRmx0:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_5CttI:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_zsJHa:hover {
color: var(--upime-main-text);
}
.rotateY180_Y1FSE {
transform: rotateY(180deg);
}
.titleIcon_5CttI {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_5CttI.active_8dQJK {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_5CttI.active_8dQJK {
color: var(--upime-active);
}
.moreIcon_zsJHa {
cursor: pointer;
}
.moreIcon_zsJHa svg {
color: #303445;
}
.moreIcon_zsJHa.active_8dQJK svg {
color: var(--upime-main-text);
}
@keyframes loading_PH0Gj {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_5-eUz {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_PH0Gj 1s linear infinite forwards;
}
.AIButtonContainer_1wHUq {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_1wHUq.transparent_TictY {
opacity: 0;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx.AIShow_2rsuC {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx.AIHide_TvTfL {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx.AIButtonHover_z8-ci:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx.AIButtonDisabled_yTXrU {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_1wHUq .AIButtonWrapper_6C4x1 .AIButtonImageContainer_9d8Bx .AIButtonImage_1rIaZ {
width: 32px;
height: 32px;
}
.sub_win_container_JeJcr {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_JeJcr::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_JeJcr::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_JeJcr::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_JeJcr .sub_win_child_wrapper_Dh0uM:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_JeJcr .sub_win_child_wrapper_Dh0uM:not(:first-child) .sub_win_child_bjP-E {
padding-top: 0;
}
.sub_win_flexalbe_container_DbvOR {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_DbvOR * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh:not(:first-child) .flexable_scroll_inner_dQzru {
padding-top: 0px;
}
.phoneMode .sub_win_container_JeJcr {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_DbvOR {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_o-PHh {
animation: safariUpdate_YPXX5 0.1s forwards;
}
.safariOn .sub_win_container_JeJcr {
animation: safariUpdate_YPXX5 0.1s forwards;
}
@keyframes safariUpdate_YPXX5 {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_1ROzi {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_1ROzi .noColorStylePart_j8P7l + .noColorStylePart_j8P7l {
margin-top: 8px;
}
.noColorStyleContainer_1ROzi .partlabel_PAF3V {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_1ROzi .partlabel_PAF3V.disabled_15IYr {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_JeJcr,
.phoneMode .sub_win_flexalbe_container_DbvOR {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_JeJcr .flexable_scroll_wrapper_o-PHh:not(:first-child),
.phoneMode .sub_win_flexalbe_container_DbvOR .flexable_scroll_wrapper_o-PHh:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_1ROzi {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_1ROzi .noColorStylePart_j8P7l + .noColorStylePart_j8P7l {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_1ROzi .partlabel_PAF3V {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_punM3 {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_punM3.active_8dQJK {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_QiXoc.active_8dQJK {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_punM3:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_punM3:hover.active_8dQJK {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_QiXoc:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_QiXoc:hover.active_8dQJK {
color: #2E73E5;
background-color: #dce3ed;
}
.dateSelectorContainer_TV7m1 {
width: 100%;
padding: 12px 6px;
font-size: 14px;
cursor: default;
}
.dateSelectorContainer_TV7m1.phone_gvmoD {
padding-top: 0;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #e6e7e9;
position: relative;
padding: 16px 4px;
padding-top: 0px;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j .cancel_nZRSn {
font-size: 16px;
color: #303445;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j .note_Qh6rc {
font-size: 18px;
font-weight: 600;
color: #000;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j .queding_VVJjk {
font-size: 16px;
color: #2e73e5;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j::after {
content: "";
height: 1px;
display: block;
width: 25px;
border-bottom: 1px solid #e6e7e9;
position: absolute;
bottom: -1px;
right: -25px;
}
.dateSelectorContainer_TV7m1 .actionRow_HAe8j::before {
content: "";
height: 1px;
display: block;
width: 25px;
border-bottom: 1px solid #e6e7e9;
position: absolute;
bottom: -1px;
left: -25px;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm {
display: flex;
align-items: center;
justify-content: space-between;
color: #0c1024;
gap: 4px;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm .iconArrow_X-mLa {
cursor: pointer;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm .dateTitle_3QwUX {
flex: 1;
text-align: center;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm .dateTitle_3QwUX.useHover_Shal- {
cursor: pointer;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm .dateTitle_3QwUX.useHover_Shal-:hover {
color: var(--upime-active);
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm.phone_gvmoD {
color: #91939c;
height: 53px;
}
.dateSelectorContainer_TV7m1 .dateSelectorHead_p-XJm.phone_gvmoD > b {
font-size: 17px;
color: #0c1024;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI {
margin-top: 14px;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-row-gap: 16px;
row-gap: 16px;
justify-items: center;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi {
overflow: hidden;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi.notCurrentMon_jVv3W {
color: #91939c;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi.today_bhR42 {
border: 1px solid var(--upime-active);
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi.today_bhR42.phone_gvmoD {
border: none;
color: #2e73e5;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi.active_8dQJK {
background-color: var(--upime-active);
color: white;
}
.dateSelectorContainer_TV7m1 .dateListContainer_wmqHI .dateCell_8yehi.disabledDate_28OaC {
color: #91939c;
cursor: not-allowed;
}
.dateSelectorContainer_TV7m1 .monthListContainer_zgfXs {
margin-top: 14px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 32px;
row-gap: 32px;
grid-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
justify-items: center;
border-top: 1px solid #e6e7e9;
padding-top: 14px;
}
.dateSelectorContainer_TV7m1 .monthListContainer_zgfXs.phone_gvmoD {
-moz-column-gap: 40px;
column-gap: 40px;
margin-top: 0px;
}
.dateSelectorContainer_TV7m1 .monthListContainer_zgfXs .monCell_BLf2p {
width: 100%;
height: 32px;
border-radius: 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.dateSelectorContainer_TV7m1 .monthListContainer_zgfXs .monCell_BLf2p.monCellActive_LF-NA {
background-color: var(--upime-active);
color: white;
}
.dateSelectorContainer_TV7m1 .monthListContainer_zgfXs .monCell_BLf2p.disabledMonth_r55IF {
color: #91939c;
cursor: not-allowed;
}
.mindmapAddIconButtonContainer_R2xpC.showing {
opacity: 1 !important;
}
.mindmapAddIconButtonContainer_R2xpC.showing {
background-color: #f5f6f6;
}
.mindmapIconMenuButton_N5MjE {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.mindmapIconMenuButton_N5MjE .icon_bsNY6 {
width: 14px;
height: 14px;
}
.mindmapIconPanel_FNbWC {
font-size: 14px;
width: 310px;
height: 360px;
border-radius: 2px;
background: #fff;
overflow: hidden;
padding: 16px 4px 0px 16px;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe {
width: 100%;
height: 100%;
overflow: auto;
padding-right: 8px;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe::-webkit-scrollbar {
width: 4px;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe .iconRowContainer_nNmv6 {
margin-bottom: 12px;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe .iconRowContainer_nNmv6 .iconRowLabel_S6bQ7 {
font-size: 14px;
color: #0c1024;
margin-bottom: 4px;
line-height: normal;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe .iconRowContainer_nNmv6 .rowIconsContainer_7cz3r {
display: flex;
flex-wrap: wrap;
gap: 2px;
}
.mindmapIconPanel_FNbWC .mindmapIconContainer_ipiwe .iconRowContainer_nNmv6 .rowIconsContainer_7cz3r .iconContainer_A-A-V {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
overflow: hidden;
}
.active_b7rrv {
background-color: #eaf1fc;
}
.do-hovers .iconContainer_A-A-V {
cursor: pointer;
}
.do-hovers .iconContainer_A-A-V:hover {
background: rgba(0, 0, 0, 0.06);
}
.pannel_WkrS6 {
z-index: 90;
padding: 16px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
background-color: #fff;
box-shadow: 0 8px 32px rgba(5, 0, 56, 0.08);
border-radius: 4px;
opacity: 1;
visibility: visible;
}
.iconWrap_gCvje {
display: flex;
justify-content: center;
align-items: center;
height: 38px;
width: 38px;
border-radius: 2px;
cursor: pointer;
position: relative;
}
.iconWrap_gCvje.active_JQNaT {
background-color: #eaf1fc;
color: var(--upime-active);
}
.iconWrapActive_TNNtF {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .iconWrap_gCvje:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrap_gCvje.active_JQNaT:hover {
background-color: #dce3ed;
}
.do-hovers .iconWrapActive_TNNtF:hover {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .colorPannel_XPATK:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .temColorPannel_ESR6U:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .colorPannelActive_K9s1O:hover {
background-color: #dce3ed;
}
.do-hovers .closeBt_ogkuQ:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .goBackContainer_pHWey:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .tempColorSelector_9QEiC:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .closeIcon_C9bfQ:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.shape_y1m5- {
height: 36px;
width: 36px;
display: flex;
justify-content: center;
align-items: center;
}
.shapePannel_qNq4d {
position: relative;
left: 0;
top: 0;
width: 157px;
flex-direction: column;
padding: 16px 18.5px;
transition: left 0.3s;
}
.shapePannel_qNq4d.toRight_GOaNi {
left: 348px;
}
.uploadFileTypeSeletor_C8baN {
position: relative;
bottom: 0;
top: auto;
padding: 20px 10px 10px 10px;
min-width: 302px;
width: -moz-max-content;
width: max-content;
display: flex;
flex-direction: column;
}
.uploadFileTypeSeletor_C8baN .explain_dddHO {
color: #0c1024;
font-size: 12px;
line-height: 20px;
}
.uploadFileTypeSeletor_C8baN .divider_2eSri {
height: 1px;
background-color: #e6e7e9;
margin: 7px 0;
}
.uploadFileTypeSeletor_C8baN ul {
margin: 13px 0 0 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 6px;
}
.uploadFileTypeSeletor_C8baN ul li {
height: 58px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 8px 10px;
border-radius: 2px;
cursor: pointer;
}
.uploadFileTypeSeletor_C8baN ul li h1 {
font-size: 14px;
font-weight: normal;
color: var(--upime-main-text);
margin: 0;
height: 22px;
line-height: 22px;
white-space: nowrap;
}
.uploadFileTypeSeletor_C8baN ul li h1 .icon_VF7fi {
width: 22px;
height: 22px;
vertical-align: middle;
}
.uploadFileTypeSeletor_C8baN ul li p {
max-width: 262px;
font-size: 12px;
color: var(--upime-second-text);
line-height: 18px;
margin: 0;
white-space: nowrap;
}
.uploadFileTypeSeletor_C8baN ul li.uploadDynamicPptItem_woMMg {
position: relative;
gap: 4px;
height: auto;
min-height: 58px;
}
.uploadFileTypeSeletor_C8baN ul li.uploadDynamicPptItem_woMMg h1 {
font-weight: 500;
}
.uploadFileTypeSeletor_C8baN ul li.uploadDynamicPptItem_woMMg p {
line-height: 20px;
color: #606266;
max-width: none;
white-space: normal;
}
.uploadFileTypeSeletor_C8baN ul li .uploadDynamicPptHeader_4Dhj- {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 24px;
}
.uploadFileTypeSeletor_C8baN ul li .uploadDynamicPptHeader_4Dhj- h1 {
margin: 0;
}
.uploadFileTypeSeletor_C8baN ul li .uploadDynamicPptHeader_4Dhj- .uploadDynamicPptHelp_kSn6G {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
height: 24px;
padding: 0 4px;
font-size: 12px;
color: #909399;
line-height: 24px;
cursor: pointer;
margin-left: 12px;
border-radius: 2px;
}
.do-hovers .uploadFileTypeSeletor_C8baN li:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .uploadFileTypeSeletor_C8baN .uploadDynamicPptHelp_kSn6G:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.timerPanelSelector_9xlnR {
width: -moz-max-content;
width: max-content;
padding: 13px 12px;
border-radius: 4px;
position: relative;
bottom: 0;
top: auto;
}
.timerPanelSelector_9xlnR ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
padding: 0;
}
.timerPanelSelector_9xlnR ul li {
padding: 7px 8px;
color: var(--upime-main-text);
font-size: 14px;
line-height: 22px;
border-radius: 2px;
cursor: pointer;
}
.timerPanelSelector_9xlnR ul li.active_JQNaT {
background-color: #eaf1fc;
color: var(--upime-active);
}
.do-hovers .timerPanelSelector_9xlnR li:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .timerPanelSelector_9xlnR li.active_JQNaT:hover {
background-color: #dce3ed;
}
.mindmapPanel_M-yXE {
width: -moz-max-content;
width: max-content;
padding: 12px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.mindmapSelector_7KPfV {
width: 84px;
height: 84px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}
.importXmindDivider_VsLEZ {
width: 100%;
height: 1px;
background-color: #e6e7e9;
margin: 12px 0;
}
.importXmindButton_YuXqL {
min-width: 72px;
height: 32px;
padding: 0 12px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 4px;
background-color: #f5f6f6;
color: #0c1024;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
cursor: pointer;
}
.do-hovers .importXmindButton_YuXqL:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.stickerPannel_iPXeD {
position: relative;
width: 152px;
height: 552px;
padding: 16px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
overflow-y: auto;
overflow-x: hidden;
}
.stickerPannel_iPXeD::-webkit-scrollbar {
width: 4px;
}
.stickerPannel_iPXeD::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.stickerPannel_iPXeD::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.stickerPannel_iPXeD.stickerPannelHorizMode_PlQ3a {
width: 548px;
height: auto;
gap: 8px;
}
.stickerPannel_iPXeD .colorPannel_XPATK {
width: 56px;
height: 58px;
position: relative;
cursor: pointer;
flex-shrink: 0;
border-radius: 2px;
padding: 8px 8px 10px 8px;
}
.stickerPannel_iPXeD .colorPannel_XPATK .item_eddho {
width: 40px;
height: 40px;
position: relative;
z-index: 1;
}
.stickerPannel_iPXeD .colorPannel_XPATK:after {
content: "";
width: 30px;
height: 5px;
position: absolute;
bottom: 7px;
left: 13px;
background-color: rgba(0,0,0,0.27843);
filter: blur(2px);
}
.drawPannel_YH5qP {
width: 48px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding: 8px 0;
background-color: transparent;
box-shadow: none;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- {
width: -moz-fit-content;
width: fit-content;
height: 48px;
padding: 0 10px;
flex-direction: row;
flex-wrap: nowrap;
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- .drawTools_2WR0R {
flex-direction: row;
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- .divider_2eSri {
width: 1px;
height: 24px;
margin: 0 16px 0 10px;
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- .penList_nZVOU {
flex-direction: row;
width: -moz-fit-content;
width: fit-content;
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- .penList_nZVOU .colorBorder_TY-65 {
position: absolute;
width: 100%;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.drawPannel_YH5qP.drawPannelHorizMode_fjCb- .sliderContainer_DjGB7 {
width: 166px;
}
.drawPannel_YH5qP .drawTools_2WR0R {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 4px;
}
.drawPannel_YH5qP .type_cj7IU {
width: 24px;
height: 24px;
}
.drawPannel_YH5qP .divider_2eSri {
height: 1px;
width: 24px;
background-color: var(--upime-divider-bg);
margin: 8px 0;
}
.drawPannel_YH5qP .penList_nZVOU {
width: 48px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 8px;
}
.drawPannel_YH5qP .penList_nZVOU .penWrapper_jNjIw {
width: 30px;
height: 30px;
border: solid 2px #ccc;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.drawPannel_YH5qP .penList_nZVOU .penWrapper_jNjIw.active_JQNaT {
border-color: var(--upime-active);
}
.drawPannel_YH5qP .penList_nZVOU .penWrapper_jNjIw .pen_O-Iyz {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.drawPannel_YH5qP .penList_nZVOU .penWrapper_jNjIw .pen_O-Iyz .colorBorder_TY-65 {
position: absolute;
width: 100%;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.drawPannel_YH5qP .penList_nZVOU .selectedTipIcon_m6VHy {
position: absolute;
right: 2px;
bottom: 2px;
width: 7px;
height: 7px;
color: #2e73e5;
transform: rotate(90deg);
}
.drawPannel_YH5qP .penList_nZVOU .penHorizMode_KmcVF .selectedTipIcon_m6VHy {
top: 2px;
transform: rotate(0deg);
}
.drawPannel_YH5qP .propsList_BkrNz {
position: absolute;
top: 180px;
left: 56px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
visibility: hidden;
transform: scale(0) translateY(-50%);
opacity: 0;
animation: show_scale_propsList_629Cg 0.3s forwards;
transform-origin: left top;
max-height: 420px;
}
.drawPannel_YH5qP .propsList_BkrNz .max_h_420 {
max-height: 420px;
}
.drawPannel_YH5qP .penDetailHorizModeBigScreen_f3lGv {
position: absolute;
bottom: calc(100% + 4px);
left: 0;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
opacity: 0;
visibility: hidden;
transform: scale(0);
animation: show_scale_propsList_hor_hjG1b 0.3s forwards;
transform-origin: center bottom;
}
@keyframes show_scale_propsList_629Cg {
to {
transform: scale(1) translateY(-50%);
visibility: visible;
opacity: 1;
}
}
@keyframes show_scale_propsList_hor_hjG1b {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.widthPannel_O5J9u {
padding: 0px 16px;
}
.widthPannel_O5J9u p {
font-size: 12px;
margin: 0;
}
.colorPannel_XPATK {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.colorPannel_XPATK .colorWrapper_teq-h {
margin: 5px;
}
.colorPannel_XPATK .colorWrapper_teq-h .color_YOxI- {
width: 30px;
height: 30px;
border-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
padding: 4px;
border-radius: 50%;
cursor: pointer;
}
.colorPannel_XPATK .colorWrapper_teq-h .color_YOxI-.active_JQNaT {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--upime-active);
}
.colorPannel_XPATK .plusIcon_WSE-W {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.colorPannel_XPATK .plusIcon_WSE-W svg {
cursor: pointer;
}
.hide_-V0-G {
visibility: hidden;
opacity: 0;
transform: scale(0);
}
.connectLinePanel_yL-dU {
width: 48px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 4px;
padding: 10px 0;
}
.connectLinePanel_yL-dU.connectLineHorizMode_FSHnz {
width: -moz-fit-content;
width: fit-content;
height: 48px;
padding: 0 10px;
flex-direction: row;
flex-wrap: nowrap;
}
.connectLinePanel_yL-dU .item_eddho {
width: 24px;
height: 24px;
}
.colorPalette_0Z3Nu {
padding-bottom: 0;
}
.tablePanel_0uphj {
width: 150px;
height: 175px;
padding: 15px 15px 8px 15px;
display: flex;
flex-direction: column;
position: relative;
}
.tablePanel_0uphj .cell_qJKcF {
width: 12px;
height: 12px;
border: 1px solid #cccccc;
}
.tablePanel_0uphj .hint_rRc6Q {
height: 22px;
line-height: 22px;
font-size: 14px;
color: var(--upime-main-text);
margin-top: 8px;
display: flex;
flex-direction: row;
width: 100%;
justify-content: center;
white-space: nowrap;
}
.tablePanel_0uphj .hint_rRc6Q span:nth-child(2) {
margin-left: 4px;
color: var(--upime-active);
margin-right: 4px;
}
.private_icon_Yse6B {
width: 24px;
height: 24px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.shapePanelBody_vE5nH {
padding: 0 2px;
flex: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}
.moreIconBtn_4OvxU {
height: 36px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
background: #f5f6f6;
font-size: 14px;
color: #000;
margin: 12px 0 8px;
cursor: pointer;
}
.moreIconBtn_4OvxU:hover {
background: rgba(0, 0, 0, 0.06);
}
.moreShapeIcon_vDi7d {
margin-left: 1px;
margin-right: 4px;
}
.moreIconBtnTip_kst9O {
width: 124%;
margin: 0 -12%;
font-size: 12px;
line-height: 20px;
color: #91939c;
text-align: center;
}
.penDetailHorizMode_r-JYZ {
left: auto !important;
left: initial !important;
top: auto !important;
top: initial !important;
}
.penDetailHorizMode_r-JYZ {
bottom: calc(100% + 4px);
right: 0;
}
.colorPannelActive_K9s1O {
background-color: #eaf1fc;
}
.stickerTemPannel_QXcFN {
position: relative;
width: 300px;
height: 560px;
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: 8px;
padding: 0;
}
.stickerTemPannel_QXcFN .temHead_iysPE {
height: 56px;
padding: 16px 16px 0;
border-bottom: 1px solid #e6e7e9;
display: flex;
gap: 24px;
}
.stickerTemPannel_QXcFN .temHead_iysPE .temHeadLabel_hqab3 {
font-size: 18px;
color: #91939c;
height: 100%;
cursor: pointer;
}
.stickerTemPannel_QXcFN .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP {
font-weight: 500;
color: #0c1024;
position: relative;
}
.stickerTemPannel_QXcFN .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background: #0c1024;
}
.stickerTemPannel_QXcFN .temBody_1c1af {
flex: 1;
overflow: hidden;
padding: 16px 2px 0 16px;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemMid_cM8mq {
width: 100%;
height: 100%;
position: relative;
overflow: auto;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemMid_cM8mq::-webkit-scrollbar {
width: 4px;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemMid_cM8mq::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemMid_cM8mq::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemStickerContainer_UM5AD {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U {
width: 64px;
height: 64px;
padding: 9px 10px 11px;
position: relative;
cursor: pointer;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U .temItem_BzWpu {
width: 44px;
height: 44px;
position: relative;
z-index: 1;
}
.stickerTemPannel_QXcFN .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U:after {
content: "";
width: 34px;
height: 5px;
position: absolute;
bottom: 8px;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0,0,0,0.27843);
filter: blur(2px);
}
.temPannelContainer_gD-I4 {
width: 100%;
height: 100%;
padding-right: 8px;
overflow: auto;
}
.temPannelContainer_gD-I4::-webkit-scrollbar {
width: 4px;
}
.temPannelContainer_gD-I4::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.temPannelContainer_gD-I4::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.temPannelContainer_gD-I4.mindmapTemPannelContainer_Pam9m {
padding-right: 14px;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y {
display: flex;
width: 100%;
padding: 0px 0px 0px 16px;
align-items: center;
border-radius: 4px;
background: #f5f6f6;
margin-bottom: 16px;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y .descPart_0eB1R {
flex: 1;
overflow: hidden;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y .descPart_0eB1R .temDescTitle_b68Ec {
font-size: 18px;
color: #0c1024;
margin-bottom: 4px;
display: block;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y .descPart_0eB1R .temDescContent_e7H6e {
color: #424454;
font-size: 13px;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y .imageContainer_pBR-o {
width: 100px;
height: 120px;
overflow: hidden;
position: relative;
}
.temPannelContainer_gD-I4 .temDescContainer_d6X0Y .imageContainer_pBR-o img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.mindmapTemPannel_96AKH {
position: relative;
width: 300px;
height: 560px;
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: 8px;
padding: 0;
}
.mindmapTemPannel_96AKH .temHead_iysPE {
height: 56px;
padding: 16px 16px 0;
border-bottom: 1px solid #e6e7e9;
display: flex;
gap: 24px;
}
.mindmapTemPannel_96AKH .temHead_iysPE.mindmap_vNdY9 {
padding: 0 16px;
align-items: center;
justify-content: space-between;
}
.mindmapTemPannel_96AKH .temHead_iysPE .mindmapHeadTitle_WEi9k {
font-size: 18px;
color: #0c1024;
}
.mindmapTemPannel_96AKH .temHead_iysPE .temHeadLabel_hqab3 {
font-size: 18px;
color: #91939c;
height: 100%;
cursor: pointer;
}
.mindmapTemPannel_96AKH .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP {
font-weight: 500;
color: #0c1024;
position: relative;
}
.mindmapTemPannel_96AKH .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background: #0c1024;
}
.mindmapTemPannel_96AKH .temBody_1c1af {
flex: 1;
overflow: hidden;
padding: 16px 2px 0 16px;
}
.mindmapTemPannel_96AKH .temBody_1c1af .stickerTemStickerContainer_UM5AD {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 4px;
gap: 4px;
padding-right: 14px;
}
.mindmapTemPannel_96AKH .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U {
width: 64px;
height: 64px;
padding: 9px 10px 11px;
position: relative;
cursor: pointer;
}
.mindmapTemPannel_96AKH .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U .temItem_BzWpu {
width: 44px;
height: 44px;
position: relative;
z-index: 1;
}
.mindmapTemPannel_96AKH .temBody_1c1af .stickerTemStickerContainer_UM5AD .temColorPannel_ESR6U:after {
content: "";
width: 34px;
height: 5px;
position: absolute;
bottom: 8px;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0,0,0,0.27843);
filter: blur(2px);
}
.frameTemPannel_OBwnw {
position: relative;
width: 300px;
height: 582px;
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: 8px;
padding: 0;
}
.frameTemPannel_OBwnw .temHead_iysPE {
height: 56px;
padding: 16px 12px 0 16px;
border-bottom: 1px solid #e6e7e9;
display: flex;
gap: 24px;
}
.frameTemPannel_OBwnw .temHead_iysPE .temHeadLabel_hqab3 {
font-size: 18px;
color: #91939c;
height: 100%;
cursor: pointer;
}
.frameTemPannel_OBwnw .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP {
font-weight: 500;
color: #0c1024;
position: relative;
}
.frameTemPannel_OBwnw .temHead_iysPE .temHeadLabel_hqab3.temHeadLabelActive_N7uaP::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background: #0c1024;
}
.frameTemPannel_OBwnw .temHead_iysPE .closeBt_ogkuQ {
margin-left: auto;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 32px;
height: 32px;
transform: translateY(-4px);
}
.frameTemPannel_OBwnw .temBody_1c1af {
flex: 1;
overflow: hidden;
padding: 0px 2px 0 16px;
}
.frameTemPannel_OBwnw .temBody_1c1af .temMid_rVHS4 {
width: 100%;
height: 100%;
position: relative;
overflow: auto;
}
.frameTemPannel_OBwnw .temBody_1c1af .temMid_rVHS4::-webkit-scrollbar {
width: 4px;
}
.frameTemPannel_OBwnw .temBody_1c1af .temMid_rVHS4::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.frameTemPannel_OBwnw .temBody_1c1af .temMid_rVHS4::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.frameTemPannel_OBwnw .temBody_1c1af .templateFlexContainer_KFZ-f {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-right: 14px;
}
.frameTemPannel_OBwnw .temBody_1c1af .tempColorSelectContainer_TBqa5 {
position: relative;
}
.frameTemPannel_OBwnw .temBody_1c1af .tempColorSelectContainer_TBqa5 .tempColorSelector_9QEiC {
display: flex;
align-items: center;
padding: 0px 5px 0px 12px;
height: -moz-fit-content;
height: fit-content;
border-radius: 2px;
color: #0c1024;
cursor: pointer;
height: 28px;
width: -moz-fit-content;
width: fit-content;
}
.frameTemPannel_OBwnw .temBody_1c1af .tempColorSelectContainer_TBqa5 .tempColorSelector_9QEiC .colorCircle_bjGWy {
width: 18px;
height: 18px;
}
.frameTemPannel_OBwnw .temBody_1c1af .tempColorSelectContainer_TBqa5 .tempColorSelector_9QEiC .colorDownIconContainer_TsgHQ {
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
}
.frameTemPannel_OBwnw .temBody_1c1af .tempColorSelectContainer_TBqa5 .colorSelectList_J-nM2 {
position: absolute;
top: calc(100% + 4px);
right: -8px;
display: flex;
border-radius: 4px;
background: #fff;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
z-index: 100;
cursor: default;
}
.frameTemPannel_OBwnw .temBody_1c1af .frameLabel_CCBxp {
color: #0c1024;
margin-bottom: 8px;
margin-top: 16px;
display: block;
}
.temListContainer_9zrGf {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 12px;
gap: 12px;
padding-bottom: 16px;
}
.temListContainer_9zrGf.frameTemList_vNXcK {
padding-right: 14px;
}
.temCellContainer_sypU8 {
height: 72px;
border-radius: 4px;
background-color: #f5f6f6;
position: relative;
overflow: hidden;
}
.temCellContainer_sypU8.largeMode_5UIMb {
height: 158px;
margin-bottom: 8px;
}
.temCellContainer_sypU8.hasBorder_uivH5 {
border: 1px solid rgba(0, 0, 0, 0.06);
}
.temCellContainer_sypU8.noHover_qGVCt {
cursor: default;
}
.temCellContainer_sypU8 .img_fd8l9 {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.temCellContainer_sypU8 .maskContainer_eVW8S {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.06);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
z-index: 1;
border-radius: 4px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 6px;
flex-wrap: nowrap;
overflow: hidden;
}
.temCellContainer_sypU8 .maskContainer_eVW8S .maskButton_SgIRW {
height: 28px;
padding: 0 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.temCellContainer_sypU8 .maskContainer_eVW8S .maskButton_SgIRW.largeBt_wrd3z {
height: 40px;
padding: 10px 16px;
}
.temCellContainer_sypU8 .maskContainer_eVW8S .maskButton_SgIRW.btLoading_dlAwd {
cursor: not-allowed;
background-color: #7eacef;
}
.loadingContainer_coKHU {
animation: slow-show_9rwGk 0.3s forwards;
overflow: hidden;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
}
@keyframes slow-show_9rwGk {
from {
width: 0;
opacity: 0;
}
to {
width: 16px;
opacity: 1;
}
}
.imgLoading_qTQGH {
animation: loading_l0xH0 1.5s linear infinite forwards;
}
@keyframes loading_l0xH0 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.cellLabel_YYclF {
margin-top: 4px;
font-size: 12px;
color: #424454;
text-align: center;
min-height: 20px;
}
.childTemListContainer_-14EJ {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: white;
z-index: 100;
display: flex;
flex-direction: column;
overflow: hidden;
}
.childTemListContainer_-14EJ .childHead_kjdcB {
height: 56px;
padding: 0 12px 0 8px;
border-bottom: 1px solid #e6e7e9;
display: flex;
align-items: center;
}
.childTemListContainer_-14EJ .childHead_kjdcB .goBackContainer_pHWey {
display: flex;
padding: 2px 8px 2px 0;
align-items: center;
cursor: pointer;
border-radius: 2px;
}
.childTemListContainer_-14EJ .childHead_kjdcB .iconContainer_6Jskt {
display: flex;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
border-radius: 2px;
cursor: pointer;
}
.childTemListContainer_-14EJ .childHead_kjdcB .iconContainer_6Jskt.closeIcon_C9bfQ {
margin-left: auto;
width: 32px;
height: 32px;
}
.childTemListContainer_-14EJ .childHead_kjdcB .childHeadLabel_UmOmw {
font-size: 18px;
display: block;
margin-left: 4px;
}
.childTemListContainer_-14EJ .bottomContainer_0vylD {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 8px 16px;
background-color: white;
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.04);
}
.childTemListContainer_-14EJ .childTemList_PrPGl {
flex: 1;
padding-bottom: 52px;
padding-right: 2px;
overflow: hidden;
}
.childTemListContainer_-14EJ .childTemList_PrPGl .childTemScrollList_-ycIi {
width: 100%;
height: 100%;
overflow: auto;
padding: 16px 14px 8px;
}
.colorCircleCell_0O-kL {
margin: 4px !important;
}
.batchUploadDialog_DG8Uv {
width: 520px;
max-height: calc(100vh - 120px);
padding: 24px 0;
border-radius: 8px;
background: white;
display: flex;
flex-direction: column;
gap: 24px;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.headerArea_ZbrkI {
flex-shrink: 0;
display: flex;
flex-direction: column;
gap: 4px;
padding: 0 40px;
}
.scrollBody_Np-7X {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
gap: 24px;
overflow-y: scroll;
overflow-x: hidden;
padding: 0 36px 1px 40px;
}
.scrollBody_Np-7X::-webkit-scrollbar {
width: 4px;
}
.scrollBody_Np-7X::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.scrollBody_Np-7X::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.scrollBody_Np-7X > * {
flex-shrink: 0;
}
.head_Kkq6o {
width: 100%;
color: #0C1024;
font-size: 20px;
font-weight: 600;
line-height: 28px;
/* 140% */
display: flex;
align-items: center;
}
.head_Kkq6o .infoBtn_tWH5r {
margin-left: 4px;
width: 28px;
height: 28px;
display: flex;
border-radius: 2px;
cursor: pointer;
}
.head_Kkq6o .infoIcon_H-mwh {
font-size: 18px;
margin: auto;
color: #C2C3C8;
}
.subHead_WrC80 {
color: #91939C;
font-size: 14px;
line-height: 22px;
}
.closeBtn_YHxcA {
position: absolute;
top: 16px;
right: 16px;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.closeBtn_YHxcA .closeIcon_MCEHe {
width: 20px;
height: 20px;
color: #424454;
}
.clickDropArea_h78sT {
width: 100%;
height: 140px;
border-radius: 6px;
border: 1px dashed #91939C;
background: #FFF;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.clickDropArea_h78sT.empty_IGxDl {
cursor: pointer;
}
.clickDropArea_h78sT.dragOver_kNEqj {
border: 1px dashed #2E73E5;
background: #EAF1FC;
}
.uploadIcon_9zn1K {
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
color: #2E73E5;
font-size: 32px;
}
.loadingIcon_9uIg6 {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
color: #2E73E5;
font-size: 32px;
}
.loadingIcon_9uIg6.loading_-0r4f {
animation: spin_f-6c4 1s linear infinite;
}
@keyframes spin_f-6c4 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.uploadTip_9CoDV {
margin-top: 12px;
font-size: 14px;
line-height: 22px;
max-width: 320px;
text-align: center;
}
.uploadTip_9CoDV .text_3fuQZ {
color: #0C1024;
word-break: keep-all;
word-wrap: break-word;
}
.uploadTip_9CoDV .or_-28Id {
color: #91939C;
color: var(--Neutral-colorText-Tertiary, #91939C);
}
.successIcon_D8CJI {
color: #2E73E5;
width: 28px;
height: 28px;
}
.successTip_DUgzy {
font-size: 14px;
line-height: 22px;
color: #0C1024;
}
.reUpload_u3B7x {
margin-top: 8px;
font-size: 14px;
line-height: 22px;
color: #2E73E5;
cursor: pointer;
}
.agentSelect_Oce6P {
width: 100%;
display: flex;
flex-direction: column;
}
.agentSelectTitle_8oaCk {
color: #0C1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
/* 140% */
display: flex;
align-items: center;
justify-content: space-between;
}
.agentSelectPopWrapper_PGmMs {
margin-top: 4px;
width: 100%;
}
.agentSelectInput_7wod- {
width: 100%;
height: 40px;
border-radius: 4px;
background: #fff;
border: 1px solid #C2C3C8;
font-size: 14px;
line-height: 22px;
color: #0C1024;
}
.agentSelectInput_7wod-.open_eie-a {
border: 1px solid #2E73E5;
}
.agentSelectInput_7wod- .currentSelected_Q8YT- {
display: flex;
padding: 8px 11px;
align-items: center;
cursor: pointer;
}
.agentSelectInput_7wod- .currentSelected_Q8YT- .agentName_mvk59 {
flex-grow: 1;
font-size: 14px;
line-height: 22px;
color: #0C1024;
}
.agentSelectInput_7wod- .currentSelected_Q8YT- .agentName_mvk59.none_-r7Dv {
color: #C2C3C8;
}
.agentSelectInput_7wod- .arrowIcon_RouwX {
width: 16px;
height: 16px;
color: #424454;
}
.agentSelectInput_7wod- .arrowIcon_RouwX.open_eie-a {
transform: rotate(180deg);
}
.agentListPopContainer_iJmxV {
width: 100%;
}
.agentList_aYGIk {
width: 100%;
max-height: 228px;
padding: 8px 0;
overflow-y: auto;
overflow-x: hidden;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.agentItem_pIotV {
padding: 8px 16px;
font-size: 14px;
line-height: 22px;
color: #0C1024;
cursor: pointer;
}
.agentItem_pIotV.active_sB7uJ {
background: #EAF1FC;
color: #2E73E5;
}
.groupPrompt_e3-Ra {
width: 100%;
display: flex;
flex-direction: column;
gap: 4px;
}
.groupPromptTitle_89IWw {
display: flex;
align-items: center;
font-size: 14px;
line-height: 22px;
color: #0C1024;
white-space: nowrap;
}
.groupPromptTitle_89IWw .optional_7IjbH {
color: #C2C3C8;
}
.groupPromptTextarea_epC1h {
width: 100%;
min-height: 104px;
padding: 8px 12px;
border-radius: 4px;
border: 1px solid #DBDBDE;
border: 1px solid var(--Neutral-colorBorder-Deep, #DBDBDE);
background: #FFF;
resize: none;
outline: none;
box-sizing: border-box;
font-size: 14px;
line-height: 22px;
color: #0C1024;
overflow-y: hidden;
}
.groupPromptTextarea_epC1h::-moz-placeholder {
color: #C2C3C8;
}
.groupPromptTextarea_epC1h::placeholder {
color: #C2C3C8;
}
.groupPromptTextarea_epC1h:focus {
border-color: #2E73E5;
}
.foot_KxJ6p {
flex-shrink: 0;
width: 100%;
padding: 0 40px;
display: flex;
justify-content: flex-end;
gap: 12px;
}
.foot_KxJ6p .btn_BWuM4,
.foot_KxJ6p .startBtn_BT1kC {
border-radius: 4px;
height: 40px;
font-size: 14px;
line-height: 22px;
cursor: pointer;
}
.foot_KxJ6p .btn_BWuM4 {
border: 1px solid #DBDBDE;
border: 1px solid var(--Neutral-colorBorder-Deep, #DBDBDE);
color: #0C1024;
padding: 8px 16px;
}
.foot_KxJ6p .startBtn_BT1kC {
padding: 9px 16px;
color: #FFF;
display: flex;
gap: 4px;
align-items: center;
background: linear-gradient(96deg, rgba(210, 115, 255, 0.45) 14.04%, rgba(64, 129, 255, 0.45) 81.47%, rgba(75, 141, 255, 0.45) 94.95%);
}
.foot_KxJ6p .startBtn_BT1kC .startIcon_dO4JH {
width: 16px;
height: 16px;
}
.foot_KxJ6p .startBtn_BT1kC.active_sB7uJ {
background: linear-gradient(96deg, #D273FF 14.04%, #4081FF 81.47%, #4B8DFF 94.95%);
}
.do-hovers .clickDropArea_h78sT.empty_IGxDl:hover {
border: 1px dashed #2E73E5;
background: #EAF1FC;
}
.do-hovers .agentItem_pIotV:hover {
background: #EAF1FC;
}
.do-hovers .head_Kkq6o .infoBtn_tWH5r:hover {
background: rgba(0, 0, 0, 0.06);
}
.helpLik_YJof7 {
cursor: pointer;
color: #2E73E5;
color: var(--Functional-colorPrimary-Default, #2E73E5);
font-size: 12px;
line-height: 20px;
/* 166.667% */
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
border-radius: 2px;
padding: 0 4px;
}
.do-hovers .helpLik_YJof7:hover {
background: rgba(0, 0, 0, 0.06);
}
.emptyList_veEBS {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 8px 0 16px;
gap: 4px;
}
.emptyList_veEBS .noContentImg_3kTCl {
width: 70px;
height: 80px;
}
.emptyList_veEBS .wording_MfTbQ {
width: 172px;
color: #91939C;
text-align: center;
font-size: 14px;
line-height: 22px;
}
.batchUploadHelpDialog_LV077 {
padding: 24px 40px 32px;
border-radius: 8px;
background: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.helpImg_Ecl2f {
margin-top: 15.5px;
width: 580px;
height: 280px;
border-radius: 8px;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.description_fCu8w {
margin-top: 12.5px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.helpText1_gzFbo {
width: 100%;
text-align: center;
color: #0C1024;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.helpText2_JqPp5 {
margin-top: 4px;
width: 480px;
text-align: center;
color: #91939C;
font-size: 14px;
line-height: 22px;
}
.linkDialog_l2W5j {
background-color: var(--upime-pane-bg);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
width: 466px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
border-radius: 4px;
padding: 16px;
position: absolute;
top: 0;
left: 0;
pointer-events: auto;
transform: translate(-50%, -100%);
}
.linkDialog_l2W5j .add_input_O2RDa {
width: 296px;
display: flex;
flex-direction: column;
align-items: flex-start;
flex-shrink: 1;
position: relative;
}
.linkDialog_l2W5j .add_input_O2RDa input {
padding-right: 40px;
}
.linkDialog_l2W5j .add_btns_JfKUU {
display: flex;
flex-shrink: 0;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 8px;
height: 40px;
}
.linkDialog_l2W5j .add_btns_JfKUU .btn_n9n3x {
position: relative;
padding: 0 12px;
height: 32px;
font-size: 14px;
line-height: 22px;
border-radius: 2px;
}
.top_yoy2S {
box-sizing: border-box;
flex-flow: row;
display: flex;
justify-content: space-between;
height: 30px;
align-items: center;
}
.title_Thcyq {
color: #0c1024;
font-size: 20px;
font-weight: 600;
}
.close_XW1CN {
width: 20px;
height: 20px;
color: #979797;
cursor: pointer;
}
.desc_CIP8q {
color: #616371;
font-size: 14px;
margin-top: 8px;
height: 22px;
display: inline-block;
}
.linkInput_EdN-N {
display: inline-block;
margin-top: 24px;
padding-left: 8px;
padding-right: 36px;
height: 44px;
width: 100%;
box-sizing: border-box;
color: #0c1024;
font-size: 14px;
border: 1px solid #e6e7e9;
border-radius: 4px;
caret-color: #2e73e5;
}
.linkInput_EdN-N :focus {
border: 1px solid #2e73e5;
}
.linkInput_EdN-N.error_q9RKo {
border: 1px solid #fe5250;
}
.error_msg_2raUj {
margin-top: 4px;
height: 20px;
line-height: 20px;
color: #fe5250;
font-size: 14px;
}
.bottomContainr_HGU5- {
box-sizing: border-box;
direction: rtl;
margin-top: 24px;
}
.commBtn_aVZAU {
display: inline-block;
font-size: 14px;
width: auto;
height: 36px;
padding: 0 8px;
box-sizing: border-box;
border-radius: 4px;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
line-height: 1;
cursor: pointer;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
outline: none;
box-shadow: none;
}
.sureBtn_l3dj6 {
color: #ffffff;
border: 1px solid #2e73e5;
background-color: #2e73e5;
min-width: 60px;
}
.cancelBtn_92gtO {
color: #0c1024;
border: 1px solid #e6e7e9;
background-color: #ffffff;
margin-right: 16px;
}
.do-hovers .sureBtn_l3dj6:hover {
background-color: #455beb;
}
.do-hovers .cancelBtn_92gtO:hover {
background-color: #f9f9f9;
}
.do-hovers .close_XW1CN:hover {
color: var(--upime-active);
}
.inputSection_ZpnQc {
width: 100%;
}
.inputBoxV2_RW4pI {
display: flex;
flex-direction: column;
padding: 6px 8px 8px;
gap: 6px;
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(96.41deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%) border-box;
border: 1.5px solid transparent;
box-shadow: 0 2px 24px 0 rgba(12, 0, 242, 0.08);
border-radius: 8px;
width: 100%;
box-sizing: border-box;
}
.inputBoxFixed_s5YwH {
height: 126px;
height: var(--input-box-height, 126px);
}
.fileListArea_7zMS- {
display: flex;
gap: 8px;
flex-wrap: nowrap;
align-items: center;
width: 100%;
overflow-x: auto;
flex-shrink: 0;
}
.fileListArea_7zMS-::-webkit-scrollbar {
height: 0 !important;
}
.editorWrapV2_AvEyT {
position: relative;
width: 100%;
}
.editorWrapV2Fixed_50MsV {
flex: 1;
min-height: 0;
}
textarea.textareaV2_rpmrF {
width: 100%;
display: block;
border: none;
outline: none;
resize: none;
background: transparent;
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 24px;
color: #202022;
padding: 0;
margin: 0;
overflow-y: auto;
box-sizing: border-box;
}
textarea.textareaV2_rpmrF::-moz-placeholder {
color: #999;
opacity: 0.6;
}
textarea.textareaV2_rpmrF::placeholder {
color: #999;
opacity: 0.6;
}
.inputActionsV2_Dr-Cr {
display: flex;
align-items: flex-end;
justify-content: space-between;
width: 100%;
flex-shrink: 0;
min-height: 32px;
}
.leftActionsV2_l2VOx {
display: flex;
align-items: center;
gap: 4px;
flex: 1;
min-width: 0;
overflow: hidden;
}
.rightActionsV2_XaG9r {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
margin-left: 8px;
}
.actionsMeasureHidden_Ihwvf {
position: absolute;
left: -10000px;
top: 0;
visibility: hidden;
pointer-events: none;
white-space: nowrap;
}
.skillOptionMeasureWrap_k2klG {
display: flex;
flex-shrink: 0;
}
.actionTagBase_GCDes {
display: flex;
align-items: center;
justify-content: center;
height: 28px;
border-radius: 4px;
flex-shrink: 0;
cursor: pointer;
transition: background-color 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
}
.uploadBtn_gdwvB {
display: flex;
align-items: center;
justify-content: center;
height: 28px;
border-radius: 4px;
flex-shrink: 0;
cursor: pointer;
transition: background-color 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
width: 28px;
padding: 6px;
color: #424454;
}
.uploadBtn_gdwvB.disabled_5QthJ {
color: #c2c3c8;
cursor: inherit;
}
.skillWrapperV2_GgUX9 {
display: flex;
align-items: center;
}
.skillOptionV2_sq3pD {
display: flex;
align-items: center;
justify-content: center;
height: 28px;
border-radius: 4px;
flex-shrink: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
padding: 4px 4px 4px 8px;
gap: 2px;
background-color: rgba(0, 0, 0, 0.04);
transition: background-color 0.2s;
}
.skillOptionV2_sq3pD .skillContentV2_tHB0D {
display: flex;
align-items: center;
gap: 4px;
}
.skillOptionV2_sq3pD .skillContentV2_tHB0D span {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: rgba(0, 0, 0, 0.65);
white-space: nowrap;
}
.skillOptionV2_sq3pD .skillContentV2_tHB0D svg {
color: rgba(0, 0, 0, 0.65);
}
.skillOptionV2_sq3pD .skillDropdownIconV2_G3d6h {
display: flex;
align-items: center;
justify-content: center;
rotate: 180deg;
}
.skillOptionV2_sq3pD.skillOptionActive_T8n6D {
background-color: rgba(0, 0, 0, 0.06);
}
.activeSkillTag_reNZQ {
display: flex;
align-items: center;
justify-content: center;
height: 28px;
border-radius: 4px;
flex-shrink: 0;
cursor: pointer;
transition: background-color 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
background-color: rgba(46, 115, 229, 0.1);
padding: 2px 6px;
gap: 4px;
}
.activeSkillTag_reNZQ .tagIcon_piqWW {
width: 16px;
height: 16px;
color: #0168ff;
flex-shrink: 0;
}
.activeSkillTag_reNZQ .tagText_ySij0 {
font-family: PingFang SC, sans-serif;
font-size: 13px;
line-height: 20px;
color: #0168ff;
white-space: nowrap;
flex-shrink: 0;
}
.activeSkillTag_reNZQ .closeIcon_MQUyU {
color: #0168ff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
padding: 2px;
box-sizing: border-box;
}
.activeSkillTag_reNZQ .tagDropdownIcon_uPm8M {
color: #0168ff;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.activeSkillTag_reNZQ.activeSkillTagOpen_JZRa3 {
background-color: rgba(46, 115, 229, 0.16);
}
.activeSkillTag_reNZQ.activeSkillTagOpen_JZRa3 .tagDropdownIcon_uPm8M {
transform: rotate(180deg);
}
.skillOptionTagWrapper_EBMSq {
display: flex;
align-items: center;
}
.skillOptionTag_oHb3x {
display: flex;
align-items: center;
justify-content: center;
height: 28px;
border-radius: 4px;
flex-shrink: 0;
cursor: pointer;
transition: background-color 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
padding: 2px 6px;
gap: 4px;
}
.skillOptionTag_oHb3x .tagIcon_piqWW {
width: 16px;
height: 16px;
color: #202022;
}
.skillOptionTag_oHb3x .tagText_ySij0 {
font-family: PingFang SC, sans-serif;
font-size: 13px;
line-height: 20px;
color: #202022;
white-space: nowrap;
}
.skillOptionTag_oHb3x .dropdownIcon_j1dkt {
width: 10px;
height: 10px;
color: #202022;
flex-shrink: 0;
}
.skillOptionTag_oHb3x:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.skillOptionTag_oHb3x.active_UHavn {
background-color: rgba(0, 0, 0, 0.04);
}
.skillOptionTag_oHb3x.active_UHavn .dropdownIcon_j1dkt {
transform: rotate(180deg);
}
.collapsedOptionBtn_oKmSg {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 6px;
border-radius: 4px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
flex-shrink: 0;
color: #424454;
background-color: rgba(0, 0, 0, 0.04);
transition: background-color 0.2s;
}
.collapsedOptionBtn_oKmSg.active_UHavn {
background-color: rgba(0, 0, 0, 0.06);
}
.optionDropdownContainer_xudIB {
min-width: 120px;
}
.optionDropdownList_2AsyY {
display: flex;
flex-direction: column;
padding: 4px;
gap: 2px;
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.optionDropdownItem_VykWF {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 12px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
}
.optionDropdownItem_VykWF .itemIcon_17qHz {
flex-shrink: 0;
}
.optionDropdownItem_VykWF .itemText_7o-VU {
flex: 1;
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
color: #0c1024;
white-space: nowrap;
}
.optionDropdownItem_VykWF.selected_p-6dd .itemText_7o-VU {
color: #0168ff;
}
.optionDropdownItem_VykWF .checkIcon_wl6H0 {
color: #0168ff;
flex-shrink: 0;
}
.optionDropdownItem_VykWF:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.sendBtnV2_D8odZ {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
color: white;
background-color: #2e73e5;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.2s;
flex-shrink: 0;
box-sizing: border-box;
}
.sendBtnV2_D8odZ svg {
width: 16px;
height: 16px;
margin-top: -3px;
transform-origin: center center;
transform: rotate(-30deg);
color: #ffffff;
}
.sendBtnV2_D8odZ.hasText_LO2sJ {
width: auto;
padding: 8px;
gap: 4px;
}
.sendBtnV2_D8odZ.hasText_LO2sJ svg {
margin-top: 0;
transform: none;
}
.sendBtnV2_D8odZ.sendBtnWithPoints_Fwjo3 {
min-width: 32px;
height: 32px;
padding: 8px;
gap: 4px;
}
.sendBtnV2_D8odZ.sendBtnWithPoints_Fwjo3 svg {
width: 12px;
height: 12px;
color: #fff;
}
.sendBtnV2_D8odZ.sendBtnWithPoints_Fwjo3 span {
color: #fff;
}
.sendBtnV2_D8odZ span {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: rgba(255, 255, 255, 0.65);
white-space: nowrap;
}
.sendBtnV2_D8odZ.disabled_5QthJ {
background-color: #abc7f5;
cursor: not-allowed;
}
.sendBtnV2_D8odZ.disabled_5QthJ svg {
color: rgba(255, 255, 255, 0.65);
}
.sendBtnV2_D8odZ.disabled_5QthJ.sendBtnWithPoints_Fwjo3 svg,
.sendBtnV2_D8odZ.disabled_5QthJ.sendBtnWithPoints_Fwjo3 span {
color: #fff;
}
.loadingGifContainer_3v9lI {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.loadingGif_c8uuE {
width: 32px;
height: 32px;
}
.toolsV2_jjBCA {
display: flex;
width: 100%;
margin-bottom: 4px;
align-items: center;
justify-content: space-between;
gap: 4px;
flex-direction: row-reverse;
max-width: 100%;
}
.dropdownWrapperV2_E3y73 {
max-width: 100%;
}
.entitySwitcherPopContainerV2_mkaYu {
width: 260px;
}
.dropdownV2_zOsDu {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 100%;
}
.dropdownV2_zOsDu.dropdownInHomePageV2_839-B {
margin-bottom: -8px;
}
.dropdownV2_zOsDu.dropdownInHomePageV2_839-B .dropdownTriggerV2_Tb8f3 {
border-radius: 6px 6px 0 0;
}
.dropdownV2_zOsDu .dropdownTriggerV2_Tb8f3 {
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 6px;
padding: 6px 4px 6px 8px;
width: 100%;
max-width: 100%;
cursor: pointer;
transition: background-color 0.2s;
}
.dropdownV2_zOsDu .dropdownTriggerV2_Tb8f3.dropdownTriggerActiveV2_FKNJ3 {
background-color: rgba(0, 0, 0, 0.06);
}
.dropdownV2_zOsDu .dropdownTriggerV2_Tb8f3 .dropdownContentV2_sJ8sp {
display: flex;
align-items: center;
max-width: 100%;
gap: 4px;
}
.dropdownV2_zOsDu .dropdownTriggerV2_Tb8f3 .dropdownContentV2_sJ8sp .chatAvatarV2_KsgT7 {
width: 16px;
height: 16px;
border-radius: 4px;
-o-object-fit: cover;
object-fit: cover;
}
.dropdownV2_zOsDu .dropdownTriggerV2_Tb8f3 .dropdownContentV2_sJ8sp .dropdownTextV2_2DkC8 {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #202022;
}
.dropdownV2_zOsDu .dropdownTriggerV2_Tb8f3 .dropdownIconV2_vJ88Q {
color: rgba(0, 0, 0, 0.45);
transition: transform 0.2s;
}
.dropdownV2_zOsDu .dropdownTriggerV2_Tb8f3 .dropdownIconV2_vJ88Q.dropdownIconActiveV2_-fqM1 {
transform: rotate(180deg);
}
.dropdownV2_zOsDu .dropdownBgV2_T4MEs {
background-color: rgba(0, 0, 0, 0.04);
width: 100%;
height: 8px;
flex-shrink: 0;
}
.phoneMode .textareaV2_rpmrF {
font-size: 15px;
line-height: 24px;
}
.phoneMode .rightActionsV2_XaG9r {
gap: 12px;
}
.phoneMode .dropdownV2_zOsDu .dropdownTriggerV2_Tb8f3 .dropdownContentV2_sJ8sp .dropdownTextV2_2DkC8 {
font-size: 13px;
line-height: 13px;
}
.do-hovers .uploadBtn_gdwvB:hover:not(.disabled_5QthJ) {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .activeSkillTag_reNZQ:hover {
background-color: rgba(46, 115, 229, 0.15);
}
.do-hovers .skillOptionTag_oHb3x:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .collapsedOptionBtn_oKmSg:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .skillOptionV2_sq3pD:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .sendBtnV2_D8odZ:hover:not(.disabled_5QthJ) {
background-color: #1a5fd1;
}
.do-hovers .dropdownTriggerV2_Tb8f3:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.tag_uskkM {
display: flex;
align-items: center;
gap: 0;
padding: 2px 6px;
border-radius: 4px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: background-color 0.2s;
height: 28px;
box-sizing: border-box;
}
.tag_uskkM .tagIcon_oHNXe {
width: 14px;
height: 14px;
color: #202022;
flex-shrink: 0;
}
.tag_uskkM .tagText_YP-RD {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: #202022;
white-space: nowrap;
}
.tag_uskkM .dropdownIcon_E0M-l {
width: 10px;
height: 10px;
margin-left: 4px;
color: #202022;
flex-shrink: 0;
}
.tag_uskkM:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.tag_uskkM.active_hL4UZ {
background-color: rgba(0, 0, 0, 0.04);
}
.tag_uskkM.active_hL4UZ .dropdownIcon_E0M-l {
transform: rotate(180deg);
}
.panelContainer_ZbPbZ {
min-width: 280px;
}
.panel_VVPKD {
display: flex;
flex-direction: column;
gap: 16px;
padding: 12px;
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
border: 0.5px solid #d0d5dd;
width: 304px;
}
.panelPhone_Ghv6Y {
width: 100%;
padding: 0;
border: none;
box-shadow: none;
border-radius: 0;
box-sizing: border-box;
}
.panelPhone_Ghv6Y .optionButton_87mWq {
height: 40px;
-webkit-tap-highlight-color: transparent;
}
.panelPhone_Ghv6Y .optionButton_87mWq:hover {
border-color: #e0e6ee;
}
.panelPhone_Ghv6Y .optionButton_87mWq.selected_zZn3u:hover {
background: #eaf1fc;
border-color: transparent;
}
.panelPhone_Ghv6Y .optionButton_87mWq.selected_zZn3u:hover .optionIcon_Jw1Yq {
color: #2e73e5;
}
.panelPhone_Ghv6Y .optionButton_87mWq.selected_zZn3u:hover .optionLabel_gudLG {
color: #2e73e5;
}
.panelPhone_Ghv6Y .optionButton_87mWq:active {
background: #fff;
border-color: #e0e6ee;
}
.panelPhone_Ghv6Y .optionButton_87mWq:active .optionIcon_Jw1Yq {
color: #202022;
}
.panelPhone_Ghv6Y .optionButton_87mWq:active .optionLabel_gudLG {
color: #202022;
}
.panelPhone_Ghv6Y .optionButton_87mWq.selected_zZn3u:active {
background: #eaf1fc;
border-color: transparent;
}
.panelPhone_Ghv6Y .optionButton_87mWq.selected_zZn3u:active .optionIcon_Jw1Yq {
color: #2e73e5;
}
.panelPhone_Ghv6Y .optionButton_87mWq.selected_zZn3u:active .optionLabel_gudLG {
color: #2e73e5;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N {
-webkit-tap-highlight-color: transparent;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N:hover {
border-color: #e0e6ee;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N.selected_zZn3u:hover {
background: #eaf1fc;
border-color: transparent;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N.selected_zZn3u:hover .ratioIcon_A-aLd {
color: #2e73e5;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N.selected_zZn3u:hover .ratioLabel_WAVKy {
color: #2e73e5;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N:active {
background: #fff;
border-color: #e0e6ee;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N:active .ratioIcon_A-aLd {
color: #202022;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N:active .ratioLabel_WAVKy {
color: #202022;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N.selected_zZn3u:active {
background: #eaf1fc;
border-color: transparent;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N.selected_zZn3u:active .ratioIcon_A-aLd {
color: #2e73e5;
}
.panelPhone_Ghv6Y .ratioButton_LHG3N.selected_zZn3u:active .ratioLabel_WAVKy {
color: #2e73e5;
}
.panelPhone_Ghv6Y .ratioGrid_rAKf9 {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-gap: 8px;
gap: 8px;
width: 100%;
}
.panelPhone_Ghv6Y .ratioGrid_rAKf9 .ratioButton_LHG3N {
width: 100%;
aspect-ratio: unset;
min-height: 62px;
}
.section_JsM7- {
display: flex;
flex-direction: column;
gap: 6px;
}
.sectionHeader_8n2FW {
display: flex;
align-items: center;
justify-content: space-between;
}
.sectionTitle_-RkZo {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: #606266;
}
.compareLink_Lmcwg {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: #909399;
text-decoration: underline;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.do-hovers .compareLink_Lmcwg:hover {
color: #2e73e5;
}
.optionRow_-fIZF {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.optionButton_87mWq {
display: flex;
flex: 1 0 0;
align-items: center;
justify-content: center;
gap: 6px;
height: 36px;
min-width: 0;
padding: 0 12px;
border-radius: 6px;
border: 1px solid #e0e6ee;
background: #fff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: all 0.2s;
box-sizing: border-box;
}
.optionButton_87mWq .optionIcon_Jw1Yq {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
color: #202022;
flex-shrink: 0;
}
.optionButton_87mWq .optionIcon_Jw1Yq svg {
width: 100%;
height: 100%;
}
.optionButton_87mWq .optionLabel_gudLG {
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
color: #202022;
white-space: nowrap;
}
.optionButton_87mWq:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.optionButton_87mWq.selected_zZn3u {
background: #eaf1fc;
border-color: transparent;
}
.optionButton_87mWq.selected_zZn3u .optionIcon_Jw1Yq {
color: #2e73e5;
}
.optionButton_87mWq.selected_zZn3u .optionLabel_gudLG {
color: #2e73e5;
}
.countGrid_YPMDr {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 8px;
gap: 8px;
}
.countGrid_YPMDr .optionButton_87mWq {
flex: initial;
width: 100%;
}
.ratioGrid_rAKf9 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 8px;
gap: 8px;
}
.ratioButton_LHG3N {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
width: 100%;
aspect-ratio: 1;
padding: 6px 0;
border-radius: 6px;
border: 1px solid #e0e6ee;
background: #fff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: all 0.2s;
box-sizing: border-box;
}
.ratioButton_LHG3N .ratioIcon_A-aLd {
color: #202022;
}
.ratioButton_LHG3N .ratioLabel_WAVKy {
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
color: #202022;
}
.ratioButton_LHG3N:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.ratioButton_LHG3N.selected_zZn3u {
background: #eaf1fc;
border-color: transparent;
}
.ratioButton_LHG3N.selected_zZn3u .ratioIcon_A-aLd {
color: #2e73e5;
}
.ratioButton_LHG3N.selected_zZn3u .ratioLabel_WAVKy {
color: #2e73e5;
}
.uploadedFileItem_dJltA {
display: flex;
align-items: center;
gap: 4px;
height: 32px;
padding: 8px 6px;
background-color: rgba(0,0,0,0.03922);
border-radius: 6px;
width: 100%;
box-sizing: border-box;
cursor: pointer;
}
.uploadedFileItem_dJltA.imagePreview_Gq82R {
width: 32px;
height: 32px;
padding: 0;
position: relative;
overflow: hidden;
background-color: transparent;
border: 1px solid rgba(0,0,0,0.03922);
}
.uploadedFileItem_dJltA .iconWrapper_EPBIr {
flex-shrink: 0;
width: 22px;
height: 22px;
background-color: transparent;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.uploadedFileItem_dJltA .fileName_9zR5i {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
font-family: "PingFang SC", sans-serif;
font-size: 13px;
line-height: 20px;
color: #0c1024;
white-space: nowrap;
overflow: hidden;
}
.uploadedFileItem_dJltA .name_EVnMM {
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uploadedFileItem_dJltA .ext_R9p0z {
flex-shrink: 0;
}
.uploadedFileItem_dJltA .imageBackground_2j18Q {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 6px;
}
.uploadingFileItem_LfTWq {
position: relative;
display: flex;
flex-shrink: 0;
align-items: center;
gap: 8px;
height: 52px;
padding: 8px 12px;
background-color: rgba(0,0,0,0.03922);
border-radius: 8px;
}
.uploadingFileItem_LfTWq.imagePreview_Gq82R {
width: 52px;
height: 52px;
padding: 0;
overflow: hidden;
background-color: transparent;
border: 1px solid rgba(0,0,0,0.03922);
}
.uploadingFileItem_LfTWq .imageBackground_2j18Q {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 8px;
}
.uploadingFileItem_LfTWq .fileInfo_1ayT6 {
max-width: 136px;
flex-grow: 1;
}
.uploadingFileItem_LfTWq .fileInfo_1ayT6 .fileName_9zR5i {
font-size: 13px;
line-height: 20px;
color: #0c1024;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uploadingFileItem_LfTWq .fileInfo_1ayT6 .fileType_9hVh- {
color: #91939C;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
/* 150% */
}
.progressCircle_CS2QD {
display: block;
}
.progressBg_qgdtL {
stroke: rgba(0, 0, 0, 0.45);
}
.progressBar_EUsva {
stroke: #ffffff;
transition: stroke-dashoffset 0.3s ease;
}
.imageMask_GZCAg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.25);
border-radius: 8px;
}
.uploadingIcon_N-ol2 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
z-index: 1;
}
.uploadingIcon_N-ol2 .progressBg_qgdtL {
stroke: rgba(0, 0, 0, 0.45);
}
.uploadingIcon_N-ol2 .progressBar_EUsva {
stroke: #ffffff;
transition: stroke-dashoffset 0.3s ease;
}
.uploadingIconWrapper_Om7rj {
width: 32px;
height: 32px;
background-color: transparent;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.uploadingIconWrapper_Om7rj.uploading_R9JCy {
background-color: #c2c3c8;
}
.deleteButton_F8s5l {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: rgba(0, 0, 0, 0.45);
font-size: 16px;
}
.deleteButton_F8s5l::after {
content: "";
position: absolute;
width: 32px;
height: 32px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.inputSection_RsCq7 {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0 0 8px 0;
width: 100%;
max-width: 780px;
margin-bottom: -8px;
}
.dropdownWrapper_0Xtk9 {
max-width: 100%;
}
.entitySwitcherPopContainer_P13Uc {
width: 260px;
}
.tools_HBY3V {
max-width: 100%;
}
.tools_HBY3V {
display: flex;
width: 100%;
margin-bottom: 4px;
align-items: center;
justify-content: space-between;
gap: 4px;
flex-direction: row-reverse;
}
.dropdown_BRjUR {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 100%;
}
.dropdown_BRjUR.dropdownInHomePage_SIwtC {
margin-bottom: -8px;
}
.dropdown_BRjUR.dropdownInHomePage_SIwtC .dropdownTrigger_YpPVp {
border-radius: 6px 6px 0 0;
}
.dropdown_BRjUR .dropdownTrigger_YpPVp {
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 6px;
padding: 6px 4px 6px 8px;
width: 100%;
max-width: 100%;
cursor: pointer;
transition: background-color 0.2s;
}
.dropdown_BRjUR .dropdownTrigger_YpPVp.dropdownTriggerActive_X-gMA {
background-color: rgba(0, 0, 0, 0.06);
}
.dropdown_BRjUR .dropdownTrigger_YpPVp .dropdownContent_VGeHK {
display: flex;
align-items: center;
max-width: 100%;
gap: 4px;
}
.dropdown_BRjUR .dropdownTrigger_YpPVp .dropdownContent_VGeHK .chatAvatar_h7jFE {
width: 16px;
height: 16px;
border-radius: 4px;
-o-object-fit: cover;
object-fit: cover;
}
.dropdown_BRjUR .dropdownTrigger_YpPVp .dropdownContent_VGeHK .dropdownText_mSKiG {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #202022;
}
.dropdown_BRjUR .dropdownTrigger_YpPVp .dropdownIcon_Ia-kY {
color: rgba(0, 0, 0, 0.45);
transition: transform 0.2s;
}
.dropdown_BRjUR .dropdownTrigger_YpPVp .dropdownIcon_Ia-kY.dropdownIconActive_7wrAB {
transform: rotate(180deg);
}
.dropdown_BRjUR .dropdownBg_C31Tt {
background-color: rgba(0, 0, 0, 0.04);
width: 100%;
height: 8px;
flex-shrink: 0;
}
.phoneMode .dropdown_BRjUR .dropdownTrigger_YpPVp .dropdownContent_VGeHK .dropdownText_mSKiG {
font-size: 13px;
line-height: 13px;
}
.inputBox_UuZnZ {
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(96.41deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%) border-box;
border: 1.5px solid transparent;
box-shadow: 0 2px 24px 0 rgba(12, 0, 242, 0.08);
border-radius: 8px;
border-radius: var(--input-box-border-radius, 8px);
width: 100%;
height: 126px;
height: var(--input-box-height, 126px);
display: flex;
flex-direction: column;
gap: 6px;
padding: 6px 8px 8px 8px;
position: relative;
}
.inputBox_UuZnZ.inputBoxAutoHeight_kOEzX {
height: auto;
}
.inputBox_UuZnZ.inputBoxAutoHeight_kOEzX .editorWrapper_7CYKw {
flex: initial;
}
.inputBox_UuZnZ .fileListArea_VhFk- {
display: flex;
gap: 8px;
flex-wrap: nowrap;
align-items: center;
width: 100%;
overflow-x: auto;
flex-shrink: 0;
}
.inputBox_UuZnZ .fileListArea_VhFk-::-webkit-scrollbar {
height: 0 !important;
}
.inputBox_UuZnZ .fileListArea_VhFk-::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.inputBox_UuZnZ .fileListArea_VhFk-::-webkit-scrollbar-track {
background-color: transparent;
}
.inputBox_UuZnZ .editorWrapper_7CYKw {
flex: 1;
width: 100%;
min-height: 0;
overflow-y: auto;
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 24px;
color: #202022;
}
.inputBox_UuZnZ .editorWrapper_7CYKw [data-slate-placeholder] {
opacity: 1 !important;
}
.inputBox_UuZnZ .editorWrapper_7CYKw [data-slate-placeholder] {
color: #c2c3c8;
}
.inputBox_UuZnZ .inputActions_eqKAt {
display: flex;
align-items: flex-end;
justify-content: space-between;
width: 100%;
height: 32px;
flex-shrink: 0;
}
.inputBox_UuZnZ .inputActions_eqKAt .leftActions_b12yL {
display: flex;
align-items: center;
gap: 4px;
}
.inputBox_UuZnZ .inputActions_eqKAt .rightActions_8x2CK {
display: flex;
align-items: center;
gap: 10px;
}
.inputBox_UuZnZ .inputActions_eqKAt .uploadBtn_kxTsA {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 4px;
padding: 6px;
cursor: pointer;
transition: background-color 0.2s;
color: #424454;
}
.inputBox_UuZnZ .inputActions_eqKAt .uploadBtn_kxTsA.disabled_jXQCn {
color: #c2c3c8;
cursor: inherit;
}
.inputBox_UuZnZ .inputActions_eqKAt .reasoningOption_uMQTl {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 4px;
padding: 4px 8px;
cursor: pointer;
transition: background-color 0.2s;
}
.inputBox_UuZnZ .inputActions_eqKAt .reasoningOption_uMQTl span {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: rgba(0, 0, 0, 0.65);
}
.inputBox_UuZnZ .inputActions_eqKAt .reasoningOption_uMQTl .dot_liGtW {
width: 5px;
height: 5px;
border-radius: 999px;
background-color: #d0d5dd;
}
.inputBox_UuZnZ .inputActions_eqKAt .reasoningOption_uMQTl.active_tUxJq {
background-color: rgba(46, 115, 229, 0.1);
}
.inputBox_UuZnZ .inputActions_eqKAt .reasoningOption_uMQTl.active_tUxJq span {
color: #0168ff;
}
.inputBox_UuZnZ .inputActions_eqKAt .reasoningOption_uMQTl.active_tUxJq .dot_liGtW {
background-color: #0168ff;
}
.inputBox_UuZnZ .inputActions_eqKAt .skillWrapper_HSVHs {
display: flex;
align-items: center;
}
.inputBox_UuZnZ .inputActions_eqKAt .skillOption_YkMaL {
display: flex;
align-items: center;
background: linear-gradient(to right, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%);
border-radius: 4px;
padding: 4px 4px 4px 8px;
cursor: pointer;
gap: 2px;
transition: background-color 0.2s;
}
.inputBox_UuZnZ .inputActions_eqKAt .skillOption_YkMaL .skillContent_hfQaw {
display: flex;
align-items: center;
gap: 4px;
}
.inputBox_UuZnZ .inputActions_eqKAt .skillOption_YkMaL .skillContent_hfQaw span {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: rgba(0, 0, 0, 0.65);
white-space: nowrap;
}
.inputBox_UuZnZ .inputActions_eqKAt .skillOption_YkMaL .skillContent_hfQaw svg {
color: rgba(0, 0, 0, 0.65);
}
.inputBox_UuZnZ .inputActions_eqKAt .skillOption_YkMaL .skillDropdownIcon_SsWT- {
display: flex;
align-items: center;
justify-content: center;
transform: rotate(180deg) scaleY(-1);
transition: transform 0.2s;
}
.inputBox_UuZnZ .inputActions_eqKAt .skillOption_YkMaL .skillDropdownIcon_SsWT-.skillDropdownIconActive_4450j {
transform: rotate(0deg) scaleY(-1);
}
.inputBox_UuZnZ .inputActions_eqKAt .skillOption_YkMaL.skillOptionActive_o18R5 {
background-color: rgba(0, 0, 0, 0.06);
}
.inputBox_UuZnZ .inputActions_eqKAt .sendBtn_ZL2oO {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
color: white;
background-color: #2e73e5;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.2s;
}
.inputBox_UuZnZ .inputActions_eqKAt .sendBtn_ZL2oO.disabled_jXQCn {
background-color: #abc7f5;
cursor: not-allowed;
}
.inputBox_UuZnZ .inputActions_eqKAt .sendBtn_ZL2oO.disabled_jXQCn svg {
color: rgba(255, 255, 255, 0.65);
color: var(--Neutral-colorCommon-white65, rgba(255, 255, 255, 0.65));
}
.inputBox_UuZnZ .inputActions_eqKAt .sendBtn_ZL2oO svg {
width: 16px;
height: 16px;
margin-top: -3px;
transform-origin: center center;
transform: rotate(-30deg);
color: #ffffff;
color: var(--Neutral-colorCommon-white, #ffffff);
}
.inputBox_UuZnZ .inputActions_eqKAt .loadingGifContainer_5qeU- {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.inputBox_UuZnZ .inputActions_eqKAt .loadingGifContainer_5qeU- .loadingGif_ykJ-Y {
width: 32px;
height: 32px;
}
.phoneMode .editorWrapper_7CYKw {
font-size: 15px;
line-height: 24px;
}
.phoneMode .inputActions_eqKAt .reasoningOption_uMQTl span {
font-size: 13px;
}
.phoneMode .inputActions_eqKAt .skillOption_YkMaL .skillContent_hfQaw span {
font-size: 13px;
}
.phoneMode .inputActions_eqKAt .rightActions_8x2CK {
gap: 12px;
}
.do-hovers .dropdownTrigger_YpPVp:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .reasoningOption_uMQTl:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .reasoningOption_uMQTl:hover.active_tUxJq {
background-color: rgba(46, 115, 229, 0.15);
}
.do-hovers .skillOption_YkMaL:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .uploadBtn_kxTsA:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.fakeLocalFileItem_Up-Am {
display: flex;
align-items: center;
gap: 8px;
height: 52px;
padding: 8px 12px;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.04);
box-sizing: border-box;
flex-shrink: 0;
position: relative;
min-width: 0;
}
.coverWrap_l1-Wb {
width: 32px;
height: 32px;
border-radius: 4px;
overflow: hidden;
flex-shrink: 0;
}
.cover_Cq4yX {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 4px;
background-color: white;
}
.info_bVdoN {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
min-width: 0;
overflow: hidden;
}
.title_832nR {
font-family: PingFang SC, sans-serif;
font-size: 13px;
line-height: 20px;
color: #202022;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.description_njBFG {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 18px;
color: #909399;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.deleteButton_mz6NZ {
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 4px;
cursor: pointer;
color: rgba(0, 0, 0, 0.25);
flex-shrink: 0;
transition: color 0.2s, background-color 0.2s;
}
.deleteButton_mz6NZ:hover {
color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.06);
}
.cm_item_AXMCJ {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_AXMCJ.disabled_8rC3g {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_AXMCJ.autoWidth_dmc-7 {
width: auto;
min-width: 40px;
}
.icon_box_8KzBE {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_8KzBE.active_dW-9U {
color: var(--upime-active);
}
.bling_item_APnSJ {
opacity: 0.8;
}
.hidden_PF-Eu {
visibility: hidden !important;
}
.hidden_all_Akbz1 {
visibility: hidden !important;
}
.hidden_all_Akbz1 * {
visibility: hidden !important;
}
.show_all_yYrI9 {
visibility: visible !important;
}
.show_all_yYrI9 * {
visibility: visible !important;
}
.pane_Y73JP {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_6cXQP {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_cf-Si {
visibility: hidden;
opacity: 0;
animation: show_6cXQP 0.5s forwards;
}
@keyframes show_scale_pZ4CO {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_pZ4CO {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_pZ4CO 0.3s forwards;
}
.show_scale_pZ4CO.right_-iv8E {
transform-origin: left center;
}
.show_scale_pZ4CO.left_3Ge8s {
transform-origin: right center;
}
.show_scale_pZ4CO.bottom_Lv5Hu {
transform-origin: center top;
}
.show_scale_pZ4CO.top_GJstJ {
transform-origin: center bottom;
}
.show_scale_pZ4CO.left_top_IlbrX {
transform-origin: right top;
}
.show_scale_pZ4CO.top_left_r8inN {
transform-origin: bottom left;
}
.show_scale_pZ4CO.bottom_left_iOe7F {
transform-origin: top left;
}
.show_scale_pZ4CO.top_right_nzFWT {
transform-origin: bottom right;
}
.show_scale_pZ4CO.bottom_right_JhTW- {
transform-origin: top right;
}
.show_scale_pZ4CO.right_top_gBcwb {
transform-origin: left top;
}
.show_scale_pZ4CO.right_bottom_UB7gi {
transform-origin: left bottom;
}
.show_scale_pZ4CO.left_bottom_acLRC {
transform-origin: right bottom;
}
.btn_style_0CIUj {
cursor: pointer;
}
.btn_style_0CIUj:active,
.btn_style_0CIUj.on_aO7Yv {
color: var(--upime-active);
}
.btn_style_0CIUj.disabled_8rC3g {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_XCsVm {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_8KzBE:hover {
opacity: 1;
}
.do-hovers .bling_item_APnSJ:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_0CIUj:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_XCsVm:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_WpsEs:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_a5plY:hover {
color: var(--upime-main-text);
}
.rotateY180_eveMe {
transform: rotateY(180deg);
}
.titleIcon_WpsEs {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_WpsEs.active_dW-9U {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_WpsEs.active_dW-9U {
color: var(--upime-active);
}
.moreIcon_a5plY {
cursor: pointer;
}
.moreIcon_a5plY svg {
color: #303445;
}
.moreIcon_a5plY.active_dW-9U svg {
color: var(--upime-main-text);
}
@keyframes loading_nPAsS {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_8x-hL {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_nPAsS 1s linear infinite forwards;
}
.AIButtonContainer_USwnJ {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_USwnJ.transparent_TJ4Wy {
opacity: 0;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn.AIShow_CgpWv {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn.AIHide_65UZA {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn.AIButtonHover_oBXNV:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn.AIButtonDisabled_MIt9B {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_USwnJ .AIButtonWrapper_sXQFy .AIButtonImageContainer_uxefn .AIButtonImage_5HnRJ {
width: 32px;
height: 32px;
}
.sub_win_container_U-0JB {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_U-0JB::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_U-0JB::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_U-0JB::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_U-0JB .sub_win_child_wrapper_u-rSl:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_U-0JB .sub_win_child_wrapper_u-rSl:not(:first-child) .sub_win_child_5HTCo {
padding-top: 0;
}
.sub_win_flexalbe_container_j-mU4 {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_j-mU4 * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT:not(:first-child) .flexable_scroll_inner_hlF4C {
padding-top: 0px;
}
.phoneMode .sub_win_container_U-0JB {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_j-mU4 {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_NdQvT {
animation: safariUpdate_5vuJv 0.1s forwards;
}
.safariOn .sub_win_container_U-0JB {
animation: safariUpdate_5vuJv 0.1s forwards;
}
@keyframes safariUpdate_5vuJv {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_U-xyv {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_U-xyv .noColorStylePart_vGE53 + .noColorStylePart_vGE53 {
margin-top: 8px;
}
.noColorStyleContainer_U-xyv .partlabel_EhjPV {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_U-xyv .partlabel_EhjPV.disabled_8rC3g {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_U-0JB,
.phoneMode .sub_win_flexalbe_container_j-mU4 {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_U-0JB .flexable_scroll_wrapper_NdQvT:not(:first-child),
.phoneMode .sub_win_flexalbe_container_j-mU4 .flexable_scroll_wrapper_NdQvT:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_U-xyv {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_U-xyv .noColorStylePart_vGE53 + .noColorStylePart_vGE53 {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_U-xyv .partlabel_EhjPV {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_6kd9R {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_6kd9R.active_dW-9U {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_AD8y-.active_dW-9U {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_6kd9R:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_6kd9R:hover.active_dW-9U {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_AD8y-:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_AD8y-:hover.active_dW-9U {
color: #2E73E5;
background-color: #dce3ed;
}
.noPermissionModal_tFRUR,
.conflictModal_t3saJ,
.concurrencyExceedModal_JmwJP {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 480px;
padding: 24px;
border-radius: 12px;
background-color: #fff;
}
.noPermissionModal_tFRUR .infoBox_-i-N-,
.conflictModal_t3saJ .infoBox_-i-N-,
.concurrencyExceedModal_JmwJP .infoBox_-i-N- {
display: flex;
gap: 12px;
margin-bottom: 24px;
}
.noPermissionModal_tFRUR .infoBox_-i-N- .left_3Ge8s svg,
.conflictModal_t3saJ .infoBox_-i-N- .left_3Ge8s svg,
.concurrencyExceedModal_JmwJP .infoBox_-i-N- .left_3Ge8s svg {
color: #ffa519;
}
.noPermissionModal_tFRUR .infoBox_-i-N- .right_-iv8E .title_KQ9--,
.conflictModal_t3saJ .infoBox_-i-N- .right_-iv8E .title_KQ9--,
.concurrencyExceedModal_JmwJP .infoBox_-i-N- .right_-iv8E .title_KQ9-- {
font-size: 20px;
font-weight: 500;
line-height: 28px;
margin-bottom: 8px;
}
.noPermissionModal_tFRUR .infoBox_-i-N- .right_-iv8E .subtitle_1-Sw4,
.conflictModal_t3saJ .infoBox_-i-N- .right_-iv8E .subtitle_1-Sw4,
.concurrencyExceedModal_JmwJP .infoBox_-i-N- .right_-iv8E .subtitle_1-Sw4 {
color: #616371;
font-size: 14px;
line-height: 22px;
margin-bottom: 8px;
}
.noPermissionModal_tFRUR .infoBox_-i-N- .right_-iv8E .link_DUWPD a,
.conflictModal_t3saJ .infoBox_-i-N- .right_-iv8E .link_DUWPD a,
.concurrencyExceedModal_JmwJP .infoBox_-i-N- .right_-iv8E .link_DUWPD a {
color: #2e73e5;
text-decoration: none;
cursor: pointer;
}
.noPermissionModal_tFRUR .actionBox_Pa-3s,
.conflictModal_t3saJ .actionBox_Pa-3s,
.concurrencyExceedModal_JmwJP .actionBox_Pa-3s {
display: flex;
justify-content: flex-end;
}
.noPermissionModal_tFRUR .actionBox_Pa-3s .confirm_AyDAI,
.conflictModal_t3saJ .actionBox_Pa-3s .confirm_AyDAI,
.concurrencyExceedModal_JmwJP .actionBox_Pa-3s .confirm_AyDAI {
padding: 8px 16px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
text-align: center;
font-size: 16px;
cursor: pointer;
}
.noPermissionModal_tFRUR .actionBox_Pa-3s .confirm_AyDAI:hover,
.conflictModal_t3saJ .actionBox_Pa-3s .confirm_AyDAI:hover,
.concurrencyExceedModal_JmwJP .actionBox_Pa-3s .confirm_AyDAI:hover {
opacity: 0.8;
}
.endReconfirmModal_nyjHu {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 480px;
padding: 24px;
border-radius: 12px;
background-color: #fff;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- {
display: flex;
gap: 12px;
margin-bottom: 24px;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .left_3Ge8s svg {
color: #ffa519;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .title_KQ9-- {
font-size: 20px;
font-weight: 500;
line-height: 28px;
margin-bottom: 8px;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .subtitle_1-Sw4 {
color: #616371;
font-size: 14px;
line-height: 22px;
margin-bottom: 25px;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV {
position: relative;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV .label_n-hOF {
color: #424454;
font-size: 14px;
margin-bottom: 4px;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV input {
font-size: 14px;
line-height: 22px;
width: 100%;
padding: 8px 32px 8px 12px;
border-radius: 2px;
border: 1px solid #E6E7E9;
border: 1px solid var(--Functional-colorPrimary-Default, #E6E7E9);
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV input:focus {
border: 1px solid #2E73E5;
border: 1px solid var(--Functional-colorPrimary-Default, #2E73E5);
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV .clearInput_x4pop {
position: absolute;
right: 5px;
top: 32px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 4px;
border-radius: 2px;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV .clearInput_x4pop svg {
color: #c2c3c8;
}
.endReconfirmModal_nyjHu .infoBox_-i-N- .right_-iv8E .inputBox_W0tGV .clearInput_x4pop:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.endReconfirmModal_nyjHu .actionBox_Pa-3s {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.endReconfirmModal_nyjHu .actionBox_Pa-3s .cancel_gYmdT {
padding: 8px 16px;
border-radius: 4px;
border: 1px solid #DBDBDE;
border: 1px solid var(---gray-6, #DBDBDE);
background: #FFF;
font-size: 16px;
cursor: pointer;
}
.endReconfirmModal_nyjHu .actionBox_Pa-3s .cancel_gYmdT:hover {
color: #5798F2;
border: 1px solid #5798F2;
}
.endReconfirmModal_nyjHu .actionBox_Pa-3s .confirm_AyDAI {
padding: 8px 16px;
border-radius: 4px;
background-color: #FE5250;
color: #fff;
text-align: center;
font-size: 16px;
cursor: pointer;
}
.endReconfirmModal_nyjHu .actionBox_Pa-3s .confirm_AyDAI:hover {
opacity: 0.8;
}
.iconBox_VPXMa {
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.iconBox_VPXMa:hover {
background: rgba(0, 0, 0, 0.06);
}
.memberList_BMJq8 {
display: flex;
}
.memberList_BMJq8 .avatar_ygejJ {
width: 24px;
height: 24px;
border: 1px solid #fff;
border-radius: 50%;
margin-left: -8px;
}
.memberList_BMJq8 .avatar_ygejJ:first-child {
margin-left: 0;
}
.memberList_BMJq8 .avatar_ygejJ div {
width: 100%;
height: 100%;
}
.memberList_BMJq8 .plus2_tDkM3 {
white-space: nowrap;
width: 24px;
height: 24px;
border-radius: 24px;
border: 1px solid #FFF;
background-color: #f0f0f0;
font-size: 12px;
text-align: center;
line-height: 24px;
margin-left: -8px;
}
.memberList_BMJq8 .memberPanel_A8ABe {
width: 200px;
height: 240px;
overflow: auto;
position: absolute;
z-index: 1000;
top: calc(100% + 4px);
background-color: white;
box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
border-radius: 4px 4px 0 0;
}
.memberList_BMJq8 .memberPanel_A8ABe .userRow_h5z3Y {
display: flex;
gap: 8px;
padding: 8px 16px;
align-items: center;
}
.memberList_BMJq8 .memberPanel_A8ABe .userRow_h5z3Y .userAvatar_dWhKT {
width: 24px;
height: 24px;
min-width: 24px;
}
.memberList_BMJq8 .memberPanel_A8ABe .userRow_h5z3Y .name_nyyi4 {
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.historyDeleteBox_3aFfv {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 450px;
display: flex;
flex-direction: column;
padding: 24px;
justify-content: space-between;
background-color: #fff;
border-radius: 12px;
}
.historyDeleteBox_3aFfv .content_gmnpJ {
margin-bottom: 24px;
}
.historyDeleteBox_3aFfv .content_gmnpJ > svg {
position: relative;
top: 5px;
margin-right: 12px;
color: #fe5250;
}
.historyDeleteBox_3aFfv .content_gmnpJ .title_KQ9-- {
height: 28px;
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
.historyDeleteBox_3aFfv .actions_zLEqV {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.historyDeleteBox_3aFfv .actions_zLEqV .reject_uJN9j {
margin-right: 12px;
font-size: 14px;
padding: 8px 16px;
height: 36px;
}
.historyDeleteBox_3aFfv .actions_zLEqV .confirm_AyDAI {
font-size: 14px;
height: 36px;
padding: 8px 16px;
}
.introPopup_agJ5b {
position: absolute;
pointer-events: all;
bottom: 60px;
left: 22px;
transform: translateX(-50%);
z-index: 1;
display: flex;
align-items: center;
padding: 10px 12px;
border-radius: 4px;
background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
}
.introPopup_agJ5b .newIcon_8NkIm {
width: 30px;
color: #fff;
}
.introPopup_agJ5b .text_DSyqy {
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 22px;
white-space: nowrap;
}
.introPopup_agJ5b .verticalLine_8O9rK {
width: 1px;
height: 12px;
background-color: rgba(255, 255, 255, 0.15);
margin: 0 8px;
}
.introPopup_agJ5b .guanbi_OV4bq {
color: rgba(255, 255, 255, 0.65);
cursor: pointer;
}
.introPopup_agJ5b .triangle_Tkm3u {
position: absolute;
top: 34px;
left: 50%;
transform: rotate(180deg) translateX(50%);
color: #777AFD;
}
.noPermissionDialogBox_Xn1bt,
.deviceExceptionDialogBox_MJMyF {
pointer-events: all;
position: absolute;
top: 60px;
left: 50%;
transform: translateX(-50%);
width: 380px;
padding: 20px 24px;
border-radius: 8px;
background-color: #FFF;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
}
.noPermissionDialogBox_Xn1bt .titlebar_jtF0X,
.deviceExceptionDialogBox_MJMyF .titlebar_jtF0X {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16;
}
.noPermissionDialogBox_Xn1bt .titlebar_jtF0X .text_DSyqy,
.deviceExceptionDialogBox_MJMyF .titlebar_jtF0X .text_DSyqy {
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.noPermissionDialogBox_Xn1bt .titlebar_jtF0X svg,
.deviceExceptionDialogBox_MJMyF .titlebar_jtF0X svg {
cursor: pointer;
}
.noPermissionDialogBox_Xn1bt .subtitle_1-Sw4,
.deviceExceptionDialogBox_MJMyF .subtitle_1-Sw4 {
margin: 6px 0px;
color: #616371;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.noPermissionDialogBox_Xn1bt .link_DUWPD a,
.deviceExceptionDialogBox_MJMyF .link_DUWPD a {
cursor: pointer;
color: #2E73E5;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-decoration: none;
}
.noPermissionDialogBox_Xn1bt .footer_8f-x5,
.deviceExceptionDialogBox_MJMyF .footer_8f-x5 {
display: flex;
justify-content: flex-end;
}
.noPermissionDialogBox_Xn1bt .footer_8f-x5 .confirm_AyDAI,
.deviceExceptionDialogBox_MJMyF .footer_8f-x5 .confirm_AyDAI {
cursor: pointer;
min-width: 72px;
padding: 5px 12px;
border-radius: 4px;
background: #2E73E5;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.noPermissionDialogBox_Xn1bt .footer_8f-x5 .confirm_AyDAI:hover,
.deviceExceptionDialogBox_MJMyF .footer_8f-x5 .confirm_AyDAI:hover {
opacity: 0.8;
}
.preventMeetingModal_UtSWl {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 480px;
padding: 24px;
border-radius: 12px;
background-color: #fff;
}
.preventMeetingModal_UtSWl .infoBox_-i-N- {
display: flex;
gap: 12px;
margin-bottom: 24px;
}
.preventMeetingModal_UtSWl .infoBox_-i-N- .left_3Ge8s svg {
color: #ffa519;
}
.preventMeetingModal_UtSWl .infoBox_-i-N- .right_-iv8E .title_KQ9-- {
font-size: 20px;
font-weight: 500;
line-height: 28px;
margin-bottom: 8px;
}
.preventMeetingModal_UtSWl .infoBox_-i-N- .right_-iv8E .subtitle_1-Sw4 {
color: #616371;
font-size: 14px;
line-height: 22px;
}
.preventMeetingModal_UtSWl .actionBox_Pa-3s {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.preventMeetingModal_UtSWl .actionBox_Pa-3s .cancel_gYmdT {
padding: 8px 16px;
border-radius: 4px;
border: 1px solid #DBDBDE;
border: 1px solid var(---gray-6, #DBDBDE);
background: #FFF;
font-size: 16px;
cursor: pointer;
}
.preventMeetingModal_UtSWl .actionBox_Pa-3s .cancel_gYmdT:hover {
color: #5798F2;
border: 1px solid #5798F2;
}
.preventMeetingModal_UtSWl .actionBox_Pa-3s .confirm_AyDAI {
padding: 8px 16px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
text-align: center;
font-size: 16px;
cursor: pointer;
}
.preventMeetingModal_UtSWl .actionBox_Pa-3s .confirm_AyDAI:hover {
opacity: 0.8;
}
.ellipsis_QlH4n {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.feedbackContainer_qRv-5 {
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
display: flex;
align-items: center;
gap: 4px;
padding: 4px 8px 4px 16px;
}
.feedbackContainer_qRv-5 .feedbackIconBox_6bHUq {
display: flex;
justify-content: center;
align-items: center;
}
.feedbackContainer_qRv-5 .textBox_p--nu {
flex: 1;
font-size: 12px;
line-height: 20px;
}
.feedbackContainer_qRv-5 .textBox_p--nu .section2_lmTBV {
background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0 2px;
font-weight: 600;
}
.feedbackContainer_qRv-5 .zanBox_qgR1m,
.feedbackContainer_qRv-5 .caiBox_uycVz {
padding: 8px 16px;
border-radius: 2px;
background-color: #f5f6f6;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.feedbackContainer_qRv-5 .zanBox_qgR1m:hover,
.feedbackContainer_qRv-5 .caiBox_uycVz:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.feedbackContainer_qRv-5 .zanBox_qgR1m.active_dW-9U,
.feedbackContainer_qRv-5 .caiBox_uycVz.active_dW-9U {
background-color: #eaf1fc;
}
.feedbackContainer_qRv-5 .zanBox_qgR1m.active_dW-9U svg,
.feedbackContainer_qRv-5 .caiBox_uycVz.active_dW-9U svg {
color: #2e73e5;
}
.feedbackContainer_qRv-5 .caiBox_uycVz {
margin-left: 2px;
}
.feedbackContainer_qRv-5 .closeBox_0QrLD {
padding: 6px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 2px;
}
.feedbackContainer_qRv-5 .closeBox_0QrLD:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.actionBar_wv8Ty {
display: flex;
border-radius: 4px;
background: rgba(0, 0, 0, 0.04);
padding: 3px;
gap: 8px;
margin: 6px 16px 16px 16px;
}
.actionBar_wv8Ty .actionItem_ToGeV {
border-radius: 4px;
padding: 6px 12px;
flex: 1;
text-align: center;
cursor: pointer;
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: #606266;
position: relative;
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ {
position: absolute;
right: 8px;
top: 8px;
bottom: 8px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ .gengduoDropdown_uWoGS {
position: absolute;
z-index: 2;
right: -10px;
top: 100%;
background-color: #fff;
border-radius: 4px;
padding: 8px 0;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ .gengduoDropdown_uWoGS .dropdownRow_VhAO9 {
padding: 9px 16px;
white-space: nowrap;
display: flex;
gap: 4px;
align-items: center;
cursor: pointer;
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ .gengduoDropdown_uWoGS .dropdownRow_VhAO9 .clearIcon_89cUh {
display: flex;
justify-content: center;
align-items: center;
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ .gengduoDropdown_uWoGS .dropdownRow_VhAO9 .clearText_tIVBh {
font-size: 14px;
line-height: 22px;
color: #0c1024;
font-weight: 400;
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ .gengduoDropdown_uWoGS .dropdownRow_VhAO9:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ:hover,
.actionBar_wv8Ty .actionItem_ToGeV .gengduo_fx5SZ.active_dW-9U {
background-color: rgba(0, 0, 0, 0.06);
}
.actionBar_wv8Ty .actionItem_ToGeV.active_dW-9U {
background-color: #fff;
border-radius: 2px;
color: #0c1024;
font-weight: 600;
line-height: 22px;
}
.chatComponent_Mznvx {
display: flex;
flex-direction: column;
flex: 1;
overflow: hidden;
}
.chatComponent_Mznvx .chatContainerInner_wK6V- {
overflow-y: hidden;
flex: 1;
}
.chatComponent_Mznvx .inputRowContainer_trIfL {
padding: 12px 16px 20px 16px;
border-radius: 12px;
display: flex;
flex-direction: column;
gap: 4px;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .shortcutBar_b7vzH {
display: flex;
align-items: center;
gap: 4px;
height: 28px;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .shortcutBar_b7vzH .shortcutItem_1DxYJ {
padding: 4px 8px;
border-radius: 4px;
background: #F5F6F6;
cursor: pointer;
display: flex;
gap: 4px;
align-items: center;
background: rgba(0, 0, 0, 0.04);
background: var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
font-size: 12px;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .shortcutBar_b7vzH .shortcutItem_1DxYJ:hover {
background: rgba(0, 0, 0, 0.06);
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 {
display: flex;
flex-shrink: 0;
min-height: 88px;
gap: 8px;
border-radius: 8px;
background: linear-gradient(white, white) padding-box, linear-gradient(96.41deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%) border-box;
border: 1.5px solid transparent;
box-shadow: 0 0 8px 0 #eaf1fc;
padding: 6px 8px;
flex-direction: column;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8 {
display: flex;
padding: 5px 8px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 4px;
background: #f5f6f6;
color: rgba(0, 0, 0, 0.65);
font-size: 12px;
line-height: 20px;
cursor: pointer;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8.active_dW-9U {
background-color: #eaf1fc;
color: #2e73e5;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8.active_dW-9U:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), #eaf1fc;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8.active_dW-9U .optionIcon_fEoSk {
color: #2e73e5;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8.active_dW-9U .dot_ucu4V {
background: #2e73e5;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), #f5f6f6;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8 .optionIcon_fEoSk {
width: 14px;
height: 14px;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionContainer_URAe1 .options_4ekJQ .optionItem_aBDx8 .dot_ucu4V {
width: 5px;
height: 5px;
border-radius: 999px;
background: #c2c3c8;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .inputContainer2_buwCp {
position: relative;
flex: 1;
width: 100%;
border-radius: 10px;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be {
width: 100%;
background-color: white;
border: none;
outline: none;
color: #303133;
font-size: 14px;
padding: 0;
line-height: 22px;
height: 22px;
display: block;
font-family: inherit;
-ms-overflow-style: none;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be::-moz-placeholder {
color: #c2c3c8;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be::placeholder {
color: #c2c3c8;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be::-webkit-scrollbar {
display: none;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be.hideOverflow_cGef4 {
overflow: hidden;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .input_UD3Be.supportInput_6TfTf {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionBt_NOfmn {
width: 32px;
height: 32px;
border-radius: 6px;
cursor: pointer;
outline: none;
border: none;
display: flex;
align-items: center;
justify-content: center;
background-color: #2e73e5;
transition: background-color var(--duration);
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionBt_NOfmn.actionBtDisabled_nr3px {
background-color: #abc7f5;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionBt_NOfmn.actionBtDisabled_nr3px .actionIcon_ha5I3 {
color: rgba(255, 255, 255, 0.65);
color: var(--Neutral-colorCommon-white65, rgba(255, 255, 255, 0.65));
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .actionBt_NOfmn .actionIcon_ha5I3 {
width: 16px;
height: 16px;
color: #ffffff;
color: var(--Neutral-colorCommon-white, #ffffff);
transform: translate(1px, -2px) rotate(325deg);
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .loadingGifContainer_QFzpT {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.chatComponent_Mznvx .inputRowContainer_trIfL .inputRow_RwxM7 .loadingGifContainer_QFzpT .loadingGif_vuiYg {
width: 36px;
height: 36px;
}
.voiceInputBtn_SsXh2 {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 9999px;
padding: 5px;
cursor: pointer;
transition: background-color 0.2s, padding 0.2s;
color: #424454;
}
.voiceInputBtn_SsXh2 svg {
width: 14px;
height: 14px;
}
.voiceInputBtn_SsXh2.disabled_mjgWz {
color: #c2c3c8;
cursor: inherit;
}
.voiceInputBtn_SsXh2.voiceActive_z2zhM {
padding: 3px;
position: relative;
color: #ffffff;
}
.voiceInputBtn_SsXh2.voiceActive_z2zhM .sdk-icon {
position: relative;
z-index: 2;
}
.voiceInputBtn_SsXh2 .volumeCircle_ITCkm {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
pointer-events: none;
z-index: 0;
}
.do-hovers .voiceInputBtn_SsXh2:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .voiceInputBtn_SsXh2.voiceActive_z2zhM:hover {
background-color: transparent;
background-color: initial;
}
.skillSwitcher_ZkpxX {
background: #ffffff;
box-sizing: border-box;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
padding: 8px 0;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
min-width: 164px;
width: -moz-max-content;
width: max-content;
}
.skillSwitcher_ZkpxX .skillItem_hEmku {
background: #ffffff;
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
overflow: clip;
padding: 9px 12px;
cursor: pointer;
gap: 8px;
}
.skillSwitcher_ZkpxX .skillItem_hEmku .skillIcon_3qMvd {
width: 18px;
height: 18px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.skillSwitcher_ZkpxX .skillItem_hEmku .skillText_5QU7U {
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
color: #0c1024;
flex: 1;
white-space: nowrap;
overflow: visible;
text-overflow: initial;
}
.skillSwitcher_ZkpxX .skillItem_hEmku .skillTextSelected_XIWmQ {
color: #0168ff;
}
.skillSwitcher_ZkpxX .skillItem_hEmku .checkIcon_qUBCJ {
color: #0168ff;
flex-shrink: 0;
}
.do-hovers .skillItem_hEmku:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.skillListDrawer_UgvlC {
background-color: #ffffff;
box-sizing: border-box;
padding: 16px;
width: 100%;
}
.skillsGrid_dsBj- {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
flex-wrap: wrap;
grid-gap: 8px;
gap: 8px;
align-items: flex-start;
justify-content: center;
}
.skillCard_2C2wM {
display: flex;
gap: 8px;
align-items: flex-start;
flex-basis: 0;
flex-grow: 1;
background-color: #f7f8fa;
border-radius: 6px;
padding: 10px 12px;
overflow: hidden;
box-sizing: border-box;
cursor: pointer;
transition: background-color 0.2s;
min-width: 167px;
max-width: 267px;
min-height: 1px;
flex-shrink: 0;
}
.skillCard_2C2wM:active {
background-color: #eceef2;
}
.skillCard_2C2wM.skillCardSelected_DdqJz {
background-color: rgba(1, 104, 255, 0.06);
}
.skillIcon_97Xje {
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
padding: 4px;
flex-shrink: 0;
box-sizing: border-box;
}
.skillInfo_FabZL {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex-basis: 0;
flex-grow: 1;
min-width: 1px;
min-height: 1px;
flex-shrink: 0;
white-space: nowrap;
}
.skillTitle_hUHSJ {
font-family: PingFang SC, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 22px;
color: #202022;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
flex-shrink: 0;
}
.skillTitle_hUHSJ.skillTitleSelected_OBxe2 {
color: #0168ff;
}
.skillDesc_7eM0S {
font-family: PingFang SC, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #909399;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
flex-shrink: 0;
}
.skillOptionDrawer_a-dmg {
width: 100%;
padding: 0 16px;
box-sizing: border-box;
}
.optionList_88JGE {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 12px;
overflow: hidden;
}
.optionItem_-zVGR {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 14px 44px;
box-sizing: border-box;
cursor: pointer;
transition: background-color 0.15s;
}
.optionItem_-zVGR:active {
background-color: rgba(0, 0, 0, 0.04);
}
.optionItem_-zVGR.selected_wh7Q1 .optionText_R8jL9 {
color: #2e73e5;
font-weight: 500;
}
.optionText_R8jL9 {
font-family: PingFang SC, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #0c1024;
text-align: center;
}
.checkIcon_C0-54 {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
color: #2e73e5;
flex-shrink: 0;
}
.drawer_eMqfI {
padding: 20px 12px;
background: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
border-radius: 12px 8px 8px 8px;
}
.switcher_xCpOq {
display: flex;
flex-direction: column;
background: #ffffff;
border-radius: 8px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
overflow: hidden;
width: 100%;
height: 100%;
padding: 8px 0;
gap: 8px;
}
.phoneMode .switcher_xCpOq {
border-radius: 12px 12px 0 0;
}
.scrollContainer_hSQHv {
padding: 0 6px 0 12px;
max-height: 400px;
overflow-y: scroll;
}
.phoneMode .scrollContainer_hSQHv {
padding: 0;
max-height: 272px;
}
.content_iGZgS {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
overflow-y: auto;
overflow-x: hidden;
/* 滚动条样式 */
}
.content_iGZgS::-webkit-scrollbar {
width: 4px;
}
.content_iGZgS::-webkit-scrollbar-track {
background: transparent;
}
.content_iGZgS::-webkit-scrollbar-thumb {
background: #d0d5dd;
border-radius: 5px;
}
.aiThinkerHeader_dSmP7 {
display: flex;
align-items: center;
background: #ffffff;
padding: 7px 12px;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.do-hovers .aiThinkerHeader_dSmP7:hover {
background: rgba(0, 0, 0, 0.04);
}
.phoneMode .aiThinkerHeader_dSmP7 {
padding: 8px 16px;
border-radius: 0;
}
.phoneMode .aiThinkerHeader_dSmP7:hover {
background: #ffffff;
}
.headerContent_dSnb0 {
flex: 1;
display: flex;
align-items: center;
gap: 8px;
}
.phoneMode .headerContent_dSnb0 {
gap: 12px;
}
.aiThinkerIcon_FIDfc {
width: 20px;
height: 20px;
flex-shrink: 0;
}
.phoneMode .aiThinkerIcon_FIDfc {
width: 24px;
height: 24px;
}
.aiThinkerLabel_5-uU4 {
font-family: "PingFang SC", sans-serif;
font-size: 13px;
color: #202022;
line-height: 22px;
white-space: nowrap;
}
.phoneMode .aiThinkerLabel_5-uU4 {
font-size: 15px;
line-height: 24px;
}
.divider_kyERO {
height: 1px;
background: #e0e6ee;
width: 100%;
}
.chatbotSection_pe7y0 {
display: flex;
flex-direction: column;
gap: 4px;
}
.phoneMode .chatbotSection_pe7y0 {
gap: 6px;
}
.sectionHeader_dNcN7 {
display: flex;
align-items: center;
height: 20px;
padding: 0 12px;
}
.phoneMode .sectionHeader_dNcN7 {
padding: 4px 16px;
}
.sectionTitle_6TUFy {
font-family: "PingFang SC", sans-serif;
font-size: 12px;
color: #909399;
line-height: 20px;
white-space: nowrap;
}
.phoneMode .sectionTitle_6TUFy {
font-size: 13px;
line-height: 21px;
}
.chatbotList_7RDEp {
display: flex;
flex-direction: column;
}
.emptyState_vOBOR {
display: flex;
align-items: center;
justify-content: center;
padding: 24px 12px;
}
.emptyText_bPORJ {
font-family: "PingFang SC", sans-serif;
font-size: 12px;
color: #c0c4cc;
line-height: 20px;
}
.chatbotItem_EsUOo {
display: flex;
align-items: flex-start;
gap: 8px;
padding: 8px 8px 8px 12px;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
position: relative;
}
.do-hovers .chatbotItem_EsUOo:hover {
background: #f5f6f7;
}
.chatbotItem_EsUOo.selected_drrGu {
background: #eaf1fc;
}
.do-hovers .chatbotItem_EsUOo:hover .moreOptions_kqsH0 {
opacity: 1;
visibility: visible;
}
.chatbotItem_EsUOo.chatbotItemMenuOpened_4SiBj .moreOptions_kqsH0 {
opacity: 1;
visibility: visible;
}
.phoneMode .chatbotItem_EsUOo {
padding: 8px 8px 8px 16px;
border-radius: 0;
}
.phoneMode .chatbotItem_EsUOo:hover {
background: transparent;
}
.iconContainer_Pd78H {
display: flex;
align-items: center;
padding: 2px 0;
flex-shrink: 0;
}
.phoneMode .iconContainer_Pd78H {
padding: 2px 0;
}
.chatbotIcon_pK7OU {
width: 20px;
height: 20px;
border-radius: 4px;
-o-object-fit: cover;
object-fit: cover;
}
.phoneMode .chatbotIcon_pK7OU {
width: 24px;
height: 24px;
border-radius: 3.429px;
}
.itemInfo_RG8SS {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 20px;
min-width: 0;
}
.itemName_pEK56 {
font-family: "PingFang SC", sans-serif;
font-size: 13px;
color: #202022;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.phoneMode .itemName_pEK56 {
font-size: 15px;
line-height: 24px;
}
.itemCreator_dMi-R {
font-family: "PingFang SC", sans-serif;
font-size: 11px;
color: #909399;
white-space: nowrap;
}
.phoneMode .itemCreator_dMi-R {
font-size: 13px;
line-height: 21px;
}
.moreOptions_kqsH0 {
display: flex;
align-items: center;
padding: 4px;
border-radius: 4px;
flex-shrink: 0;
transition: background 0.2s, opacity 0.2s, visibility 0.2s;
opacity: 0;
visibility: hidden;
}
.do-hovers .moreOptions_kqsH0:hover {
background: rgba(0, 0, 0, 0.04);
}
.moreOptions_kqsH0.moreOptionsActive_dAsbP {
background: rgba(0, 0, 0, 0.04);
}
.moreOptions_kqsH0 [data-icon] {
color: #606266;
}
.phoneMode .moreOptions_kqsH0 {
opacity: 1;
visibility: visible;
}
.moreMenuContainer_mgUI6 {
width: auto;
min-width: 120px;
}
.moreMenu_02AdZ {
display: flex;
flex-direction: column;
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
overflow: hidden;
}
.menuItem_SIsEZ {
display: flex;
align-items: center;
padding: 7px 12px;
cursor: pointer;
transition: background 0.2s;
}
.do-hovers .menuItem_SIsEZ:hover {
background: rgba(0, 0, 0, 0.04);
}
.menuItemText_Cpq3m {
font-family: "PingFang SC", sans-serif;
font-size: 14px;
color: #202022;
line-height: 22px;
white-space: nowrap;
}
.checkIcon_ySxg1 {
display: flex;
align-items: center;
flex-shrink: 0;
margin-left: 4px;
}
.checkIcon_ySxg1 [data-icon] {
color: #0168ff;
}
.footer_KajSg {
display: flex;
align-items: center;
justify-content: center;
padding: 0 12px;
}
.createButton_QkntV {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
height: 36px;
min-width: 72px;
padding: 8px 16px;
background: #eaf1fc;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
color: #2E73E5;
}
.do-hovers .createButton_QkntV:hover {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), linear-gradient(90deg, #eaf1fc 0%, #eaf1fc 100%);
}
.plusIcon_g4osl {
flex-shrink: 0;
}
.createButtonText_sMlNP {
font-family: "PingFang SC", sans-serif;
font-size: 13px;
line-height: 20px;
text-align: center;
white-space: nowrap;
}
.footerPhone_h5-iT {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 12px;
padding-bottom: 0;
width: 100%;
}
.footerPhoneText_wbHr5 {
font-family: "PingFang SC", sans-serif;
font-size: 13px;
line-height: 18px;
color: #d0d5dd;
text-align: center;
white-space: pre;
}
.homeIndicatorContainer_-yQyZ {
height: 34px;
width: 100%;
position: relative;
}
.homeIndicator_D2ui4 {
position: absolute;
bottom: 8px;
left: calc(50% + 0.5px);
transform: translateX(-50%);
width: 134px;
height: 5px;
background: #000000;
border-radius: 100px;
}
.cm_item_asvXL {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_asvXL.disabled_iIaCP {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_asvXL.autoWidth_VTUOp {
width: auto;
min-width: 40px;
}
.icon_box_6J6Jo {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_6J6Jo.active_X0Xmn {
color: var(--upime-active);
}
.bling_item_vTJrp {
opacity: 0.8;
}
.hidden_a-Qgo {
visibility: hidden !important;
}
.hidden_all_8PtsK {
visibility: hidden !important;
}
.hidden_all_8PtsK * {
visibility: hidden !important;
}
.show_all_MkoAo {
visibility: visible !important;
}
.show_all_MkoAo * {
visibility: visible !important;
}
.pane_q2THJ {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_zwF3t {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_4jCjp {
visibility: hidden;
opacity: 0;
animation: show_zwF3t 0.5s forwards;
}
@keyframes show_scale_ciK-M {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_ciK-M {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_ciK-M 0.3s forwards;
}
.show_scale_ciK-M.right_Swqj- {
transform-origin: left center;
}
.show_scale_ciK-M.left_EER78 {
transform-origin: right center;
}
.show_scale_ciK-M.bottom_RiL6q {
transform-origin: center top;
}
.show_scale_ciK-M.top_YmrDb {
transform-origin: center bottom;
}
.show_scale_ciK-M.left_top_xrDcl {
transform-origin: right top;
}
.show_scale_ciK-M.top_left_qMXCX {
transform-origin: bottom left;
}
.show_scale_ciK-M.bottom_left_iOf4H {
transform-origin: top left;
}
.show_scale_ciK-M.top_right_-jylv {
transform-origin: bottom right;
}
.show_scale_ciK-M.bottom_right_JFcBx {
transform-origin: top right;
}
.show_scale_ciK-M.right_top_qqsYu {
transform-origin: left top;
}
.show_scale_ciK-M.right_bottom_lpZDK {
transform-origin: left bottom;
}
.show_scale_ciK-M.left_bottom_hLgNA {
transform-origin: right bottom;
}
.btn_style_glgDY {
cursor: pointer;
}
.btn_style_glgDY:active,
.btn_style_glgDY.on_hpQlA {
color: var(--upime-active);
}
.btn_style_glgDY.disabled_iIaCP {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_2FqnV {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_6J6Jo:hover {
opacity: 1;
}
.do-hovers .bling_item_vTJrp:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_glgDY:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_2FqnV:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_3ushw:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_ZRCg4:hover {
color: var(--upime-main-text);
}
.rotateY180_R7Fc4 {
transform: rotateY(180deg);
}
.titleIcon_3ushw {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_3ushw.active_X0Xmn {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_3ushw.active_X0Xmn {
color: var(--upime-active);
}
.moreIcon_ZRCg4 {
cursor: pointer;
}
.moreIcon_ZRCg4 svg {
color: #303445;
}
.moreIcon_ZRCg4.active_X0Xmn svg {
color: var(--upime-main-text);
}
@keyframes loading_HYT8c {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_JqXkY {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_HYT8c 1s linear infinite forwards;
}
.AIButtonContainer_fQtcv {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_fQtcv.transparent_z8YSb {
opacity: 0;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm.AIShow_TKUuj {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm.AIHide_Yf4cL {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm.AIButtonHover_xn1N0:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm.AIButtonDisabled_HO9B2 {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_fQtcv .AIButtonWrapper_mORCH .AIButtonImageContainer_PCYQm .AIButtonImage_EAtPk {
width: 32px;
height: 32px;
}
.sub_win_container_fLV4z {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_fLV4z::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_fLV4z::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_fLV4z::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_fLV4z .sub_win_child_wrapper_O0OTJ:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_fLV4z .sub_win_child_wrapper_O0OTJ:not(:first-child) .sub_win_child_mwTjU {
padding-top: 0;
}
.sub_win_flexalbe_container_A42AC {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_A42AC * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG:not(:first-child) .flexable_scroll_inner_b8hBC {
padding-top: 0px;
}
.phoneMode .sub_win_container_fLV4z {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_A42AC {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_ZA-CG {
animation: safariUpdate_7yapC 0.1s forwards;
}
.safariOn .sub_win_container_fLV4z {
animation: safariUpdate_7yapC 0.1s forwards;
}
@keyframes safariUpdate_7yapC {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_MqExA {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_MqExA .noColorStylePart_uwwSj + .noColorStylePart_uwwSj {
margin-top: 8px;
}
.noColorStyleContainer_MqExA .partlabel_5kDGv {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_MqExA .partlabel_5kDGv.disabled_iIaCP {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_fLV4z,
.phoneMode .sub_win_flexalbe_container_A42AC {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_fLV4z .flexable_scroll_wrapper_ZA-CG:not(:first-child),
.phoneMode .sub_win_flexalbe_container_A42AC .flexable_scroll_wrapper_ZA-CG:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_MqExA {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_MqExA .noColorStylePart_uwwSj + .noColorStylePart_uwwSj {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_MqExA .partlabel_5kDGv {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_SfROz {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_SfROz.active_X0Xmn {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_n4fYi.active_X0Xmn {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_SfROz:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_SfROz:hover.active_X0Xmn {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_n4fYi:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_n4fYi:hover.active_X0Xmn {
color: #2E73E5;
background-color: #dce3ed;
}
.contextAction_C7ZoU {
padding: 3px 8px;
border-radius: 6px;
background-color: rgba(0, 0, 0, 0.04);
font-size: 12px;
line-height: 22px;
color: #0c1024;
position: relative;
display: flex;
align-items: center;
}
.contextAction_C7ZoU .clear_U8YSS {
position: absolute;
right: -6px;
top: -6px;
color: #c2c3c8;
cursor: pointer;
}
.contextAction_C7ZoU .warningIcon_Ybnlc {
margin-right: 4px;
color: #91939C;
}
.emptyContent_hvRyJ {
padding: 3px 8px;
border-radius: 6px;
background-color: rgba(0, 0, 0, 0.04);
font-size: 12px;
line-height: 22px;
color: #91939C;
color: var(--Neutral-colorText-Tertiary, #91939C);
display: flex;
gap: 4px;
align-items: center;
justify-content: center;
}
.emptyContent_hvRyJ .kuanxuanIcon_KiycD {
width: 14px;
height: 14px;
}
.do-hovers .contextAction_C7ZoU:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.iconRoot_PEMXa {
align-self: flex-end;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
margin-right: 8px;
pointer-events: auto;
}
.iconRoot_PEMXa.hover_ZtkNk {
cursor: pointer;
}
.iconRoot_PEMXa .iconWrap_x7xUP {
width: 36px;
height: 36px;
}
.iconRoot_PEMXa > svg {
width: 28px;
height: 28px;
}
.iconRoot_PEMXa.bigScreenMode_TuXLT {
padding: 6px;
height: auto;
height: initial;
}
.iconRoot_PEMXa.bigScreenMode_TuXLT .iconWrap_x7xUP {
width: 44px;
height: 44px;
}
.tipContent_2BdPE {
white-space: pre-wrap;
}
.iconWrap_x7xUP {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.do-hovers .hoverContainer_HVmA7:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .active_X0Xmn .iconWrap_x7xUP:hover {
background-color: #eaf1fc;
}
.do-hovers .remainIcon_1eLck:hover {
color: var(--upime-active);
}
.do-hovers .recommendLabel_mOVAs:hover {
background-color: rgba(0, 0, 0, 0.06) !important;
}
.do-hovers .temCell_NjgRv:hover .border_HJrmJ {
opacity: 1 !important;
}
.do-hovers .temImg_ESmOm {
transition: all 0.1s;
}
.do-hovers .temImg_ESmOm:hover {
scale: 1.03;
}
.draggableRoot_T4sPj {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
pointer-events: auto;
min-height: 300px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.draggableRoot_T4sPj.round_PX7db {
border-radius: 12px;
}
.do-hovers .header_tDpjB > svg:hover {
color: var(--upime-active);
}
.do-hovers .textIconBox_fmoxN:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .toggleBox_g9PUS:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.loadingWrap_LZelf {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.balls_Sj9dv {
width: 75px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
.balls_Sj9dv div {
width: 15px;
height: 15px;
border-radius: 50%;
background-color: var(--upime-active);
}
.balls_Sj9dv div:nth-of-type(1) {
transform: translateX(-100%);
animation: left-swing_w1Kec 0.5s ease-in alternate infinite;
}
.balls_Sj9dv div:nth-of-type(3) {
transform: translateX(-95%);
animation: right-swing_E5ceA 0.5s ease-out alternate infinite;
}
@keyframes left-swing_w1Kec {
50%,
100% {
transform: translateX(95%);
}
}
@keyframes right-swing_E5ceA {
50% {
transform: translateX(-95%);
}
100% {
transform: translateX(100%);
}
}
.resizeBtn_xld1r {
opacity: 0;
}
.hideAll_2OaVO {
visibility: hidden;
}
.hideAll_2OaVO * {
visibility: hidden;
}
.notShow_7iwwM {
display: none;
}
.dashboardContainer_S9zoJ {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
--duration: 0.2s;
border: 1px solid #c7d2e4;
border-radius: 12px;
}
.dashboardContainer_S9zoJ.chatDashboardContainer_1zlVW .dashbardContentContainer_X6cpu {
padding: 0;
}
.dashboardContainer_S9zoJ.inDashboard_7XNdx .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z {
padding: 18px 6px 20px 12px;
overflow-y: scroll;
}
.dashboardContainer_S9zoJ.inDashboard_7XNdx .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 {
padding: 16px 20px 20px 20px;
border-top: 1px solid rgba(0, 0, 0, 0.04);
box-shadow: 0px -2px 24px 0px rgba(0, 0, 0, 0.04);
}
.dashboardContainer_S9zoJ.inDashboard_7XNdx .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1.phoneMode_a8JLi {
padding-top: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF {
padding: 10px 12px 10px 11px;
cursor: move;
border-bottom: 1px solid transparent;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF.borderBottom_eXIdN {
border-bottom: 1px solid #e6e7e9;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .dashboardFirstRow_EhH0E {
display: flex;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk {
color: #303133;
font-size: 20px;
display: flex;
align-items: center;
transition: transform var(--duration);
height: 100%;
overflow: hidden;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .hoverRoot_DNdV5 {
display: flex;
align-items: center;
justify-content: center;
color: #91939c;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .hoverRoot_DNdV5:hover {
color: var(--upime-active);
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .tipIconContainer_LB9d1 {
width: 24px;
height: 24px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
flex-shrink: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .backIconContainer_Aj5yv {
border-radius: 2px;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .titleContent_rqJqZ {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk.hideIcon_Zn0dd {
transform: translateX(-24px);
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk.hideIcon_Zn0dd .backIconContainer_Aj5yv {
opacity: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .headTitle_wQptk .backIcon_Munih {
transition: opacity var(--duration);
width: 24px;
margin-right: 8px;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .clearContainer_hvcb2 {
display: flex;
cursor: pointer;
padding: 8px;
border-radius: 2px;
flex-shrink: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .clearContainer_hvcb2 .clearIconContainer_eBo-P {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .split_line_D1HrO {
width: 1px;
height: 20px;
background-color: rgba(0, 0, 0, 0.06);
margin-top: 8px;
flex-shrink: 0;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .dashboardHeadSubRow_Lp-iR {
transition: padding var(--duration);
padding-left: 12px;
margin-top: -5px;
}
.dashboardContainer_S9zoJ .dashboardHead_RXJaF .dashboardHeadSubRow_Lp-iR.inSubWindow_2SKvE {
padding-left: 36px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu {
height: calc(100% - 74px);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu.tinyHead_xiLz6 {
height: calc(100% - 57px);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z {
overflow-y: hidden;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z.flex_Erx5S {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z .aiThinkerChat_HQ9EH,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z .sandboxChat_2N1Cu {
padding: 16px 20px 0 20px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z .aiThinkerChat_HQ9EH.hide_2anFa,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z .sandboxChat_2N1Cu.hide_2anFa {
display: none;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiChatListContainer_jVwf9 {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiChatListContainer_jVwf9.hide_2anFa {
height: 0;
opacity: 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorContent_ULKoV {
color: #303445;
font-size: 14px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z {
min-width: 128px;
height: 44px;
padding: 0 16px 0 12px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 0px 8px 0px #eaf1fc;
border: 1px solid transparent;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z.active_X0Xmn {
border: 1px solid #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z .translateSelectorText_6IlMa {
color: #303445;
font-size: 14px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z .arrowIcon_9uLid {
color: #91939c;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 {
padding: 12px 20px 20px 20px;
border-radius: 12px;
position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .newIntroRoot_-YGfp {
bottom: calc(100% + 15px);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 8px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe.multiRow_va-v8,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8.multiRow_va-v8 {
flex-wrap: wrap;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B {
display: flex;
align-items: center;
border-radius: 4px;
cursor: pointer;
background-color: #f5f6f6;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .textIconBox_fmoxN,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .textIconBox_fmoxN {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
border-radius: 4px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .textIconBox_fmoxN .skillIcon_1t8Go,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .textIconBox_fmoxN .skillIcon_1t8Go {
width: 16px;
height: 16px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .textIconBox_fmoxN .skillIcon_1t8Go img,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .textIconBox_fmoxN .skillIcon_1t8Go img {
width: 100%;
height: 100%;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .textIconBox_fmoxN .skillText_NhE-U,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .textIconBox_fmoxN .skillText_NhE-U {
font-size: 12px;
line-height: 22px;
color: #0c1024;
white-space: nowrap;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .verticalLine_v-04s,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .verticalLine_v-04s {
width: 1px;
height: 16px;
background-color: #e6e7e9;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .toggleBox_g9PUS,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .toggleBox_g9PUS {
padding: 7px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .toggleBox_g9PUS.active_X0Xmn,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .toggleBox_g9PUS.active_X0Xmn {
background-color: #eaf1fc;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .toggleBox_g9PUS.active_X0Xmn > svg,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .toggleBox_g9PUS.active_X0Xmn > svg {
color: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .noRightBorderRadius_oQzJj,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .noRightBorderRadius_oQzJj {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .skillItem_9ku6B .noLeftBorderRadius_GQD2P,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .skillItem_9ku6B .noLeftBorderRadius_GQD2P {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .pptDropdown_HYN9u,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .pptDropdown_HYN9u {
position: absolute;
right: 0;
bottom: calc(100% + 8px);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .translateDropdown_mmJ5n,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .translateDropdown_mmJ5n {
position: absolute;
right: 0;
bottom: calc(100% + 8px);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .collapseIconBox_fYwUZ,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .collapseIconBox_fYwUZ {
display: flex;
align-items: center;
justify-content: center;
padding: 7px;
border-radius: 5px;
background-color: #f5f6f6;
cursor: pointer;
position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .collapseIconBox_fYwUZ:hover,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .collapseIconBox_fYwUZ:hover {
background-color: #e9eaea;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .collapseIconBox_fYwUZ.active_X0Xmn,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .collapseIconBox_fYwUZ.active_X0Xmn {
background-color: #eaf1fc;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe .collapseIconBox_fYwUZ.active_X0Xmn > svg,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8 .collapseIconBox_fYwUZ.active_X0Xmn > svg {
color: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8.phoneModeInDashboard_OzvxC {
overflow-x: scroll;
padding-top: 16px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainer_YIJH8.phoneModeInDashboard_OzvxC::-webkit-scrollbar {
display: none;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .skillContainerHidden_FS-Oe {
visibility: hidden;
position: absolute;
left: 9999px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d {
position: relative;
display: flex;
align-items: center;
margin-bottom: 2px;
margin-left: auto;
padding: 4px;
border-radius: 2px;
cursor: pointer;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d .skillBtnIconBox_QUYrT {
margin-right: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d .skillBtnText_qeXAO {
font-size: 14px;
color: #0c1024;
line-height: 22px;
margin-right: 4px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d .skillBtnToggle_QO-2y {
display: flex;
align-items: center;
justify-content: center;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d.active_X0Xmn {
background-color: #eaf1fc;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d.active_X0Xmn .skillBtnToggle_QO-2y,
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .allskillBtnContainer_nuMc3 .allskillBtn_IR96d.active_X0Xmn .skillBtnText_qeXAO {
color: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm {
display: flex;
align-items: center;
flex-shrink: 0;
min-height: 44px;
gap: 8px;
border-radius: 8px;
background: linear-gradient(white, white) padding-box, linear-gradient(96.41deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%) border-box;
border: 1.5px solid transparent;
box-shadow: 0 0 8px 0 #eaf1fc;
padding: 4px 4px 4px 12px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm[\:has\(.sphereBox\)] {
padding: 4px 4px 4px 6px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm:has(.sphereBox_T-eRv) {
padding: 4px 4px 4px 6px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm.showOptionArea_fdXX2 {
padding: 8px 10px;
flex-direction: column;
align-items: center;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm.showOptionArea_fdXX2 .actionContainer_-tufS {
width: 100%;
margin: 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm.showOptionArea_fdXX2 .input_4bx8x {
margin-bottom: 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm.dashboardInputRow_2HWEL {
margin-top: 8px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .inputContainer2_fbr3y {
position: relative;
flex: 1;
width: 100%;
border-radius: 10px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .sphereBox_T-eRv {
width: 34px;
height: 34px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .sphereBox_T-eRv img {
width: 100%;
height: 100%;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .inputDomContainer_FDpqP {
position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .inputDomContainer_FDpqP .qingchuHotarea_pDq9- {
position: absolute;
width: 24px;
height: 24px;
right: 12px;
top: 12px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .inputDomContainer_FDpqP .qingchuHotarea_pDq9-.phone_dsr-h {
width: 36px;
right: 0;
top: 0;
bottom: 0;
height: 100%;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .inputDomContainer_FDpqP .qingchuIcon_A-pKX {
color: #dbdbde;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x {
width: 100%;
background-color: white;
border: none;
outline: none;
color: #303133;
font-size: 14px;
padding: 0;
line-height: 22px;
height: 22px;
display: block;
font-family: inherit;
-ms-overflow-style: none;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x.oneLine_3PQ4Z {
height: 48px;
padding-right: 48px;
border-radius: 4px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x.oneLine_3PQ4Z.phone_dsr-h {
padding-right: 36px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x::-moz-placeholder {
color: #c2c3c8;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x::placeholder {
color: #c2c3c8;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x::-webkit-scrollbar {
display: none;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x.hideOverflow_RyYL8 {
overflow: hidden;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .input_4bx8x.supportInput_9ly-Q {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .actionBt_vi8wB {
width: 36px;
height: 36px;
border-radius: 6px;
cursor: pointer;
outline: none;
border: none;
display: flex;
align-items: center;
justify-content: center;
background-color: #2e73e5;
transition: background-color var(--duration);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .actionBt_vi8wB.actionBtDisabled_193sQ {
background-color: #abc7f5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .actionBt_vi8wB .actionIcon_Y9Dza {
color: white;
transform: translate(3px, -2px) rotate(325deg);
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .loadingGifContainer_pKA8- {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 .inputRow_6slKm .loadingGifContainer_pKA8- .loadingGif_c53xn {
width: 36px;
height: 36px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: -4px 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw {
display: flex;
padding: 5px 8px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 4px;
background: #f5f6f6;
color: rgba(0, 0, 0, 0.65);
font-size: 12px;
line-height: 20px;
cursor: pointer;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw.active_X0Xmn {
background-color: #eaf1fc;
color: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw.active_X0Xmn:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), #eaf1fc;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw.active_X0Xmn .optionIcon_mXI91 {
color: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw.active_X0Xmn .dot_gKe2E {
background: #2e73e5;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), #f5f6f6;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw .optionIcon_mXI91 {
width: 14px;
height: 14px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .actionContainer_-tufS .options_xZacy .optionItem_c7sRw .dot_gKe2E {
width: 5px;
height: 5px;
border-radius: 999px;
background: #c2c3c8;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U {
height: 100%;
display: grid;
align-content: flex-start;
align-items: flex-start;
grid-template-columns: repeat(auto-fit, minmax(94px, 1fr));
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 12px;
cursor: pointer;
padding: 12px 8px;
border-radius: 8px;
position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A:hover {
background-color: #f5f6f6;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .extraAiEntityImageContainer_WQia0 {
width: 30px;
height: 30px;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .extraAiEntityImageContainer_WQia0::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
z-index: 1;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .extraAiEntityImageContainer_WQia0 .cellImage_Mfm6p {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .cellImage_Mfm6p {
height: 30px;
width: 30px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .cellLabel_ko2ZU {
color: #303445;
text-align: center;
line-height: 20px;
word-break: keep-all;
font-size: 13px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .cellLabel_ko2ZU.extraAiEntityLabel_FoTfW {
word-break: inherit;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .chatRecommendListContainer_sMDy6 {
padding: 18px 24px 0;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .recommendListLabel_9GnLz {
font-size: 12px;
color: #0c1024;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .recommendListContainer_9-Gaj {
display: flex;
gap: 8px;
margin-top: 8px;
flex-wrap: wrap;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .recommendListContainer_9-Gaj .recommendLabel_mOVAs {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
border-radius: 2px;
background-color: #f5f6f6;
cursor: pointer;
font-size: 14px;
color: #0c1024;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .genPPTtypeSelectorContainer_MLTFK {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .genPPTtypeSelectorContainer_MLTFK .genPPTtypeCell_E-wV1 {
display: flex;
padding: 4px 16px;
align-items: center;
gap: 4px;
border-radius: 40px;
border: 1px solid #e6e7e9;
color: #0c1024;
cursor: pointer;
font-size: 14px;
}
.dashboardContainer_S9zoJ .dashbardContentContainer_X6cpu .genPPTtypeSelectorContainer_MLTFK .genPPTtypeCell_E-wV1.active_X0Xmn {
border: 1px solid #2e73e5;
background-color: #2e73e5;
color: white;
}
.dashboardContainer_S9zoJ.phone_dsr-h {
display: flex;
flex-direction: column;
padding-bottom: 20px;
--duration: 0s;
border: none;
border-radius: 12px 12px 0 0;
}
.dashboardContainer_S9zoJ.phone_dsr-h.interpretation_EEL7q .dashbardContentContainer_X6cpu,
.dashboardContainer_S9zoJ.phone_dsr-h.chatDashboardContainer_1zlVW .dashbardContentContainer_X6cpu {
padding: 0;
}
.dashboardContainer_S9zoJ.phone_dsr-h.inDashboard_7XNdx .dashbardContentContainer_X6cpu {
padding-right: 0;
}
.dashboardContainer_S9zoJ.phone_dsr-h.inDashboard_7XNdx .dashbardContentContainer_X6cpu .dashboardContentMain_eED5Z {
padding: 18px 0px;
}
.dashboardContainer_S9zoJ.phone_dsr-h.pwa_EuEca {
padding-bottom: 44px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashboardHead_RXJaF {
padding: 11px 4px 0px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashboardHead_RXJaF .headTitle_wQptk {
font-size: 18px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashboardHead_RXJaF .dashboardHeadSubRow_Lp-iR {
margin-bottom: 9px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu {
flex: 1;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U {
grid-template-columns: repeat(3, 1fr);
gap: 4px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A {
height: auto;
gap: 8px;
padding: 8px 0;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A:hover {
background-color: transparent;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .cellImage_Mfm6p {
height: 36px;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .aiGridContainer_PeD1U .cell_n5L2A .cellLabel_ko2ZU {
font-size: 14px;
line-height: 22px;
color: #303445;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z {
height: auto;
min-width: 0px;
padding: 0 16px 0 4px;
box-shadow: none;
background-color: transparent;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .translateSelectorContainer_7u9bp .translateSelectorBox_foN2z .arrowIcon_9uLid {
transform: rotate(-90deg);
margin-left: 4px;
opacity: 0.8;
}
.dashboardContainer_S9zoJ.phone_dsr-h .dashbardContentContainer_X6cpu .inputRowContainer_jn7I1 {
padding-left: 16px;
padding-right: 16px;
}
.mlauto_Jm1ft {
margin-left: auto;
}
.childrenOptionContainer_qPgxp {
width: 128px;
padding: 8px 0;
border-radius: 2px;
background-color: white;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
color: rgba(12, 16, 36, 0.8);
font-size: 12px;
}
.childrenOptionContainer_qPgxp .childRow_zA83c {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
font-size: 14px;
height: 40px;
padding: 0 16px;
overflow: hidden;
padding-left: 16px;
cursor: pointer;
}
.childrenOptionContainer_qPgxp .childRow_zA83c:hover {
background-color: #f5f6f6;
}
.totalError_qPN9M {
color: #fe5250;
}
.iframe_FR0dK {
width: 100%;
height: 100%;
overflow: hidden;
border: none;
}
.modalBox_GlVHU {
width: 480px;
border-radius: 12px;
background-color: #ffffff;
padding: 24px;
display: flex;
flex-direction: column;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modalBox_GlVHU .modalContent_PcKKR {
flex: 1;
overflow: hidden;
}
.modalBox_GlVHU .modalContent_PcKKR .contentRow_FD44H {
display: flex;
gap: 12px;
margin-bottom: 24px;
}
.modalBox_GlVHU .modalContent_PcKKR .contentRow_FD44H .iconContaienr_cdpRQ {
width: 28px;
height: 28px;
color: #fe5250;
flex-shrink: 0;
}
.modalBox_GlVHU .modalContent_PcKKR .contentRow_FD44H .modalContent_PcKKR {
font-size: 20px;
line-height: 24px;
overflow: hidden;
word-break: keep-all;
}
.modalBox_GlVHU .modalContent_PcKKR .tipRow_pXwkJ {
line-height: 22px;
color: #616371;
font-size: 14px;
margin-top: 8px;
}
.modalBox_GlVHU .actionsRow_LxnLW {
display: flex;
flex-direction: row-reverse;
gap: 12px;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB {
padding: 0 20px;
height: 40px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #e6e7e9;
outline: none;
color: #0c1024;
font-size: 16px;
cursor: pointer;
transition-property: background-color, color, border-color;
transition-duration: 0.2s;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB:hover {
border-color: #5798f2;
color: #5798f2;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB:active {
border-color: #1d56bf;
color: #1d56bf;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB.primary_1EECK {
background-color: #fe5250;
border: none;
color: white;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB.primary_1EECK:hover {
background-color: #ff7f78;
}
.modalBox_GlVHU .actionsRow_LxnLW .actionBt_vi8wB.primary_1EECK:active {
background-color: #d9383b;
}
.outlineWrapper_GAJr8 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
-ms-overflow-style: none;
}
.outlineWrapper_GAJr8::-webkit-scrollbar {
display: none;
}
.outlineWrapper_GAJr8 .outlineModalBox_gQfYO {
margin-top: 40px;
height: calc(100% - 80px);
min-height: 480px;
margin-bottom: 40px;
width: 100%;
display: flex;
justify-content: center;
}
.outlineModalContainer_4Rbxe {
max-width: 760px;
min-width: 480px;
width: calc(100% - 40px);
background-color: white;
height: 100%;
border-radius: 12px;
color: #0c1024;
display: flex;
flex-direction: column;
overflow: hidden;
}
.outlineModalContainer_4Rbxe .outlineHeader_u1kev {
height: 68px;
border-bottom: 1px solid #e6e7e9;
padding: 0px 12px 0 40px;
display: flex;
align-items: center;
flex-shrink: 0;
}
.outlineModalContainer_4Rbxe .outlineHeader_u1kev .headerCloseContainer_vX7cq {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
cursor: pointer;
margin-left: -14px;
transition: all 0.15s;
}
.outlineModalContainer_4Rbxe .outlineHeader_u1kev .headerCloseContainer_vX7cq.hideClose_u9wrx {
width: 0px;
opacity: 0;
margin-left: 0;
pointer-events: none;
}
.outlineModalContainer_4Rbxe .outlineHeader_u1kev .outlineHeaderTitle_bBD1J {
font-size: 20px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv {
overflow: hidden;
padding: 20px 4px 20px 40px;
width: 100%;
height: 100%;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineModalMainInner_I1pFZ {
width: 100%;
height: 100%;
padding-right: 36px;
overflow: auto;
display: flex;
flex-direction: column;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineModalMainInner_I1pFZ::-webkit-scrollbar {
width: 4px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineModalMainInner_I1pFZ::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineModalMainInner_I1pFZ::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineModalMainInner_I1pFZ > * {
flex-shrink: 0;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineLabel_fR1w2 {
font-size: 16px;
margin-bottom: 8px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z {
height: 48px;
width: 100%;
display: flex;
gap: 8px;
overflow: hidden;
border-radius: 4px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleInputContainer_UPLLc {
flex: 1;
height: 100%;
border-radius: 4px;
border: 1px solid #e6e7e9;
overflow: hidden;
position: relative;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleInputContainer_UPLLc .titleInputDom_k-k-K {
outline: none;
border: none;
width: 100%;
height: 100%;
padding: 0 40px 0 12px;
font-size: 16px;
font-weight: 600;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleInputContainer_UPLLc .titleInputDom_k-k-K::-moz-placeholder {
color: var(--upime-disable);
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleInputContainer_UPLLc .titleInputDom_k-k-K::placeholder {
color: var(--upime-disable);
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleInputContainer_UPLLc .outlineClearIcon_GeIhn {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
height: 20px;
color: #c2c3c8;
cursor: pointer;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleBtContainer_Kauc5 {
width: 48px;
height: 48px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
color: white;
cursor: pointer;
background: linear-gradient(90deg, rgba(73, 217, 255, 0.9), rgba(187, 168, 241, 0.9), rgba(255, 90, 157, 0.9));
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineTitleRow_qE48Z .titleBtContainer_Kauc5.titleBtContainerDisabled_-arzV {
background: linear-gradient(90deg, rgba(73, 217, 255, 0.3), rgba(187, 168, 241, 0.3), rgba(255, 90, 157, 0.3));
cursor: not-allowed;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineMain_L0fBQ {
background-color: #f5f6f6;
border-radius: 2px;
padding: 16px;
flex: 1;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .outlineMain_L0fBQ .skeletionList_GlGnD {
display: flex;
flex-direction: column;
gap: 8px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR {
width: 100%;
height: 100%;
padding-right: 12px;
overflow: auto;
display: flex;
flex-wrap: wrap;
gap: 16px 10px;
align-content: flex-start;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR::-webkit-scrollbar {
width: 4px;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv {
align-self: flex-start;
display: flex;
flex-direction: column;
gap: 2px;
border-radius: 4px;
cursor: pointer;
overflow: hidden;
align-items: center;
line-height: 22px;
font-size: 14px;
padding-bottom: 4px;
position: relative;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv .border_HJrmJ {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
border: 2px solid #2e73e5;
border-radius: 4px;
pointer-events: none;
z-index: 200;
opacity: 0;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv .border_HJrmJ.borderShow_QMo-p {
opacity: 1;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv.temCellActive_xENmS {
color: #2e73e5;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv .imgContainer_LL8-4 {
border: 1px rgba(211, 211, 211, 0.5) solid;
border-radius: 4px;
width: 220px;
height: 250px;
overflow: hidden;
}
.outlineModalContainer_4Rbxe .outlineModalMain_8Bovv .temSelectontainer_IPEzR .temCell_NjgRv .imgContainer_LL8-4 .temImg_ESmOm {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.outlineModalContainer_4Rbxe .submitBtContainer_EEeSN {
padding: 0 40px 20px 40px;
}
.outlineModalContainer_4Rbxe .submitBtContainer_EEeSN .submitBt_mAmgQ {
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
background: #2e73e5;
color: white;
cursor: pointer;
height: 40px;
transition: background-color 0.2s;
flex-shrink: 0;
}
.outlineModalContainer_4Rbxe .submitBtContainer_EEeSN .submitBt_mAmgQ.submitBtDisabled_nG-jg {
background-color: #abc7f5;
cursor: not-allowed;
}
.skeletonContainer_jBr5E {
width: 100%;
height: 48px;
background-color: #ececee;
border-radius: 4px;
overflow: hidden;
}
.skeletonContainer_jBr5E.skeletonAni_FoNoM {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
background-size: 400% 100%;
animation: skeleton-loading_rLBVx 1.4s ease infinite;
}
@keyframes skeleton-loading_rLBVx {
from {
background-position: 100% 50%;
}
to {
background-position: 0 50%;
}
}
.h44_QhQQK {
height: 44px;
}
.closeContainer_BOKKe {
cursor: pointer;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
flex-shrink: 0;
}
.remainTipContainer_ItAW1 {
display: flex;
align-items: center;
gap: 4px;
height: 22px;
line-height: 22px;
margin-right: 4px;
}
.remainTipContainer_ItAW1 .remainTip_HB-sa {
color: #616371;
font-size: 14px;
}
.remainTipContainer_ItAW1 .remainIcon_1eLck {
width: 16px;
height: 16px;
overflow: hidden;
cursor: pointer;
color: #91939c;
margin-right: 12px;
}
.mbMD_Ur6fJ {
margin-bottom: 20px;
}
.betatag_ZLvQt {
position: absolute;
color: #fff;
font-size: 10px;
line-height: 10px;
font-weight: 600;
padding: 2px 6px;
border-radius: 15px;
margin-left: 40px;
margin-top: -4px;
background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
white-space: nowrap;
}
.phoneContainer_qN25Z .skillText_NhE-U {
font-size: 13px !important;
}
.titleOption_AaHgT {
grid-column: 1 / -1;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 36px;
padding: 0 12px;
border-radius: 6px;
font-size: 14px;
line-height: 22px;
background: #eaf1fc;
color: #2e73e5;
cursor: pointer;
white-space: nowrap;
margin-bottom: 2px;
position: relative;
}
.do-hovers .titleOption_AaHgT:hover::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 6px;
pointer-events: none;
}
.titleIcon_mnxMY {
flex-shrink: 0;
width: 18px;
height: 18px;
color: #0168ff;
}
.optionGrid_6gHSs {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2px 0;
gap: 2px 0;
width: 100%;
}
.optionItem_7KIEN {
display: flex;
align-items: center;
gap: 6px;
height: 36px;
padding: 0 12px;
border-radius: 6px;
font-size: 14px;
line-height: 22px;
color: #202022;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
flex-shrink: 0;
}
.do-hovers .optionItem_7KIEN:hover {
background: rgba(0, 0, 0, 0.04);
}
.optionIcon_5DGck {
flex-shrink: 0;
width: 18px;
height: 18px;
}
.dialogContainer_4F2is {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 768px;
max-width: 90vw;
max-height: 90vh;
overflow: auto;
background: #fff;
border-radius: 12px;
padding: 40px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
pointer-events: auto;
}
.dialogHeader_dlh-9 {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
margin-bottom: 24px;
}
.dialogTitle_o2YEu {
font-size: 28px;
font-weight: 600;
line-height: 36px;
color: #202022;
}
.dialogSubtitle_Al-wm {
font-size: 14px;
line-height: 22px;
color: #909399;
}
.closeBtn_gwJZr {
position: absolute;
top: 12px;
right: 12px;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 6px;
border: none;
border-radius: 4px;
background: transparent;
color: #646a73;
cursor: pointer;
transition: background-color 0.2s ease;
}
.closeBtn_gwJZr:hover {
background: #f3f4f6;
}
.inputWrapper_dsSOD {
margin-bottom: 16px;
}
.skillChips_9-y8a {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
margin-bottom: 24px;
}
.skillChip_NYE-N {
display: flex;
align-items: center;
gap: 4px;
padding: 6px 16px;
border-radius: 40px;
border: 1px solid #e0e6ee;
background: #fff;
color: #202022;
font-size: 13px;
line-height: 20px;
cursor: pointer;
transition: all 0.2s;
}
.skillChip_NYE-N:hover {
background: rgba(0, 0, 0, 0.04);
}
.skillChipActive_sl5E- {
border-color: #0168ff;
color: #0168ff;
}
.styleSection_te04c {
display: flex;
flex-direction: column;
gap: 12px;
}
.styleSectionTitle_5vqRO {
font-size: 12px;
line-height: 20px;
color: #909399;
}
.styleList_2H2No {
display: flex;
gap: 12px;
overflow-x: auto;
}
.styleList_2H2No::-webkit-scrollbar {
height: 4px;
}
.styleList_2H2No::-webkit-scrollbar-track {
background: transparent;
}
.styleList_2H2No::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.15);
border-radius: 2px;
}
.styleCard_ERdmT {
display: flex;
flex-direction: column;
gap: 8px;
flex-shrink: 0;
cursor: pointer;
}
.stylePreview_PLPCQ {
width: 128px;
height: 85px;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.06);
box-sizing: border-box;
overflow: hidden;
transition: all 0.2s;
position: relative;
}
.stylePreview_PLPCQ img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.stylePreview_PLPCQ::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.04);
opacity: 0;
transition: opacity 0.2s ease;
pointer-events: none;
}
.styleCard_ERdmT:hover .stylePreview_PLPCQ::after {
opacity: 1;
}
.stylePreviewActive_1LMlb {
border-color: #0168ff;
}
.styleName_Uf5Pg {
font-size: 14px;
line-height: 22px;
color: #202022;
text-align: center;
width: 128px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.styleNameActive_Cu1s7 {
color: #0168ff;
}
.styleLoading_ubC0m {
font-size: 14px;
line-height: 22px;
color: #909399;
text-align: center;
padding: 24px 0;
}
@keyframes skeletonShimmer_16KJs {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.skeletonShimmer_16KJs {
position: relative;
overflow: hidden;
background: #f2f3f5;
}
.skeletonShimmer_16KJs::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
animation: skeletonShimmer_16KJs 1.4s ease-in-out infinite;
}
.styleSkeletonList_y-Ai3,
.phoneStyleSkeletonList_cbwvW {
display: flex;
gap: 12px;
overflow-x: auto;
}
.styleSkeletonList_y-Ai3::-webkit-scrollbar,
.phoneStyleSkeletonList_cbwvW::-webkit-scrollbar {
height: 4px;
}
.styleSkeletonList_y-Ai3::-webkit-scrollbar-track,
.phoneStyleSkeletonList_cbwvW::-webkit-scrollbar-track {
background: transparent;
}
.styleSkeletonList_y-Ai3::-webkit-scrollbar-thumb,
.phoneStyleSkeletonList_cbwvW::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.15);
border-radius: 2px;
}
.styleSkeletonCard_bPh-G {
display: flex;
flex-direction: column;
gap: 8px;
flex-shrink: 0;
align-items: center;
}
.styleSkeletonPreview_yhBc8 {
width: 128px;
height: 85px;
border-radius: 8px;
}
.styleSkeletonName_RK46L {
width: 80px;
height: 22px;
border-radius: 4px;
}
.styleEmpty_Rnt3c {
display: flex;
align-items: center;
justify-content: center;
padding: 24px 0;
font-size: 14px;
line-height: 22px;
color: #909399;
}
/* 手机端 drawer 样式 */
.phoneDrawer_cBCKM {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 16px;
padding-bottom: calc(16px + env(safe-area-inset-bottom));
box-sizing: border-box;
background: #fff;
}
.phoneHeader_ohMuF {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 16px;
flex-shrink: 0;
}
.phoneTitle_Xl6cz {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #0c1024;
}
.phoneSubtitle_7XW74 {
font-size: 13px;
line-height: 20px;
color: #91939c;
margin-top: 4px;
}
.phoneCloseBtn_AuPLp {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 6px;
border-radius: 4px;
color: #646a73;
cursor: pointer;
transition: background-color 0.2s ease;
}
.phoneCloseBtn_AuPLp:active {
background: #f3f4f6;
}
.phoneBody_xmmxZ {
flex: 1;
overflow-y: auto;
min-height: 0;
}
.phoneInputWrapper_BHbKu {
margin-bottom: 16px;
}
.phoneSkillChips_OI2x5 {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
.phoneStyleList_awriQ {
display: flex;
gap: 12px;
overflow-x: auto;
}
.phoneStyleList_awriQ::-webkit-scrollbar {
height: 4px;
}
.phoneStyleList_awriQ::-webkit-scrollbar-track {
background: transparent;
}
.phoneStyleList_awriQ::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.15);
border-radius: 2px;
}
.container_cJZMW {
width: 520px;
border-radius: 12px;
padding: 16px 40px 24px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.container_cJZMW .title_IHdSQ {
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
margin: 8px 0 4px;
}
.container_cJZMW .subTitle_E7Uds {
color: #91939c;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.container_cJZMW .closeBtn_dHltI {
width: 44px;
height: 44px;
padding: 12px;
border-radius: 2px;
cursor: pointer;
position: absolute;
right: 12px;
top: 16px;
}
.container_cJZMW .content_cDJlB {
margin-top: 24px;
}
.container_cJZMW .content_cDJlB .totalText_PEwOn {
color: #424454;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin-bottom: 8px;
}
.container_cJZMW .content_cDJlB .tableTitle_LVIS- {
height: 48px;
display: flex;
background: #f5f6f6;
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px;
align-items: center;
border-bottom: 1px solid #e6e7e9;
}
.container_cJZMW .content_cDJlB .tableTitle_LVIS- .name_rYrhP {
width: 308px;
display: flex;
align-items: center;
}
.container_cJZMW .content_cDJlB .tableTitle_LVIS- .name_rYrhP .checkbox_DQ1w8 {
margin-left: 12px;
}
.container_cJZMW .content_cDJlB .tableTitle_LVIS- .name_rYrhP .text_6G7NF {
margin-left: 12px;
}
.container_cJZMW .content_cDJlB .tableTitle_LVIS- .size_hXCHI {
margin-left: 12px;
}
.container_cJZMW .content_cDJlB .fileList_otGAK {
height: 245px;
overflow-y: auto;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q {
display: flex;
align-items: center;
border-bottom: 1px solid #e6e7e9;
height: 49px;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q .name_rYrhP {
width: 308px;
display: flex;
align-items: center;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q .name_rYrhP .text_6G7NF {
margin-left: 8px;
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q .name_rYrhP .checkbox_DQ1w8 {
margin-left: 12px;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q .name_rYrhP .fileIcon_gEy8S {
width: 24px;
height: 24px;
margin-left: 12px;
}
.container_cJZMW .content_cDJlB .fileList_otGAK .fileItem_rJi-Q .size_hXCHI {
margin-left: 12px;
color: #91939c;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.container_cJZMW .dialogButtons_hCB64 {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
gap: 12px;
margin-top: 24px;
}
.container_cJZMW .dialogButtons_hCB64 .cancelBtn_IvsuI,
.container_cJZMW .dialogButtons_hCB64 .confirmBtn_pY9y- {
padding-left: 16px;
padding-right: 16px;
}
.container_cJZMW .dialogButtons_hCB64 .confirmBtn_pY9y-.exporting_4kpSc .loadingIcon_YTYXC {
animation: loading_daw1g 1.5s linear infinite forwards;
}
.do-hovers .closeBtn_dHltI:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.fileSizeCheckDrawer_CgomC {
display: flex;
flex-direction: column;
height: calc(1vh * 100 - 98px);
height: calc(var(--vh, 1vh) * 100 - 98px);
}
.fileSizeCheckDrawer_CgomC.landscape_4O2Mq {
height: calc(1vh * 100 - 40px);
height: calc(var(--vh, 1vh) * 100 - 40px);
}
.fileSizeCheckDrawer_CgomC .titleContainer_kEsus {
padding: 16px;
border-bottom: 1px solid #e6e7e9;
position: relative;
flex: none;
}
.fileSizeCheckDrawer_CgomC .titleContainer_kEsus .title_Tl4ka {
color: #0c1024;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px;
}
.fileSizeCheckDrawer_CgomC .titleContainer_kEsus .subTitle_oA2uS {
color: #91939c;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.fileSizeCheckDrawer_CgomC .titleContainer_kEsus .closeBtn_gSclz {
position: absolute;
top: 19px;
right: 16px;
width: 20px;
height: 20px;
}
.fileSizeCheckDrawer_CgomC .totalText_nspF9 {
flex: none;
padding: 12px 20px;
color: #424454;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd {
flex: auto;
overflow-y: auto;
overflow-x: hidden;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha {
display: flex;
padding: 12px 20px;
align-items: center;
gap: 12px;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha.selected_I3nMP {
background: #f5f6f6;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha .fileIcon_E4tN0 {
width: 36px;
height: 36px;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha .fileInfo_4uzCW {
flex: auto;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha .fileInfo_4uzCW .name_Y6bqO {
color: #0c1024;
font-size: 15px;
font-weight: 400;
line-height: 22px;
width: calc(100vw - 150px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fileSizeCheckDrawer_CgomC .fileList_hjfdd .fileItem_6a2Ha .fileInfo_4uzCW .size_Li-ut {
color: #91939c;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.fileSizeCheckDrawer_CgomC .buttonContainer_UEVpI {
flex: none;
padding: 8px 20px 16px;
}
.fileSizeCheckDrawer_CgomC .buttonContainer_UEVpI .button_2e8DW {
line-height: 44px;
text-align: center;
border-radius: 4px;
background: #2e73e5;
color: #fff;
font-size: 15px;
font-weight: 400;
}
.fileSizeCheckDrawer_CgomC .buttonContainer_UEVpI .button_2e8DW.disabled_Y-CPx {
background-color: #abc7f5;
color: rgba(255, 255, 255, 0.65);
}
.frameSummaryStructureEditorWrap_5q08Q {
position: relative;
padding-left: 8px;
padding-right: 8px;
margin-left: -8px;
margin-right: -8px;
}
.frameSummaryStructureEditorWrap_5q08Q .buttonWrap_B-6HI {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.frameSummaryStructureEditorWrap_5q08Q .buttonWrap_B-6HI .iconWrap_WioaT {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 2px;
}
.subWindow_sy6n- {
width: 182px;
padding: 12px;
}
.itemWrap_yesFc {
width: 100%;
margin-top: 12px;
}
.itemWrap_yesFc:first-of-type {
margin-top: 0;
}
.contentTypeLabel_5EHxN,
.contentOrientationLabel_g1NfB {
color: #0C1024;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.contentTypes_3X5b3 {
width: 100%;
justify-content: flex-start;
gap: 2px;
}
.contentTypes_3X5b3 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 2px;
margin-top: 4px;
}
.contentTypes_3X5b3 .contentTypeItem_MTkZD {
width: 38px;
height: 38px;
}
.contentOrientations_YXF4i {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 2px;
margin-top: 4px;
}
.contentOrientations_YXF4i .contentOrientationItem_NFCgE {
width: 38px;
height: 38px;
}
.subWindowPhone_xyy0F {
width: 100%;
padding: 16px 0px;
background-color: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
overflow: hidden;
pointer-events: all;
position: relative;
}
.subWindowPhone_xyy0F .itemWrap_yesFc {
padding: 0 20px;
margin-top: 16px;
}
.subWindowPhone_xyy0F .itemWrap_yesFc:first-of-type {
margin-top: 0;
}
.subWindowPhone_xyy0F .itemWrap_yesFc .contentTypes_3X5b3,
.subWindowPhone_xyy0F .itemWrap_yesFc .contentOrientations_YXF4i {
width: 100%;
gap: 20px;
margin: 8px 0 0 0;
}
.do-hovers .iconWrap_WioaT:hover,
.do-hovers .contentType_qn8Y-:hover,
.do-hovers .contentOrientation_npZPb:hover {
background-color: #f5f6f6;
}
.slide_control_KL1hd {
height: 24px;
overflow: hidden;
touch-action: none;
}
.slide_control_KL1hd .bottom_layer_vHzuX {
width: 100%;
height: 2px;
background-color: #cdccd7;
margin-top: 11px;
}
.slide_control_KL1hd .top_layer_rtC86 {
position: relative;
height: 2px;
width: calc(100% - 12px);
margin-top: -2px;
}
.slide_control_KL1hd .content_NSWWo {
height: 2px;
background-color: var(--upime-btn-bg-active);
}
.slide_control_KL1hd .ball_j5pgP {
position: absolute;
width: 12px;
height: 12px;
margin-top: -7px;
border-radius: 12px;
background-color: var(--upime-btn-bg-active);
}
.tick_slider_4ARdz {
position: relative;
width: 150px;
height: 24px;
touch-action: none;
}
.tick_slider_4ARdz.phoneLayout_SrOUi {
width: 100%;
display: inline-block;
}
.tick_slider_4ARdz.disabled_Qsu-6 {
opacity: 0.2;
pointer-events: none;
}
.tick_slider_4ARdz .bottom_layer_vHzuX {
width: 100%;
height: 2px;
position: absolute;
left: 0;
top: 11px;
background-color: var(--upime-btn-bg-active);
}
.tick_slider_4ARdz .tick_oYRbO {
position: absolute;
top: 10px;
width: 4px;
height: 4px;
border-radius: 4px;
background-color: var(--upime-btn-bg-active);
}
.tick_slider_4ARdz .shade_JSmdr {
position: absolute;
top: 6px;
height: 12px;
background-color: rgba(255, 255, 255, 0.8);
}
.tick_slider_4ARdz .shade_JSmdr .ball_j5pgP {
width: 12px;
height: 12px;
margin-left: -6px;
border-radius: 12px;
background-color: var(--upime-btn-bg-active);
}
.phoneMode .slide_control_KL1hd {
height: 30px;
}
.phoneMode .slide_control_KL1hd .bottom_layer_vHzuX {
margin-top: 14px;
}
.phoneMode .tick_slider_4ARdz {
height: 30px;
}
.phoneMode .tick_slider_4ARdz .bottom_layer_vHzuX {
top: 14px;
}
.phoneMode .tick_slider_4ARdz .tick_oYRbO {
top: 13px;
}
.phoneMode .tick_slider_4ARdz .shade_JSmdr {
top: 9px;
}
.color_icon_VPQTI {
width: 100%;
height: 100%;
}
.color_circle_qhOD- {
width: 22px;
height: 22px;
border-radius: 11px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #c2c3c8;
}
.color_circle_qhOD-.color_null_cHOMl {
border: none !important;
}
.bg_color_circle_hrqys {
width: 22px;
height: 22px;
position: relative;
}
.bg_color_circle_hrqys .bg_color_pOTZb {
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 22px;
border-radius: 11px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.bg_color_circle_hrqys .bg_color_pOTZb.bg_color_no_border_xQIvd {
border: none;
}
.bg_color_rect_uo8aF {
width: 22px;
height: 22px;
position: relative;
}
.bg_color_rect_uo8aF .bg_color_pOTZb {
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 22px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.bg_color_rect_uo8aF .bg_color_pOTZb.bg_color_no_border_xQIvd {
border: none;
}
.border_color_circle_eo-qf {
width: 22px;
height: 22px;
position: relative;
}
.border_color_circle_eo-qf .border_color_K6Wnk {
border-width: 5px;
}
.border_color_circle_eo-qf .border_color_K6Wnk,
.border_color_circle_eo-qf .white_border2_UqB-L {
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 22px;
border-radius: 11px;
border-style: solid;
}
.border_color_circle_eo-qf .white_border1_wvKmY {
position: absolute;
left: 3px;
top: 3px;
width: 16px;
height: 16px;
border-radius: 8px;
border-color: #c2c3c8;
border-width: 1px;
border-style: solid;
}
.border_color_circle_eo-qf .white_border2_UqB-L {
border-width: 1px;
border-color: #c2c3c8;
}
.border_color_rect_qKFfz {
width: 22px;
height: 22px;
position: relative;
}
.border_color_rect_qKFfz .border_color_rect_inner_tR7fm {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.border_and_bg_color_circle_YnSVv {
width: 22px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.border_and_bg_color_circle_YnSVv .border_color_K6Wnk {
width: 20px;
height: 20px;
box-sizing: content-box;
border-radius: 50%;
border-width: 2px;
border-style: solid;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
.border_and_bg_color_circle_YnSVv .bg_color_pOTZb {
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.border_and_bg_color_rect_U344g {
width: 22px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.border_and_bg_color_rect_U344g .border_color_K6Wnk {
width: 20px;
height: 20px;
box-sizing: content-box;
border-radius: 4px;
border-width: 2px;
border-style: solid;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
.border_and_bg_color_rect_U344g .bg_color_pOTZb {
width: 20px;
height: 20px;
border-radius: 4px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.text_color_btn_q889D {
width: 22px;
height: 22px;
position: relative;
}
.text_color_btn_q889D .text_color_mDDEm {
position: absolute;
width: 100%;
height: 4px;
bottom: 0;
}
.text_color_btn_q889D .text_color_mDDEm.white_EQSX1 {
border: 1px solid #c2c3c8;
}
.text_color_btn_q889D .text_color_mDDEm .transparent_bXwXd {
width: 100%;
height: 100%;
padding: 0 1px;
display: flex;
align-items: center;
background-color: #e6e6e6;
}
.text_color_btn_q889D .text_color_mDDEm .gray_BrpRf {
width: 4px;
height: 4px;
margin-left: 4px;
background-color: #b3b3b3;
}
.name_editor_uA3iE {
position: relative;
max-width: 155px;
width: auto;
line-height: 50px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;
justify-content: flex-start;
}
.name_editor_uA3iE.readOnly_xYL-k {
cursor: default;
}
.name_editor_uA3iE.readOnly_xYL-k .input_4B-Pk {
pointer-events: none;
}
.name_editor_uA3iE .hidden_name_tEOuC {
position: absolute;
display: inline-block;
height: 35px;
font-size: 14px;
text-align: left;
visibility: hidden;
}
.name_editor_uA3iE .input_4B-Pk {
max-width: 150px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-left: -5px;
padding: 0;
padding-left: 5px;
font-size: 14px;
line-height: 35px;
height: 35px;
min-width: 36px;
display: block;
color: #050038;
opacity: 0.8;
box-sizing: border-box;
border: 1px solid transparent;
}
.name_editor_uA3iE .input_4B-Pk:focus {
border: solid 1px rgba(0, 0, 0, 0.2);
border-radius: 2px;
}
.vert_sel_list_-WVut {
height: -moz-max-content;
height: max-content;
padding: 8px 0;
display: flex;
flex-direction: column;
}
.vert_sel_option_XW0ZG {
cursor: pointer;
width: 100%;
height: 40px;
padding: 0 8px;
line-height: 40px;
white-space: nowrap;
}
.font_family_editor_ngEBp {
height: 50px;
font-size: 14px;
display: flex;
align-items: center;
}
.font_family_editor_ngEBp .family_list_0c7wc {
min-width: 142px;
max-height: 376px;
overflow: auto;
}
.font_family_editor_ngEBp .family_option_4YoYJ {
padding: 0 10px;
height: 36px;
line-height: 36px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.font_family_editor_ngEBp .family_option_alt_i-y0i {
padding-right: 6px;
}
.fontsize_editor_jVB-6 {
position: relative;
height: 50px;
font-size: 14px;
display: flex;
align-items: center;
}
.fontsize_editor_jVB-6 .input_4B-Pk {
width: 36px;
height: 35px;
line-height: 35px;
padding: 0;
border: 1px solid transparent;
text-align: center;
}
.fontsize_editor_jVB-6 .input_4B-Pk:focus {
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.fontsize_editor_jVB-6 .btns_4nDxn {
width: 30px;
}
.fontsize_editor_jVB-6 .btn_4wiIQ {
height: 25px;
line-height: 25px;
font-size: 20px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fontsize_editor_jVB-6 .size_list_1viEA {
width: 60px;
height: -moz-max-content;
height: max-content;
padding: 5px 0;
display: flex;
flex-direction: column;
overflow-y: auto;
}
.fontsize_editor_jVB-6 .size_option_1LAXo {
cursor: pointer;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
}
.fontsize_editor_jVB-6 .size_option_1LAXo.disabled_Qsu-6 {
opacity: 0.2 !important;
cursor: default !important;
}
.option_list_jtl4- {
padding: 0 10px;
}
.option_list_jtl4-.maxContent_N03kC {
width: -moz-max-content;
width: max-content;
display: flex;
flex-direction: column;
}
.option_list_jtl4- .option_item_bSMJD {
width: 56px;
height: 40px;
}
.option_list_jtl4- .option_item_bSMJD.itemWidthMaxContent_8O048 {
min-width: 56px;
width: 100%;
}
.simple_select_FWNe5 {
font-size: 16px;
position: relative;
width: 40px;
}
.simple_select_FWNe5 .select_btn_label_9pIOz {
padding: 5px 0;
height: 40px;
}
.align_select_o-R-L {
width: 40px;
height: 50px;
display: flex;
align-items: center;
}
.align_select_ls_kSd8B {
width: 80px;
}
.align_select_o-R-L .option_list_jtl4- {
display: flex;
flex-direction: row;
}
.line_spacing_zIEq8 {
min-width: 160px;
}
.leading_option_RjDxQ {
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.leading_option_active_PhKBo,
.leading_option_RjDxQ:hover {
color: var(--upime-active);
}
.line_spacing_custom_Xf1VS {
padding: 4px 16px 0;
}
.line_spacing_custom_Xf1VS input {
width: 100%;
height: 32px;
padding: 0 8px;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
outline: none;
font-size: 14px;
color: #050038;
}
.line_spacing_custom_Xf1VS input:focus {
border-color: var(--upime-active);
}
.ha_select_group_MYUjp .option_list_jtl4- {
padding: 0;
display: flex;
flex-direction: row;
}
.hor_split_HDK-U {
height: 1px;
width: 100%;
background: #e0e0e0;
}
.type_icon_select_0Ubze {
position: relative;
width: 166px;
height: 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.type_icon_select_0Ubze.type_icon_phoneLayout_FlUDM {
margin: 0 auto;
}
.type_icon_select_0Ubze .type_item_3pJHD {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.type_icon_select_0Ubze .type_item_3pJHD .selected_uu-Wy {
color: #2e73e5;
}
.type_icon_select_0Ubze .type_item_3pJHD.disabled_Qsu-6 {
pointer-events: none;
opacity: 0.2;
cursor: default;
}
.type_icon_select_0Ubze .type_item_3pJHD.forbidden_3JYXM {
cursor: not-allowed;
color: #c2c3c8;
}
.type_icon_select_next_UAjJH {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 9px;
}
.type_icon_select_next_UAjJH .type_item_next_XVcOE {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 2px;
}
.type_icon_select_next_UAjJH .type_item_next_XVcOE.selected_next_JE45I {
color: #2e73e5;
background-color: #eaf1fc;
}
.type_icon_select_next_UAjJH .type_item_next_XVcOE.disabled_Qsu-6 {
pointer-events: none;
opacity: 0.2;
cursor: default;
}
.type_icon_select_next_UAjJH .type_item_next_XVcOE.forbidden_3JYXM {
cursor: not-allowed;
color: #c2c3c8;
}
.do-hovers .vert_sel_option_XW0ZG:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .fontsize_editor_jVB-6 .size_option_1LAXo:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .type_icon_select_0Ubze .type_item_3pJHD:hover:not(.forbidden_3JYXM) {
background-color: #f5f6f6;
}
.do-hovers .type_item_next_XVcOE:hover:not(.forbidden_3JYXM) {
background-color: #f5f6f6;
}
.do-hovers .selected_next_JE45I:hover:not(.forbidden_3JYXM) {
background-color: #dce3ed;
}
.editorBtn_SCF5y {
border-radius: 0;
border-radius: initial;
}
.info_border_Qm8E9 {
width: 18px;
height: 18px;
}
.info_border_Qm8E9 .info_icon_pttED {
font-size: 18px;
}
.info_list_HztEN .info_text_31YRe {
white-space: nowrap;
font-size: 12px;
height: 18px;
line-height: 18px;
}
.do-hovers .info_border_Qm8E9 .info_icon_pttED:hover {
color: var(--upime-active);
}
.color_circle_placeholder_8bL9I {
width: 30px;
height: 30px;
margin: 5px;
border-radius: 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.color_circle_placeholder_8bL9I.selected_uu-Wy {
color: #4262ff;
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #5798f2;
}
.color_placeholder_mark_btFrR {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 18px;
height: 18px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.2);
}
.color_placeholder_mark_btFrR svg {
width: 14px;
height: 14px;
margin: 2px;
color: white;
}
.draggable_resizeBtn_CK9B0 {
width: 26px;
height: 26px;
position: absolute;
right: -8px;
bottom: -8px;
z-index: 100;
cursor: nwse-resize;
pointer-events: all;
visibility: visible;
}
.draggable_resizeBtn_CK9B0 svg {
width: 18px;
height: 18px;
transform: translateX(-2px) translateY(-2px);
color: rgba(0, 0, 0, 0.5);
}
.draggable_resizeBtn_CK9B0.topRight_uBau1 {
right: -8px;
top: -8px;
cursor: nesw-resize;
transform: rotate(-90deg);
}
.draggable_resizeBtn_CK9B0.topLeft_DO3w6 {
left: -8px;
top: -8px;
cursor: nwse-resize;
transform: rotate(180deg);
}
.draggable_resizeBtn_CK9B0.leftBottom_d6VaA {
left: -8px;
bottom: -8px;
cursor: nesw-resize;
transform: rotate(90deg);
}
.draggable_resizeBar_4ptFf {
position: absolute;
z-index: 10;
pointer-events: all;
visibility: visible;
}
.draggable_resizeBar_4ptFf.top_4Ev5O {
left: 18px;
right: 18px;
top: -8px;
height: 8px;
cursor: ns-resize;
}
.draggable_resizeBar_4ptFf.bottom_G4axq {
left: 18px;
right: 18px;
bottom: -8px;
height: 8px;
cursor: ns-resize;
}
.draggable_resizeBar_4ptFf.right_-uFGz {
top: 18px;
bottom: 18px;
right: -8px;
width: 8px;
cursor: ew-resize;
}
.draggable_resizeBar_4ptFf.left_Ga-i3 {
top: 18px;
bottom: 18px;
left: -8px;
width: 8px;
cursor: ew-resize;
}
.optionSelector_Cx4Gm {
position: relative;
}
.optionSelector_Cx4Gm .optionContainer_tRj09 {
position: absolute;
top: calc(100% + 4px);
}
.phoneMode .type_icon_select_next_UAjJH {
gap: 20px;
}
.phoneMode .type_icon_select_next_UAjJH .type_item_next_XVcOE {
width: 40px;
height: 40px;
}
.frameSummaryStyleEditorWrap_NKBl0 {
position: relative;
padding-left: 8px;
padding-right: 8px;
margin-left: -8px;
margin-right: -8px;
}
.frameSummaryStyleEditorWrap_NKBl0 .buttonWrap_XLmQ4 {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.frameSummaryStyleEditorWrap_NKBl0 .buttonWrap_XLmQ4 .iconWrap_2xZik {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 2px;
}
.subWindow_buUsL {
width: 184px;
padding: 12px 0;
}
.itemWrap_5ZIlX {
width: 100%;
padding: 0 12px;
}
.itemWrap_5ZIlX:first-of-type {
margin-top: 0;
}
.borderTypeLabel_K6n2p,
.borderThicknessLabel_jqA0T {
width: 100%;
text-align: left;
color: #0c1024;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-top: 1px;
}
.borderTypes_29ass {
width: 100%;
height: auto;
height: initial;
justify-content: flex-start;
gap: 2px;
}
.borderTypes_29ass .borderTypeItem_mYBMI {
width: 38px;
height: 38px;
}
.borderTypes_29ass .borderTypeItem_mYBMI .sdk-icon {
width: 26px;
height: 26px;
}
.borderThickness_js2J8 {
padding: 0 6px;
}
.borderColors_RgzRZ {
margin-top: 8px;
}
.borderColors_RgzRZ .borderColorPalette_peehJ {
width: 160px;
padding: 0;
}
.customColors_dYmOw {
padding-right: 0;
}
.customColors_dYmOw .customColorPalette_X6bON {
width: 100%;
padding: 0;
}
.colorPaletteDivider_lXFBx {
width: 100%;
height: 1px;
background-color: #E6E7E9;
margin: 8px 0;
}
.subWindowPhone_sf-vt {
width: 100%;
padding: 16px 0px;
background-color: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
overflow: hidden;
pointer-events: all;
position: relative;
}
.subWindowPhone_sf-vt .itemWrap_5ZIlX {
padding: 0 20px;
margin-top: 16px;
}
.subWindowPhone_sf-vt .itemWrap_5ZIlX:first-of-type {
margin-top: 0;
}
.subWindowPhone_sf-vt .itemWrap_5ZIlX .borderTypes_29ass,
.subWindowPhone_sf-vt .itemWrap_5ZIlX .customColors_dYmOw {
gap: 20px;
margin: 8px 0 0 0;
}
.subWindowPhone_sf-vt .borderColors_RgzRZ {
padding-right: 0;
}
.subWindowPhone_sf-vt .borderColors_RgzRZ .borderColorPalette_peehJ {
width: 100%;
padding: 0;
}
.subWindowPhone_sf-vt .customColors_dYmOw {
margin-top: 0;
}
.subWindowPhone_sf-vt .customColors_dYmOw .customColorPalette_X6bON {
width: 100%;
padding: 0;
}
.do-hovers .iconWrap_2xZik:hover {
background-color: #F5F6F6;
}
.cm_item_9B79N {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_9B79N.disabled_hcqt4 {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_9B79N.autoWidth_RmW4l {
width: auto;
min-width: 40px;
}
.icon_box_ZB93O {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_ZB93O.active_krheO {
color: var(--upime-active);
}
.bling_item_LSmPY {
opacity: 0.8;
}
.hidden_SBAWa {
visibility: hidden !important;
}
.hidden_all_m1Lw4 {
visibility: hidden !important;
}
.hidden_all_m1Lw4 * {
visibility: hidden !important;
}
.show_all_5CC42 {
visibility: visible !important;
}
.show_all_5CC42 * {
visibility: visible !important;
}
.pane_4qdRw {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_SrKv2 {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_mTH5h {
visibility: hidden;
opacity: 0;
animation: show_SrKv2 0.5s forwards;
}
@keyframes show_scale_5es11 {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_5es11 {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_5es11 0.3s forwards;
}
.show_scale_5es11.right_5zFDI {
transform-origin: left center;
}
.show_scale_5es11.left_CuqdK {
transform-origin: right center;
}
.show_scale_5es11.bottom_-bQvt {
transform-origin: center top;
}
.show_scale_5es11.top_F8ZK2 {
transform-origin: center bottom;
}
.show_scale_5es11.left_top_9vC7I {
transform-origin: right top;
}
.show_scale_5es11.top_left_uVlP6 {
transform-origin: bottom left;
}
.show_scale_5es11.bottom_left_eY08x {
transform-origin: top left;
}
.show_scale_5es11.top_right_5FRki {
transform-origin: bottom right;
}
.show_scale_5es11.bottom_right_CkCH3 {
transform-origin: top right;
}
.show_scale_5es11.right_top_UNpdO {
transform-origin: left top;
}
.show_scale_5es11.right_bottom_j7mgO {
transform-origin: left bottom;
}
.show_scale_5es11.left_bottom_4COjd {
transform-origin: right bottom;
}
.btn_style_QXz43 {
cursor: pointer;
}
.btn_style_QXz43:active,
.btn_style_QXz43.on_mNVg6 {
color: var(--upime-active);
}
.btn_style_QXz43.disabled_hcqt4 {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_d9jHI {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_ZB93O:hover {
opacity: 1;
}
.do-hovers .bling_item_LSmPY:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_QXz43:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_d9jHI:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_oVgXt:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_5-CEq:hover {
color: var(--upime-main-text);
}
.rotateY180_XJETa {
transform: rotateY(180deg);
}
.titleIcon_oVgXt {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_oVgXt.active_krheO {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_oVgXt.active_krheO {
color: var(--upime-active);
}
.moreIcon_5-CEq {
cursor: pointer;
}
.moreIcon_5-CEq svg {
color: #303445;
}
.moreIcon_5-CEq.active_krheO svg {
color: var(--upime-main-text);
}
@keyframes loading_IPunO {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_iJ66O {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_IPunO 1s linear infinite forwards;
}
.AIButtonContainer_nbryS {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_nbryS.transparent_yZMe8 {
opacity: 0;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15 {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15.AIShow_uw-1B {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15.AIHide_P6PBD {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15.AIButtonHover_sw74H:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15.AIButtonDisabled_lR1V3 {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_nbryS .AIButtonWrapper_CoL8m .AIButtonImageContainer_zph15 .AIButtonImage_U3Qkw {
width: 32px;
height: 32px;
}
.sub_win_container_D7k6b {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_D7k6b::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_D7k6b::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_D7k6b::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_D7k6b .sub_win_child_wrapper_fQsc3:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_D7k6b .sub_win_child_wrapper_fQsc3:not(:first-child) .sub_win_child_9J4un {
padding-top: 0;
}
.sub_win_flexalbe_container_pS2ZJ {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_pS2ZJ * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya:not(:first-child) .flexable_scroll_inner_3fQf9 {
padding-top: 0px;
}
.phoneMode .sub_win_container_D7k6b {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_pS2ZJ {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_D2jya {
animation: safariUpdate_qEEov 0.1s forwards;
}
.safariOn .sub_win_container_D7k6b {
animation: safariUpdate_qEEov 0.1s forwards;
}
@keyframes safariUpdate_qEEov {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_cEGXT {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_cEGXT .noColorStylePart_uIYLH + .noColorStylePart_uIYLH {
margin-top: 8px;
}
.noColorStyleContainer_cEGXT .partlabel_OGP3w {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_cEGXT .partlabel_OGP3w.disabled_hcqt4 {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_D7k6b,
.phoneMode .sub_win_flexalbe_container_pS2ZJ {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_D7k6b .flexable_scroll_wrapper_D2jya:not(:first-child),
.phoneMode .sub_win_flexalbe_container_pS2ZJ .flexable_scroll_wrapper_D2jya:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_cEGXT {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_cEGXT .noColorStylePart_uIYLH + .noColorStylePart_uIYLH {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_cEGXT .partlabel_OGP3w {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_oHOo0 {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_oHOo0.active_krheO {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_yOp0m.active_krheO {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_oHOo0:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_oHOo0:hover.active_krheO {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_yOp0m:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_yOp0m:hover.active_krheO {
color: #2E73E5;
background-color: #dce3ed;
}
.colorPaletteNextContainer_D97G0 {
width: 240px;
padding: 12px;
color: #0c1024;
cursor: default;
}
.colorPaletteNextContainer_D97G0.noEdit_-VWmm {
opacity: 0.2;
cursor: not-allowed;
}
.colorPaletteNextContainer_D97G0.noEdit_-VWmm * {
pointer-events: none;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX {
margin-bottom: 8px;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX:last-child {
margin-bottom: 0;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .groupLabel_stVsk {
padding-left: 6px;
font-size: 12px;
height: 28px;
display: flex;
align-items: center;
justify-content: space-between;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .groupLabel_stVsk .groupBt_gpuiW {
padding: 4px 6px;
border-radius: 2px;
cursor: pointer;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .groupLabel_stVsk .groupBt_gpuiW.btEditing_-Ug1q {
color: var(--upime-active);
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .groupColorList_XBESj {
display: flex;
flex-wrap: wrap;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 {
padding: 6px;
flex-shrink: 0;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ {
width: 100%;
height: 100%;
position: relative;
border-radius: 4px;
color: #424454;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ.noBorder_OMCeB {
color: #dbdbde;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ.noBorder_OMCeB::after {
display: none;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ.colorActive_iXgCp::before {
content: "";
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
border-radius: 6px;
border: 2px solid #2e73e5;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .colorInner_VrboQ .deleteBtContainer_aob4f {
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
right: -7px;
top: -7px;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.15);
color: white;
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .addColorItem_nwdss {
width: 100%;
height: 100%;
position: relative;
border-radius: 4px;
color: #424454;
border: 1px solid rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .addColorItem_nwdss:active {
border: 1px solid #1d56bf !important;
color: #1d56bf !important;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .colorItem_RO-70 .noColor_UzKM5 {
position: absolute;
width: 18px;
height: 1px;
left: 50%;
top: 50%;
transform: translateX(-50%) rotate(-45deg);
border-radius: 1px;
background-color: #c2c3c8;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX .edropper_2wMb9 {
display: none;
}
.colorPaletteNextContainer_D97G0 .colorPaletteNextGroup_b7UvX:first-child .edropper_2wMb9 {
display: block;
}
.do-hovers .addColorItem_nwdss:not(.isPicking_ZdzBm):hover {
border: 1px solid #5798f2 !important;
color: #5798f2 !important;
}
.do-hovers .groupBt_gpuiW:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .deleteBtContainer_aob4f:hover {
background-color: rgba(0, 0, 0, 0.45) !important;
}
.do-hovers .eyedropperContainer_A0yV6:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .colorItem_RO-70:not(.noHover_r0FU8) .colorInner_VrboQ {
cursor: pointer;
}
.do-hovers .colorItem_RO-70:not(.noHover_r0FU8):hover .colorInner_VrboQ::before {
content: "";
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
border-radius: 6px;
border: 2px solid #5798f2;
}
.eyedropperContainer_A0yV6 {
width: 28px;
height: 28px;
border-radius: 2px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.eyedropperContainer_A0yV6.using_JGyxz {
background-color: rgba(0, 0, 0, 0.06);
color: var(--upime-active);
}
.eyedropperContainer_A0yV6 .eyedropper_fjYHt {
width: 22px;
height: 22px;
cursor: pointer;
}
.colorRectContainer_yqArl {
width: 22px;
height: 22px;
border-radius: 4px;
position: relative;
}
.colorRectContainer_yqArl .colorRectInner_FyyBo {
position: absolute;
border-radius: 4px;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.colorRectContainer_yqArl .colorRectInner_FyyBo::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.colorRectContainer_yqArl .colorRectInner_FyyBo.noBorder_OMCeB::after {
display: none;
}
.tick_slider_next_G-B7w {
width: 100%;
height: 24px;
padding: 0 6px;
touch-action: none;
}
.tick_slider_next_G-B7w.disabled_hcqt4 {
opacity: 0.2;
cursor: not-allowed;
}
.tick_slider_next_G-B7w .tick_slider_inner_sV50S {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.tick_slider_next_G-B7w .bottom_layer_7l90k {
width: 100%;
height: 2px;
background-color: #0c1024;
border-radius: 2px;
}
.tick_slider_next_G-B7w .tick_DllN5 {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #0c1024;
}
.tick_slider_next_G-B7w .shade_T1w2Z {
position: absolute;
top: 0;
height: 24px;
background-color: rgba(255, 255, 255, 0.8);
}
.tick_slider_next_G-B7w .shade_T1w2Z .ball_hFWs9 {
width: 12px;
height: 12px;
transform: translate(-50%, 6px);
border-radius: 50%;
background-color: #0c1024;
}
.tick_slider_next_G-B7w .shade_T1w2Z .ball_hFWs9.atLeft_5prpt {
transform: translate(0%, 6px);
}
.tick_slider_next_G-B7w .shade_T1w2Z .ball_hFWs9.atRight_wSEMU {
transform: translate(-100%, 6px);
}
.phoneMode .colorPaletteNextContainer_D97G0 {
width: 100%;
max-height: none;
max-height: initial;
padding: 16px 0;
}
.phoneMode .colorPaletteNextContainer_D97G0 .groupColorList_XBESj {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
}
.phoneMode .colorPaletteNextContainer_D97G0 .groupColorList_XBESj::-webkit-scrollbar {
display: none;
}
.phoneMode .colorPaletteNextContainer_D97G0 .groupColorList_XBESj .colorItem_RO-70 {
width: 40px;
height: 40px;
padding: 5px;
}
.phoneMode .colorPaletteNextContainer_D97G0 .groupColorList_XBESj .colorItem_RO-70:first-child {
margin-left: 16px;
}
.phoneMode .tick_slider_next_G-B7w {
height: 30px;
}
.phoneMode .shade_T1w2Z {
height: 30px;
}
.phoneMode .shade_T1w2Z .ball_hFWs9 {
transform: translate(-50%, 9px);
}
.phoneMode .shade_T1w2Z .ball_hFWs9.atLeft_5prpt {
transform: translate(0%, 9px);
}
.phoneMode .shade_T1w2Z .ball_hFWs9.atRight_wSEMU {
transform: translate(-100%, 9px);
}
.root_bZ74x {
pointer-events: auto;
position: absolute;
width: 182px;
border-radius: 2px;
background: white;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.root_bZ74x .palette_lnSy8 {
width: 100%;
height: 120px;
cursor: crosshair;
overflow: hidden;
position: absolute;
}
.root_bZ74x .palette_lnSy8 .saturation_cover_EkxWs {
width: 100%;
height: 100%;
background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.root_bZ74x .palette_lnSy8 .saturation_cover_EkxWs .brightness_cover_3Vwg- {
width: 100%;
height: 100%;
background: linear-gradient(to top, black, rgba(0, 0, 0, 0));
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.root_bZ74x .palette_lnSy8 .picker_3EUSt {
cursor: move;
position: absolute;
width: 18px;
height: 18px;
margin-left: -9px;
margin-top: -9px;
border-radius: 50%;
border: 2px solid white;
top: 0;
left: 0;
}
.root_bZ74x .hueTrack_dhq4X {
position: absolute;
top: 120px;
width: 100%;
height: 10px;
}
.root_bZ74x .hueTrack_dhq4X .trackCon_n-f2C {
background: red;
width: 100%;
height: 100%;
}
.root_bZ74x .hueTrack_dhq4X .trackCon_n-f2C .trackBg_Brar5 {
width: 100%;
height: 100%;
background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.root_bZ74x .hueTrack_dhq4X .btn_6LtSL {
position: absolute;
top: -3px;
width: 16px;
height: 16px;
border-radius: 50%;
border: 3px solid white;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
cursor: ew-resize;
}
.root_bZ74x .inputCon_EFU-I {
position: absolute;
width: 100%;
height: 50px;
top: 130px;
display: flex;
flex-direction: row;
color: var(--upime-main-text);
line-height: 22px;
font-size: 14px;
align-items: center;
padding: 0 16px;
justify-content: space-between;
}
.root_bZ74x .inputCon_EFU-I input {
color: var(--upime-main-text);
border: none;
width: 60px;
}
.root_bZ74x .inputCon_EFU-I .eyedropper_bxtRo {
width: 22px;
height: 22px;
cursor: pointer;
}
.do-hovers .eyedropper_bxtRo:hover {
color: var(--upime-active);
}
.borderRadiusEditorWrap_Gi-9- {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorButton_7DyOZ {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorSubWindow_QlSSo {
padding: 16px;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
cursor: default;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputLabel_-Fb1W {
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv {
width: 112px;
height: 38px;
box-sizing: content-box;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border-radius: 4px;
border: 1px solid #DBDBDE;
background-color: #FFF;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv[focus-within] {
border-color: #2E73E5;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv:focus-within {
border-color: #2E73E5;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusInput_SlWdB {
display: flex;
flex: 1 1 auto;
min-width: 0;
height: 100%;
padding: 12px;
border: none;
color: #424454;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
border-radius: 6px;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectWrap_CQha- {
width: 32px;
height: 38px;
position: relative;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelect_JxqP7 {
width: 32px;
height: 38px;
display: flex;
justify-content: center;
align-items: center;
border-left: 1px solid #DBDBDE;
background: rgba(0, 0, 0, 0.06);
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
cursor: pointer;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA {
position: absolute;
top: calc(100% + 1px);
left: 50%;
transform: translateX(-50%);
display: flex;
width: 112px;
padding: 8px 0px;
flex-direction: column;
align-items: flex-start;
border-radius: 4px;
background: #FFF;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 36px;
width: 100%;
padding: 0px 16px;
cursor: pointer;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm:active {
background: #EAF1FC;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm:active .borderRadiusSelectOptionName_Gnzds,
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm:active .borderRadiusSelectOptionValue_kkz6k {
color: #2e73e5;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm .borderRadiusSelectOptionName_Gnzds {
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.borderRadiusEditorWrap_Gi-9- .borderRadiusEditorPanel_7C0Pi .borderRadiusInputAndSelect_6Hrhv .borderRadiusSelectOptions_JLsTA .borderRadiusSelectOption_YgjQm .borderRadiusSelectOptionValue_kkz6k {
color: #91939C;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.do-hovers .borderRadiusEditorButton_7DyOZ:hover {
background-color: #f5f6f6;
}
.do-hovers .borderRadiusSelectOption_YgjQm:hover {
background: rgba(0, 0, 0, 0.06);
}
.currentBorderRadiusDomWidget_L7PVE {
display: flex;
justify-content: center;
align-items: center;
height: 28px;
padding: 0 8px;
background-color: rgba(0, 0, 0, 0.65);
border-radius: 4px;
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.rich_text_textarea_v9SYU {
position: absolute;
pointer-events: none;
opacity: 0;
overflow: hidden;
}
.add_anchor_FMzsv {
background-color: var(--upime-pane-bg);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
width: 466px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
border-radius: 4px;
padding: 16px;
position: absolute;
}
.add_anchor_FMzsv .add_input_gyZY- {
width: 296px;
display: flex;
flex-direction: column;
align-items: flex-start;
flex-shrink: 1;
position: relative;
}
.add_anchor_FMzsv .add_input_gyZY- input {
padding-right: 40px;
}
.add_anchor_FMzsv .add_btns_i8eaR {
display: flex;
flex-shrink: 0;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 8px;
height: 40px;
}
.add_anchor_FMzsv .add_btns_i8eaR .btn_ELZwU {
position: relative;
padding: 0 12px;
height: 32px;
font-size: 14px;
line-height: 22px;
border-radius: 2px;
}
.hover_anchor_d22JG {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
display: flex;
align-items: center;
max-width: 100%;
overflow-x: hidden;
}
.hover_anchor_d22JG .linkWrapper_C1OOr {
flex-shrink: 1;
min-width: 0;
}
.hover_anchor_d22JG .linkWrapper_C1OOr .webLink_xoP5F {
width: 100%;
padding-left: 4px;
padding-right: 4px;
}
.btn_wrapper_48-6D {
flex-shrink: 0;
position: relative;
padding: 0 8px;
display: flex;
align-items: center;
}
.switch_btn_group_vpBtn::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #dbdbde;
}
.edit_btn_group_mirnl::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #dbdbde;
}
.edit_anchor_Mzonb {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
padding: 24px;
}
.input_group_wTGY8 {
margin-top: 12px;
display: flex;
align-items: center;
}
.input_group_wTGY8:first-child {
margin-top: 0;
}
.input_group_wTGY8 .label_Yt0HE {
width: 42px;
font-size: 14px;
height: 22px;
line-height: 22px;
color: var(--upime-main-text);
}
.input_group_wTGY8 .input_HFYMQ {
width: 306px;
height: 36px;
border-radius: 4px;
position: relative;
}
.input_group_wTGY8 .input_HFYMQ input {
height: 36px;
padding: 0 34px 0 12px;
}
.edit_btns_Z-HK9 {
margin-top: 24px;
display: flex;
justify-content: flex-end;
}
.edit_btns_Z-HK9 .extra_btn_wrapper_Z58Vc {
flex: 1;
display: flex;
justify-content: flex-start;
}
.edit_btns_Z-HK9 .button_iQkDe {
width: 64px;
height: 32px;
font-size: 14px;
line-height: 20px;
border-radius: 2px;
flex-shrink: 0;
}
.edit_btns_Z-HK9 .button_iQkDe:last-child {
margin-left: 12px;
}
.mentionWrapper_XUk4n {
position: absolute;
background-color: white;
width: 270px;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.mentionWrapper_XUk4n .allmenberRow_0SITM {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: 38px;
padding-left: 16px;
cursor: pointer;
font-size: 14px;
line-height: 22px;
}
.mentionWrapper_XUk4n .allmenberRow_0SITM.withBorder_Wj94G {
border-bottom: 1px solid var(--upime-btn-bg-hover);
}
.mentionWrapper_XUk4n .allmenberRow_0SITM.selected_1JTya {
color: var(--upime-active);
}
.mentionContainer_7ddXx {
width: 100%;
max-height: 235px;
overflow-x: hidden;
overflow-y: scroll;
}
.mentionContainer_7ddXx::-webkit-scrollbar {
width: 4px;
}
.mentionContainer_7ddXx::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.mentionContainer_7ddXx::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.mentionContainer_7ddXx .list_-EoDZ {
padding: 8px 0;
display: flex;
flex-direction: column;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: 40px;
padding-left: 16px;
cursor: pointer;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W.selected_1JTya {
color: var(--upime-active);
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W.selected_1JTya .info_PAw5- {
color: var(--upime-active) !important;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W .avatar_jqASf {
width: 26px;
height: 26px;
border-radius: 50%;
flex-shrink: 0;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W > span {
font-size: 14px;
line-height: 22px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W .userName_t17LN {
margin-left: 8px;
max-width: 68px;
}
.mentionContainer_7ddXx .list_-EoDZ .row_37s4W .info_PAw5- {
margin-left: 12px;
color: var(--upime-second-text);
max-width: 134px;
}
.mentionCard_AMZh- {
position: absolute;
background-color: white;
width: 270px;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 12px;
}
.mentionMask_y2EM5 {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: row;
z-index: 30;
}
.mentionListPhoneWrapper_Ztlxm {
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-radius: 20px 20px 0 0;
overflow: hidden;
background-color: white;
box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
z-index: 26;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo {
width: 100%;
max-height: 220px;
overflow-y: auto;
overflow-x: hidden;
padding: 24px;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
cursor: pointer;
margin-bottom: 20px;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W:last-child {
margin-bottom: 0;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W.allMentionRow_Mbr8B .avatar_jqASf {
background-color: transparent;
background-color: initial;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W .rest_0qFR- {
flex: 1;
margin-left: 12px;
overflow: hidden;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W .rest_0qFR- .userName_t17LN {
font-size: 14px;
line-height: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W .rest_0qFR- .info_PAw5- {
color: var(--upime-second-text);
font-size: 12px;
line-height: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 4px;
}
.mentionListPhoneWrapper_Ztlxm .mentionListPhoneList_aEzvo .row_37s4W .avatar_jqASf {
width: 30px;
height: 30px;
border-radius: 50%;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB {
padding: 8px 12px;
height: 52px;
background-color: #ffffff;
border-top: 1px solid #e6e7e9;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB .mentionInputInner_Nozzp {
width: 100%;
height: 100%;
border-radius: 4px;
background-color: #f5f6f6;
display: flex;
align-items: center;
padding: 8px 12px;
overflow: hidden;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB .mentionInputInner_Nozzp .mentionIcon_8clD0 {
color: #0c1024;
flex-shrink: 0;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB .mentionInputInner_Nozzp .content_iCR05 {
position: relative;
height: 100%;
white-space: nowrap;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB .mentionInputInner_Nozzp .cursor_6D3TP {
height: 100%;
width: 1px;
background-color: #0c1024;
animation: blink_MKUgP 1s infinite;
flex-shrink: 0;
}
.mentionListPhoneWrapper_Ztlxm .mentionInputContainer_QG4yB .mentionInputInner_Nozzp .fillIn_Wbbzu {
flex: 1;
}
@keyframes blink_MKUgP {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
51% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.link_-ufB5 {
max-width: 171px;
height: 50px;
box-sizing: content-box;
padding-left: 12px;
padding-right: 12px;
}
.link_-ufB5 .linkText_ez4R5 {
width: 100%;
height: 50px;
line-height: 50px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #2e73e5;
font-size: 14px;
font-style: normal;
font-weight: 400;
text-decoration-line: underline;
cursor: pointer;
}
.replaceElementButtonRoot_P1-ub {
position: relative;
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.replaceElementButton_dPY8T {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.do-hovers .replaceElementButton_dPY8T:hover,
.do-hovers .replaceElementMethod_y0-U5:hover {
background-color: #f5f6f6;
}
.replaceElementSubWindow_I2Qho {
min-width: 160px;
cursor: default;
}
.switchToPlaceholderBtn_WiPTb {
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
}
.switchToPlaceholderBtn_WiPTb span {
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.dataset_wrapper_IVUMn {
position: fixed;
pointer-events: all;
font-size: 14px;
left: 0;
top: 0;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
}
.datasetContainer_RkmWA {
width: 265px;
background-color: white;
border-radius: 4px;
padding-right: 2px;
padding-bottom: 8px;
}
.datasetContainer_RkmWA .datasetHead_IMHWT {
padding: 12px 14px 12px 16px;
display: flex;
align-items: center;
gap: 6px;
color: #0c1024;
}
.datasetContainer_RkmWA .datasetHead_IMHWT .label_lFJ6d {
flex: 1;
overflow: hidden;
word-break: break-all;
}
.datasetContainer_RkmWA .datasetHead_IMHWT .iconContainer_SyEIT {
width: 24px;
height: 24px;
cursor: pointer;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.datasetContainer_RkmWA .datasetHead_IMHWT .iconContainer_SyEIT.disabled_kc6iD {
color: #c2c3c8;
}
.datasetContainer_RkmWA .datasetList_o-4FB {
max-height: 320px;
overflow: auto;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz {
display: flex;
padding: 6px 12px 6px 16px;
align-items: center;
gap: 8px;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz .dsLogoContainer_y7Nru {
width: 28px;
height: 28px;
border-radius: 4px;
overflow: hidden;
position: relative;
background-color: #f8f7f1;
border: 1px solid rgba(0, 0, 0, 0.06);
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz .dsLogoContainer_y7Nru .dsLogo_CUgHo {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz .label_lFJ6d {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz .deleteContainer_zO8Tq {
width: 28px;
height: 28px;
align-items: center;
justify-content: center;
cursor: pointer;
color: #fe5250;
display: none;
margin-left: auto;
border-radius: 4px;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz.selected_kVzHt {
background-color: rgba(0, 0, 0, 0.06);
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz.selected_kVzHt .deleteContainer_zO8Tq {
display: flex;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz.disabled_kc6iD .label_lFJ6d {
color: #c2c3c8;
}
.datasetContainer_RkmWA .datasetList_o-4FB .dsRow_tqcXz.disabled_kc6iD .dsLogoContainer_y7Nru {
opacity: 0.5;
}
.do-hovers .hoverContainer_PmOrU:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .noHoverContainer_Xy-U1 {
cursor: not-allowed !important;
}
.do-hovers .dsRow_tqcXz:hover .deleteContainer_zO8Tq {
display: flex;
}
.skeletonContainer_UGYJp {
width: 100%;
height: 40px;
padding: 6px 12px 6px 16px;
}
.skeletonContainer_UGYJp .skeInner_XHiP1 {
height: 100%;
width: 100%;
border-radius: 4px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
background-size: 400% 100%;
animation: skeleton-loading_4-LH6 1.4s ease infinite;
}
@keyframes skeleton-loading_4-LH6 {
from {
background-position: 100% 50%;
}
to {
background-position: 0 50%;
}
}
.runInstructionBtn_eODJj {
display: flex;
align-items: center;
height: 40px;
padding-right: 8px;
border-radius: 2px;
cursor: pointer;
padding: 0 8px;
gap: 6px;
}
.runInstructionIconBox_WD1Ss {
height: 40px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.runInstructionLabel_RdDsU {
font-size: 14px;
line-height: 22px;
color: var(--upime-main-text);
white-space: nowrap;
}
.do-hovers .runInstructionBtn_eODJj:hover {
background-color: var(--upime-btn-bg-hover);
}
.quick_add_wrapper_2JDzU {
position: fixed;
pointer-events: all;
font-size: 14px;
overflow: hidden;
left: 0;
top: 0;
box-shadow: 0px 2px 20px 0px rgba(70, 92, 220, 0.08);
border: 1.2px solid #cc60ff;
background: linear-gradient(206deg, #e4f0ff 4.86%, #f8f2fe 52.18%, #eaf0f8 89.69%);
border-radius: 8px;
}
.quick_add_picker_gojlF {
width: 100%;
height: 100%;
padding: 12px;
color: #0c1024;
}
.quick_add_picker_gojlF .label_row_avgYk {
line-height: 22px;
margin-bottom: 12px;
}
.quick_add_picker_gojlF .tab_list_4KJsO {
border-radius: 8px;
overflow: hidden;
}
.quick_add_picker_gojlF .tab_list_4KJsO .tab_item_vgdxU {
height: 36px;
width: 100%;
background-color: white;
margin-bottom: 1px;
display: flex;
gap: 8px;
padding: 0 12px;
cursor: pointer;
align-items: center;
}
.quick_add_picker_gojlF .tab_list_4KJsO .tab_item_vgdxU .tabLabelWrapper_60Jra {
display: flex;
align-items: center;
gap: 6px;
}
.quick_add_picker_gojlF .tab_list_4KJsO .tab_item_vgdxU .videoMetaWrapper_FveLM {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
.quick_add_picker_gojlF .tab_list_4KJsO .tab_item_vgdxU .betaTagContainer_dFn0N {
position: static;
margin: 0;
flex-shrink: 0;
}
.quick_add_picker_gojlF .tab_list_4KJsO .tab_item_vgdxU .videoCostTip_fJXCo {
font-size: 10px;
line-height: 10px;
color: #91939c;
white-space: nowrap;
}
.quick_add_picker_gojlF .tab_list_4KJsO .tab_item_vgdxU .tipContainer_y7YRj {
width: 20px;
height: 20px;
border-radius: 2px;
cursor: pointer;
margin-left: -4px;
}
.quick_add_picker_gojlF .tab_list_4KJsO .tab_item_vgdxU .tip_LXDDP {
color: #c2c3c8;
}
.do-hovers .tab_item_vgdxU:hover {
background-color: #f0f0f0;
}
.do-hovers .tipContainer_y7YRj:hover {
background-color: #f0f0f0;
}
.quickAddTipContainer_izewY {
background: white;
width: -moz-max-content;
width: max-content;
color: #0c1024;
max-width: 240px;
font-size: 12px;
}
.quickAddTipContainer_izewY .quickAddTipRow_7I8E3 {
display: flex;
align-items: center;
gap: 2px;
}
.quickAddTipContainer_izewY .quickAddTipRow_7I8E3 b {
flex-shrink: 0;
}
.ai_config_wrapper_I4oRe {
position: fixed;
pointer-events: all;
font-size: 14px;
left: 0;
top: 0;
box-shadow: 0px 2px 20px 0px rgba(70, 92, 220, 0.08);
border-radius: 4px;
}
.ai_config_core_VFDch {
min-width: 220px;
background: white;
padding: 8px 0;
border-radius: 4px;
}
.ai_config_core_VFDch .useNetworkRow_ZNoZs {
height: 40px;
display: flex;
align-items: center;
padding: 0 16px;
gap: 6px;
}
.ai_config_core_VFDch .useNetworkRow_ZNoZs.disabled_yECyi {
color: #c2c3c8;
}
.ai_config_core_VFDch .useNetworkRow_ZNoZs.disabled_yECyi .tipIcon_C0VQ4 {
color: #c2c3c8;
}
.ai_config_core_VFDch .useNetworkRow_ZNoZs .networkLabel_BNHA5 {
flex: 1;
overflow: hidden;
display: flex;
flex-wrap: wrap;
gap: 2px;
align-items: center;
}
.ai_config_core_VFDch .useNetworkRow_ZNoZs .sub_o6C5G {
color: #91939c;
padding-left: 4px;
font-size: 12px;
}
.ai_config_core_VFDch .divider_VQpSa {
height: 1px;
background-color: #e6e7e9;
margin: 8px 0;
}
.ai_config_core_VFDch .btContainer_MP7wt {
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
cursor: pointer;
}
.ai_config_core_VFDch .btContainer_MP7wt.disabled_yECyi {
color: #c2c3c8;
}
.ai_config_core_VFDch .btWrapper_pq4U- {
position: relative;
}
.ai_config_core_VFDch .hoverTipContainer_ebosL {
position: absolute;
left: 50%;
top: calc(100% + 8px);
transform: translateX(-50%);
background-color: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
}
.ai_config_core_VFDch .hoverTipContainer_ebosL::after {
content: "";
width: 8px;
height: 8px;
background-color: white;
transform: translateX(-50%) rotate(45deg);
position: absolute;
left: 50%;
top: -4px;
border-left: 1px solid rgba(0, 0, 0, 0.08);
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.dataModalBox_QhG54 {
width: 480px;
min-height: 170px;
max-height: calc(100vh - 80px);
border-radius: 12px;
background-color: #ffffff;
display: flex;
flex-direction: column;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #0c1024;
}
.dataModalBox_QhG54 .modalHeadContainer_vnZjl {
padding: 20px 24px 20px 40px;
}
.dataModalBox_QhG54 .modalHeadContainer_vnZjl .modalHead_pChsi {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 20px;
flex-shrink: 0;
margin-bottom: 4px;
height: 28px;
}
.dataModalBox_QhG54 .modalHeadContainer_vnZjl .modalHead_pChsi .closeIconContainer_Qw2yA {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 4px;
}
.dataModalBox_QhG54 .modalHeadContainer_vnZjl .tip_LXDDP {
color: #91939c;
font-size: 14px;
line-height: 22px;
}
.dataModalBox_QhG54 .modalContent_E9hLt {
flex: 1;
padding: 0 2px 12px 40px;
overflow: hidden;
display: flex;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 {
padding-right: 38px;
flex: 1;
overflow: auto;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .emptyContainer_diTck {
padding: 40px 0 50px 0;
display: flex;
flex-direction: column;
align-items: center;
color: #c2c3c8;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .emptyContainer_diTck img {
height: 160px;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v {
height: 44px;
padding: 0 12px;
display: flex;
align-items: center;
gap: 8px;
overflow: hidden;
margin-bottom: 8px;
border-radius: 4px;
border: 1px solid #e6e7e9;
cursor: pointer;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v:last-child {
margin-bottom: 0;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v .logoContainer_IPLws {
width: 28px;
height: 28px;
border-radius: 4px;
overflow: hidden;
position: relative;
background-color: #f8f7f1;
border: 1px solid rgba(0, 0, 0, 0.06);
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v .logo_ukyoc {
width: 28px;
height: 28px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v .label_Jv4v5 {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v .selectedIcon_23jeV {
color: #2e73e5;
margin-left: 4px;
}
.dataModalBox_QhG54 .modalContent_E9hLt .modalInner_UWXb2 .datasetRow_c9R7v.selectedRow_Fzjvs {
background-color: #eaf1fc;
border: 1px solid transparent;
}
.dataModalBox_QhG54 .actionsRow_sZeir {
flex-shrink: 0;
display: flex;
gap: 12px;
padding: 12px 40px 24px;
align-items: center;
}
.dataModalBox_QhG54 .actionsRow_sZeir .actionTip_EOVAO {
color: #424454;
margin-right: auto;
}
.dataModalBoxDrawer_DkBkY {
width: 100%;
max-height: calc(100vh - 98px);
padding-bottom: 34px;
overflow: hidden;
position: relative;
top: auto;
top: initial;
left: auto;
left: initial;
transform: none;
transform: initial;
}
.dataModalBoxDrawer_DkBkY .modalHeadContainer_vnZjl {
padding: 16px 4px 16px 16px;
}
.dataModalBoxDrawer_DkBkY .modalHeadContainer_vnZjl .modalHead_pChsi {
font-size: 18px;
margin-bottom: 4px;
}
.dataModalBoxDrawer_DkBkY .modalHeadContainer_vnZjl .modalTip_Fm086 {
color: #91939c;
font-size: 14px;
line-height: 22px;
}
.dataModalBoxDrawer_DkBkY .modalContent_E9hLt {
padding: 8px 16px 0;
}
.dataModalBoxDrawer_DkBkY .modalContent_E9hLt .modalInner_UWXb2 {
padding-right: 0;
padding-bottom: 16px;
}
.dataModalBoxDrawer_DkBkY .modalContent_E9hLt .modalInner_UWXb2 .emptyContainer_diTck {
padding: 16px 16px 0 16px;
}
.dataModalBoxDrawer_DkBkY .modalContent_E9hLt .modalInner_UWXb2 .emptyContainer_diTck img {
height: 100px;
}
.dataModalBoxDrawer_DkBkY .actionsRow_sZeir {
padding: 8px 16px;
border-top: 1px solid #e6e7e9;
}
.do-hovers .hoverContainer_shYHV {
cursor: pointer;
}
.do-hovers .hoverContainer_shYHV:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .noHoverContainer_fQbeB {
cursor: not-allowed;
}
.do-hovers .datasetRow_c9R7v:hover {
background-color: #eaf1fc;
}
.tipContainer_y7YRj {
width: 20px;
height: 20px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.tipIcon_C0VQ4 {
width: 16px;
height: 16px;
color: #91939c;
}
.coverView_NZNAv {
width: 72px;
height: 72px;
border-radius: 8px;
overflow: hidden;
position: relative;
margin-left: 40px;
border: 1px solid rgba(0, 0, 0, 0.04);
cursor: pointer;
}
.coverView_NZNAv img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.coverView_NZNAv .editIcon_BX7FK {
height: 30px;
width: 30px;
border-radius: 8px;
background: rgba(0, 0, 0, 0.15);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
position: absolute;
right: 0;
bottom: 0;
color: white;
}
.coverEditModal_TCOv4 {
width: 520px;
border-radius: 12px;
background: #fff;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.coverEditModal_TCOv4.phoneMode_tJVZ5 {
width: 100%;
position: relative;
top: auto;
top: initial;
left: auto;
left: initial;
transform: none;
transform: initial;
}
.coverEditModal_TCOv4.phoneMode_tJVZ5 .head_3sKtu {
padding: 0 12px 0 20px;
}
.coverEditModal_TCOv4.phoneMode_tJVZ5 .contentContainer_M28yw {
max-height: calc(100vh - 140px);
padding: 0 20px;
}
.coverEditModal_TCOv4.phoneMode_tJVZ5 .contentContainer_M28yw .temRow_8-jUS .temGroup_QKp8J {
grid-template-columns: repeat(4, 1fr);
}
.coverEditModal_TCOv4.phoneMode_tJVZ5 .submitRow_S-U9D {
padding: 22px 20px 12px;
}
.coverEditModal_TCOv4.phoneMode_tJVZ5 .submitRow_S-U9D .submitBt_nrUtC {
flex: 1;
}
.coverEditModal_TCOv4 .head_3sKtu {
height: 76px;
padding: 0 16px 0 40px;
display: flex;
align-items: center;
justify-content: space-between;
color: #0c1024;
font-size: 20px;
}
.coverEditModal_TCOv4 .head_3sKtu .closeIconContainer_Qw2yA {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
cursor: pointer;
}
.coverEditModal_TCOv4 .contentContainer_M28yw {
padding: 0 40px;
max-height: calc(100vh - 200px);
overflow: auto;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .infoRow_T0f6P {
display: flex;
gap: 16px;
align-items: flex-end;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .infoRow_T0f6P .imgContainer_n05ja {
width: 100px;
height: 100px;
border-radius: 12px;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.04);
}
.coverEditModal_TCOv4 .contentContainer_M28yw .infoRow_T0f6P .imgContainer_n05ja img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .infoRow_T0f6P .actions_XqQCJ .firstRow_6wl0l {
display: flex;
align-items: center;
gap: 12px;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .infoRow_T0f6P .actions_XqQCJ .firstRow_6wl0l .triggerBt_vV49x {
padding: 0 16px;
height: 36px;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .infoRow_T0f6P .actions_XqQCJ .firstRow_6wl0l .aiBt_zDGpO {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
cursor: pointer;
background: linear-gradient(96deg, rgba(204, 96, 255, 0.2) 14.04%, rgba(38, 112, 255, 0.2) 81.47%, rgba(50, 125, 255, 0.2) 94.95%);
}
.coverEditModal_TCOv4 .contentContainer_M28yw .infoRow_T0f6P .actions_XqQCJ .firstRow_6wl0l .aiGenImage_Zj0tO {
width: 36px;
height: 36px;
display: block;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .infoRow_T0f6P .actions_XqQCJ .supportTips_-1-3D {
color: #91939c;
font-size: 13px;
line-height: 20px;
margin-top: 8px;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .temRow_8-jUS {
margin-top: 24px;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .temRow_8-jUS .temTitle_iS5sp {
color: #0c1024;
font-size: 14px;
font-weight: 600;
line-height: 22px;
display: block;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .temRow_8-jUS .temGroup_QKp8J {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
gap: 20px;
margin-top: 8px;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .temRow_8-jUS .temGroup_QKp8J .temItem_3yVZ7 {
width: 100%;
aspect-ratio: 1/1;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.04);
overflow: hidden;
cursor: pointer;
}
.coverEditModal_TCOv4 .contentContainer_M28yw .temRow_8-jUS .temGroup_QKp8J .temItem_3yVZ7 img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.coverEditModal_TCOv4 .submitRow_S-U9D {
padding: 24px 40px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
.coverEditModal_TCOv4 .submitRow_S-U9D .submitBt_nrUtC {
min-width: 64px;
}
.coverEditModal_TCOv4 .submitRow_S-U9D .submitBt_nrUtC .loadingIcon_aEnCA {
margin-right: 8px;
animation: loading_RQTTI 1s linear infinite forwards;
}
.do-hovers .closeIconContainer_Qw2yA:hover {
background-color: #f0f0f0;
}
@keyframes loading_RQTTI {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.switch_btn_oC3QY {
position: relative;
flex-shrink: 0;
width: 28px;
height: 16px;
border-radius: 8px;
background-color: #e6e7e9;
cursor: pointer;
}
.switch_btn_oC3QY::before {
position: absolute;
content: "";
left: 2px;
top: 2px;
width: 12px;
height: 12px;
border-radius: 6px;
background-color: #ffffff;
transition: left 0.2s;
}
.switch_btn_oC3QY.on_r2H7Z {
background-color: #2e73e5;
}
.switch_btn_oC3QY.on_r2H7Z::before {
left: 14px;
}
.switch_btn_oC3QY.disabled_kEERd {
background-color: #abc7f5;
cursor: not-allowed;
}
.dialogWrap_ikl27 {
padding: 24px;
width: 400px;
height: 236px;
background-color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 8px;
box-sizing: border-box;
pointer-events: auto;
}
.top_vp66C {
box-sizing: border-box;
flex-flow: row;
display: flex;
justify-content: space-between;
height: 28px;
align-items: center;
}
.title_UcFt2 {
color: #0C1024;
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.close_kok7l {
width: 20px;
height: 20px;
color: #979797;
cursor: pointer;
}
.desc_xlXXT {
color: #616371;
font-size: 14px;
margin-top: 8px;
height: 22px;
display: inline-block;
}
.inputContainer_DjqMJ {
height: 66px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 24px;
}
.inputContainer_DjqMJ .error_msg_udrWL {
height: 22px;
line-height: 22px;
color: #fe5250;
font-size: 14px;
}
.inputWrap_3rq3G {
width: 100%;
padding-left: 8px;
padding-right: 36px;
border: 1px solid #DBDBDE;
border-radius: 4px;
position: relative;
}
.inputWrap_3rq3G[focus-within] {
border-color: #2E73E5;
}
.inputWrap_3rq3G:focus-within {
border-color: #2E73E5;
}
.inputWrap_3rq3G.error_YcWfC {
border-color: #fe5250;
}
.inputWrap_3rq3G .linkInput_Pi-sr {
box-sizing: border-box;
display: inline-block;
height: 44px;
width: 100%;
color: #0C1024;
font-size: 14px;
border-radius: 4px;
border: none;
padding: 0;
}
.inputWrap_3rq3G .linkInput_Pi-sr::-moz-placeholder {
color: #c2c3c8;
}
.inputWrap_3rq3G .linkInput_Pi-sr::placeholder {
color: #c2c3c8;
}
.inputWrap_3rq3G .clearInput_JWbE5 {
width: 18px;
height: 18px;
position: absolute;
right: 10px;
top: 13px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #dedede;
cursor: pointer;
}
.inputWrap_3rq3G .clearInput_JWbE5 svg {
color: white;
width: 10px;
height: 10px;
}
.bottomContainr_rOG5O {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-top: 2px;
}
.commBtn_J6dw9 {
display: inline-block;
font-size: 14px;
width: auto;
height: 40px;
padding: 0 8px;
box-sizing: border-box;
border-radius: 4px;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
line-height: 1;
cursor: pointer;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
outline: none;
box-shadow: none;
}
.sureBtn_GpPiI {
color: #FFFFFF;
border: 1px solid #2E73E5;
background-color: #2E73E5;
min-width: 60px;
}
.sureBtn_GpPiI.disabled_T3fY7 {
color: rgba(255, 255, 255, 0.45);
background-color: #7EACEF;
border-color: #7EACEF;
cursor: not-allowed;
}
.cancelBtn_ZC9AP {
color: #0C1024;
border: 1px solid #E6E7E9;
background-color: #FFFFFF;
min-width: 60px;
margin-right: 16px;
}
.do-hovers .sureBtn_GpPiI:not(.disabled_T3fY7):hover {
background-color: #455beb;
border-color: #455beb;
}
.do-hovers .cancelBtn_ZC9AP:hover {
background-color: #f9f9f9;
}
.do-hovers .close_kok7l:hover {
color: var(--upime-active);
}
.fontSizeSelect_S13Ua .rightOption_zh5K- {
display: flex;
flex-direction: column;
height: 100%;
}
.fontSizeSelect_S13Ua .rightOption_zh5K- .btn_EYjz4 {
width: 100%;
padding: 0;
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
}
.fontSizeSelect_S13Ua .rightOption_zh5K- .btn_EYjz4.up_cwMr- {
align-items: flex-end;
padding-bottom: 2px;
}
.fontSizeSelect_S13Ua .rightOption_zh5K- .btn_EYjz4.down_DGIJJ {
align-items: flex-start;
padding-top: 2px;
}
.fontSizeSelect_S13Ua .rightOption_zh5K- .btn_EYjz4 .icon_wITgB {
width: 10px;
height: 10px;
font-size: 10px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fontSizeSelect_S13Ua .rightOption_zh5K- .btn_EYjz4:hover {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
background: initial;
}
.fontSizeSelect_S13Ua .fontInputContainer_z3eWq {
height: 50px;
display: flex;
align-items: center;
}
.dropdown_wb0zL {
z-index: 10;
}
.fontSizeViewPhoneContainer_YJLM4 {
display: flex;
align-items: center;
flex-shrink: 0;
justify-content: space-between;
width: 92px;
}
.fontSizeViewPhoneContainer_YJLM4 .fontSizeViewPhoneContainerText_auiTb {
flex-shrink: 0;
font-size: 14px;
word-break: keep-all;
}
.disabled_aRc-n {
color: #dbdbde;
}
.mixedSize_p6Bsd {
color: #dbdbde;
}
.insert_panel_qlREk {
background: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 24px 24px 40px 40px;
width: 520px;
font-size: 14px;
border-radius: 8px;
box-shadow: #000;
display: flex;
flex-direction: column;
}
.insert_panel_qlREk .content_S-l-i {
display: flex;
flex-direction: column;
}
.insert_panel_qlREk .content_S-l-i .header_mHSV7 {
display: flex;
justify-content: space-between;
align-items: center;
}
.insert_panel_qlREk .content_S-l-i .close_VwJaq {
color: #979797;
cursor: pointer;
font-size: 20px;
}
.insert_panel_qlREk .content_S-l-i .title_C2-Q5 {
height: 28px;
font-size: 20px;
line-height: 28px;
color: var(--upime-main-text);
font-weight: 600;
}
.insert_panel_qlREk .content_S-l-i .desc_TjxNP {
min-height: 22px;
margin-top: 8px;
line-height: 22px;
color: #616371;
font-size: 14px;
}
.insert_panel_qlREk .content_S-l-i .text_GQ1VV {
margin: 40px 0 12px 0;
color: var(--upime-main-text);
font-size: 16px;
height: 24px;
line-height: 24px;
}
.insert_panel_qlREk .actions_e8nWs {
display: flex;
}
.insert_panel_qlREk .actions_e8nWs .confirm_74CNI {
font-size: 14px;
height: 44px;
width: 160px;
}
.insert_panel_qlREk .actions_e8nWs .confirm_74CNI:not(:first-child) {
margin-left: 16px;
}
.do-hovers .close_VwJaq:hover {
color: var(--upime-active);
}
.toast_yqf-W {
position: fixed;
z-index: 101;
max-width: 440px;
padding: 14px 24px;
border-radius: 4px;
background-color: #000000;
display: flex;
flex-direction: row;
align-items: center;
top: 0;
left: 50%;
opacity: 0;
animation: show_2BsfS 0.2s 2s forwards;
line-height: 22px;
font-size: 14px;
color: #ffffff;
word-break: break-word;
text-align: center;
gap: 8px;
}
.toast_yqf-W .loadingIcon_TDUNF {
width: 20px;
height: 20px;
animation: spin_LisXh 1.5s linear infinite;
}
@keyframes spin_LisXh {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes show_2BsfS {
0% {
opacity: 0;
transform: translate(-50%, -10px);
}
100% {
opacity: 1;
transform: translate(-50%, 8px);
}
}
.previewContainer_ftB32 {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 8px;
background: #f2f4f7;
}
.axisLine_gDzhS {
position: absolute;
top: 0;
width: 2px;
height: 100%;
}
.cardRow_22WlE {
position: absolute;
display: flex;
align-items: flex-start;
}
.card_AWECv {
position: relative;
width: 123px;
height: 50px;
flex-shrink: 0;
overflow: hidden;
border-radius: 6px;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.cardFileOnly_nNQPX {
display: flex;
align-items: center;
justify-content: center;
padding: 0 8px;
}
.fileTitle_KfaUf {
width: 100%;
min-width: 0;
margin: 0;
overflow: hidden;
color: #424454;
color: var(--Neutral-colorText-Secondary, #424454);
font-family: "PingFang SC", sans-serif;
font-size: 11px;
line-height: 14px;
text-align: center;
word-break: break-word;
line-clamp: 2;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.pageBadge_2uvGH {
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
min-width: 18px;
min-height: 18px;
padding: 2px 5px;
border-top-left-radius: 4px;
background: #f5f6f6;
background: var(--Neutral-colorBg-Elevated, #f5f6f6);
color: #606266;
font-family: "PingFang SC", sans-serif;
font-size: 11px;
line-height: 1;
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
.cardBorder_yo5Av {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 0.5px solid rgba(183, 189, 206, 0.6);
border-radius: 6px;
pointer-events: none;
}
.dotContainer_uewgd {
position: relative;
width: 21px;
height: 24px;
flex-shrink: 0;
}
.dotSvg_1EpJo {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
/** 由 upime.showWindow / DialogWindowFC 提供蒙层，此处仅铺满并居中面板 */
.windowRoot_wbsbK {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
box-sizing: border-box;
pointer-events: none;
}
.modal_31by- {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
width: -moz-fit-content;
width: fit-content;
min-width: 0;
max-width: calc(100vw - 2rem);
overflow: hidden;
padding: 24px 40px;
border-radius: 12px;
background: #fff;
pointer-events: auto;
}
.header_XITyJ {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 4px;
width: 100%;
}
.title_2LNCK {
width: 100%;
margin: 0;
color: #202022;
font-family: "PingFang SC", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.subTitle_7-yBw {
width: 100%;
margin: 0;
color: #909399;
font-family: "PingFang SC", sans-serif;
font-size: 14px;
line-height: 22px;
}
.content_eY-FE {
position: relative;
display: flex;
align-items: flex-start;
gap: 24px;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
}
.previewPane_zqGuW {
width: 320px;
min-height: 340px;
flex-shrink: 0;
align-self: stretch;
border-radius: 8px;
}
.rightPane_4D5BA {
position: relative;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 24px;
width: -moz-fit-content;
width: fit-content;
min-width: 0;
max-width: 100%;
flex-shrink: 0;
}
.createSection_PTnFS {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
width: 100%;
}
.sectionTitle_PGD9e {
width: 100%;
margin: 0;
color: #202022;
font-family: "PingFang SC", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.optionRow_yTKm8 {
position: relative;
display: flex;
align-items: center;
gap: 8px;
height: 36px;
cursor: pointer;
}
.optionRowDisabled_Vsrmh {
cursor: not-allowed;
}
.optionText_dLsTy.optionTextDisabled_i1s8k {
color: #c2c3c8;
}
.warningText_E5ZiF {
margin: 0;
color: #fe5250;
max-width: 366px;
font-family: "PingFang SC", sans-serif;
font-size: 13px;
line-height: 22px;
}
.selectedBlock_ore6e {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
width: 100%;
}
.radioOuter_OSW0b {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 22px;
flex-shrink: 0;
}
.radioBase_CvBcQ {
position: relative;
width: 16px;
height: 16px;
flex-shrink: 0;
overflow: hidden;
}
.radioFrame_FsUT1 {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
}
.svgFull_LDI-k {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.radioDotWrap_dOmvC {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
transform: translate(-50%, -50%);
}
.optionText_dLsTy {
margin: 0;
color: #202022;
font-family: "PingFang SC", sans-serif;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
}
.inputHost_ZoCQc {
position: relative;
width: 100%;
flex-shrink: 0;
}
.inputGroup_GrDZc {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
width: 100%;
padding-left: 24px;
}
.inputBox_R1jUn {
position: relative;
width: 100%;
height: 36px;
flex-shrink: 0;
border-radius: 4px;
background: #fff;
}
.inputBoxShell_tMNzE {
display: flex;
align-items: center;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: inherit;
}
.inputInner_i7jdZ {
position: relative;
display: flex;
align-items: center;
gap: 6px;
width: 100%;
height: 100%;
padding: 7px 12px;
}
.input_clLag {
position: relative;
flex: 1 0 0;
min-width: 0;
min-height: 1px;
padding: 0;
border: none;
outline: none;
background: transparent;
color: #202022;
font-family: "PingFang SC", sans-serif;
font-size: 14px;
line-height: 22px;
}
.input_clLag::-moz-placeholder {
color: #d0d5dd;
}
.input_clLag::placeholder {
color: #d0d5dd;
}
.inputBorder_0sEV7 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 4px;
pointer-events: none;
}
.hint_CaySv {
margin: 0;
color: #909399;
font-family: "PingFang SC", sans-serif;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
}
.positionSection_ZPjWM {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex-shrink: 0;
}
.positionHead_J1HoZ {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.positionOptions_jSRIm {
position: relative;
display: flex;
align-items: center;
gap: 24px;
width: -moz-max-content;
width: max-content;
max-width: 100%;
height: 36px;
overflow-x: auto;
flex-wrap: nowrap;
}
.positionDesc_uXw22 {
width: 100%;
margin: 0;
color: #909399;
font-family: "PingFang SC", sans-serif;
font-size: 12px;
line-height: 20px;
}
.footer_RjcL1 {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
width: 100%;
}
.btnCancel_QnUW- {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 40px;
padding: 8px 16px;
border: 1px solid #d0d5dd;
border-radius: 6px;
background: #fff;
cursor: pointer;
transition: background-color 0.2s ease;
}
.btnCancel_QnUW-:hover {
background: #f9fafb;
}
.btnConfirm_hK9Zz {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 40px;
padding: 8px 16px;
border: none;
border-radius: 6px;
transition: background-color 0.2s ease;
}
.btnConfirmEnabled_RnqSL {
background: #0168ff;
cursor: pointer;
}
.btnConfirmEnabled_RnqSL:hover {
background: #0056d9;
}
.btnConfirmDisabled_AoYLl {
cursor: not-allowed;
}
.btnText_JAEQC {
margin: 0;
font-family: "PingFang SC", sans-serif;
font-size: 16px;
line-height: 24px;
white-space: nowrap;
}
.btnTextDefault_rvsqs {
color: #202022;
}
.btnTextWhite_SFbiy {
color: #fff;
}
.closeBtn_G3ezn {
position: absolute;
top: 12px;
right: 12px;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 6px;
border: none;
border-radius: 4px;
background: transparent;
cursor: pointer;
transition: background-color 0.2s ease;
}
.closeBtn_G3ezn:hover {
background: #f3f4f6;
}
.closeIcon_FCI7Y {
position: relative;
width: 18px;
height: 18px;
flex-shrink: 0;
overflow: hidden;
}
.closePathWrap_ZeeS7 {
position: absolute;
top: 16.43%;
right: 16.42%;
bottom: 16.32%;
left: 16.32%;
}
.dialogContainer_O6AUY {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
pointer-events: auto;
}
.dialogHeader_shpJv {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 24px 16px;
border-bottom: 1px solid #e8e8e8;
background: #fafafa;
}
.dialogTitle_p7STk {
margin: 0;
font-size: 18px;
font-weight: 600;
color: #262626;
line-height: 1.4;
}
.closeButton_uvRPH {
width: 32px;
height: 32px;
border: none;
background: transparent;
border-radius: 4px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #8c8c8c;
transition: all 0.2s ease;
}
.closeButton_uvRPH:hover {
background: #f0f0f0;
color: #595959;
}
.closeButton_uvRPH:active {
background: #e6e6e6;
}
.dialogBody_edv-D {
flex: 1;
padding: 24px;
overflow: auto;
min-height: 400px;
}
.latexEditor_FWTQL {
width: 100%;
height: 100%;
}
.loading_FS54o {
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
font-size: 14px;
color: #595959;
}
.uploadingOverlay_R0DEW {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.9);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1000;
}
.uploadingSpinner_SvGGF {
width: 40px;
height: 40px;
border: 3px solid #f3f3f3;
border-top: 3px solid #1890ff;
border-radius: 50%;
animation: spin_gm-hK 1s linear infinite;
margin-bottom: 16px;
}
.uploadingText_Ilp5q {
font-size: 14px;
color: #595959;
text-align: center;
}
@keyframes spin_gm-hK {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 768px) {
.dialogContainer_O6AUY {
width: 95vw;
max-height: 95vh;
}
.dialogHeader_shpJv {
padding: 16px 20px 12px;
}
.dialogTitle_p7STk {
font-size: 16px;
}
.dialogBody_edv-D {
padding: 20px;
min-height: 300px;
}
}
.scale-mode_DFqat {
min-width: 60px;
width: auto;
color: #050038;
}
.scale-mode_DFqat .current-scale_-AZwa {
font-size: 12px;
line-height: 40px;
text-align: center;
height: 40px;
width: 100%;
padding: 0 5px;
}
.scale-mode_DFqat .scale-modes_0H7Mt {
width: 220px;
padding: 15px 0px;
}
.scale-mode_DFqat .scale-modes_0H7Mt .scale-item_lV33g {
justify-content: space-between;
width: 220px;
height: 36px;
padding: 0 30px;
font-size: 13px;
cursor: pointer;
}
.scale-mode_DFqat .scale-modes_0H7Mt .scale-item_lV33g .hint_tMBwT {
color: #5f5c80;
}
.do-hovers .scale-mode_DFqat .scale-modes_0H7Mt .scale-item_lV33g:hover {
background-color: #f5f5f7;
}
.do-hovers .current-scale_-AZwa:hover {
background-color: #f5f5f7;
}
.do-hovers .icon_box_HEbG6:hover {
background: var(--upime-btn-bg-hover);
}
.icon_box_HEbG6 {
height: 40px;
}
.imagePreviewRoot_90YCt {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.imagePreviewRoot_90YCt .imagePreviewIconBox_u3cAp {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
}
.do-hovers .imagePreviewIconBox_u3cAp:hover {
background-color: #f5f6f6;
}
.replaceImageButtonRoot_y6Bqc {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.replaceImageButtonRoot_y6Bqc .replaceImageButton_QzbHv {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
}
.replaceImageButtonRoot_y6Bqc .replaceImageMethods_np8-k {
width: -moz-max-content;
width: max-content;
min-width: 130px;
padding: 8px 0;
}
.replaceImageButtonRoot_y6Bqc .replaceImageMethods_np8-k .replaceImageMethod_jjO4Z {
width: 100%;
height: 40px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
padding: 0 16px;
}
.replaceImageButtonRoot_y6Bqc .replaceImageMethods_np8-k .replaceImageMethod_jjO4Z span {
color: #0C1024;
font-size: 14px;
font-weight: 400;
}
.do-hovers .replaceImageButton_QzbHv:hover,
.do-hovers .replaceImageMethod_jjO4Z:hover {
background-color: #f5f6f6;
}
.imageOpacityEditorWrap_avdPM {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.imageOpacityEditorWrap_avdPM .imageOpacityEditorButton_cSCe6 {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
}
.imageOpacityEditorWrap_avdPM .imageOpacityEditorSubWindow_o-Acm {
width: 182px;
}
.do-hovers .imageOpacityEditorButton_cSCe6:hover {
background-color: #f5f6f6;
}
.split-line_WEnoC {
width: 1px;
height: 50px;
margin-right: 8px;
background-color: #e6e6e6;
}
@media screen and (max-width: 768px) {
.split-line_WEnoC {
height: 20px;
}
}
.label_Qe6nz {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 12px;
margin: 12px 0 4px;
}
.label_Qe6nz.paddingTop_BZaSJ {
padding-top: 15px;
}
.label_Qe6nz.noMarginTop_H4SH8 {
margin-top: 0;
}
.selectCropRatioContainer_mcFgz {
position: relative;
border-radius: 2px;
}
.selectCropRatioButton_rS29e {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 20px;
padding: 0 8px;
white-space: nowrap;
}
.selectCropRatioButton_rS29e .selectCropRatioButtonContent_NRFlV {
display: flex;
flex-direction: column;
}
.selectCropRatioButton_rS29e .selectCropRatioButtonContent_NRFlV span:nth-child(1) {
color: var(--upime-second-text);
display: block;
font-size: 12px;
line-height: 18px;
font-weight: 500;
}
.selectCropRatioButton_rS29e .selectCropRatioButtonContent_NRFlV span:nth-child(2) {
color: var(--upime-main-text);
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.selectCropRatioButton_rS29e .selectCropRatioIcon_UYMfG {
width: 24px;
height: 24px;
transform-origin: 0.5 0.5;
transition: transform 0.1s linear;
}
.selectCropRatioButton_rS29e .selectCropRatioIcon_UYMfG.selectCropRatioIconOpened_tBq2M {
transform: rotate(180deg);
}
.selectCropRatioPanel_-0XBA {
margin-top: 5px;
display: flex;
flex-direction: column;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
}
.selectCropRatioPanel_-0XBA .cropRatioRow_YUsZW {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
padding: 0 16px;
width: 200px;
height: 40px;
position: relative;
}
.selectCropRatioPanel_-0XBA .cropRatioRow_YUsZW > span {
font-size: 14px;
color: #0C1024;
line-height: 20px;
font-style: normal;
font-weight: 400;
}
.selectCropRatioPanel_-0XBA .cropRatioRow_YUsZW .svg_V441Z {
width: 20px;
height: 20px;
}
.selectCropRatioPanel_-0XBA .cropRatioRow_YUsZW .cropRatioIconRotate90_XxS6S {
transform: rotate(90deg);
}
.selectCropRatioPanel_-0XBA .cropRatioRow_YUsZW .cropRatio_RiwX8 {
color: var(--upime-main-text);
}
.selectCropRatioPanel_-0XBA .cropRatioDivider_Sq6NO {
width: 100%;
height: 1px;
margin: 8px 0;
background-color: #E6E7E9;
}
.do-hovers .selectCropRatioButton_rS29e:hover {
background-color: #f5f5f7;
}
.do-hovers .cropRatioRow_YUsZW:hover {
background-color: var(--upime-btn-bg-hover);
}
.resetCropButton_YIG2Q {
height: 40px;
padding: 0 8px;
color: #0C1024;
font-size: 14px;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
}
.do-hovers .resetCropButton_YIG2Q:hover {
background-color: #f5f5f7;
}
.zoomInOutContainer_-ilTi {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.zoomInOutContainer_-ilTi .zoomInOutButton_0cvC5 {
width: 40px;
height: 40px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #0C1024;
}
.zoomInOutContainer_-ilTi .zoomInOutButton_0cvC5.disabled_W4iu5 {
color: #C2C3C8;
cursor: not-allowed;
}
.do-hovers .zoomInOutContainer_-ilTi .zoomInOutButton_0cvC5:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.cm_item_KX-Lz {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_KX-Lz.disabled_U7zeH {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_KX-Lz.autoWidth_qcxU8 {
width: auto;
min-width: 40px;
}
.icon_box_Mdq-Z {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_Mdq-Z.active_2jwdj {
color: var(--upime-active);
}
.bling_item_opt75 {
opacity: 0.8;
}
.hidden_uS863 {
visibility: hidden !important;
}
.hidden_all_W3CIK {
visibility: hidden !important;
}
.hidden_all_W3CIK * {
visibility: hidden !important;
}
.show_all_G6TqL {
visibility: visible !important;
}
.show_all_G6TqL * {
visibility: visible !important;
}
.pane_L5uJ6 {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_XjIEm {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_6EcVh {
visibility: hidden;
opacity: 0;
animation: show_XjIEm 0.5s forwards;
}
@keyframes show_scale_-GVCW {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_-GVCW {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_-GVCW 0.3s forwards;
}
.show_scale_-GVCW.right_zlYxi {
transform-origin: left center;
}
.show_scale_-GVCW.left_slWUA {
transform-origin: right center;
}
.show_scale_-GVCW.bottom_zhizg {
transform-origin: center top;
}
.show_scale_-GVCW.top_X9Q4R {
transform-origin: center bottom;
}
.show_scale_-GVCW.left_top_yTk-9 {
transform-origin: right top;
}
.show_scale_-GVCW.top_left_q8YZ1 {
transform-origin: bottom left;
}
.show_scale_-GVCW.bottom_left_VZ-4G {
transform-origin: top left;
}
.show_scale_-GVCW.top_right_mBEZx {
transform-origin: bottom right;
}
.show_scale_-GVCW.bottom_right_1nks1 {
transform-origin: top right;
}
.show_scale_-GVCW.right_top_R-Cd9 {
transform-origin: left top;
}
.show_scale_-GVCW.right_bottom_z6c13 {
transform-origin: left bottom;
}
.show_scale_-GVCW.left_bottom_hdYSf {
transform-origin: right bottom;
}
.btn_style_gczpK {
cursor: pointer;
}
.btn_style_gczpK:active,
.btn_style_gczpK.on_oULIm {
color: var(--upime-active);
}
.btn_style_gczpK.disabled_U7zeH {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_yPcIT {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_Mdq-Z:hover {
opacity: 1;
}
.do-hovers .bling_item_opt75:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_gczpK:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_yPcIT:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_s-p9R:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_cVq8E:hover {
color: var(--upime-main-text);
}
.rotateY180_pcKqc {
transform: rotateY(180deg);
}
.titleIcon_s-p9R {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_s-p9R.active_2jwdj {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_s-p9R.active_2jwdj {
color: var(--upime-active);
}
.moreIcon_cVq8E {
cursor: pointer;
}
.moreIcon_cVq8E svg {
color: #303445;
}
.moreIcon_cVq8E.active_2jwdj svg {
color: var(--upime-main-text);
}
@keyframes loading_IDK-U {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_mBVPM {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_IDK-U 1s linear infinite forwards;
}
.AIButtonContainer_YPn82 {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_YPn82.transparent_iNiWj {
opacity: 0;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3 {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3.AIShow_RMyj5 {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3.AIHide_VmpCR {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3.AIButtonHover_lzqU1:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3.AIButtonDisabled_lLkXX {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_YPn82 .AIButtonWrapper_4TwL8 .AIButtonImageContainer_dsIN3 .AIButtonImage_Fm6oy {
width: 32px;
height: 32px;
}
.sub_win_container_YdIcb {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_YdIcb::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_YdIcb::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_YdIcb::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_YdIcb .sub_win_child_wrapper_KLmMA:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_YdIcb .sub_win_child_wrapper_KLmMA:not(:first-child) .sub_win_child_moaxT {
padding-top: 0;
}
.sub_win_flexalbe_container_QUNHk {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_QUNHk * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm:not(:first-child) .flexable_scroll_inner_td8yh {
padding-top: 0px;
}
.phoneMode .sub_win_container_YdIcb {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_QUNHk {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_C5qgm {
animation: safariUpdate_dReh2 0.1s forwards;
}
.safariOn .sub_win_container_YdIcb {
animation: safariUpdate_dReh2 0.1s forwards;
}
@keyframes safariUpdate_dReh2 {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_97U0K {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_97U0K .noColorStylePart_q-wjn + .noColorStylePart_q-wjn {
margin-top: 8px;
}
.noColorStyleContainer_97U0K .partlabel_uyPW6 {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_97U0K .partlabel_uyPW6.disabled_U7zeH {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_YdIcb,
.phoneMode .sub_win_flexalbe_container_QUNHk {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_YdIcb .flexable_scroll_wrapper_C5qgm:not(:first-child),
.phoneMode .sub_win_flexalbe_container_QUNHk .flexable_scroll_wrapper_C5qgm:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_97U0K {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_97U0K .noColorStylePart_q-wjn + .noColorStylePart_q-wjn {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_97U0K .partlabel_uyPW6 {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_XI3pN {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_XI3pN.active_2jwdj {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_8SNWp.active_2jwdj {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_XI3pN:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_XI3pN:hover.active_2jwdj {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_8SNWp:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_8SNWp:hover.active_2jwdj {
color: #2E73E5;
background-color: #dce3ed;
}
.nextImageViewerContainer_pfenu {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.nextImageViewerContainer_pfenu .closeIconContainer_4c1Xu {
position: absolute;
right: 24px;
top: 24px;
border-radius: 8px;
background: rgba(0, 0, 0, 0.45);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
color: white;
padding: 8px;
z-index: 200;
}
.nextImageViewerContainer_pfenu .imageContainer_V-hY6 {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 100;
/* 与画板默认背景（线状网格 #f2f2f2）一致，见 elements/view.tsx；透明度与遮罩融合 */
}
.nextImageViewerContainer_pfenu .imageContainer_V-hY6 .imageInner_pul4O {
position: absolute;
background: rgba(242, 242, 242, 0.65);
}
.nextImageViewerContainer_pfenu .imageContainer_V-hY6 .imageInner_pul4O .imageObj_jZ4u7 {
width: 100%;
height: 100%;
}
.nextImageViewerContainer_pfenu .imageContainer_V-hY6 .imageInner_pul4O .imageObj_jZ4u7 > svg {
width: 100%;
height: 100%;
}
.viewControlBar_Ck7KQ {
position: absolute;
left: 50%;
bottom: 8px;
transform: translateX(-50%);
max-width: 95vw;
overflow: auto;
display: flex;
align-items: center;
padding: 4px;
height: 44px;
gap: 8px;
border-radius: 4px;
background: rgba(0, 0, 0, 0.45);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
color: white;
z-index: 200;
-ms-overflow-style: none;
}
.viewControlBar_Ck7KQ::-webkit-scrollbar {
display: none;
}
.viewControlBar_Ck7KQ .scaleContainer_3QmA- {
display: flex;
align-items: center;
}
.viewControlBar_Ck7KQ .scaleContainer_3QmA- .scaleText_sSntk {
min-width: 50px;
text-align: center;
font-family: Inter;
}
.viewControlBar_Ck7KQ .iconBox_ZasST {
display: flex;
width: 36px;
height: 36px;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.viewControlBar_Ck7KQ .iconBox_ZasST.disabled_U7zeH {
color: rgba(255, 255, 255, 0.25);
}
.phoneMode .viewControlBar_Ck7KQ {
bottom: 34px;
}
.rotate_Fp200 {
transform: rotate(180deg);
}
.pagination_Shh8o {
display: flex;
align-items: center;
gap: 8px;
}
.divider_45X-C {
width: 1px;
height: 24px;
background-color: rgba(255, 255, 255, 0.25);
}
.btGroupContainer_QRMj8 {
padding: 0 4px;
display: flex;
align-items: center;
gap: 8px;
}
.do-hovers .hover_4Ek3m {
cursor: pointer;
}
.do-hovers .iconBox_ZasST:not(.disabled_U7zeH):hover {
cursor: pointer;
background-color: rgba(255, 255, 255, 0.08);
}
.cutMaskContainer_Phh1b {
position: absolute;
pointer-events: none;
z-index: 100;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cutMaskContainer_Phh1b.withEvent_Vdyrn {
pointer-events: all;
}
.cutMaskContainer_Phh1b .opacityContainer_jmN4E {
opacity: 0.45;
}
.cutMaskContainer_Phh1b .cutMask_wOchO {
position: absolute;
background-color: white;
}
.cutMaskContainer_Phh1b .cutBox_gSzDO {
position: absolute;
border: 2px dashed #5d98fc;
cursor: move;
pointer-events: all;
}
.cutMaskContainer_Phh1b .cutBox_gSzDO .dragBox_lOdVo {
position: absolute;
width: 8px;
height: 8px;
border: 1px solid #a9a9a9;
background: #fff;
}
.cutMaskContainer_Phh1b .cutBox_gSzDO .dragBox_lOdVo.touch_Lgr-o {
width: 16px;
height: 16px;
background-color: transparent;
border: 1px solid transparent;
}
.cutMaskContainer_Phh1b .cutBox_gSzDO .dragBox_lOdVo.touch_Lgr-o::after {
content: "";
position: absolute;
left: 4px;
top: 4px;
width: 8px;
height: 8px;
border: 1px solid #a9a9a9;
background: #fff;
}
.pageText_i240s {
min-width: 34px;
text-align: center;
}
.tipContainer_nEdQw {
top: 40px;
width: -moz-fit-content;
width: fit-content;
white-space: nowrap;
border-radius: 4px;
background-color: #000;
left: 50%;
transform: translateX(-50%);
font-size: 14px;
line-height: 24px;
color: #fff;
padding: 12px 20px;
display: flex;
align-items: center;
gap: 8px;
z-index: 2200;
position: fixed;
pointer-events: none;
}
.bgDropFix_Zp8Ho {
background-color: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
position: fixed;
left: 0;
right: 0;
width: 20px;
height: 20px;
z-index: -1;
}
.latexEditorContainer_1z38T {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.header_5ndYG {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
border-bottom: 1px solid #e6e7e9;
background-color: #fafafa;
}
.header_5ndYG .title_c8eJU {
font-size: 18px;
font-weight: 600;
color: var(--upime-main-text);
}
.header_5ndYG .modeSwitch_7XnSt {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
border-radius: 6px;
background-color: #f5f6f6;
border: 1px solid #e6e7e9;
}
.header_5ndYG .modeSwitch_7XnSt .switchBtn_iHVzF {
padding: 4px 8px;
border: none;
border-radius: 4px;
background: transparent;
color: var(--upime-second-text);
cursor: pointer;
font-size: 14px;
transition: all 0.2s ease;
}
.header_5ndYG .modeSwitch_7XnSt .switchBtn_iHVzF.active_pYTXj {
background-color: var(--upime-active);
color: white;
}
.header_5ndYG .modeSwitch_7XnSt .switchBtn_iHVzF:hover:not(.active_pYTXj) {
background-color: rgba(0, 0, 0, 0.06);
}
.content_UyUuJ {
flex: 1;
display: flex;
flex-direction: column;
padding: 20px;
gap: 20px;
overflow: hidden;
}
.visualEditor_4LeFV {
display: flex;
flex-direction: column;
gap: 16px;
height: 100%;
}
.visualEditor_4LeFV .toolbar_i6iy0 {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 12px;
background-color: #f8f9fa;
border-radius: 6px;
border: 1px solid #e6e7e9;
}
.visualEditor_4LeFV .toolbar_i6iy0 .toolGroup_OfsL7 {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
border-radius: 4px;
background-color: white;
border: 1px solid #e6e7e9;
}
.visualEditor_4LeFV .toolbar_i6iy0 .toolGroup_OfsL7 .groupLabel_X16R- {
font-size: 12px;
color: var(--upime-second-text);
font-weight: 500;
margin-right: 4px;
}
.visualEditor_4LeFV .toolbar_i6iy0 .toolGroup_OfsL7 .toolBtn_uc9eL {
padding: 6px 10px;
border: none;
border-radius: 4px;
background: transparent;
color: var(--upime-main-text);
cursor: pointer;
font-size: 14px;
transition: all 0.2s ease;
}
.visualEditor_4LeFV .toolbar_i6iy0 .toolGroup_OfsL7 .toolBtn_uc9eL:hover {
background-color: rgba(46, 115, 229, 0.1);
color: var(--upime-active);
}
.visualEditor_4LeFV .toolbar_i6iy0 .toolGroup_OfsL7 .toolBtn_uc9eL.active_pYTXj {
background-color: var(--upime-active);
color: white;
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK {
flex: 1;
display: flex;
flex-direction: row;
gap: 20px;
overflow: hidden;
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .inputLabel_KkwwQ {
font-size: 14px;
font-weight: 500;
color: var(--upime-main-text);
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .inputField_RRQ6s {
flex: 1;
padding: 12px 16px;
border: 1px solid #e6e7e9;
border-radius: 6px;
font-size: 14px;
line-height: 1.5;
resize: none;
min-height: 200px;
font-family: 'Courier New', monospace;
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .inputField_RRQ6s:focus {
outline: none;
border-color: var(--upime-active);
box-shadow: 0 0 0 2px rgba(46, 115, 229, 0.1);
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .inputField_RRQ6s::-moz-placeholder {
color: var(--upime-second-text);
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .inputField_RRQ6s::placeholder {
color: var(--upime-second-text);
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .mathField_WXhdf {
flex: 1;
border: 1px solid #e6e7e9;
border-radius: 6px;
font-size: 14px;
min-height: 200px;
font-family: 'Courier New', monospace;
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .mathField_WXhdf:focus {
outline: none;
border-color: var(--upime-active);
box-shadow: 0 0 0 2px rgba(46, 115, 229, 0.1);
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .mathField_WXhdf::-moz-placeholder {
color: var(--upime-second-text);
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .mathField_WXhdf::placeholder {
color: var(--upime-second-text);
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .mathField_WXhdf::part(virtual-keyboard-toggle) {
display: none;
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .inputArea_tDcPU .mathField_WXhdf::part(field) {
padding: 12px 16px;
min-height: 200px;
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .previewArea_-QhW0 {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
min-height: 200px;
max-width: 50%;
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .previewArea_-QhW0 .previewLabel_Jp0jf {
font-size: 14px;
font-weight: 500;
color: var(--upime-main-text);
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .previewArea_-QhW0 .previewContent_1Fmqx {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
border: 1px solid #e6e7e9;
border-radius: 6px;
background-color: #fafafa;
min-height: 160px;
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .previewArea_-QhW0 .previewContent_1Fmqx .formulaDisplay_coyMn {
font-size: 18px;
text-align: center;
color: var(--upime-main-text);
}
.visualEditor_4LeFV .formulaBuilder_Ug8KK .previewArea_-QhW0 .previewContent_1Fmqx .errorMessage_iCrbO {
color: var(--upime-danger);
font-size: 14px;
text-align: center;
}
.codeEditor_Bx-tn {
display: flex;
flex-direction: row;
gap: 20px;
height: 100%;
}
.codeEditor_Bx-tn .codeTextarea_Bdb5A {
flex: 1;
padding: 16px;
border: 1px solid #e6e7e9;
border-radius: 6px;
font-size: 14px;
line-height: 1.6;
font-family: 'Courier New', monospace;
resize: none;
background-color: #f8f9fa;
min-height: 200px;
}
.codeEditor_Bx-tn .codeTextarea_Bdb5A:focus {
outline: none;
border-color: var(--upime-active);
box-shadow: 0 0 0 2px rgba(46, 115, 229, 0.1);
background-color: white;
}
.codeEditor_Bx-tn .codeTextarea_Bdb5A::-moz-placeholder {
color: var(--upime-second-text);
}
.codeEditor_Bx-tn .codeTextarea_Bdb5A::placeholder {
color: var(--upime-second-text);
}
.codeEditor_Bx-tn .previewArea_-QhW0 {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
min-height: 200px;
width: 50%;
}
.codeEditor_Bx-tn .previewArea_-QhW0 .previewLabel_Jp0jf {
font-size: 14px;
font-weight: 500;
color: var(--upime-main-text);
}
.codeEditor_Bx-tn .previewArea_-QhW0 .previewContent_1Fmqx {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
border: 1px solid #e6e7e9;
border-radius: 6px;
background-color: #fafafa;
min-height: 160px;
}
.codeEditor_Bx-tn .previewArea_-QhW0 .previewContent_1Fmqx .formulaDisplay_coyMn {
font-size: 18px;
text-align: center;
color: var(--upime-main-text);
}
.codeEditor_Bx-tn .previewArea_-QhW0 .previewContent_1Fmqx .errorMessage_iCrbO {
color: var(--upime-danger);
font-size: 14px;
text-align: center;
}
.actions_jE5CZ {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 16px 20px;
border-top: 1px solid #e6e7e9;
background-color: #fafafa;
}
.actions_jE5CZ .actionBtn_GRHA2 {
padding: 8px 16px;
border: 1px solid #e6e7e9;
border-radius: 6px;
background-color: white;
color: var(--upime-main-text);
cursor: pointer;
font-size: 14px;
transition: all 0.2s ease;
}
.actions_jE5CZ .actionBtn_GRHA2:hover {
border-color: var(--upime-active);
color: var(--upime-active);
}
.actions_jE5CZ .actionBtn_GRHA2.primary_wgK1l {
background-color: var(--upime-active);
color: white;
border-color: var(--upime-active);
}
.actions_jE5CZ .actionBtn_GRHA2.primary_wgK1l:hover {
background-color: #1d56bf;
border-color: #1d56bf;
}
.actions_jE5CZ .actionBtn_GRHA2.secondary_jSyrl:hover {
background-color: #f5f6f6;
}
.templatePanel_fNL9Z {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: white;
border: 1px solid #e6e7e9;
border-radius: 6px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
z-index: 1000;
max-height: 300px;
overflow-y: auto;
}
.templatePanel_fNL9Z .templateItem_mSuMt {
padding: 12px 16px;
cursor: pointer;
border-bottom: 1px solid #f0f0f0;
transition: background-color 0.2s ease;
}
.templatePanel_fNL9Z .templateItem_mSuMt:hover {
background-color: #f5f6f6;
}
.templatePanel_fNL9Z .templateItem_mSuMt:last-child {
border-bottom: none;
}
.templatePanel_fNL9Z .templateItem_mSuMt .templateName_HTdNr {
font-size: 14px;
font-weight: 500;
color: var(--upime-main-text);
margin-bottom: 4px;
}
.templatePanel_fNL9Z .templateItem_mSuMt .templateDescription_h7HYs {
font-size: 12px;
color: var(--upime-second-text);
}
@media (max-width: 768px) {
.latexEditorContainer_1z38T {
border-radius: 0;
}
.header_5ndYG {
padding: 12px 16px;
}
.header_5ndYG .title_c8eJU {
font-size: 16px;
}
.content_UyUuJ {
padding: 16px;
gap: 16px;
}
.toolbar_i6iy0 .toolGroup_OfsL7 {
flex-direction: column;
align-items: stretch;
}
.toolbar_i6iy0 .toolGroup_OfsL7 .groupLabel_X16R- {
text-align: center;
}
.formulaBuilder_Ug8KK {
flex-direction: column;
gap: 16px;
}
.formulaBuilder_Ug8KK .inputArea_tDcPU .inputField_RRQ6s {
min-height: 120px;
}
.formulaBuilder_Ug8KK .previewArea_-QhW0 {
min-height: 120px;
}
.formulaBuilder_Ug8KK .previewArea_-QhW0 .previewContent_1Fmqx {
min-height: 80px;
}
.codeEditor_Bx-tn {
flex-direction: column;
gap: 16px;
}
.codeEditor_Bx-tn .codeTextarea_Bdb5A {
min-height: 120px;
}
.codeEditor_Bx-tn .previewArea_-QhW0 {
min-height: 120px;
}
.codeEditor_Bx-tn .previewArea_-QhW0 .previewContent_1Fmqx {
min-height: 80px;
}
.actions_jE5CZ {
padding: 12px 16px;
}
}
/* Hide the virtual keyboard toggle */
math-field::part(virtual-keyboard-toggle) {
display: none;
}
/* Hide the menu toggle */
math-field::part(menu-toggle) {
display: none;
}
.border_XG8c- {
position: absolute;
padding: 24px;
background-color: #ffffff;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
transform: translate(-50%, -50%);
}
.windowBorder_S0zRo {
left: 50%;
top: 50%;
}
.header_xTx-- {
position: relative;
height: 24px;
line-height: 24px;
color: #0c1024;
font-size: 16px;
font-weight: bold;
}
.close_MaPcA {
position: absolute;
right: 0;
top: -1px;
color: #616371;
cursor: pointer;
width: 24px;
height: 24px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.close_MaPcA svg {
font-size: 18px;
}
.do-hovers .close_MaPcA:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.content_LFXCd {
display: flex;
margin-top: 20px;
}
.content_LFXCd .clearInput_RbG9B {
width: 14px;
height: 14px;
position: absolute;
right: 124px;
top: 81px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #dedede;
cursor: pointer;
}
.content_LFXCd .clearInput_RbG9B svg {
color: white;
width: 10px;
height: 10px;
}
.input_Kvw-J {
flex-grow: 1;
width: 274px;
height: 40px;
padding-left: 12px;
padding-right: 38px;
line-height: 38px;
border-radius: 4px;
border: 1px solid #2e73e5;
color: #0c1024;
font-size: 14px;
text-align: left;
}
.input_Kvw-J.empty_LNk3C {
padding-right: 12px;
}
.input_Kvw-J::-moz-placeholder {
color: #91939c;
}
.input_Kvw-J::placeholder {
color: #91939c;
}
.input_Kvw-J.error_Fny4l {
border: 1px solid #fe5250;
}
.commit_btn_-eNGF {
flex-shrink: 0;
margin-left: 16px;
width: 72px;
height: 40px;
border-radius: 4px;
line-height: 40px;
text-align: center;
color: #ffffff;
font-size: 16px;
background-color: #2e73e5;
cursor: pointer;
}
.error_msg_XwpHD {
margin-top: 4px;
height: 20px;
line-height: 20px;
color: #fe5250;
font-size: 14px;
}
.low_version_tip_wrapper_kyflu {
position: fixed;
pointer-events: none;
left: 0;
top: 0;
}
.low_version_tip_core_i2HEm {
max-width: 300px;
min-width: 200px;
padding: 12px;
border-radius: 8px;
background-color: white;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
transform: translate(-50%, calc(-100% - 12px));
pointer-events: all;
position: relative;
}
.low_version_tip_core_i2HEm::after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
width: 14px;
height: 14px;
transform: translateX(-50%);
rotate: 45deg;
background-color: white;
}
.low_version_tip_core_i2HEm .titleRow_7ISR1 {
display: flex;
gap: 6px;
align-items: flex-start;
line-height: 22px;
font-size: 14px;
}
.low_version_tip_core_i2HEm .titleRow_7ISR1 .icon_hhkNV {
margin-top: 2px;
color: #ffa519;
}
.low_version_tip_core_i2HEm .actions_pTp1J {
display: flex;
gap: 8px;
margin-top: 12px;
justify-content: flex-end;
}
.low_version_tip_core_i2HEm .actions_pTp1J .actionBt_de0e9 {
height: 28px;
padding: 0 8px;
}
.dialogContainer_gvn1T {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
gap: 12px;
width: 600px;
padding: 32px 0px 24px 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 12px;
}
@media (max-width: 500px) {
.dialogContainer_gvn1T {
width: calc(100% - 16px);
}
}
.rightContainer_yLkoR {
flex: 1;
}
.titleContainer_Ppyy- .title_MhEKt {
color: #0c1024;
font-size: 24px;
font-weight: 600;
line-height: 28px;
word-break: normal;
text-align: center;
display: block;
padding-right: 44px;
margin-bottom: 16px;
}
.bodyContainer_XBK79 {
max-width: 100%;
color: #424454;
font-size: 13px;
font-weight: 400;
line-height: 22px;
max-height: 60vh;
overflow-y: auto;
padding-right: 40px;
}
.bodyContainer_XBK79 .content_O40bR {
word-break: normal;
}
.footerContainer_-hBhp {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-top: 24px;
gap: 12px;
padding-right: 40px;
}
.footerContainer_-hBhp .button_SCSUA {
width: 100%;
height: 40px;
margin: 0 auto;
}
.content_O40bR {
color: #424454;
font-size: 13px;
line-height: 22px;
}
.content_O40bR .greeting_K7PU0 {
font-weight: 600;
margin-bottom: 12px;
color: #0c1024;
}
.content_O40bR .intro_wRvWK {
margin-bottom: 16px;
}
.content_O40bR .section_Ot37Q {
margin-bottom: 20px;
}
.content_O40bR .section_Ot37Q:last-child {
margin-bottom: 0;
}
.content_O40bR .sectionTitle_gePCr {
font-weight: 600;
margin-bottom: 12px;
color: #0c1024;
}
.content_O40bR .subSection_CN-7r {
margin-bottom: 16px;
}
.content_O40bR .subSection_CN-7r:last-child {
margin-bottom: 0;
}
.content_O40bR .subTitle_founs {
font-weight: 600;
margin-bottom: 8px;
color: #0c1024;
}
.content_O40bR .subContent_V7ye5 {
margin-bottom: 8px;
}
.content_O40bR .list_gLTB- {
margin: 8px 0;
padding-left: 20px;
}
.content_O40bR .list_gLTB- > div {
margin-bottom: 6px;
}
.content_O40bR .list_gLTB- > div:last-child {
margin-bottom: 0;
}
.content_O40bR .footer_DvsLl {
margin-top: 8px;
font-weight: 600;
color: #0c1024;
}
.phoneBody_i1iVw {
max-height: 60vh;
overflow-y: auto;
padding-right: 8px;
}
.subTitleContainer_s8s5P {
text-align: center;
margin-bottom: 24px;
font-size: 13px;
color: #424454;
}
.textSeqMenu_fvzx0 {
position: absolute;
padding: 8px 0;
}
.btnGroup_CKM0T {
padding: 8px 16px;
display: flex;
align-items: center;
color: #0C1024;
cursor: pointer;
gap: 8px;
}
.btnGroup_CKM0T .icon_cTLAo {
width: 20px;
height: 20px;
display: flex;
}
.btnGroup_CKM0T .icon_cTLAo svg {
font-size: 20px;
margin: auto;
}
.btnGroup_CKM0T .content_rlEuW {
line-height: 22px;
text-align: center;
font-size: 14px;
}
.do-hovers .btnGroup_CKM0T:hover {
background: rgba(0, 0, 0, 0.06);
}
.codeBlockLangMenu_nocfP {
position: absolute;
padding: 4px 0;
max-height: 300px;
overflow-y: auto;
min-width: 120px;
}
.langItem_wakuG {
padding: 6px 16px;
font-size: 14px;
color: #0C1024;
cursor: pointer;
line-height: 22px;
}
.langItemActive_lfwxY {
color: #2E73E5;
font-weight: 500;
}
.do-hovers .langItem_wakuG:hover {
background: rgba(0, 0, 0, 0.06);
}
.imageBorderRadiusTip_z7PUi {
display: flex;
justify-content: center;
align-items: center;
height: 28px;
padding: 0 8px;
background-color: rgba(0, 0, 0, 0.65);
border-radius: 4px;
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.popover_wrapper_VnRtL {
position: absolute;
z-index: 100;
pointer-events: none;
}
.popOverContainerWrapper_YC5FR {
min-width: 200px;
background: #fff;
pointer-events: auto;
cursor: default;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 8px;
padding: 20px;
width: -moz-max-content;
width: max-content;
max-width: 340px;
position: absolute;
}
.popOverContainerWrapper_YC5FR .arrow_Pg4SK {
z-index: 1;
position: absolute;
width: 12px;
height: 12px;
left: calc(50% - 6px);
top: calc(100% - 7px);
transform: rotate(45deg);
background: inherit;
}
.popOverContainerWrapper_YC5FR.top {
bottom: calc(100% + 12px);
left: 50%;
transform: translate(-50%, 0);
}
.popOverContainerWrapper_YC5FR.bottom {
bottom: calc(-50% + 12px);
left: 50%;
transform: translate(-50%, 100%);
}
.popOverContainerWrapper_YC5FR.bottom .arrow_Pg4SK {
top: -7px;
}
.divider_7e6f3 {
width: 100%;
height: 1px;
background-color: #dbdbde;
}
.empty_divider_gSfVM {
height: 12px;
}
.theme-editor_ZmSoT .sub-win_grB9r {
width: 120px;
padding: 12px;
}
.theme-editor_ZmSoT .type-select_HmuaQ {
width: 82px;
}
.theme-editor_ZmSoT .divider_7e6f3 {
width: 72px;
margin: 8px 12px;
}
.theme-sub-win_YcF9n {
width: 190px;
padding: 12px;
display: block;
cursor: inherit;
}
.theme-sub-win_YcF9n .theme_label_Gu6D8 {
font-size: 12px;
margin-bottom: 4px;
line-height: 20px;
}
.theme-sub-win_YcF9n .divider_7e6f3 {
width: 100%;
margin: 8px 0;
}
.theme-sub-win_YcF9n .themeContainer_nikRn {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr 1fr;
grid-gap: 8px;
gap: 8px;
}
.theme-sub-win_YcF9n .themeContainer_nikRn .themeCell_D3avx {
width: 100%;
height: 54px;
border-radius: 2px;
cursor: pointer;
border: 1px solid #e6e7e9;
background: #f5f6f6;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.theme-sub-win_YcF9n .themeContainer_nikRn .themeCell_D3avx img {
width: 51px;
height: 32px;
}
.theme-sub-win_YcF9n .themeContainer_nikRn .themeCell_D3avx.active_gAyfu {
border: 1px solid var(--upime-active);
}
.theme-sub-win_YcF9n .type-select_HmuaQ {
width: -moz-fit-content;
width: fit-content;
}
.theme-sub-win-phone_IMlMp {
width: 100%;
background-color: white;
pointer-events: all;
}
.theme-sub-win-phone_IMlMp .type-select_HmuaQ {
margin: 0;
}
.theme-sub-win-phone_IMlMp .themeContainer_nikRn {
grid-template-columns: repeat(4, 1fr);
grid-auto-columns: repeat(4, 1fr);
}
.color-editor_XNn9n {
position: relative;
}
.color-editor_XNn9n .sub-win_grB9r {
width: 180px;
}
.color-editor_XNn9n .randomize_C8IJa {
width: 100%;
text-align: center;
font-size: 12px;
color: #4262ff;
line-height: 1.17;
padding: 20px 20px 5px 20px;
cursor: pointer;
}
.color-editor_XNn9n .divider_7e6f3 {
width: 150px;
}
.borderThemeContainer_rjSij {
width: 182px;
padding: 8px 12px 10px 12px;
}
.borderThemeContainer_rjSij .borderTypeContainer_MVcM2 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2px;
gap: 2px;
width: 100%;
}
.borderThemeContainer_rjSij .borderTypeContainer_MVcM2 .borderTypeCell_Yfx2D {
height: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.borderThemeContainer_rjSij .borderEditContainer_i5JTb {
position: relative;
left: 0;
transform: none;
border-radius: 0;
background-color: transparent;
background-color: initial;
box-shadow: none;
}
.do-hovers .borderTypeCell_Yfx2D:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .themeCell_D3avx:hover {
background-color: #e6e7e9 !important;
}
.createMindmapTipContainer_kkFB4 {
display: flex;
align-items: center;
gap: 4px;
}
.createMindmapTipContainer_kkFB4 .tip_4n25N {
height: 24px;
}
.createMindmapTipContainer_kkFB4 .closeIconContainer_km9B0 {
color: white;
cursor: pointer;
margin-left: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.container_nfRed {
overflow-y: auto;
}
.alignRoot_vlAeK {
white-space: nowrap;
}
.alignTitle_V6WsD {
font-weight: bold;
line-height: 22px;
}
.alignRow_5ZbFg {
display: flex;
line-height: 22px;
}
.alignLabel_eAZGs {
font-weight: bold;
margin-right: 2px;
}
.cm_item_ua-i0 {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_ua-i0.disabled_7EmT- {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_ua-i0.autoWidth_5gR3v {
width: auto;
min-width: 40px;
}
.icon_box_EuO7D {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_EuO7D.active_LK0n6 {
color: var(--upime-active);
}
.bling_item_ygfNA {
opacity: 0.8;
}
.hidden_BLG5d {
visibility: hidden !important;
}
.hidden_all_u1noZ {
visibility: hidden !important;
}
.hidden_all_u1noZ * {
visibility: hidden !important;
}
.show_all_svvaI {
visibility: visible !important;
}
.show_all_svvaI * {
visibility: visible !important;
}
.pane_ovmhL {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_9CX6v {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_kt5H7 {
visibility: hidden;
opacity: 0;
animation: show_9CX6v 0.5s forwards;
}
@keyframes show_scale_cnzEF {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_cnzEF {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_cnzEF 0.3s forwards;
}
.show_scale_cnzEF.right_oRBhU {
transform-origin: left center;
}
.show_scale_cnzEF.left_HBDab {
transform-origin: right center;
}
.show_scale_cnzEF.bottom_huyGN {
transform-origin: center top;
}
.show_scale_cnzEF.top_06k7v {
transform-origin: center bottom;
}
.show_scale_cnzEF.left_top_hl5gZ {
transform-origin: right top;
}
.show_scale_cnzEF.top_left_i66BR {
transform-origin: bottom left;
}
.show_scale_cnzEF.bottom_left_u-hhx {
transform-origin: top left;
}
.show_scale_cnzEF.top_right_ipy-S {
transform-origin: bottom right;
}
.show_scale_cnzEF.bottom_right_V79yO {
transform-origin: top right;
}
.show_scale_cnzEF.right_top_LleY8 {
transform-origin: left top;
}
.show_scale_cnzEF.right_bottom_rneeM {
transform-origin: left bottom;
}
.show_scale_cnzEF.left_bottom_9rYhW {
transform-origin: right bottom;
}
.btn_style_1HRXl {
cursor: pointer;
}
.btn_style_1HRXl:active,
.btn_style_1HRXl.on_bafa- {
color: var(--upime-active);
}
.btn_style_1HRXl.disabled_7EmT- {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_6smp7 {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_EuO7D:hover {
opacity: 1;
}
.do-hovers .bling_item_ygfNA:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_1HRXl:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_6smp7:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_N9VEO:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_06TCO:hover {
color: var(--upime-main-text);
}
.rotateY180_bDscF {
transform: rotateY(180deg);
}
.titleIcon_N9VEO {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_N9VEO.active_LK0n6 {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_N9VEO.active_LK0n6 {
color: var(--upime-active);
}
.moreIcon_06TCO {
cursor: pointer;
}
.moreIcon_06TCO svg {
color: #303445;
}
.moreIcon_06TCO.active_LK0n6 svg {
color: var(--upime-main-text);
}
@keyframes loading_3ZC8R {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_JQy7n {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_3ZC8R 1s linear infinite forwards;
}
.AIButtonContainer_6L1Lu {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_6L1Lu.transparent_lRqor {
opacity: 0;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK.AIShow_zcqC3 {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK.AIHide_OPx5m {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK.AIButtonHover_xAfpD:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK.AIButtonDisabled_D-fe6 {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_6L1Lu .AIButtonWrapper_v8GQw .AIButtonImageContainer_8r4mK .AIButtonImage_IgmoJ {
width: 32px;
height: 32px;
}
.sub_win_container_ADABs {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_ADABs::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_ADABs::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_ADABs::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_ADABs .sub_win_child_wrapper_1Td-m:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_ADABs .sub_win_child_wrapper_1Td-m:not(:first-child) .sub_win_child_p4q0X {
padding-top: 0;
}
.sub_win_flexalbe_container_vFD1I {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_vFD1I * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF:not(:first-child) .flexable_scroll_inner_gK5sE {
padding-top: 0px;
}
.phoneMode .sub_win_container_ADABs {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_vFD1I {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_1RrCF {
animation: safariUpdate_2gAmG 0.1s forwards;
}
.safariOn .sub_win_container_ADABs {
animation: safariUpdate_2gAmG 0.1s forwards;
}
@keyframes safariUpdate_2gAmG {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_omBA7 {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_omBA7 .noColorStylePart_NcSUy + .noColorStylePart_NcSUy {
margin-top: 8px;
}
.noColorStyleContainer_omBA7 .partlabel_iZhEg {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_omBA7 .partlabel_iZhEg.disabled_7EmT- {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_ADABs,
.phoneMode .sub_win_flexalbe_container_vFD1I {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_ADABs .flexable_scroll_wrapper_1RrCF:not(:first-child),
.phoneMode .sub_win_flexalbe_container_vFD1I .flexable_scroll_wrapper_1RrCF:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_omBA7 {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_omBA7 .noColorStylePart_NcSUy + .noColorStylePart_NcSUy {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_omBA7 .partlabel_iZhEg {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_DnhS2 {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_DnhS2.active_LK0n6 {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_SNPJX.active_LK0n6 {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_DnhS2:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_DnhS2:hover.active_LK0n6 {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_SNPJX:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_SNPJX:hover.active_LK0n6 {
color: #2E73E5;
background-color: #dce3ed;
}
.widgetTypePicker_E1aVB {
position: absolute;
width: 212px;
padding: 16px 4px 16px 16px;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP {
max-height: 332px;
display: flex;
flex-direction: column;
overflow: hidden;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .baseTypeBox_-fuQL {
display: flex;
justify-content: left;
align-items: center;
flex-flow: row wrap;
gap: 12px;
padding-right: 12px;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .baseTypeBox_-fuQL .baseTypeItem_jCQ51 {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 2px;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .baseTypeDivider_L50kB {
margin-top: 4px;
margin-bottom: 12px;
border-top: 1px solid #e6e7e9;
margin-right: 12px;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .listContainer_SX-l7 {
flex: 1;
padding-right: 6px;
overflow: auto;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .listContainer_SX-l7::-webkit-scrollbar {
width: 4px;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .listContainer_SX-l7::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.widgetTypePicker_E1aVB .widgetTypeInner_KfRBP .listContainer_SX-l7::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.do-hovers .widget-type-item_W43OD:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .baseTypeItem_jCQ51:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.materialPanelContainer_h4UIJ {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.materialPanelContainer_h4UIJ .tabsContainer_5a-3I {
padding: 0 20px;
}
.materialPanelContainer_h4UIJ .tabsContainer_5a-3I .tabs_7Lreo {
width: 100%;
padding: 2px;
display: flex;
align-items: center;
background-color: #f5f6f6;
overflow: hidden;
border-radius: 4px;
}
.materialPanelContainer_h4UIJ .tabsContainer_5a-3I .tabs_7Lreo .tab_EPGrl {
height: 32px;
flex: 1;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
color: #91939c;
cursor: pointer;
}
.materialPanelContainer_h4UIJ .tabsContainer_5a-3I .tabs_7Lreo .tab_EPGrl.active_BIKZt {
background-color: white;
font-weight: 600;
color: #0c1024;
}
.materialPanelContainer_h4UIJ .defaultMaterialList_kNezp {
flex: 1;
overflow: auto;
padding: 0 20px;
}
.materialPanelContainer_h4UIJ .defaultMaterialList_kNezp .groupView_QKAxI {
margin-bottom: 20px;
cursor: pointer;
}
.materialPanelContainer_h4UIJ .defaultMaterialList_kNezp .groupView_QKAxI .groupTitle_E0A87 {
display: flex;
height: 22px;
overflow: hidden;
}
.materialPanelContainer_h4UIJ .defaultMaterialList_kNezp .groupView_QKAxI .groupTitle_E0A87 .title_x3MHD {
flex: 1;
color: #0c1024;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
font-weight: 500;
}
.materialPanelContainer_h4UIJ .defaultMaterialList_kNezp .groupView_QKAxI .groupTitle_E0A87 .countContainer_pgVhn {
color: #91939c;
display: flex;
align-items: center;
gap: 4px;
font-size: 12px;
}
.materialPanelContainer_h4UIJ .defaultMaterialList_kNezp .groupView_QKAxI .groupItems_D-2rz {
margin-top: 8px;
border-radius: 6px;
border: 1px solid #e6e7e9;
width: 100%;
padding: 8px;
grid-gap: 8px;
gap: 8px;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.materialPanelContainer_h4UIJ .personalMaterialList_nLtCp {
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 20px;
padding-bottom: 20px;
}
.materialPanelContainer_h4UIJ .personalMaterialList_nLtCp .contentContainer_UGHuj {
flex: 1;
overflow: auto;
}
.materialPanelContainer_h4UIJ .personalMaterialList_nLtCp .materialItemList_PBsfJ {
flex: 1;
padding: 0 20px;
overflow: auto;
display: grid;
grid-gap: 12px;
gap: 12px;
grid-template-columns: repeat(4, 1fr);
}
.materialPanelContainer_h4UIJ .personalMaterialList_nLtCp .emptyContainer_dZIwf {
flex: 1;
overflow: auto;
padding-top: 13px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #91939c;
line-height: 20px;
padding: 0 20px;
height: 100%;
text-align: center;
}
.materialPanelContainer_h4UIJ .personalMaterialList_nLtCp .emptyContainer_dZIwf div,
.materialPanelContainer_h4UIJ .personalMaterialList_nLtCp .emptyContainer_dZIwf span {
word-break: normal;
}
.materialPanelContainer_h4UIJ .personalMaterialList_nLtCp .emptyContainer_dZIwf img {
width: 208px;
margin-bottom: 12px;
}
.materialPanelContainer_h4UIJ .personalMaterialList_nLtCp .emptyContainer_dZIwf .darker_yYgRK {
color: #424454;
}
.materialPanelContainer_h4UIJ .personalMaterialList_nLtCp .bottomActionContainer_ZuSxi {
padding: 0 20px;
}
.materialItem_b51yY {
cursor: pointer;
width: 64px;
height: 64px;
padding: 6px;
border-radius: 4px;
position: relative;
}
.materialItem_b51yY .materialItemInner_EGZHX {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.materialItem_b51yY .materialItemInner_EGZHX img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.materialItem_b51yY.withAction_Lb07W .materialActionWrapper_OR-wq {
display: none;
}
.materialItem_b51yY.withAction_Lb07W[\:has\(.materialActionListAnchor\)] .materialActionWrapper_OR-wq {
display: flex;
}
.materialItem_b51yY.withAction_Lb07W:has(.materialActionListAnchor_tLQXb) .materialActionWrapper_OR-wq {
display: flex;
}
.groupDetailList_t1ecU {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: white;
display: flex;
flex-direction: column;
z-index: 20;
}
.groupDetailList_t1ecU .detailHead_XKO-5 {
height: 56px;
border-bottom: 1px solid #e6e7e9;
display: flex;
align-items: center;
padding: 0px 8px 0px 8px;
gap: 2px;
overflow: hidden;
}
.groupDetailList_t1ecU .detailHead_XKO-5 .iconContainer_pUg6U {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
color: #0c1024;
border-radius: 2px;
cursor: pointer;
}
.groupDetailList_t1ecU .detailHead_XKO-5 .detailHeadTitle_ABgk3 {
flex: 1;
font-size: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.groupDetailList_t1ecU .detailHead_XKO-5 .closeIcon_jH-am {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
color: #0c1024;
border-radius: 2px;
cursor: pointer;
}
.groupDetailList_t1ecU .detailContent_-oTQ3 {
flex: 1;
overflow: auto;
padding: 20px;
grid-gap: 8px;
gap: 8px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(auto-fill, 64px);
}
.do-hovers .groupView_QKAxI:hover .groupTitle_E0A87 .title_x3MHD {
color: #2e73e5;
}
.do-hovers .groupView_QKAxI:hover .groupTitle_E0A87 .countContainer_pgVhn {
color: #2e73e5;
}
.do-hovers .groupView_QKAxI:hover .groupItems_D-2rz {
background-color: #f5f6f6;
}
.do-hovers .materialItem_b51yY:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .materialItem_b51yY:hover.withAction_Lb07W .materialActionWrapper_OR-wq {
display: flex;
}
.do-hovers .iconContainer_pUg6U:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .closeIcon_jH-am:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .materialActionContainer_tki-7:hover {
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.do-hovers .materialActionRow_NUsgW:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .draggingMaterial_L-l-1 {
position: fixed;
pointer-events: all;
z-index: 9999;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 4px;
background-color: white;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
transform: translateX(-50%) translateY(-50%);
}
.do-hovers .draggingMaterial_L-l-1 .materialItem_b51yY {
border: none;
background: transparent;
width: 100%;
height: 100%;
}
.do-hovers .draggingMaterial_L-l-1 .materialItem_b51yY img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.materialActionWrapper_OR-wq {
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.materialActionContainer_tki-7 {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
cursor: pointer;
color: #424454;
background-color: white;
}
.materialActionContainerSmall_xprke {
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
cursor: pointer;
color: white;
background-color: rgba(0, 0, 0, 0.15);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.materialActionListAnchor_tLQXb {
position: absolute;
width: 0;
height: 0;
}
.materialActionList_0qF-6 {
position: fixed;
background: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
border-radius: 4px;
z-index: 9999;
width: -moz-fit-content;
width: fit-content;
cursor: default;
min-width: 120px;
}
.materialActionList_0qF-6 .materialActionRow_NUsgW {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
font-size: 14px;
height: 32px;
padding-left: 12px;
padding-right: 32px;
text-wrap: nowrap;
color: #424454;
}
.flowchartBody_IfuBT {
flex: 1;
overflow: auto;
padding: 12px 12px 12px 20px;
}
.descPart_OiRFo {
flex: 1;
overflow: hidden;
margin-right: 4px;
}
.descPart_OiRFo .temDescTitle_4VTbE {
font-size: 18px;
line-height: 26px;
color: #0c1024;
margin-bottom: 4px;
display: block;
}
.descPart_OiRFo .temDescContent_h7Tfh {
color: #424454;
font-size: 13px;
line-height: 20px;
}
.imageContainer_-aAO- {
width: 110px;
height: 120px;
overflow: hidden;
position: relative;
}
.imageContainer_-aAO- img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.flowchartTemList_02axc {
row-gap: 8px;
}
.temCellImg_viW6f {
height: 84px;
}
.flowchartMore_8PWFg {
padding: 0 16px 4px;
}
.moreButton_BNp12 {
line-height: 18px;
}
.modalWrapper_oSmw- {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.modalContainer_S-FVs {
background-color: white;
border-radius: 12px;
display: flex;
flex-direction: column;
width: 732px;
height: 600px;
min-height: 320px;
max-height: calc(100vh - 80px);
overflow: hidden;
}
.header_1n34m {
position: relative;
flex-shrink: 0;
width: 100%;
}
.header_1n34m::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-bottom: 1px solid #e6e7e9;
pointer-events: none;
}
.header_1n34m .headerInner_PgyZj {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 12px 12px 24px;
width: 100%;
}
.header_1n34m .titleContainer_NlMch {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
gap: 4px;
}
.header_1n34m .title_8Qdps {
font-family: "PingFang SC", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #0c1024;
white-space: nowrap;
}
.header_1n34m .subtitle_ScrSg {
font-size: 14px;
line-height: 22px;
color: #91939c;
white-space: nowrap;
}
.header_1n34m .closeBtn_Twcwv {
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
cursor: pointer;
}
.header_1n34m .closeBtn_Twcwv .closeBtnInner_adjVw {
overflow: hidden;
border-radius: 2px;
width: 44px;
height: 44px;
position: relative;
}
.header_1n34m .closeBtn_Twcwv .closeBtnInner_adjVw:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.header_1n34m .closeBtn_Twcwv .closeBtnInner_adjVw svg {
position: absolute;
left: 12px;
top: 12px;
width: 20px;
height: 20px;
}
.body_UCin0 {
display: flex;
flex-grow: 1;
align-items: center;
overflow: hidden;
width: 100%;
min-height: 1px;
}
.leftPanel_FUXnI {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 200px;
height: 100%;
padding: 12px 16px;
position: relative;
flex-shrink: 0;
overflow-y: overlay;
border-right: 1px solid #dbdbde;
}
.leftPanel_FUXnI::-webkit-scrollbar {
width: 4px;
}
.leftPanel_FUXnI::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.leftPanel_FUXnI::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.leftPanel_FUXnI .listItem_hORqj {
display: flex;
align-items: center;
gap: 0;
height: 38px;
padding: 0 8px 0 0;
border-radius: 4px;
cursor: pointer;
background-color: white;
flex-shrink: 0;
width: 100%;
}
.leftPanel_FUXnI .listItem_hORqj:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.leftPanel_FUXnI .listItem_hORqj.selected_lN-pR {
background-color: #eaf1fc;
}
.leftPanel_FUXnI .listItem_hORqj .checkboxHotArea_UIGw3 {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
flex-shrink: 0;
cursor: pointer;
margin: -9px 0;
}
.leftPanel_FUXnI .listItem_hORqj .checkboxHotArea_UIGw3:hover > div {
border-color: #2e73e5;
}
.leftPanel_FUXnI .listItem_hORqj .itemText_JJY41 {
font-family: "PingFang SC", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #0c1024;
white-space: nowrap;
}
.leftPanel_FUXnI .groupName_CNzoE {
display: flex;
align-items: center;
padding: 0 12px;
width: 100%;
flex-shrink: 0;
}
.leftPanel_FUXnI .groupName_CNzoE .groupNameText_FH9Fs {
font-family: "PingFang SC", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #91939c;
white-space: nowrap;
}
.placeholderIcon_ciu2Y {
width: 26px;
height: 26px;
border: 1px solid #0c1024;
}
.rightPanel_X6afh {
display: flex;
flex-direction: column;
gap: 8px;
flex-grow: 1;
height: 100%;
overflow-y: auto;
position: relative;
}
.rightPanel_X6afh::-webkit-scrollbar {
width: 4px;
}
.rightPanel_X6afh::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.rightPanel_X6afh::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.rightPanel_X6afh .graphicGroup_QOEiY {
width: 100%;
flex-shrink: 0;
}
.rightPanel_X6afh .graphicGroup_QOEiY .groupContent_JzX4a {
display: flex;
flex-direction: column;
padding: 12px 12px 12px 16px;
width: 100%;
}
.rightPanel_X6afh .graphicGroup_QOEiY .subTitle_aILek {
font-family: "PingFang SC", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #91939c;
white-space: nowrap;
flex-shrink: 0;
}
.rightPanel_X6afh .graphicGroup_QOEiY .graphicGrid_MX9T7 {
display: flex;
flex-wrap: wrap;
gap: 12px;
width: 100%;
}
.rightPanel_X6afh .graphicItem_M79cJ {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 12px;
border-radius: 6px;
flex-shrink: 0;
cursor: pointer;
}
.rightPanel_X6afh .graphicItem_M79cJ:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.rightPanel_X6afh .graphicItem_M79cJ.selected_lN-pR {
background-color: #eaf1fc;
border: 2px solid #2e73e5;
padding: 10px;
}
.rightPanel_X6afh .graphicItem_M79cJ .graphicIcon_o0Qfx {
width: 28px;
height: 28px;
flex-shrink: 0;
}
.rightPanel_X6afh .graphicItem_M79cJ .graphicIcon_o0Qfx svg {
display: block;
width: 100%;
height: 100%;
}
.rightPanel_X6afh .emptyState_8Nawd {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
padding: 40px;
color: #91939c;
font-size: 14px;
}
.footer_TvWET {
position: relative;
flex-shrink: 0;
width: 100%;
}
.footer_TvWET::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-top: 1px solid #e6e7e9;
pointer-events: none;
}
.footer_TvWET .footerInner_kT5cO {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
width: 100%;
}
.footer_TvWET .cancelBtn_pntSm {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 40px;
padding: 8px 16px;
border-radius: 6px;
background-color: white;
position: relative;
cursor: pointer;
flex-shrink: 0;
}
.footer_TvWET .cancelBtn_pntSm::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid #dbdbde;
border-radius: 6px;
pointer-events: none;
}
.footer_TvWET .cancelBtn_pntSm:hover::after {
border-color: #5798f2;
}
.footer_TvWET .cancelBtn_pntSm:hover span {
color: #5798f2;
}
.footer_TvWET .cancelBtn_pntSm:active::after {
border-color: #1d56bf;
}
.footer_TvWET .cancelBtn_pntSm:active span {
color: #1d56bf;
}
.footer_TvWET .cancelBtn_pntSm span {
font-family: "PingFang SC", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #0c1024;
white-space: nowrap;
}
.footer_TvWET .confirmBtn_aMXqX {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 40px;
padding: 8px 16px;
border-radius: 6px;
background-color: #2e73e5;
cursor: pointer;
flex-shrink: 0;
}
.footer_TvWET .confirmBtn_aMXqX:hover {
background-color: #5798f2;
}
.footer_TvWET .confirmBtn_aMXqX:active {
background-color: #1d56bf;
}
.footer_TvWET .confirmBtn_aMXqX span {
font-family: "PingFang SC", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: white;
white-space: nowrap;
}
.loadingContainer_sLQuV {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.loadingContainer_sLQuV .loadingIcon_5Faum {
animation: spin_hyUhy 1s linear infinite;
color: #2563d4;
}
@keyframes spin_hyUhy {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.arrow-type-editor_FUq3P .sub-win_6o1-J {
width: 60px;
padding: 8px 0;
overflow-y: auto;
}
.arrow-type-editor_FUq3P .sub-win_6o1-J .arrow-item_YNsqq {
width: 100%;
height: 38px;
margin: 2px 0;
font-size: 14px;
}
.arrow-type-editor_FUq3P .sub-win_6o1-J .arrow-item_YNsqq .selected_0jtxy {
color: var(--upime-active);
}
.arrow-type-editor_FUq3P .rotate_lQGkg {
transform: rotate(180deg);
}
.switch-arrow_74Itt {
width: 30px;
}
.switch-arrow_74Itt .switch-icon_oJUrd {
width: 16px;
height: 16px;
}
.tick_slider_dAC-K {
width: 150px;
}
.line-type-editor_Nkzsa {
position: relative;
}
.line-type-editor_Nkzsa .sub-win_6o1-J {
width: 184px;
padding: 12px 24px;
}
.line-type-editor_Nkzsa .type-select_Xco-A {
margin-top: 8px;
}
.color-editor_a4mO3 {
position: relative;
}
.do-hovers .arrow-type-editor_FUq3P .sub-win_6o1-J .arrow-item_YNsqq:hover {
background-color: #f5f6f6;
}
.disabled_U5Dg2 {
pointer-events: none;
}
.disabled_U5Dg2 svg {
color: var(--upime-disable);
}
.phoneLinePropColorFcContainer_tafsc {
background-color: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 16px 12px;
border-radius: 4px;
width: 100%;
overflow: hidden;
pointer-events: all;
position: relative;
}
.phoneLinePropColorFcContainer_tafsc .linePropTypeContainer_CWUAY {
width: 100%;
display: flex;
align-items: center;
}
.phoneLinePropColorFcContainer_tafsc .linePropTypeContainer_CWUAY .split-line_ZJUiY {
width: 1px;
height: 20px;
background-color: #e6e6e6;
margin: 0 20px;
}
.phoneLinePropColorFcContainer_tafsc .label_famf9 {
display: block;
text-align: left;
font-size: 12px;
width: 100%;
color: #303445;
transform: translateY(-6px);
}
.phoneLinePropColorFcContainer_tafsc .label_famf9.paddingTop_Ya4G- {
padding-top: 10px;
}
.fontSelect_2HlRI .familyNameContainer_g3B-E {
width: auto;
width: initial;
display: flex;
align-items: center;
}
.fontSelect_2HlRI .familyName_paxMw {
min-width: 72px;
max-width: 84px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.dropdown_5UZTE {
z-index: 10;
}
.root_sn-LC {
position: absolute;
min-width: 376px;
max-width: 395px;
min-height: 72px;
display: flex;
flex-direction: row;
padding: 10px 20px;
color: var(--upime-main-text);
top: 0;
left: 0;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
background: black;
pointer-events: auto;
z-index: 30;
color: white;
align-items: center;
}
.root_sn-LC svg {
color: white;
}
.root_sn-LC .leftPart_u23tB {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
}
.root_sn-LC .leftPart_u23tB .header_5mwB9 {
display: flex;
flex-direction: row;
align-items: center;
}
.root_sn-LC .leftPart_u23tB .header_5mwB9 svg {
font-size: 20px;
margin-right: 8px;
}
.root_sn-LC .leftPart_u23tB .header_5mwB9 span {
line-height: 22px;
font-size: 14px;
color: var(--upime-disable);
}
.root_sn-LC .leftPart_u23tB .text_Dp0Op {
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 22px;
font-weight: 600;
margin-top: 4px;
}
.root_sn-LC .action_-99jq {
width: 80px;
height: 32px;
font-size: 14px;
line-height: 32px;
margin-left: 20px;
}
.root_sn-LC .closeIcon_X2ZOc {
width: 20px;
height: 20px;
cursor: pointer;
margin-left: 16px;
}
.phoneMode .root_sn-LC {
min-width: 344px;
width: 344px;
padding: 10px 16px;
}
.phoneMode .root_sn-LC .action_-99jq {
margin-left: 14px;
}
.phoneMode .root_sn-LC .closeIcon_X2ZOc {
margin-left: 14px;
}
.groupPhotoInitiationWrap_P-hxm {
width: 520px;
max-width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 30px 40px;
}
.groupPhotoInitiationWrap_P-hxm .text1_p3eiH {
color: #0C1024;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}
.groupPhotoInitiationWrap_P-hxm .text2_Lq3ZF {
width: 400px;
max-width: 100%;
color: #91939C;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
word-break: break-word;
margin-top: 4px;
}
.groupPhotoInitiationWrap_P-hxm .imgWrap_X9gVT {
display: flex;
flex: 1;
width: 440px;
max-width: 100%;
margin-top: 24px;
max-height: 276px;
overflow: hidden;
}
.groupPhotoInitiationWrap_P-hxm .img1_yXNcG {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.groupPhotoInitiationWrap_P-hxm .button1_Iro8X {
width: 240px;
max-width: 100%;
height: 40px;
margin-top: 24px;
}
.groupPhotoModalMask_If9dW {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 51;
background-color: rgba(0, 0, 0, 0.45);
}
.groupPhotoModalContainerWrap_qFh2o {
width: 100%;
height: 100%;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.groupPhotoModalContainer_Ap1sQ {
max-width: 100%;
border-radius: 12px;
background-color: #FFF;
position: relative;
}
.closeBtn_g4cnu {
width: 44px;
height: 44px;
padding: 12px;
border-radius: 2px;
position: absolute;
top: 8px;
right: 8px;
}
.do-hovers .closeBtn_g4cnu:hover {
cursor: pointer;
background: rgba(0, 0, 0, 0.06);
}
.groupPhotoResultWrap_l3mik {
width: 758px;
max-width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.groupPhotoResultWrap_l3mik .header_x6jhM {
width: 100%;
height: 82px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
}
.groupPhotoResultWrap_l3mik .header_x6jhM .content1_O8rCQ {
color: #0C1024;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}
.groupPhotoResultWrap_l3mik .header_x6jhM .content2_OLVWW {
color: #91939C;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin-top: 4px;
}
.groupPhotoResultWrap_l3mik .mainContentWrap_i7Ium {
width: calc(100% - 80px);
max-width: 100%;
max-height: 428px;
display: flex;
flex-direction: column;
flex: 1;
padding: 20px 0;
overflow: hidden;
}
.groupPhotoResultWrap_l3mik .imagePreview_k9SzX {
width: 100%;
height: 100%;
box-sizing: content-box;
-o-object-fit: contain;
object-fit: contain;
border-radius: 2px;
}
.groupPhotoResultWrap_l3mik .buttonsWrap_JfDaa {
width: calc(100% - 80px);
height: 84px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 24px;
padding-bottom: 8px;
}
.groupPhotoResultWrap_l3mik .buttonsWrap_JfDaa .btnWrap_SytH9 {
display: flex;
flex: 1;
max-width: 290px;
}
.groupPhotoResultWrap_l3mik .buttonsWrap_JfDaa .downloadBtn_7XbFt,
.groupPhotoResultWrap_l3mik .buttonsWrap_JfDaa .insertBtn_H-z7m {
flex: 1;
max-width: 290px;
}
.isMember_Fb5Ow .downloadBtn_7XbFt {
max-width: 400px;
}
.groupPhotoGeneratingTip_djjHX {
width: 100%;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 12px;
border-radius: 2px;
background-color: #424454;
}
.groupPhotoGeneratingTip_djjHX .tipText_yapDx {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.loadingIconMask_OiD7I {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, 0.12);
}
.loadingIconMask_OiD7I .loadingIcon_xZmy5 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loadingIcon_xZmy5 {
width: 26px;
height: 26px;
color: #fff;
animation: loading_bCHwu 1.5s linear infinite forwards;
}
@keyframes loading_bCHwu {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.previewImage_9hB7m {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 4px;
}
.groupPhotoPreparationWrap_ALf6m {
width: 758px;
max-width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.title_UBrgx {
width: 100%;
height: 60px;
padding: 0 40px;
color: #0C1024;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 60px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tabsWrap_DaBoq {
width: 100%;
height: 36px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-left: 25px;
}
.tabsWrap_DaBoq.disabledTabs_V13he .previewMembersTab_KNs-6,
.tabsWrap_DaBoq.disabledTabs_V13he .previewSelfTab_xEIrJ {
color: #C2C3C8;
border-color: #DBDBDE;
cursor: not-allowed;
}
.tabsWrap_DaBoq.disabledTabs_V13he .previewMembersTab_KNs-6.currentTab_ZoSyj,
.tabsWrap_DaBoq.disabledTabs_V13he .previewSelfTab_xEIrJ.currentTab_ZoSyj {
color: #ABC7F5;
border-color: #ABC7F5;
}
.tabsWrap_DaBoq .previewMembersTab_KNs-6,
.tabsWrap_DaBoq .previewSelfTab_xEIrJ {
height: 36px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 16px;
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
border: 1px solid #DBDBDE;
cursor: pointer;
}
.tabsWrap_DaBoq .previewMembersTab_KNs-6.currentTab_ZoSyj,
.tabsWrap_DaBoq .previewSelfTab_xEIrJ.currentTab_ZoSyj {
font-weight: 600;
color: #2E73E5;
border-color: #2E73E5;
}
.tabsWrap_DaBoq .previewMembersTab_KNs-6 {
border-radius: 4px 0px 0px 4px;
border-right-color: transparent;
}
.tabsWrap_DaBoq .previewSelfTab_xEIrJ {
border-radius: 0px 4px 4px 0px;
border-left-color: transparent;
margin-left: -1px;
}
.previewWrap_-iY4p {
width: 100%;
display: flex;
flex: 1;
flex-direction: column;
margin-top: 4px;
background-color: #303445;
position: relative;
overflow: hidden;
}
.previewWrap_-iY4p .borderStripe_wBsvL {
width: 100%;
height: 20px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTQgNyIgZmlsbD0ibm9uZSI+DQoJPHJlY3QgeD0iNCIgd2lkdGg9IjYiIGhlaWdodD0iNyIgcng9IjIiIGZpbGw9IiM4RDhGOTkiIGZpbGxPcGFjaXR5PSIwLjQ1IiAvPg0KPC9zdmc+DQo=");
background-size: 14px 7px;
background-position: 0 6px;
background-repeat: repeat-x;
}
.previewWrap_-iY4p .previewContentWrap_I5LuS {
width: 100%;
max-height: 400px;
padding: 0 24px;
display: flex;
flex: 1;
overflow: hidden;
}
.previewWrap_-iY4p .previewContentWrap_I5LuS .previewCombinedUserStream_QAOCn,
.previewWrap_-iY4p .previewContentWrap_I5LuS .previewLocalCamera_ijU5r {
height: 100%;
border-radius: 0;
}
.previewWrap_-iY4p .previewContentWrap_I5LuS .previewCombinedUserStream_QAOCn video,
.previewWrap_-iY4p .previewContentWrap_I5LuS .previewLocalCamera_ijU5r video {
border-radius: 0;
background-color: transparent;
background-color: initial;
max-width: 720px;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 {
width: 100%;
height: 66px;
padding: 6px 40px;
display: flex;
flex-shrink: 0;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .countDownWrap_fj-t6 {
width: -moz-max-content;
width: max-content;
height: 22px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 4px;
color: #424454;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
position: absolute;
left: 20px;
top: 22px;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .startBtn_wkqST {
width: 54px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 3px solid #ABC7F5;
background-color: #EAF1FC;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
cursor: pointer;
position: relative;
z-index: 1;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .startBtn_wkqST .startBtnIcon_Gm4SH {
color: #2E73E5;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .cancelBtn_BTkkb {
width: 54px;
height: 54px;
filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.08));
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
cursor: pointer;
position: relative;
z-index: 1;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .cancelBtn_BTkkb .cancelBtnText_T2ix2 {
width: 54px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #424454;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
position: relative;
z-index: 2;
}
.previewMembers_HPOEd .bottomWrap_4b3A4 .cancelBtn_BTkkb .cancelProgress_CND-5 {
position: absolute;
top: 0;
left: 0;
z-index: 1;
transform: rotate(-90deg);
}
.previewSelf_pSqhb .bottomWrap_4b3A4 {
width: 100%;
height: 66px;
padding: 12px 40px 14px 40px;
display: flex;
flex-shrink: 0;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}
.previewSelf_pSqhb .bottomWrap_4b3A4 .bottomInnerWrap_1ZwmW {
position: relative;
}
.previewSelf_pSqhb .bottomWrap_4b3A4 .openSelfCameraBtn_wMlUf,
.previewSelf_pSqhb .bottomWrap_4b3A4 .closeSelfCameraBtn_m2yY4 {
width: 400px;
max-width: 100%;
height: 40px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
}
.previewSelf_pSqhb .bottomWrap_4b3A4 .openSelfCameraBtn_wMlUf .cameraIcon_Rf4lX,
.previewSelf_pSqhb .bottomWrap_4b3A4 .closeSelfCameraBtn_m2yY4 .cameraIcon_Rf4lX {
position: relative;
top: 1px;
}
.deviceCtrlRoot_j-O1t {
display: flex;
position: relative;
align-items: center;
border-radius: 2px;
}
.deviceCtrlRoot_j-O1t.disabled_kwMfi {
pointer-events: none;
}
.deviceCtrlRoot_j-O1t.disabled_kwMfi svg,
.deviceCtrlRoot_j-O1t.disabled_kwMfi span {
color: var(--upime-disable) !important;
}
.deviceCtrlRoot_j-O1t.mini_ViPd5.camera_mwdaS.landscape_DNV72 {
flex-grow: 1;
}
.deviceCtrlRoot_j-O1t.landscape_DNV72 {
flex-grow: 2;
left: 30px;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 {
flex-direction: column;
align-items: stretch;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .iconBox_W5Ura {
flex-direction: row;
padding: 0 16px;
width: auto;
height: 40px;
margin-left: 0;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .iconBox_W5Ura > svg {
margin-right: 8px;
margin-top: 0;
width: 24px;
height: 24px;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .iconBox_W5Ura > span {
font-size: 14px;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .iconBox_W5Ura.active_Xb0uW {
background-color: rgba(0, 0, 0, 0.06);
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .iconBox_W5Ura .volume_zSsko {
left: 28px;
bottom: 18px;
}
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .micsPanelBox_hRSGu,
.deviceCtrlRoot_j-O1t.inMoreCtrl_nPIp8 .camsPanelBox_06aum {
position: absolute;
background-color: #fff;
z-index: 1;
width: 240px;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.iconBox_W5Ura {
display: flex;
flex-direction: column;
align-items: center;
border-radius: 2px;
cursor: pointer;
position: relative;
padding: 2px 4px 4px 4px;
min-width: 36px;
}
.iconBox_W5Ura > svg {
font-size: 20px;
}
.iconBox_W5Ura.member_-zMgr {
width: 72px;
}
.iconBox_W5Ura .span_ImkL- {
line-height: 12px;
font-size: 10px;
margin-top: 2px;
color: #303445;
white-space: nowrap;
}
.iconBox_W5Ura .volume_zSsko {
position: absolute;
bottom: 26px;
left: 50%;
transform: translate(-50%);
background: #05caae;
transition: height 0.1s ease;
border-radius: 4px;
width: 3px;
}
.iconBox_W5Ura .volume_zSsko.hide_DKGjs {
display: none;
}
.iconBox_W5Ura.phone_XhjRe {
width: auto;
height: auto;
}
.iconBox_W5Ura.phone_XhjRe svg {
margin-top: 0;
}
.iconBox_W5Ura.phone_XhjRe .volume_zSsko {
bottom: 12px;
width: 4px;
}
.iconBox_W5Ura.medium_dhszv,
.iconBox_W5Ura.slim_zHXhh {
justify-content: center;
width: 44px;
height: 44px;
}
.iconBox_W5Ura.medium_dhszv > svg,
.iconBox_W5Ura.slim_zHXhh > svg {
font-size: 28px;
margin-top: 0;
margin-top: initial;
width: 28px;
height: 28px;
}
.iconBox_W5Ura.medium_dhszv .volume_zSsko,
.iconBox_W5Ura.slim_zHXhh .volume_zSsko {
bottom: 20px;
}
.iconBox_W5Ura.nobigScreenMode_pc1V-.slim_zHXhh {
width: 36px;
height: 36px;
}
.iconBox_W5Ura.nobigScreenMode_pc1V-.slim_zHXhh > svg {
font-size: 24px;
margin-top: 0;
margin-top: initial;
width: 24px;
height: 24px;
}
.iconBox_W5Ura.nobigScreenMode_pc1V-.slim_zHXhh .volume_zSsko {
bottom: 16px;
}
.mini_ViPd5 .iconBox_W5Ura {
width: 24px;
height: 24px;
min-width: 0;
min-width: initial;
}
.mini_ViPd5 .iconBox_W5Ura svg {
font-size: 20px;
}
.mini_ViPd5 .iconBox_W5Ura .volume_zSsko {
width: 4px;
bottom: 8px;
}
.devicePanel_uLKBf {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
width: 240px;
padding-bottom: 8px;
}
.devicePanel_uLKBf .row_7bvFq {
display: flex;
flex-direction: row;
max-width: 170px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.deviceCtrl_1aU8F {
border-radius: 2px;
cursor: pointer;
padding: 16px 2px;
display: flex;
align-items: center;
}
.deviceCtrl_1aU8F > svg {
color: #91939c;
}
.deviceCtrl_1aU8F.open_Ywa1l {
background-color: #eaf1fc;
}
.deviceCtrl_1aU8F.open_Ywa1l:hover {
background-color: #eaf1fc;
}
.deviceCtrl_1aU8F.open_Ywa1l > svg {
transform-origin: 50% 50%;
transform: rotate(180deg);
color: #2e73e5;
}
.do-hovers .iconBox_W5Ura:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .listRoot_zoQFi .row_7bvFq:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .deviceCtrl_1aU8F:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.subWin_LMgs-,
.unavailabeTipContainer_Ml1Uo {
top: auto !important;
top: initial !important;
}
.subWin_LMgs-,
.unavailabeTipContainer_Ml1Uo {
bottom: calc(100% + 6px);
position: absolute;
width: 240px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
left: 50%;
transform: translate(-50%, 0);
z-index: 2;
padding: 0;
}
.subWin_LMgs-.medium_dhszv,
.unavailabeTipContainer_Ml1Uo.medium_dhszv {
bottom: calc(100% + 12px);
}
.mini_ViPd5 .subWin_LMgs- {
bottom: 32px;
}
.deniedRoot_n7zB5,
.openFailedTipRoot_3-ene {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 16px;
}
.deniedRoot_n7zB5 .title_4UPPE,
.openFailedTipRoot_3-ene .title_4UPPE {
line-height: 22px;
font-size: 14px;
color: var(--upime-main-text);
font-weight: 600;
}
.deniedRoot_n7zB5 .content_5iu7x,
.openFailedTipRoot_3-ene .content_5iu7x {
margin-top: 8px;
line-height: 22px;
font-size: 14px;
color: #616371;
text-wrap: wrap;
}
.deniedRoot_n7zB5 .link_lThK-,
.openFailedTipRoot_3-ene .link_lThK- {
margin-top: 8px;
line-height: 22px;
font-size: 14px;
color: var(--upime-active);
cursor: pointer;
}
.deniedRoot_n7zB5 .tipbox_E2iua,
.openFailedTipRoot_3-ene .tipbox_E2iua {
color: #FFA519;
font-size: 14px;
position: relative;
margin-top: 8px;
}
.deniedRoot_n7zB5 .tipbox_E2iua > svg,
.openFailedTipRoot_3-ene .tipbox_E2iua > svg {
width: 14px;
height: 14px;
color: #FFA519;
margin-right: 4px;
margin-top: 3px;
position: absolute;
}
.deniedRoot_n7zB5 .tipbox_E2iua > span,
.openFailedTipRoot_3-ene .tipbox_E2iua > span {
margin-left: 18px;
display: inline-block;
}
.listRoot_zoQFi {
display: flex;
flex-direction: column;
padding: 16px 0;
width: 100%;
}
.listRoot_zoQFi .title_4UPPE {
font-size: 12px;
color: var(--upime-second-text);
line-height: 18px;
padding: 0 16px;
margin-bottom: 4px;
}
.listRoot_zoQFi .row_7bvFq {
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 16px;
cursor: pointer;
height: 40px;
}
.listRoot_zoQFi .row_7bvFq span {
line-height: 22px;
width: calc(100% - 24px);
display: block;
font-size: 14px;
color: var(--upime-main-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.listRoot_zoQFi .row_7bvFq span.active_Xb0uW {
color: var(--upime-active);
}
.listRoot_zoQFi .row_7bvFq svg {
width: 16px;
height: 16px;
color: var(--upime-active);
}
.reachLimitRoot_5fB9j {
position: absolute;
background: black;
left: 50%;
transform: translate(-50%, 0);
width: 200px;
height: 50px;
padding: 7px 8px;
font-size: 12px;
color: white;
line-height: 18px;
bottom: 74px;
}
.reachLimitRoot_5fB9j .triangle_GgY5b {
position: absolute;
width: 0;
height: 0;
border-top: 5px solid black;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
bottom: -5px;
left: calc(50% - 5px);
}
.mini_ViPd5 .reachLimitRoot_5fB9j {
bottom: 36px;
}
.temp_audio_C8ZQM {
position: fixed;
width: 108px;
height: 108px;
left: 50%;
bottom: 20px;
transform: translate(-50%, 0);
z-index: 1000;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.6);
display: flex;
flex-direction: column;
align-items: center;
}
.temp_audio_C8ZQM .volumeWrapper_NoBZe {
margin-top: 20px;
}
.temp_audio_C8ZQM .temp_audio_desc_RapjR {
margin-top: 6px;
color: #ffffff;
font-size: 12px;
height: 18px;
line-height: 18px;
}
.mic_tip_-ya-j {
margin-bottom: 3px;
}
.unavailabeTipContainer_Ml1Uo {
border-radius: 4px;
padding: 16px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
font-size: 14px;
white-space: normal;
white-space: initial;
}
.unavailabeTipContainer_Ml1Uo .title_4UPPE {
font-weight: 600;
line-height: 22px;
margin-bottom: 8px;
}
.unavailabeTipContainer_Ml1Uo .desc_GtQIc {
color: #616371;
line-height: 22px;
margin-bottom: 8px;
word-break: break-word;
}
.unavailabeTipContainer_Ml1Uo .action_nIOs0 {
color: #2e73e5;
cursor: pointer;
}
.unavailabeTipContainer_Ml1Uo.bigScreen_cKgn- {
bottom: calc(100% + 10px);
}
.magnifierContainer_xCzU5 {
position: absolute;
width: 58px;
height: 58px;
border: 1px solid #dbdbdb;
border-radius: 99px;
box-shadow: 0px 3px 10px 0px #DBDBDE, 0px 2px 15px 0px rgba(0, 0, 0, 0.2);
bottom: 3px;
left: 22px;
z-index: 2;
cursor: pointer;
background-position: -16px -14px;
}
.hide_DKGjs {
display: none;
}
.micIconBoxHoverTip_OM2Py {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.micIconBoxHoverTip_OM2Py .tipContent_MYBFB {
width: -moz-max-content;
width: max-content;
max-width: 260px;
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 22px;
word-break: break-word;
}
.micIconBoxHoverTip_OM2Py .tipDivider_OcjWh {
width: 1px;
height: 12px;
background: rgba(255, 255, 255, 0.45);
margin: 0 8px;
}
.micIconBoxHoverTip_OM2Py .tipCloseBtn_uh-35 {
pointer-events: all !important;
}
.micIconBoxHoverTip_OM2Py .tipCloseBtn_uh-35 {
width: 16px;
height: 16px;
box-sizing: content-box;
padding: 2px;
color: rgba(255, 255, 255, 0.65);
cursor: pointer;
}
.circle_6qwy5 {
stroke-dasharray: 160;
stroke-dashoffset: 320;
animation: countdown_6iWw7 var(--duration) linear forwards;
}
@keyframes countdown_6iWw7 {
from {
stroke-dashoffset: 320;
}
to {
stroke-dashoffset: 160;
}
}
.selectCountDownDurationWrap_MAver {
height: 22px;
padding: 0px 3px;
border-radius: 2px;
position: relative;
}
.selectCountDownDurationWrap_MAver.showingList_Kc4U7 {
background-color: rgba(0, 0, 0, 0.06);
}
.selectCountDownDurationWrap_MAver .innerWrap_hMUdf {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
color: #2E73E5;
font-weight: 600;
}
.do-hovers .selectCountDownDurationWrap_MAver:hover {
background-color: rgba(0, 0, 0, 0.06);
cursor: pointer;
}
.optionsListWrap_Dr5ou {
width: 120px;
display: flex;
flex-direction: column;
padding: 8px 0px;
border-radius: 4px;
background-color: #FFF;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
position: absolute;
top: auto;
top: initial;
bottom: calc(100% + 6px);
left: 0;
z-index: 2;
cursor: default;
}
.optionsListWrap_Dr5ou .optionWrap_FY6ve {
width: 100%;
height: 40px;
min-width: 120px;
padding: 0px 16px;
display: flex;
justify-content: flex-start;
align-items: center;
color: #0C1024;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.optionsListWrap_Dr5ou .optionWrap_FY6ve.selected_l8-P8 {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .optionWrap_FY6ve:hover {
background-color: rgba(0, 0, 0, 0.06);
cursor: pointer;
}
.selfVideoPreviewForHostWrap_wV5AC {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background-color: rgba(0, 0, 0, 0.55);
}
.selfVideoPreviewForHostWrap_wV5AC .innerWrap_GvUoX {
width: 486px;
height: 273px;
border-radius: 8px;
border: 1px solid #FFF;
background-color: rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 28px 4px rgba(0, 0, 0, 0.16);
position: relative;
background-color: #424454;
}
.selfVideoPreviewForHostWrap_wV5AC .previewVideoWrap_7Ptqd {
border-radius: 8px;
}
.selfVideoPreviewForHostWrap_wV5AC .previewVideoWrap_7Ptqd video {
border-radius: 8px;
}
.selfVideoPreviewForHostWrap_wV5AC .operationsWrap_2nno2 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: inherit;
}
.selfVideoPreviewForHostWrap_wV5AC .operationsWrap_2nno2 .selfName_tqVpm {
padding: 2px 4px;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 18px;
height: 22px;
max-width: 196px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #FFF;
border-radius: 4px;
background: rgba(0, 0, 0, 0.45);
position: absolute;
left: 8px;
bottom: 8px;
}
.selfVideoPreviewForHostWrap_wV5AC .operationsWrap_2nno2 .countDownNumber_P0jAJ {
width: 100%;
color: rgba(255, 255, 255, 0.85);
text-align: center;
font-size: 136px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.selfVideoPreviewForHostWrap_wV5AC .operationsWrap_2nno2 .toggleCameraBtn_Ve99X {
display: flex;
justify-content: center;
align-items: center;
padding: 8px;
border-radius: 6px;
background: rgba(0, 0, 0, 0.45);
position: absolute;
right: 10px;
bottom: 12px;
}
.selfVideoPreviewForHostWrap_wV5AC .operationsWrap_2nno2 .toggleCameraBtn_Ve99X .btnIcon_w2-SW {
color: #fff;
}
.do-hovers .toggleCameraBtn_Ve99X:hover {
cursor: pointer;
}
.previewVideoWrap_O-zk4 {
width: 100%;
height: 100%;
border-radius: 4px;
position: relative;
}
.previewVideo_k1y5R {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 4px;
background-color: #000;
}
.previewAvatarWrap_LrjNp {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.12);
}
.previewAvatarWrap_LrjNp .previewAvatar_6pWJ9 {
width: 160px;
height: 160px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
border: none;
}
.groupPhotoPreparationWrap_YYzcW {
width: 758px;
max-width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.title_NnFX8 {
width: 100%;
height: 60px;
padding: 0 40px;
color: #0C1024;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 60px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.previewWrap_p7mMI {
width: 100%;
display: flex;
flex: 1;
flex-direction: column;
background-color: #303445;
overflow: hidden;
position: relative;
}
.previewWrap_p7mMI .borderStripe_xASOY {
width: 100%;
height: 20px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTQgNyIgZmlsbD0ibm9uZSI+DQoJPHJlY3QgeD0iNCIgd2lkdGg9IjYiIGhlaWdodD0iNyIgcng9IjIiIGZpbGw9IiM4RDhGOTkiIGZpbGxPcGFjaXR5PSIwLjQ1IiAvPg0KPC9zdmc+DQo=");
background-size: 14px 7px;
background-position: 0 6px;
background-repeat: repeat-x;
}
.previewWrap_p7mMI .previewContentWrap_9I18G {
width: 100%;
max-height: 400px;
padding: 0 24px;
display: flex;
flex: 1;
overflow: hidden;
}
.previewWrap_p7mMI .previewContentWrap_9I18G .previewLocalCamera_FWmN9 {
border-radius: 0;
}
.previewWrap_p7mMI .countDownNumber_9ooM4 {
width: 100%;
color: rgba(255, 255, 255, 0.85);
text-align: center;
font-size: 150px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
.bottomWrap_l--2y {
width: 100%;
height: 80px;
padding: 0 40px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
}
.bottomWrap_l--2y .bottomInnerWrap_MLcEP {
position: relative;
}
.bottomWrap_l--2y .openSelfCameraBtn_rgn5W,
.bottomWrap_l--2y .closeSelfCameraBtn_GeFRU {
width: 400px;
max-width: 100%;
height: 40px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
}
.bottomWrap_l--2y .openSelfCameraBtn_rgn5W .cameraIcon_2JKvZ,
.bottomWrap_l--2y .closeSelfCameraBtn_GeFRU .cameraIcon_2JKvZ {
position: relative;
top: 1px;
}
.groupPhotoPreparationWrap_U4MCZ {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 24px;
}
.groupPhotoPreparationWrap_U4MCZ.isLandscape_ZEGTQ {
padding-top: 16px;
}
.groupPhotoPreparationWrap_U4MCZ .title_xHPgv {
color: #0C1024;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
padding: 0 20px;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY {
width: 100%;
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin: 24px 0;
padding: 0 20px;
overflow: auto;
font-size: 0;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO {
width: 100%;
height: 161px;
display: flex;
flex-shrink: 0;
border: 1px solid #000;
border-radius: 4px;
position: relative;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .previewAvatarWrap_DQrvl {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: #424454;
border-radius: 3px;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .previewAvatarWrap_DQrvl .previewAvatar_Fs4j- {
width: 80px;
height: 80px;
border-radius: 50%;
-o-object-fit: contain;
object-fit: contain;
border: none;
outline: none;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .previewVideoWrap_sZ2q1 {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: #424454;
border-radius: 3px;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .previewVideoWrap_sZ2q1 .previewVideo_MemmN {
width: 100%;
height: 100%;
border-radius: 50%;
-o-object-fit: contain;
object-fit: contain;
border: none;
outline: none;
border-radius: 3px;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .countDownWrap_QS0uC {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.25);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.groupPhotoPreparationWrap_U4MCZ .previewWrap_gSbqY .previewContentWrap_mINQO .countDownWrap_QS0uC .countDownNumber_0PnWe {
width: 100%;
color: rgba(255, 255, 255, 0.85);
text-align: center;
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.groupPhotoPreparationWrap_U4MCZ .bottomBtn_D4gyR {
width: 100%;
color: #2E73E5;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: center;
padding: 12px 0;
border-top: 1px solid #E6E7E9;
}
.groupPhotoModalMask_vvxY2 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
background-color: rgba(0, 0, 0, 0.45);
}
.groupPhotoModalContainerWrap_bhMnr {
width: 100%;
height: 100%;
padding: 12px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
.groupPhotoModalContainer_lVBAl {
max-width: 100%;
border-radius: 8px;
background-color: #FFF;
position: relative;
}
.closeBtn_Pcgpg {
width: 44px;
height: 44px;
padding: 12px;
border-radius: 2px;
position: absolute;
top: 8px;
right: 8px;
}
.contentContainer_zQqk2 {
width: 328px;
max-width: 100%;
height: 100%;
}
.groupPhotoResultWrap_NeHv4 {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 24px;
}
.groupPhotoResultWrap_NeHv4.isLandscape_Cwf-H {
padding-top: 16px;
}
.groupPhotoResultWrap_NeHv4 .title_Pv8sb {
color: #0C1024;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
padding: 0 20px;
}
.groupPhotoResultWrap_NeHv4 .mainContentWrap_HNgp1 {
width: 100%;
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin: 24px 0;
padding: 0 20px;
position: relative;
overflow: auto;
}
.groupPhotoResultWrap_NeHv4 .mainContentWrap_HNgp1 .imagePreview_szbXQ {
width: 100%;
height: 161px;
display: flex;
flex-shrink: 0;
}
.groupPhotoResultWrap_NeHv4 .mainContentWrap_HNgp1 .loadingTipWrap_LHz66 {
width: 100%;
height: 161px;
}
.groupPhotoResultWrap_NeHv4 .mainContentWrap_HNgp1 .longPressDownloadTip_uSXcP {
position: absolute;
top: 100px;
bottom: auto;
bottom: initial;
}
.groupPhotoResultWrap_NeHv4 .bottomBtn_xyEhQ {
width: 100%;
color: #2E73E5;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: center;
padding: 12px 0;
border-top: 1px solid #E6E7E9;
}
.groupPhotoResultWrap_NeHv4 .bottomBtn_xyEhQ.disabledBtn_h-zcM {
color: #C2C3C8;
}
.skeleton_FVsap {
position: relative;
width: 100%;
height: 100%;
background: #F0F0F0;
}
.leftTop_bDGFr,
.rightTop_ctWDt,
.leftCenter_GKEfq,
.leftBottom_DmTEd,
.centerBottom_cHfdJ,
.rightBottom_94LGe {
position: absolute;
display: flex;
align-items: center;
gap: 8px;
}
.leftTop_bDGFr {
left: 8px;
top: 8px;
}
.rightTop_ctWDt {
right: 8px;
top: 8px;
}
.leftCenter_GKEfq {
left: 8px;
top: 50%;
transform: translateY(-50%);
flex-direction: column;
}
.leftBottom_DmTEd {
position: absolute;
left: 8px;
bottom: 8px;
}
.centerBottom_cHfdJ {
left: 50%;
bottom: 8px;
transform: translateX(-50%);
}
.rightBottom_94LGe {
right: 8px;
bottom: 8px;
}
.toolbar_NcDj5,
.toolbar_v_AehSI,
.toolbox_pb7e- {
border-radius: 4px;
background: #FFF;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.toolbar_NcDj5 {
display: flex;
align-items: center;
gap: 16px;
padding: 0 10px;
height: 44px;
}
.toolbar_v_AehSI,
.toolbar_v2_LWNW4 {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
padding: 12px 0;
width: 48px;
}
.toolbar_v_overflow_hidden_n62op {
border-radius: 4px;
background: #FFF;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.toolbox_pb7e- {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 44px;
width: 44px;
}
.skeleton_FVsap [class*="btn_"] {
height: 24px;
border-radius: 4px;
}
.skeleton_FVsap [class*="circle_"] {
border-radius: 50%;
}
.split_aaUgj {
width: 1px;
height: 24px;
background: #F0F0F0;
}
.split_v_veB-G {
width: 28px;
height: 1px ;
background: #F0F0F0;
}
.common_jRHN7 .btn_24_UH3ZH {
width: 24px;
}
.common_jRHN7 .btn_44_sXwMc {
width: 44px;
}
.common_jRHN7 .btn_53_C7-Xl {
width: 53px;
}
.common_jRHN7 .btn_109_1PFR4 {
width: 109px;
}
.common_jRHN7 .circle_28_HAkYe {
width: 28px;
height: 28px;
}
.skeleton_FVsap.bigScreen_mQavX [class*="btn_"] {
height: 32px;
}
.skeleton_FVsap.bigScreen_mQavX .btn_32_HYgZO {
width: 32px;
}
.skeleton_FVsap.bigScreen_mQavX .btn_58_-SNRP {
width: 58px;
}
.skeleton_FVsap.bigScreen_mQavX .circle_36_8Isdm {
width: 36px;
height: 36px;
}
.skeleton_FVsap.bigScreen_mQavX .toolbar_NcDj5 {
padding: 0 12px;
height: 56px;
}
.skeleton_FVsap.phone_BCjmx [class*="btn_"] {
height: 26px;
border-radius: 99px;
}
.skeleton_FVsap.phone_BCjmx .btn_71_MDfPE {
width: 71px;
}
.skeleton_FVsap.phone_BCjmx .btn_106_pkn6d {
width: 106px;
}
.skeleton_FVsap.phone_BCjmx .circle_26_LbcrX {
width: 26px;
height: 26px;
}
.skeleton_FVsap.phone_BCjmx .vBtn_66_xQa6x {
width: 26px;
height: 66px;
border-radius: 99px;
}
.skeleton_FVsap.phone_BCjmx .toolbar_NcDj5 {
height: 44px;
padding: 0 9px;
gap: 9px;
border-radius: 99px;
}
.skeleton_FVsap.phone_BCjmx .toolbar_v_AehSI {
width: 44px;
padding: 9px;
gap: 9px 0;
border-radius: 99px;
}
.skeleton_FVsap.phone_BCjmx .leftTop2_l80bF {
position: absolute;
left: 8px;
top: 64px;
}
.skeleton_FVsap.phone_BCjmx .leftBottom_DmTEd {
bottom: 12px;
}
.skeleton_FVsap.phone_BCjmx .leftBottom_DmTEd.fitBottom_Jw8-s {
bottom: 42px;
}
.skeleton_FVsap.phone_BCjmx .leftBottom_DmTEd .toolbar_v_AehSI {
width: 40px;
padding: 8px 0;
gap: 8px;
}
.skeleton_FVsap.phone_BCjmx .rightBottom_94LGe {
bottom: 12px;
}
.skeleton_FVsap.phone_BCjmx .rightBottom_94LGe.fitBottom_Jw8-s {
bottom: 42px;
}
.skeleton_FVsap.phone_BCjmx .rightBottom_94LGe .toolbox_pb7e- {
width: 40px;
height: 40px;
border-radius: 50%;
}
.placeholder_SDj2S {
position: absolute;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.serial_GmlAd .btn_UE55f {
background: linear-gradient(90deg, #F0F0F0 25%, rgba(0, 0, 0, 0.15) 45%, #F0F0F0 65%);
background-size: var(--total) 100%;
background-position: var(--start) 50%;
}
.serial_GmlAd.active_bUa7g .btn_UE55f {
animation-name: serialAnimation_iHO-G;
animation-duration: 1.8s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
@keyframes serialAnimation_iHO-G {
0% {
background-position: var(--start) 50%;
}
100% {
background-position: var(--end) 50%;
}
}
.parallel_2KMs- .btn_UE55f {
background: linear-gradient(90deg, #F0F0F0 25%, rgba(0, 0, 0, 0.15) 45%, #F0F0F0 65%);
background-size: 400% 100%;
background-position: 100% 50%;
}
.parallel_2KMs-.active_bUa7g .btn_UE55f {
animation-name: parallelAnimation_2Cndg;
animation-duration: 1.8s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
@keyframes parallelAnimation_2Cndg {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.spotlightContainer_Nggah {
position: fixed;
z-index: 103;
pointer-events: none;
}
.spotlight_aXbf2 {
background: rgba(255, 255, 255, 0.95);
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
padding: 8px 12px;
font-size: 12px;
line-height: 1.5;
color: #333;
min-width: 120px;
max-width: 280px;
opacity: 0;
transform: translateY(-4px);
}
.spotlight_aXbf2.entering_l0G6Q {
animation: spotlightEnter_BumPe 80ms ease-out forwards;
}
.spotlight_aXbf2.exiting_YXNKB {
animation: spotlightExit_r7DeU 120ms ease-in forwards;
}
.spotlight_aXbf2.visible_aaxoV {
opacity: 1;
transform: translateY(0);
}
@keyframes spotlightEnter_BumPe {
from {
opacity: 0;
transform: translateY(-4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes spotlightExit_r7DeU {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-4px);
}
}
.row_bkCoL {
display: flex;
align-items: center;
gap: 8px;
white-space: nowrap;
}
.row_bkCoL:not(:last-child) {
margin-bottom: 4px;
}
.row_bkCoL .value_905le {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
.label_068Pf {
color: #666;
flex-shrink: 0;
}
.value_905le {
color: #333;
font-weight: 500;
}
.statsRow_8gtKn {
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
}
.statItem_X2nKX {
display: flex;
align-items: center;
gap: 4px;
}
.typeDistribution_JltSa {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-top: 4px;
}
.typeTag_9DBIP {
background: rgba(0, 0, 0, 0.06);
border-radius: 3px;
padding: 2px 6px;
font-size: 11px;
}
.mindMapIconList_f4f3c {
margin-top: 6px;
}
.mindMapIconRow_oDPhG {
display: flex;
align-items: center;
gap: 8px;
margin-top: 4px;
}
.mindMapIconRow_oDPhG:first-child {
margin-top: 0;
}
.mindMapIconMeta_8e0Av {
display: flex;
align-items: center;
flex-shrink: 0;
gap: 6px;
padding: 0 6px;
box-sizing: border-box;
}
.mindMapIconThumb_jMzbF {
width: 18px;
height: 18px;
flex-shrink: 0;
-o-object-fit: contain;
object-fit: contain;
}
.mindMapIconCount_uM51U {
min-width: 18px;
text-align: center;
font-weight: 500;
font-size: 11px;
flex-shrink: 0;
}
.mindMapBarTrack_3H-oO {
flex: 1;
min-width: 56px;
height: 6px;
border-radius: 3px;
background: rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.mindMapBarFill_dmXoO {
height: 100%;
border-radius: 3px;
background: var(--upime-active);
transition: width 80ms ease-out;
}
.tipBorder_N4PfG {
position: fixed;
z-index: 102;
pointer-events: none;
}
.contentWrapper_pxt-L {
position: absolute;
color: var(--upime-tip);
background-color: var(--upime-tip-bg);
padding: 8px;
border-radius: 2px;
--tip-width-offset: 12px;
}
.contentWrapper_pxt-L .content_Gswc0 {
font-size: 12px;
line-height: 18px;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: -moz-max-content;
width: max-content;
max-width: 184px;
word-break: break-word;
}
.contentWrapper_pxt-L .content_Gswc0.large_LKp58 {
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 100;
overflow: hidden;
text-align: left;
}
.contentWrapper_pxt-L:after {
content: "";
position: absolute;
display: block;
width: 8px;
height: 8px;
background: var(--upime-tip-bg);
transform: translate(-50%, -50%) rotate(45deg);
z-index: 0;
}
.contentWrapper_pxt-L.top,
.contentWrapper_pxt-L.bottom {
left: 50%;
transform: translate(-50%, 0);
}
.contentWrapper_pxt-L.top:after,
.contentWrapper_pxt-L.bottom:after {
left: 50%;
}
.contentWrapper_pxt-L.top {
bottom: calc(100% + 12px + var(--tip-extra-distance));
}
.contentWrapper_pxt-L.top:after {
bottom: -8px;
}
.contentWrapper_pxt-L.bottom {
top: calc(100% + 12px + var(--tip-extra-distance));
}
.contentWrapper_pxt-L.bottom:after {
top: 0px;
}
.contentWrapper_pxt-L.left,
.contentWrapper_pxt-L.right {
top: 50%;
transform: translate(0, -50%);
}
.contentWrapper_pxt-L.right {
left: calc(100% + 12px + var(--tip-extra-distance));
}
.contentWrapper_pxt-L.right:after {
top: 50%;
left: 0px;
}
.contentWrapper_pxt-L.left {
right: calc(100% + 12px + var(--tip-extra-distance));
}
.contentWrapper_pxt-L.left:after {
top: 50%;
right: -12px;
}
.contentWrapper_pxt-L.topLeft {
bottom: calc(100% + 12px + var(--tip-extra-distance));
left: 0;
}
.contentWrapper_pxt-L.topLeft:after {
bottom: -8px;
}
.contentWrapper_pxt-L.topLeft:after {
left: var(--tip-width-offset);
}
.contentWrapper_pxt-L.topRight {
bottom: calc(100% + 12px + var(--tip-extra-distance));
right: 0;
}
.contentWrapper_pxt-L.topRight:after {
bottom: -8px;
}
.contentWrapper_pxt-L.topRight:after {
right: calc(var(--tip-width-offset) - 8px);
}
.contentWrapper_pxt-L.bottomLeft {
top: calc(100% + 12px + var(--tip-extra-distance));
left: 0;
}
.contentWrapper_pxt-L.bottomLeft:after {
top: 0px;
}
.contentWrapper_pxt-L.bottomLeft:after {
left: var(--tip-width-offset);
}
.contentWrapper_pxt-L.bottomRight {
top: calc(100% + 12px + var(--tip-extra-distance));
right: 0;
}
.contentWrapper_pxt-L.bottomRight:after {
top: 0px;
}
.contentWrapper_pxt-L.bottomRight:after {
right: calc(var(--tip-width-offset) - 8px);
}
.viewport_ND4Sz {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
padding-bottom: 8px;
overflow: auto;
}
.noScrollBar_aW5bs {
-ms-overflow-style: none;
}
.noScrollBar_aW5bs::-webkit-scrollbar {
display: none;
}
.noScroll_yWcN6 {
touch-action: none;
-ms-touch-action: none;
}
.listEntry_dg2XB {
transition: transform 0ms linear 0s;
opacity: 1;
}
.list_fheq4 {
width: 100%;
}
.itemRoot_v6Z29 {
width: 100%;
transition: transform 0ms linear 0s;
}
.fakeItemContainer_zHrVY {
position: relative;
height: 0;
z-index: 1;
}
.fakeItem_XGqVp {
position: absolute;
box-shadow: rgba(5, 0, 56, 0.12) 0px 4px 16px 0px;
transition: transform 0s linear;
}
.activeEffect_EcqeS {
box-shadow: rgba(5, 0, 56, 0.12) 0px 4px 16px 0px;
}
.replaceElementButtonRoot_Neltk {
position: relative;
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.replaceElementButton_tkH-g {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.replaceElementSubWindow_TUCV0 {
min-width: 130px;
}
.replaceElementMethods_VoaA3 {
width: 100%;
min-width: 130px;
padding: 8px 0;
display: flex;
flex-direction: column;
gap: 4px;
}
.replaceElementMethod_4h4mD {
width: 100%;
height: 40px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
padding: 0 16px;
cursor: pointer;
font-size: 14px;
line-height: 20px;
color: #0C1024;
transition: background-color 0.2s ease;
white-space: nowrap;
}
.replaceElementMethod_4h4mD span {
color: #0C1024;
font-size: 14px;
font-weight: 400;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.do-hovers .replaceElementButton_tkH-g:hover,
.do-hovers .replaceElementMethod_4h4mD:hover {
background-color: #f5f6f6;
}
.container_yIuwm {
position: relative;
padding: 0 8px;
}
.root_mN20U {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 20px;
padding: 0 8px;
white-space: nowrap;
}
.root_mN20U .left_7V75D {
display: flex;
flex-direction: column;
}
.root_mN20U .left_7V75D span:nth-child(1) {
color: var(--upime-second-text);
display: block;
font-size: 12px;
line-height: 18px;
font-weight: 500;
}
.root_mN20U .left_7V75D span:nth-child(2) {
color: var(--upime-main-text);
font-size: 14px;
font-weight: 500;
line-height: 22px;
}
.root_mN20U .right_MDW-L {
width: 24px;
height: 24px;
transform-origin: 0.5 0.5;
transition: transform 0.1s linear;
}
.root_mN20U .right_MDW-L.opened_k4DFN {
transform: rotate(180deg);
}
.panel_gJTiT {
margin-top: 5px;
display: flex;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
}
.panel_gJTiT .row_5FGKF {
display: flex;
flex-direction: row;
padding: 0 16px;
align-items: center;
width: 200px;
height: 40px;
position: relative;
flex: none;
}
.panel_gJTiT .row_5FGKF > span {
line-height: 20px;
font-size: 14px;
}
.panel_gJTiT .row_5FGKF .svg_5VGNX {
width: 22px;
height: 22px;
}
.panel_gJTiT .row_5FGKF .label_VXUYG {
margin-left: 12px;
color: var(--upime-main-text);
}
.panel_gJTiT .row_5FGKF .count_-mqEv {
position: absolute;
right: 16px;
top: 50%;
transform: translate(0, -50%);
color: var(--upime-second-text);
}
.do-hovers .root_mN20U:hover {
background-color: #f5f5f7;
}
.do-hovers .panel_gJTiT .row_5FGKF:hover {
background-color: var(--upime-btn-bg-hover);
}
.guideWrapper_d87KD {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
}
.guideContainer_rZ8gC {
position: absolute;
left: -3px;
right: -3px;
top: -3px;
bottom: -3px;
background: rgba(46, 115, 229, 0.12);
z-index: 200;
border-radius: 50%;
padding: 4px;
animation: infinite shine_m-Rr2 2s linear;
pointer-events: none;
}
.guideContainer_rZ8gC.rectPin_-erq1 {
border-radius: 4px;
}
.guideContainer_rZ8gC.rectPin_-erq1 .guideInner_C27sO {
border-radius: 4px;
}
.guideContainer_rZ8gC.noPin_hkThf {
opacity: 0;
}
.guideContainer_rZ8gC .guideInner_C27sO {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(46, 115, 229, 0.12);
}
@keyframes shine_m-Rr2 {
from {
background: rgba(46, 115, 229, 0.12);
}
50% {
background: rgba(46, 115, 229, 0);
}
to {
background: rgba(46, 115, 229, 0.12);
}
}
.guidePannel_-MTUG {
position: fixed;
display: flex;
width: 292px;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.65);
background: black;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
z-index: 99;
}
.guidePannel_-MTUG.lightTheme_T7WPd {
background: #fff;
border: none;
}
.guidePannel_-MTUG.lightTheme_T7WPd .guideTitle_iuh6P {
color: #0c1024;
}
.guidePannel_-MTUG.lightTheme_T7WPd .guideDesc_X-elD {
color: #424454;
}
.guidePannel_-MTUG.tansY_FBe4s {
transform: translateY(-50%);
}
.guidePannel_-MTUG.transX_4oJNO {
transform: translateX(-50%);
}
.guidePannel_-MTUG .guideTitle_iuh6P {
max-width: 228px;
color: white;
font-size: 18px;
line-height: 26px;
font-weight: 600;
word-break: break-word;
}
.guidePannel_-MTUG .videoContainer_dXj8r {
width: 100%;
background-color: #f0f0f0;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 6px;
overflow: hidden;
}
.guidePannel_-MTUG .videoContainer_dXj8r video {
width: 100%;
display: block;
}
.guidePannel_-MTUG .img_r-B-L {
display: block;
width: 100%;
height: 195px;
background-color: #f0f0f0;
border-radius: 6px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.guidePannel_-MTUG .guideDesc_X-elD {
color: rgba(255, 255, 255, 0.85);
font-size: 14px;
line-height: 22px;
}
.guidePannel_-MTUG .footContainer_DQD2r {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.guidePannel_-MTUG .footContainer_DQD2r .extraInfo_bZDu- {
color: rgba(255, 255, 255, 0.65);
font-size: 14px;
line-height: 22px;
}
.guidePannel_-MTUG .footContainer_DQD2r .btInner_Ewh9T {
padding: 0 8px;
}
.guidePannel_-MTUG .close_ZdWQa {
position: absolute;
top: 17px;
right: 12px;
display: flex;
padding: 4px;
border-radius: 2px;
cursor: pointer;
}
.guidePannel_-MTUG .close_ZdWQa:hover {
background: rgba(0, 0, 0, 0.06);
}
.pinContaienr_0f5u- {
position: fixed;
z-index: 99;
pointer-events: none;
}
.pinContaienr_0f5u-.lightTheme_T7WPd .ball_zVVPl {
background-color: #2e73e5;
}
.pinContaienr_0f5u-.lightTheme_T7WPd .ball_zVVPl .line_uYD-9 {
background-color: #2e73e5;
}
.pinContaienr_0f5u- .ball_zVVPl {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: black;
position: absolute;
}
.pinContaienr_0f5u- .ball_zVVPl.atRight_WlZbR {
left: 100%;
top: 50%;
transform: translateY(-50%);
}
.pinContaienr_0f5u- .ball_zVVPl.atLeft_L-Ivn {
left: -10px;
top: 50%;
transform: translateY(-50%);
}
.pinContaienr_0f5u- .ball_zVVPl.atTop_EaZ8E {
left: 50%;
top: -10px;
transform: translateX(-50%);
}
.pinContaienr_0f5u- .ball_zVVPl.atBottom_uBZss {
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.pinContaienr_0f5u- .line_uYD-9 {
background-color: black;
position: absolute;
z-index: 0;
}
.pinContaienr_0f5u- .line_uYD-9.atRight_WlZbR {
width: 70px;
height: 2px;
left: 10px;
top: 4px;
}
.pinContaienr_0f5u- .line_uYD-9.atTop_EaZ8E {
width: 2px;
height: 70px;
left: 4px;
bottom: 10px;
}
.pinContaienr_0f5u- .line_uYD-9.atBottom_uBZss {
width: 2px;
height: 80px;
left: 4px;
top: 10px;
}
.pinContaienr_0f5u- .line_uYD-9.atLeft_L-Ivn {
width: 70px;
height: 2px;
right: 0;
top: 4px;
}
.okButton_xTCOM {
padding: 6px 8px;
}
.container_GCJKO {
height: 100%;
width: 100%;
background: linear-gradient(200deg, rgba(202, 219, 255, 0.61) 4.64%, rgba(230, 238, 255, 0.76) 18.33%, rgba(255, 255, 255, 0.76) 42.78%, rgba(255, 255, 255, 0.76) 100%), #fff;
background: linear-gradient(200deg, rgba(202, 219, 255, 0.61) 4.64%, rgba(230, 238, 255, 0.76) 18.33%, rgba(255, 255, 255, 0.76) 42.78%, rgba(255, 255, 255, 0.76) 100%), var(--Neutral-colorBg-Container, #fff);
display: flex;
flex-direction: column;
border-radius: 4px;
}
.container_GCJKO.activeBg_eIqBn {
background-position: left top, right 3px, center;
background-size: 80px, 80px, contain;
}
.container_GCJKO .headContainer_Ljv82 {
padding: 12px 10px 12px 16px;
}
.container_GCJKO .head_yrTIC {
display: flex;
justify-content: space-between;
align-items: center;
}
.container_GCJKO .head_yrTIC .part_pWev9 {
display: flex;
gap: 4px;
align-items: center;
}
.container_GCJKO .head_yrTIC .part_pWev9 .logoContainer_wwNpl {
position: relative;
height: 26px;
min-width: 53px;
}
.container_GCJKO .head_yrTIC .part_pWev9 .logoContainer_wwNpl .title_lh1nZ {
font-family: PingFang SC, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
white-space: nowrap;
}
.container_GCJKO .head_yrTIC .part_pWev9 .history_dbGA0 {
cursor: pointer;
padding: 6px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
}
.container_GCJKO .head_yrTIC .part_pWev9 .history_dbGA0:hover {
background: rgba(0, 0, 0, 0.06);
background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
}
.container_GCJKO .head_yrTIC .part_pWev9 .guanbi_9muBe {
padding: 6px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.container_GCJKO .head_yrTIC .part_pWev9 .guanbi_9muBe:hover {
background: rgba(0, 0, 0, 0.06);
background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
}
.container_GCJKO .head_yrTIC .part_pWev9:first-child {
cursor: auto;
}
.container_GCJKO .body_XZNEO {
flex: 1;
overflow: auto;
padding: 0 16px 0 16px;
}
.container_GCJKO .body_XZNEO.hide_mNMGk {
display: none;
}
.container_GCJKO .introBarWrapper_JXN0W {
display: flex;
gap: 8px;
align-items: flex-start;
}
.container_GCJKO .introBarWrapper_JXN0W .introIcon_5m8Yw {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.container_GCJKO .introContainer_mvJRa {
flex: 1;
min-width: 0;
background: rgba(255, 255, 255, 0.65);
border-radius: 6px;
padding: 6px 8px 8px 8px;
display: flex;
flex-direction: column;
gap: 6px;
}
.container_GCJKO .introContainer_mvJRa .introText_KH76C {
font-family: PingFang SC, sans-serif;
font-size: 13px;
line-height: 21px;
color: #202022;
}
.container_GCJKO .introContainer_mvJRa .introText_KH76C .colorful_T9LxG {
background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 8.84%, rgba(38, 112, 255, 0.88) 37.3%, rgba(50, 125, 255, 0.88) 42.99%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
.container_GCJKO .chatContainer_Myl9P {
flex: 1;
display: flex;
height: calc(100% - 133px);
}
.container_GCJKO .chatContainer_Myl9P.hide_mNMGk {
display: none;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l {
display: flex;
gap: 4px;
align-items: stretch;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .box_ixioS {
flex: 1;
min-width: 0;
border-radius: 6px;
display: flex;
flex-direction: column;
isolation: isolate;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .box_ixioS .boxImg_1Drh5 {
position: relative;
width: 52px;
height: 50px;
margin-bottom: -36px;
z-index: 2;
flex-shrink: 0;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .box_ixioS .title_lh1nZ {
font-family: PingFang SC, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 22px;
color: rgba(0, 0, 0, 0.88);
margin-bottom: 2px;
word-break: keep-all;
word-wrap: break-word;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .box_ixioS .text_IRl5e {
font-family: PingFang SC, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 16px;
color: rgba(0, 0, 0, 0.45);
word-break: keep-all;
word-wrap: break-word;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .box_ixioS .contentWrapper_zQJYt {
background: linear-gradient(180deg, rgba(217, 200, 247, 0.55) 0%, rgba(217, 200, 247, 0.24) 100%);
border-radius: 6px;
padding: 32px 10px 16px 10px;
display: flex;
flex-direction: column;
gap: 2px;
height: 100%;
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .one_tgveP .contentWrapper_zQJYt {
background: linear-gradient(180deg, rgba(217, 200, 247, 0.55) 0%, rgba(217, 200, 247, 0.24) 100%);
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .two_Wv5lJ .contentWrapper_zQJYt {
background: linear-gradient(180deg, rgba(190, 226, 244, 0.55) 0%, rgba(190, 226, 244, 0.24) 100%);
}
.container_GCJKO .startPage_c2rW8 .descBlock_mna1l .three_nCN8H .contentWrapper_zQJYt {
background: linear-gradient(180deg, rgba(192, 216, 252, 0.55) 0%, rgba(192, 216, 252, 0.24) 100%);
}
.container_GCJKO .actionBlock_dnyJy {
display: flex;
height: 106px;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 0 16px 16px;
margin-bottom: 16px;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 {
align-self: flex-start;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkboxLabel_cAyjv {
display: flex;
align-items: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkbox_VAy19 {
margin-right: 6px;
width: 16px;
height: 16px;
border: 1px solid #dbdbde;
border-radius: 4px;
background-color: #fff;
cursor: pointer;
position: relative;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkbox_VAy19.selected_msYEm {
border-color: #2e73e5;
background-color: #2e73e5;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkbox_VAy19.selected_msYEm:after {
content: "";
display: block;
width: 9px;
height: 5px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
position: absolute;
top: 3px;
left: 3px;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkbox_VAy19:hover {
border-color: #2e73e5;
}
.container_GCJKO .actionBlock_dnyJy .diarizationBar_-O-h5 .checkboxText_q5SvM {
color: #424454;
font-size: 13px;
font-weight: 400;
line-height: 22px;
font-family: PingFang SC, sans-serif;
}
.container_GCJKO .actionBlock_dnyJy .startButton_LhB6o {
display: flex;
font-size: 15px;
color: #fff;
font-weight: 600;
line-height: 24px;
align-self: stretch;
height: 40px;
min-width: 72px;
padding: 8px 16px;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 4px;
background: #2e73e5;
background: var(--Functional-colorPrimary-Default, #2e73e5);
}
.container_GCJKO .actionBlock_dnyJy .startButton_LhB6o:hover {
background: #2766c4;
background: var(--Functional-colorPrimary-Hover, #2766c4);
}
.container_GCJKO .actionBlock_dnyJy .startButton_LhB6o.disable_K1JX6 {
opacity: 0.5;
cursor: auto;
}
.container_GCJKO .actionBlock_dnyJy .tipRow_Tvw92 {
font-size: 12px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 4px;
gap: 8px;
}
.container_GCJKO .actionBlock_dnyJy .tipRow_Tvw92 .tipContainer_UoA-G {
text-decoration: underline;
color: #909399;
padding: 4px 8px;
border-radius: 2px;
font-family: PingFang SC, sans-serif;
font-weight: 400;
}
.container_GCJKO .actionBlock_dnyJy .tipRow_Tvw92 .tipContainer_UoA-G:not(:last-child)::after {
content: "";
width: 0;
}
.container_GCJKO .mainPage_SPrym {
height: 100%;
position: relative;
}
.container_GCJKO .mainPage_SPrym .contentBox_i0QhH {
height: calc(100% - 50px);
overflow: auto;
display: flex;
flex-direction: column;
gap: 4px;
align-self: stretch;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB {
display: flex;
height: 48px;
justify-content: space-between;
align-items: center;
border-top: 1px solid #e6e7e9;
border-top: 1px solid var(--Neutral-colorBorder-Shallow, #e6e7e9);
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 2px;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .summaryButton_vysBx {
display: flex;
height: 30px;
padding: 5px 10px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 4px;
background: linear-gradient(96deg, #e380ff 14.04%, #556fff 81.47%, #1674f7 94.95%);
box-shadow: 0px 2px 8px 0px rgba(162, 195, 255, 0.19);
color: #fff;
cursor: pointer;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .summaryButton_vysBx img {
width: 43px;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .summaryButton_vysBx .text_IRl5e {
font-size: 12px;
font-weight: 600;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .summaryButton_vysBx:hover {
background: linear-gradient(96deg, rgba(227, 128, 255, 0.5) 14.04%, rgba(85, 111, 255, 0.5) 81.47%, rgba(22, 116, 247, 0.5) 94.95%);
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .hovertip_2jRk7 {
position: absolute;
left: 55%;
transform: translateX(-55%);
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .goingButton_VNoAN,
.container_GCJKO .mainPage_SPrym .footer_c9VVB .pauseButton_vJRj8 {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
color: #2e73e5;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .goingButton_VNoAN:hover,
.container_GCJKO .mainPage_SPrym .footer_c9VVB .pauseButton_vJRj8:hover {
color: #5798f2;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .endButton_xpcz7 {
display: flex;
padding: 5px 10px;
justify-content: center;
align-items: center;
color: #fe5250;
height: 30px;
border-radius: 4px;
border: 1px solid #fe5250;
cursor: pointer;
}
.container_GCJKO .mainPage_SPrym .footer_c9VVB .endButton_xpcz7:hover {
color: #ff7f78;
border: 1px solid #ff7f78;
}
.container_GCJKO .mainPage_SPrym .hasNewTip_R0c7I {
display: flex;
align-items: center;
position: absolute;
bottom: 56px;
left: 50%;
transform: translate(-50%);
margin: auto;
padding: 4px 9px;
border-radius: 18px;
border: 1px solid #e6e7e9;
border: 1px solid var(--Neutral-colorBorder-Shallow, #e6e7e9);
background: #fff;
color: #2e73e5;
font-size: 12px;
font-weight: 500;
cursor: pointer;
}
.container_GCJKO .mainPage_SPrym .hasNewTip_R0c7I:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #fff;
}
.transcriptItem_UnOYE {
display: flex;
align-items: flex-start;
gap: 6px;
align-self: stretch;
border-radius: 2px;
position: relative;
}
.transcriptItem_UnOYE .markFlag_GZcR- {
position: absolute;
top: 6px;
right: 6px;
color: #ffa519;
}
.transcriptItem_UnOYE .avatarBox_QpLpC {
display: flex;
padding: 6px 0;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.transcriptItem_UnOYE .avatarBox_QpLpC .avatar_uezfm {
display: flex;
width: 22px;
height: 22px;
padding: 4.125px 3.637px 4.125px 1.833px;
justify-content: center;
align-items: center;
aspect-ratio: 1/1;
border-radius: 22px;
}
.transcriptItem_UnOYE .infoBox_VGs-Y {
width: calc(100% - 32px);
display: flex;
padding: 6px;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
border-radius: 4px;
}
.transcriptItem_UnOYE .infoBox_VGs-Y .name_time_q3qpK {
font-size: 11px;
color: #91939c;
line-height: 18px;
display: flex;
white-space: nowrap;
}
.transcriptItem_UnOYE .infoBox_VGs-Y .text_IRl5e {
color: #0c1024;
color: var(---gray-1, var(--colorText-Primary, #0c1024));
font-family: "PingFang SC";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 21px;
/* 161.538% */
}
.transcriptItem_UnOYE .infoBox_VGs-Y .voice_btC8Q {
line-height: 22px;
}
.transcriptItem_UnOYE .infoBox_VGs-Y .voice_btC8Q img {
width: 56px;
vertical-align: middle;
}
.transcriptItem_UnOYE .infoBox_VGs-Y .voice_btC8Q .voicetip_qirv9 {
color: #91939c;
font-size: 10px;
line-height: 14px;
}
.transcriptItem_UnOYE .infoBox_VGs-Y:hover {
background: rgba(0, 0, 0, 0.04);
background: var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
}
.transcriptItem_UnOYE .actionWidget_TdNFJ {
display: none;
position: absolute;
top: 0;
right: 0;
padding: 2px 4px;
align-items: center;
gap: 4px;
border-radius: 2px;
border: 1px solid #e6e7e9;
background-color: #fff;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .likeBtn_JAKyH,
.transcriptItem_UnOYE .actionWidget_TdNFJ .dislikeBtn_diCNU {
padding: 3px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .likeBtn_JAKyH:hover,
.transcriptItem_UnOYE .actionWidget_TdNFJ .dislikeBtn_diCNU:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .likeBtn_JAKyH.active_buDm5 svg,
.transcriptItem_UnOYE .actionWidget_TdNFJ .dislikeBtn_diCNU.active_buDm5 svg {
color: #2e73e5;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .verticalLine_ls-Me {
width: 1px;
height: 14px;
margin: 0 3px;
background: #e0e6ee;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .copybox_tWBXX {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 3px;
border-radius: 2px;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .copybox_tWBXX:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #fff;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), var(--Neutral-colorBg-Container, #fff);
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .markBtn_bcfIl {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 3px;
border-radius: 2px;
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .markBtn_bcfIl:hover {
background: rgba(0, 0, 0, 0.04);
}
.transcriptItem_UnOYE .actionWidget_TdNFJ .markBtn_bcfIl.active_buDm5 svg {
color: #ffa519;
}
.transcriptItem_UnOYE:hover .actionWidget_TdNFJ {
display: flex;
}
.transcriptTipRow_w9YUT {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
margin: 8px 0;
color: #91939c;
}
.transcriptTipRow_w9YUT .dash_Dk7YT {
width: 10px;
height: 1px;
background: #e6e7e9;
background: var(--Neutral-colorBorder-Shallow, #e6e7e9);
}
.transcriptTipRow_w9YUT .tipText_gOFE9 {
font-size: 10px;
}
.summaryItem_t7ln- {
position: relative;
display: flex;
min-height: 44px;
padding: 8px 12px 8px 6px;
align-items: center;
gap: 2px;
border-radius: 4px;
border: 1px solid #e6e7e9;
background: #fff;
margin-bottom: 8px;
}
.summaryItem_t7ln- .indexBox_Vcw3B {
font-size: 12px;
font-weight: 600;
color: #303445;
min-width: 24px;
text-align: center;
align-self: flex-start;
padding-top: 2px;
white-space: nowrap;
}
.summaryItem_t7ln- .contentBox_i0QhH {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
.summaryItem_t7ln- .contentBox_i0QhH .text_IRl5e {
font-size: 14px;
line-height: 22px;
outline: none;
-webkit-user-select: auto;
-moz-user-select: auto;
user-select: auto;
pointer-events: auto;
white-space: pre-wrap;
}
.summaryItem_t7ln- .contentBox_i0QhH .participantsRow_fCBbL {
display: flex;
gap: 8px;
align-items: center;
}
.summaryItem_t7ln- .contentBox_i0QhH .participantsRow_fCBbL .chengyuanguanliIcon_rl8rQ {
display: flex;
padding: 5px;
border-radius: 12px;
background-color: #f5f6f6;
cursor: pointer;
}
.summaryItem_t7ln- .contentBox_i0QhH .participantsRow_fCBbL .chengyuanguanliIcon_rl8rQ svg {
color: #2e73e5;
}
.summaryItem_t7ln- .contentBox_i0QhH .participantsRow_fCBbL .chengyuanguanliIcon_rl8rQ:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #f5f6f6;
}
.summaryItem_t7ln- .clearIcon_2vqIJ {
display: none;
position: absolute;
right: -7px;
top: -7px;
color: #91939c;
cursor: pointer;
}
.summaryItem_t7ln-.hasPermission_DmHV9:hover,
.summaryItem_t7ln-.hasPermission_DmHV9.focusing_6gcQy {
border: 1px solid #5798f2;
}
.summaryItem_t7ln-.hasPermission_DmHV9:hover .clearIcon_2vqIJ,
.summaryItem_t7ln-.hasPermission_DmHV9.focusing_6gcQy .clearIcon_2vqIJ {
display: block;
}
.summaryItem_t7ln-:first-child {
margin-top: 6px;
}
.noface_SBSwd {
display: flex;
align-items: center;
justify-self: center;
z-index: 1;
position: relative;
border-radius: 2px;
}
.noface_SBSwd .huijiIcon_v9K1Y {
width: 24px;
height: 24px;
margin: 0px 7px 0px 7px;
}
.noface_SBSwd .huabiIcon_kSmM5 {
width: 48px;
height: 32px;
}
.noface_SBSwd .miniTip_yzzAi {
position: absolute;
bottom: -60px;
right: 5px;
white-space: nowrap;
display: flex;
gap: 8px;
align-items: center;
cursor: default;
pointer-events: none;
padding: 10px 12px;
border-radius: 4px;
background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
}
.noface_SBSwd .miniTip_yzzAi .text_IRl5e {
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.noface_SBSwd .miniTip_yzzAi .guanbi_9muBe {
color: rgba(255, 255, 255, 0.65);
cursor: pointer;
pointer-events: auto;
}
.noface_SBSwd .miniTip_yzzAi .triangle_W6Rjh {
position: absolute;
right: 10px;
rotate: 180deg;
top: 0;
transform: translateY(14px) rotate(180deg);
color: #4181ff;
}
.noface_SBSwd.unclickable_1-DZ0 {
pointer-events: none;
}
/* Hover 容器，参考 iconRoot 的分块尺寸 */
.iconRootHoverContainer_yFKPi {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 2px;
height: 36px;
}
.do-hovers .iconRootHoverContainer_yFKPi:hover {
background-color: rgba(0, 0, 0, 0.06);
}
/* 进行中/暂停状态下的渐变背景样式 */
.iconRootOngoing_WefOY {
background: linear-gradient(96deg, rgba(204, 96, 255, 0.1) 14.04%, rgba(38, 112, 255, 0.1) 81.47%, rgba(50, 125, 255, 0.1) 94.95%);
}
.dividerLine_-2Swh {
width: 1px;
height: 18px;
background-color: #e6e7e9;
margin: 0 8px;
}
.summaryPageBox_Fc088 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.15);
visibility: hidden;
border-radius: 4px;
overflow: hidden;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 {
position: absolute;
top: 72px;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
background-repeat: no-repeat;
background-size: contain;
display: flex;
flex-direction: column;
border-radius: 8px 8px 0px 0px;
transform: translateY(100%);
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .header_PRERJ {
padding: 12px 8px 4px 16px;
display: flex;
align-items: center;
justify-content: space-between;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .header_PRERJ .title_lh1nZ {
font-size: 16px;
font-weight: 600;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .header_PRERJ .bar_tRo5D {
width: 64px;
height: 6px;
position: absolute;
top: 34px;
background: linear-gradient(90deg, rgba(234, 98, 243, 0.3) 0%, rgba(61, 137, 240, 0.3) 50.5%, rgba(21, 224, 230, 0.3) 100%);
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .summaryBody_PDhLl {
overflow: auto;
padding: 0px 12px;
flex: 1;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .summaryBody_PDhLl .doingRow_iUHfc {
display: flex;
gap: 4px;
align-items: center;
margin-bottom: 8px;
padding: 4px 12px;
border-radius: 4px;
background: linear-gradient(96deg, rgba(204, 96, 255, 0.1) 14.04%, rgba(38, 112, 255, 0.1) 81.47%, rgba(50, 125, 255, 0.1) 94.95%);
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .summaryBody_PDhLl .doingRow_iUHfc .text_IRl5e {
font-size: 14px;
font-weight: 600;
background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .summaryBody_PDhLl .doingRow_iUHfc img {
width: 43px;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .summaryBody_PDhLl .plusRow_eY9tJ {
display: flex;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .footer_c9VVB {
padding: 12px 16px 16px 16px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .footer_c9VVB .action_H9nCb {
display: flex;
padding: 5px 12px;
padding: 5px var(--Size-Space-Default, 12px);
align-items: center;
gap: 4px;
border-radius: 4px;
background: #f5f6f6;
cursor: pointer;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .footer_c9VVB .action_H9nCb.disable_K1JX6 {
pointer-events: none;
color: #c2c3c8;
}
.summaryPageBox_Fc088 .innerContainer_pKm32 .footer_c9VVB .action_H9nCb:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #f5f6f6;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), var(--Neutral-colorBg-Elevated, #f5f6f6);
}
.summaryPageBox_Fc088 .feedbackRoot_H3PDs {
position: absolute;
bottom: -45px;
left: 12px;
right: 12px;
animation: slide-up-2_qEx3M 0.2s ease-out forwards 10s;
}
.showSummaryPage_8C6RR {
visibility: visible;
}
.showSummaryPage_8C6RR .innerContainer_pKm32 {
animation: slide-up_K7X1X 0.3s ease-out forwards;
}
.memberPanelBox_0eW-H {
width: 292px;
position: fixed;
z-index: 1000;
background-color: white;
box-shadow: 0px 8px 32px rgba(5, 0, 56, 0.08);
border-radius: 4px 4px 0 0;
overflow: hidden;
visibility: hidden;
}
.visible_s-6Bo {
visibility: visible;
}
.none_Wgfpo {
display: none;
}
.forbidAdd_D8hLP {
cursor: no-drop;
color: #c2c3c8;
}
.forbidAdd_D8hLP:hover {
background-color: transparent;
background-color: initial;
}
.nocontent_oj7l6 {
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.nocontent_oj7l6 > * {
flex-shrink: 0;
}
.nocontent_oj7l6 > img {
width: 108px;
margin-bottom: 8px;
}
.nocontent_oj7l6 .wording_D0Q5z {
color: #424445;
font-size: 14px;
}
@keyframes slide-up_K7X1X {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@keyframes slide-up-2_qEx3M {
100% {
transform: translateY(-120px);
transform: translateY(var(--feedbackPanelBottom, -120px));
}
}
.aiTHinkCostTipContainer_KVTSd {
width: -moz-fit-content;
width: fit-content;
white-space: nowrap;
padding: 2px 4px;
}
.startNewBt_zxjvn {
height: 30px;
padding: 0 8px;
display: flex;
align-items: center;
color: #2e73e5;
border: 1px solid #2e73e5;
border-radius: 4px;
cursor: pointer;
}
.addSummary_hZfih {
width: -moz-fit-content;
width: fit-content;
margin: 8px auto 0;
}
.do-hovers .tipContainer_UoA-G:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.06);
}
.skillButtonContainer_Ulfz8 {
display: flex;
gap: 2px;
align-items: center;
}
.deleteButton_Bza3l {
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1;
}
.skillLabelWrapper_Oca5a {
border-radius: 4px;
position: relative;
display: flex;
align-items: flex-end;
}
.skillLabelWrapper_Oca5a.phoneMode_8QA9Z .skillLabel_Pfe0G {
background: rgba(46, 115, 229, 0.1);
}
.skillLabel_Pfe0G {
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
padding: 2px 6px;
border-radius: 4px;
cursor: pointer;
}
.skillLabel_Pfe0G .skillLabelText_x-QCT {
font-family: PingFang SC, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 20px;
color: #0168ff;
color: var(--functional-colorprimary-default, #0168ff);
white-space: nowrap;
}
.skillLabel_Pfe0G.skillLabelActive_jWvUc {
background: rgba(46, 115, 229, 0.1);
}
.phoneMode .skillLabel_Pfe0G .skillLabelText_x-QCT {
font-size: 15px;
}
.optionWrapper_cB-E3 {
display: flex;
align-items: center;
}
.optionButton_0TKWQ {
display: flex;
gap: 4px;
align-items: center;
justify-content: center;
padding: 2px 6px;
border-radius: 4px;
background: rgba(46, 115, 229, 0.1);
cursor: pointer;
transition: background 0.2s;
}
.optionButton_0TKWQ .optionButtonText_l-KeE {
font-family: PingFang SC, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 20px;
color: #0168ff;
color: var(--functional-colorprimary-default, #0168ff);
white-space: nowrap;
}
.optionButton_0TKWQ .dropdownIconWrapper_5wa6E {
display: flex;
align-items: center;
justify-content: center;
width: 8px;
height: 8px;
}
.optionButton_0TKWQ .dropdownIconWrapper_5wa6E .dropdownIcon_IavcB {
color: #0168ff;
color: var(--functional-colorprimary-default, #0168ff);
font-size: 8px;
}
.optionButton_0TKWQ.optionButtonActive_tS-pg {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), rgba(46, 115, 229, 0.1);
}
.optionListContainer_2ozbZ {
min-width: 120px;
overflow-y: auto;
background: #ffffff;
background: var(--neutral-colorbg-container, #ffffff);
border-radius: 4px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
}
.optionList_E7XR0 {
display: flex;
flex-direction: column;
}
.optionList_E7XR0 .optionItem_-rIBQ {
display: flex;
align-items: center;
justify-content: space-between;
padding: 7px 12px;
cursor: pointer;
transition: background-color 0.2s;
color: #202022;
color: var(--neutral-colortext-primary, #202022);
}
.optionList_E7XR0 .optionItem_-rIBQ .icon_njOvx {
margin-right: 8px;
font-size: 20px;
}
.optionList_E7XR0 .optionItem_-rIBQ .optionText_1he9b {
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
flex: 1;
}
.optionList_E7XR0 .optionItem_-rIBQ .checkIcon_rR4r5 {
color: #0168ff;
color: var(--functional-colorprimary-default, #0168ff);
flex-shrink: 0;
margin-left: 4px;
}
.optionList_E7XR0 .optionItem_-rIBQ.selected_vEDRQ {
padding: 6px 8px 6px 12px;
color: #0168ff;
color: var(--functional-colorprimary-default, #0168ff);
}
.do-hovers .optionButton_0TKWQ:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), rgba(46, 115, 229, 0.1);
}
.do-hovers .optionItem_-rIBQ:hover {
background-color: rgba(0, 0, 0, 0.04);
background-color: var(--neutral-colorcommon-black04, rgba(0, 0, 0, 0.04));
}
.do-hovers .optionItem_-rIBQ:hover.selected_vEDRQ {
background-color: rgba(0, 0, 0, 0.04);
background-color: var(--neutral-colorcommon-black04, rgba(0, 0, 0, 0.04));
}
.mask_WhEkq {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.container_OTOmb {
position: relative;
width: 800px;
background-color: #fff;
border-radius: 12px;
padding: 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.welcome_qY-et {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-align: center;
width: 100%;
}
.welcome_qY-et .title_MgH3O {
font-family: PingFang SC, sans-serif;
font-weight: 600;
font-size: 28px;
line-height: 36px;
color: #202022;
margin: 0;
}
.welcome_qY-et .subtitle_haoMw {
font-family: PingFang SC, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #909399;
margin: 0;
}
.inputBox_AGnI1 {
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0;
}
.skillButtons_5IsKn {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
justify-content: center;
}
.skillBtn_dLlde {
display: flex;
align-items: center;
gap: 4px;
padding: 5px 16px;
background-color: #fff;
border: 1px solid #e0e6ee;
border-radius: 40px;
cursor: pointer;
transition: all 0.2s;
color: #202022;
}
.skillBtn_dLlde span {
font-family: PingFang SC, sans-serif;
font-size: 13px;
line-height: 20px;
}
.skillBtn_dLlde.active_6Nti2 {
color: #2e73e5;
border: 1px solid #2e73e5;
}
.closeBtn_GiGSW {
position: absolute;
top: 12px;
right: 12px;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 2px;
cursor: pointer;
transition: background-color 0.2s;
}
.closeBtn_GiGSW svg {
color: #606266;
}
.typeSelectorBtn_1H4s9 {
display: flex;
align-items: center;
gap: 2px;
background-color: rgba(46, 115, 229, 0.1);
border-radius: 4px;
border-radius: var(--corner-radius-sm, 4px);
padding: 4px 4px 4px 8px;
cursor: pointer;
}
.typeSelectorBtn_1H4s9 .typeSelectorText_ftJto {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: #0168ff;
white-space: nowrap;
}
.typeSelectorBtn_1H4s9 .dropdownIconWrapper_Xnm71 {
display: flex;
align-items: center;
justify-content: center;
}
.typeSelectorBtn_1H4s9 .dropdownIconWrapper_Xnm71 .dropdownIcon_Fx9Z8 {
color: #0168ff;
transform: rotate(180deg);
transition: transform 0.2s;
}
.typeSelectorBtn_1H4s9.singleType_iwzAM {
cursor: default;
background: #EAF1FC;
}
.typeSelectorBtn_1H4s9.singleType_iwzAM .typeSelectorText_ftJto {
color: #ABC7F5;
}
.typeSelectorBtn_1H4s9.singleType_iwzAM .dropdownIconWrapper_Xnm71 .dropdownIcon_Fx9Z8 {
color: #ABC7F5;
}
.typeSelectorPopContainer_10iRH {
min-width: 120px;
}
.typeList_R9Z6f {
display: flex;
flex-direction: column;
background: #ffffff;
background: var(--neutral-colorbg-container, #ffffff);
border-radius: 4px;
border-radius: var(--corner-radius-sm, 4px);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
}
.typeList_R9Z6f .typeItem_-KuNg {
display: flex;
align-items: center;
justify-content: space-between;
padding: 7px 16px;
cursor: pointer;
transition: background-color 0.2s;
}
.typeList_R9Z6f .typeItem_-KuNg .typeText_0c9Vp {
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
color: #0C1024;
white-space: nowrap;
flex: 1;
}
.typeList_R9Z6f .typeItem_-KuNg .checkIcon_pTC73 {
color: #0168ff;
color: var(--functional-colorprimary-default, #0168ff);
flex-shrink: 0;
margin-left: 8px;
}
.typeList_R9Z6f .typeItem_-KuNg.selected_JJXSS {
background-color: rgba(46, 115, 229, 0.1);
}
.typeList_R9Z6f .typeItem_-KuNg.selected_JJXSS .typeText_0c9Vp {
color: #0168ff;
}
.do-hovers .skillBtn_dLlde:not(.active_6Nti2):hover {
background-color: rgba(0, 0, 0, 0.04);
border-color: #e6e7e9;
}
.do-hovers .closeBtn_GiGSW:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .typeSelectorBtn_1H4s9:not(.singleType_iwzAM):hover {
background-color: #EAF1FC;
}
.do-hovers .typeItem_-KuNg:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .typeItem_-KuNg:hover.selected_JJXSS {
background-color: rgba(46, 115, 229, 0.1);
}
.cm_item_woFo2 {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_woFo2.disabled_-fWQg {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_woFo2.autoWidth_nnY9k {
width: auto;
min-width: 40px;
}
.icon_box_S5Joe {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_S5Joe.active_q-JS0 {
color: var(--upime-active);
}
.bling_item_V7sAj {
opacity: 0.8;
}
.hidden_03mmr {
visibility: hidden !important;
}
.hidden_all_hfGCy {
visibility: hidden !important;
}
.hidden_all_hfGCy * {
visibility: hidden !important;
}
.show_all_ldRC3 {
visibility: visible !important;
}
.show_all_ldRC3 * {
visibility: visible !important;
}
.pane_lzMTG {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_lmdBL {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_lP-oN {
visibility: hidden;
opacity: 0;
animation: show_lmdBL 0.5s forwards;
}
@keyframes show_scale_v9Zjz {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_v9Zjz {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_v9Zjz 0.3s forwards;
}
.show_scale_v9Zjz.right_EYVTA {
transform-origin: left center;
}
.show_scale_v9Zjz.left_6UAk5 {
transform-origin: right center;
}
.show_scale_v9Zjz.bottom_0Pr-I {
transform-origin: center top;
}
.show_scale_v9Zjz.top_8d4zn {
transform-origin: center bottom;
}
.show_scale_v9Zjz.left_top_pBvac {
transform-origin: right top;
}
.show_scale_v9Zjz.top_left_cTViK {
transform-origin: bottom left;
}
.show_scale_v9Zjz.bottom_left_bMuu1 {
transform-origin: top left;
}
.show_scale_v9Zjz.top_right_Q0DLy {
transform-origin: bottom right;
}
.show_scale_v9Zjz.bottom_right_bw3-d {
transform-origin: top right;
}
.show_scale_v9Zjz.right_top_V9sHa {
transform-origin: left top;
}
.show_scale_v9Zjz.right_bottom_as6uy {
transform-origin: left bottom;
}
.show_scale_v9Zjz.left_bottom_P-NL0 {
transform-origin: right bottom;
}
.btn_style_RQajD {
cursor: pointer;
}
.btn_style_RQajD:active,
.btn_style_RQajD.on_oyy5B {
color: var(--upime-active);
}
.btn_style_RQajD.disabled_-fWQg {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_h-W-P {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_S5Joe:hover {
opacity: 1;
}
.do-hovers .bling_item_V7sAj:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_RQajD:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_h-W-P:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_ea5Bi:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_Q0ohc:hover {
color: var(--upime-main-text);
}
.rotateY180_Oiioe {
transform: rotateY(180deg);
}
.titleIcon_ea5Bi {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_ea5Bi.active_q-JS0 {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_ea5Bi.active_q-JS0 {
color: var(--upime-active);
}
.moreIcon_Q0ohc {
cursor: pointer;
}
.moreIcon_Q0ohc svg {
color: #303445;
}
.moreIcon_Q0ohc.active_q-JS0 svg {
color: var(--upime-main-text);
}
@keyframes loading_kgU-L {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_uK8F7 {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_kgU-L 1s linear infinite forwards;
}
.AIButtonContainer_5-YbV {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_5-YbV.transparent_9k3Hf {
opacity: 0;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au.AIShow_hABmC {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au.AIHide_ILpfb {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au.AIButtonHover_p8xVt:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au.AIButtonDisabled_DZoPm {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_5-YbV .AIButtonWrapper_AB9rc .AIButtonImageContainer_5Z0Au .AIButtonImage_1XZsH {
width: 32px;
height: 32px;
}
.sub_win_container_lIIAl {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_lIIAl::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_lIIAl::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_lIIAl::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_lIIAl .sub_win_child_wrapper_uAsvZ:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_lIIAl .sub_win_child_wrapper_uAsvZ:not(:first-child) .sub_win_child_COZdN {
padding-top: 0;
}
.sub_win_flexalbe_container_exDlu {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_exDlu * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c:not(:first-child) .flexable_scroll_inner_LNadK {
padding-top: 0px;
}
.phoneMode .sub_win_container_lIIAl {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_exDlu {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_CKc-c {
animation: safariUpdate_vMjqb 0.1s forwards;
}
.safariOn .sub_win_container_lIIAl {
animation: safariUpdate_vMjqb 0.1s forwards;
}
@keyframes safariUpdate_vMjqb {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_xQ7OC {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_xQ7OC .noColorStylePart_LqYlX + .noColorStylePart_LqYlX {
margin-top: 8px;
}
.noColorStyleContainer_xQ7OC .partlabel_4BfrS {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_xQ7OC .partlabel_4BfrS.disabled_-fWQg {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_lIIAl,
.phoneMode .sub_win_flexalbe_container_exDlu {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_lIIAl .flexable_scroll_wrapper_CKc-c:not(:first-child),
.phoneMode .sub_win_flexalbe_container_exDlu .flexable_scroll_wrapper_CKc-c:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_xQ7OC {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_xQ7OC .noColorStylePart_LqYlX + .noColorStylePart_LqYlX {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_xQ7OC .partlabel_4BfrS {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_BU59L {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_BU59L.active_q-JS0 {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_FFB0D.active_q-JS0 {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_BU59L:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_BU59L:hover.active_q-JS0 {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_FFB0D:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_FFB0D:hover.active_q-JS0 {
color: #2E73E5;
background-color: #dce3ed;
}
.container_9dtPv {
position: relative;
}
.container_9dtPv.disabled_-fWQg {
pointer-events: none;
}
.container_9dtPv .headHotAreaContainer_t0Y9h {
position: absolute;
left: 0;
right: 0;
bottom: 100%;
height: 44px;
}
.container_9dtPv .listNodeContainer_iFOig {
margin-bottom: 8px;
height: 44px;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.15s;
}
.container_9dtPv .listNodeContainer_iFOig.hide_w982n {
height: 0px;
margin-bottom: 0;
overflow: hidden;
opacity: 0;
}
.container_9dtPv .listNodeContainer_iFOig .iconContainer_El7ex {
display: flex;
width: 24px;
height: 24px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 2px;
}
.container_9dtPv .listNodeContainer_iFOig .iconContainer_El7ex .icon_0cXkx {
transition: all 0.15s;
}
.container_9dtPv .listNodeContainer_iFOig .iconContainer_El7ex .icon_0cXkx.collapsed_As2E1 {
transform: rotate(-90deg);
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA {
flex: 1;
height: 100%;
background-color: white;
border-radius: 4px;
display: flex;
align-items: center;
font-weight: 500;
gap: 4px;
padding: 0 8px 0 4px;
font-size: 16px;
cursor: pointer;
border: 1px solid transparent;
overflow: hidden;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA.active_q-JS0 {
border: 1px solid #2e73e5;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA input {
font-size: 16px;
font-weight: 500;
font-family: inherit;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA.subRow_NBKS0 {
margin-left: 18px;
font-weight: 400;
font-size: 14px;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA.subRow_NBKS0 input {
font-size: 14px;
font-weight: 400;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA.rowDragging_--pwi {
opacity: 0.2;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .indexContainer_jhFO0 {
height: 100%;
min-width: 22px;
flex-shrink: 0;
text-align: center;
line-height: 44px;
color: #303445;
font-weight: 400;
font-size: 12px;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U {
flex: 1;
overflow: hidden;
height: 100%;
margin-right: 12px;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U .text_5slZl {
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
align-items: center;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U .text_5slZl.placeholder_zLtV7 {
color: var(--upime-disable);
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U input {
width: 100%;
height: 100%;
border: none;
outline: none;
padding: 0;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U input::-moz-placeholder {
color: var(--upime-disable);
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .contentContainer_spr3U input::placeholder {
color: var(--upime-disable);
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .actionIconContainer_tMmdd {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: #616371;
border-radius: 2px;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .actionIconContainer_tMmdd.disabled_-fWQg {
color: #c2c3c8;
cursor: not-allowed;
}
.container_9dtPv .listNodeContainer_iFOig .row_9mCtA .iconGap_VWG-h + .iconGap_VWG-h {
margin-left: 12px;
}
.reciveLine_Yymqn {
width: 100%;
height: 0;
position: relative;
transform: translateY(-3px);
}
.reciveLine_Yymqn.inBottom_TbMTV {
transform: translateY(40px);
}
.reciveLine_Yymqn::after {
content: "";
background-color: #2e73e5;
border-radius: 2px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
}
.reciveLine_Yymqn.subLine_6zneL::after {
left: 48px;
}
.do-hovers .hoverContainer_YpluY {
cursor: pointer;
}
.do-hovers .hoverContainer_YpluY:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .row_9mCtA:hover:not(.noHover_fdFu7) {
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
}
.showWhenHoverContainer_nmeME .showWhenHover_XEHg9 {
transition: all 0.15s;
opacity: 0;
}
.showWhenHoverContainer_nmeME:not(.noHover_fdFu7):hover .showWhenHover_XEHg9 {
opacity: 1;
}
.dragContainer_POdMu {
border: 1px solid #e6e7e9 !important;
cursor: move !important;
}
.dragContainer_POdMu {
background-color: white;
border-radius: 4px;
display: flex;
align-items: center;
font-weight: 500;
gap: 4px;
padding: 0 8px 0 4px;
font-size: 16px;
overflow: hidden;
z-index: 99;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: fixed;
width: 0;
height: 0;
}
.dragContainer_POdMu.subRow_NBKS0 {
margin-left: 0 !important;
}
.dragContainer_POdMu .actionIconContainer_tMmdd {
opacity: 0 !important;
}
.tipContent_57bBR {
width: 170px;
border-radius: 2px;
background: #000;
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.tipContent_57bBR .tipItem_-fNrh {
word-break: normal;
word-wrap: normal;
}
.iconContainer_XNCD- {
padding: 4px;
display: flex;
}
.iconContainer_XNCD- .icon_ZPFcS {
width: 16px;
height: 16px;
cursor: pointer;
color: #91939c;
}
.iconWrap_9uQKL {
width: 38px;
height: 38px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: relative;
}
.iconWrap_9uQKL.size44_Fho5B {
width: 44px;
height: 44px;
}
.iconWrap_9uQKL.rotate90_WMVSb {
transform: rotate(-90deg);
}
.iconWrap_9uQKL.disable_Urvlx {
pointer-events: none;
color: #d8d8d8;
}
.iconWrapActive_Gq-lA {
color: var(--upime-active);
background-color: #eaf1fc;
}
.iconWrapActive_Gq-lA.forceColor_ULTXu {
color: var(--upime-active) !important;
}
.do-hovers .iconWrapActive_Gq-lA:hover {
background-color: #eaf1fc;
}
.do-hovers.bigScreenOff .iconWrap_9uQKL:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.toolbar_Fmmy8 {
pointer-events: auto;
flex-shrink: 0;
padding: 5px 0;
width: 48px;
z-index: 100;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
min-height: 88px;
transition: height 0.2s linear, top 0.2s linear, width ease-in-out 0.3s;
position: relative;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.toolbar_Fmmy8.simpleToolbar_Dzm9r .toolCenter_03SXK {
gap: 2px;
margin-top: 2px;
}
.toolbar_Fmmy8.horizMode_Xq0ER {
width: initial !important;
}
.toolbar_Fmmy8.horizMode_Xq0ER {
flex-direction: row;
transition: none;
padding: 0px;
width: auto;
border-radius: 0;
border-radius: initial;
box-shadow: none;
box-shadow: initial;
min-height: 0;
min-height: initial;
}
.toolbar_Fmmy8.horizMode_Xq0ER .selectTool_4Cl8W {
margin-right: 8px;
}
.toolbar_Fmmy8.horizMode_Xq0ER .selectTool_4Cl8W .iconWrap_9uQKL {
padding: 8px;
width: auto;
width: initial;
height: auto;
height: initial;
}
.toolbar_Fmmy8.horizMode_Xq0ER .selectTool_4Cl8W .iconWrap_9uQKL > svg {
width: 28px;
height: 28px;
}
.toolbar_Fmmy8.horizMode_Xq0ER .moreApps_91idP .moreAppBtnCon_1lTcR {
padding: 8px 0px;
}
.toolbar_Fmmy8.horizMode_Xq0ER .toolCenter_03SXK {
display: flex;
flex-direction: row;
gap: 8px;
margin-top: 0;
}
.toolbar_Fmmy8 .tool_CeSc9 {
display: flex;
justify-content: center;
align-items: center;
color: #000;
text-align: center;
}
.toolbar_Fmmy8 .tool_CeSc9.disable_Urvlx {
pointer-events: none;
color: #d8d8d8;
}
.toolbar_Fmmy8 .toolbarBottomWrap_Scnsx {
display: flex;
justify-content: flex-start;
align-items: center;
flex-shrink: 0;
gap: 2px;
}
.toolbar_Fmmy8 .toolbarBottomWrap_Scnsx.toolbarBottomVerticalMode_HW53I {
flex-direction: column;
}
.toolbar_Fmmy8 .toolbarBottomWrap_Scnsx.toolbarBottomHorizontalMode_hE3QN {
flex-direction: row;
margin-right: 8px;
}
.toolbar_Fmmy8 .moreApps_91idP {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.toolbar_Fmmy8 .moreApps_91idP.moreAppIconHide_66xtu {
display: none;
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR.moreAppBtnConDisable_vNPXD {
pointer-events: none;
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR.moreAppBtnConDisable_vNPXD svg {
color: #d8d8d8 !important;
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR svg {
color: var(--upime-main-text) !important;
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR svg {
transform: rotate(90deg);
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR.active_nkqzD {
background-color: #eaf1fc;
}
.toolbar_Fmmy8 .moreApps_91idP .moreAppBtnCon_1lTcR.active_nkqzD svg {
color: #2e73e5 !important;
}
.toolbar_Fmmy8 .moreApps_91idP.moreAppHorizMode_-g7T2 .moreAppBtnCon_1lTcR {
padding: 0;
padding: initial;
}
.toolbar_Fmmy8.waiting_S-SJy .tool_CeSc9 {
visibility: hidden;
}
.toolbar_Fmmy8 .active_nkqzD {
color: var(--upime-active);
}
.toolbar_Fmmy8 .active_nkqzD .iconWrap_9uQKL {
background-color: #eaf1fc;
}
.toolCenter_03SXK {
width: 100%;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
transition: height 0.2s linear;
-ms-overflow-style: none;
}
.toolCenter_03SXK::-webkit-scrollbar {
display: none;
}
.toolCenter_03SXK .tool_CeSc9 {
width: 38px;
}
.toolCenter_03SXK + .toolbarBottomHorizontalMode_hE3QN {
margin-left: 8px;
}
.shortcutContainer_DwPbT {
display: flex;
align-items: center;
gap: 8px;
word-break: keep-all;
white-space: nowrap;
font-size: 12px;
line-height: 1;
}
.shortcutContainer_DwPbT .shortcutBox_CpBYj {
min-width: 16px;
height: 16px;
padding: 0 4px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid #91939c;
color: #91939c;
}
.dragableWrapper_t9PJG {
position: absolute;
left: 5px;
}
.dragableWrapper_t9PJG.dragHorizMode_VYEJf {
left: 0;
top: 8px;
position: static;
position: initial;
}
.dragableWrapper_t9PJG.dragHorizMode_VYEJf .iconWrap_9uQKL {
width: auto;
width: initial;
height: auto;
height: initial;
padding: 8px;
}
.dragableWrapper_t9PJG .fakeIcon_C-nmD {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
pointer-events: none;
}
.dragableWrapper_t9PJG.ani_ri8KI {
transition: all 0.15s;
}
.draggingIconContainer_Cucfx {
position: fixed;
z-index: 500;
background-color: white;
border-radius: 4px;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
pointer-events: all;
}
.penItemEditWrapper_X5LQi {
position: relative;
bottom: 34px;
}
.penItemEditWrapper_X5LQi.penItemEditWrapperVerMode_m3YtP {
bottom: 0;
left: 20px;
}
.penItemEditWrapper_X5LQi.penItemEditWrapperHorizMode_dumPt {
right: 22px;
}
.penItemEditContainer_qCgzN {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 182px;
padding-bottom: 10px;
padding-top: 12px;
}
.penItemEditContainer_qCgzN.penItemEditContainerVerMode_ToauN {
left: 0;
transform: translateX(0%) translateY(50%);
}
.penItemOutter_SoY45 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.penItemOutter_SoY45 .selectedTipIcon_xtKGB {
position: absolute;
top: 2px;
right: 2px;
width: 7px;
height: 7px;
color: #2e73e5;
}
.penSubEditContainer_gZ8P5 {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 338px;
padding-bottom: 10px;
padding-top: 12px;
padding: 8px;
}
.penSubEditContainer_gZ8P5.penSubEditContainerVerMode_AJsby {
left: 0;
transform: translateX(0%) translateY(50%);
}
.aiTipContainer_J0KgX {
position: absolute;
left: calc(100% + 20px);
top: calc(50% + 4px);
transform: translateY(-50%);
display: flex;
align-items: center;
padding: 10px 12px;
border-radius: 4px;
background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
gap: 8px;
max-width: 400px;
overflow: hidden;
}
.aiTipContainer_J0KgX .svgContainer_Jq-za {
position: absolute;
left: 0;
top: 50%;
transform: translate(-100%, -50%);
}
.aiTipContainer_J0KgX .aiTipContent_8sG2s {
color: white;
flex: 1;
overflow: hidden;
width: -moz-max-content;
width: max-content;
text-align: left;
}
.aiTipContainer_J0KgX .aiTipContent_8sG2s .title_t7WLN {
overflow: hidden;
}
.aiTipContainer_J0KgX .aiTipContent_8sG2s .description_8vF0r {
color: rgba(255, 255, 255, 0.85);
font-size: 12px;
line-height: 20px;
overflow: hidden;
}
.aiTipContainer_J0KgX .divider_bHxUb {
width: 1px;
height: 12px;
background: rgba(255, 255, 255, 0.15);
flex-shrink: 0;
}
.aiTipContainer_J0KgX .closeContainer_X4qxv {
cursor: pointer;
color: rgba(255, 255, 255, 0.65);
display: block;
width: 16px;
height: 16px;
flex-shrink: 0;
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 12px;
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4:last-child {
margin-bottom: 0;
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 input[type="radio"] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 16px;
height: 16px;
border: 1px solid var(--upime-second-text);
border-radius: 50%;
outline: none;
position: relative;
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 input[type="radio"] {
background-color: white;
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 input[type="radio"]:checked {
border-color: var(--upime-active);
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 input[type="radio"]:checked::before {
content: "";
width: 8px;
height: 8px;
background-color: var(--upime-active);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.deleteConfirmDialog_Jbrd9 .item_oM1S4 .input_VN0M5 {
margin: 0;
padding: 0;
}
.ratioBlock_T7Pb7 {
display: flex;
width: 64px;
height: 64px;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 6px 8px;
border-radius: 2px;
cursor: pointer;
gap: 4px;
}
.ratioBlock_T7Pb7.active_Ui-Ge {
background-color: #eaf1fc;
color: var(--upime-active);
}
.ratioBlock_T7Pb7 span {
font-size: 12px;
text-align: center;
}
.do-hovers .ratioBlock_T7Pb7:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .ratioBlock_T7Pb7.active_Ui-Ge:hover {
background-color: #dce3ed;
}
.frameTypeEditor_vAZvs {
min-width: 74px;
font-size: 14px;
height: 50px;
text-align: center;
}
.typeLabelContainer_EbMr- {
width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.frameTypeLabel_EQXEm {
height: 40px;
line-height: 40px;
min-width: 40px;
text-align: center;
padding: 0 5px;
}
.do-hovers .frameTypeLabel_EQXEm:hover {
background: var(--upime-btn-bg-hover);
}
.ratiosPanel_JQ-LQ {
width: 292px;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 8px 12px;
gap: 4px;
}
.ratiosPanel_JQ-LQ.noPadding_ktU6u {
padding: 0;
width: auto;
}
.fitContentWithLabel_pFu7m {
display: flex;
align-items: center;
gap: 6px;
padding: 0 8px;
border-radius: 2px;
cursor: pointer;
height: 40px;
}
.fitContentLabel_YOqiT {
font-size: 15px;
line-height: 22px;
color: var(--upime-main-text);
white-space: nowrap;
}
.do-hovers .fitContentWithLabel_pFu7m:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.fitContainer_yaLLV {
display: flex;
align-items: center;
height: 50px;
}
.fitContainer_yaLLV .expandPanel_KGv7a {
height: 96px;
display: flex;
flex-direction: column;
padding: 8px 0;
}
.fitContainer_yaLLV .expandPanel_KGv7a .row_iwIdl {
width: 100%;
cursor: pointer;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
height: 40px;
padding: 0px 16px;
}
.fitContainer_yaLLV .expandPanel_KGv7a .row_iwIdl > span {
font-size: 14px;
color: var(--upime-main-text);
line-height: 20px;
white-space: nowrap;
}
.fitContainer_yaLLV .expandPanel_KGv7a .row_iwIdl > svg {
color: var(--upime-active);
position: absolute;
width: 20px;
height: 20px;
top: 10px;
left: 16px;
}
.frame_fit_content_btn_ucW9E {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .frame_fit_content_btn_ucW9E:hover {
background: var(--upime-btn-bg-hover);
}
.fitIconMoreTriangle_F1Jro {
display: flex;
align-items: center;
padding: 16px 4px;
border-radius: 2px;
cursor: pointer;
}
.fitIconMoreTriangle_F1Jro.active_Ui-Ge {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .fitIconMoreTriangle_F1Jro:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .expandPanel_KGv7a .row_iwIdl:hover {
background-color: var(--upime-btn-bg-hover);
}
.frameStyleTabSwitch_1D6gh {
display: flex;
padding: 4px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 6px;
background: #F5F6F6;
cursor: default;
}
.frameStyleTabSwitch_1D6gh .frameStyleTabBtn_6RbEB {
text-align: center;
font-size: 13px;
line-height: 18px;
padding: 4px;
flex: 1;
border-radius: 4px;
color: #91939C;
cursor: pointer;
}
.frameStyleTabSwitch_1D6gh .frameStyleTabBtn_6RbEB.selected_ipVlF {
background: #FFF;
color: #0C1024;
}
.bgImgEditArea_J3gBU {
margin-top: 8px;
padding: 0 18px 16px;
display: flex;
flex-direction: column;
align-items: flex-end;
cursor: default;
}
.bgImgEditArea_J3gBU .imgPreviewBox_QTunz {
width: 204px;
height: 204px;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.06);
position: relative;
overflow: hidden;
}
.bgImgEditArea_J3gBU .previewImg_TfQiB {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.bgImgEditArea_J3gBU .copyImgBtn_xWpM6 {
margin-top: 2px;
align-self: flex-start;
font-size: 12px;
color: var(--upime-active);
cursor: pointer;
}
.bgImgEditArea_J3gBU .uploadShadow_DhYYr {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
display: none;
}
.bgImgEditArea_J3gBU .uploadShadow_DhYYr.show_K6-lx {
display: inline;
display: initial;
}
.bgImgEditArea_J3gBU .uploadBtnWrapper_x6OWf {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
width: 100%;
padding: 0 16px;
box-sizing: border-box;
}
.bgImgEditArea_J3gBU .imgUploadBtn_3-5ap {
width: 120px;
height: 32px;
line-height: 32px;
font-size: 14px;
text-align: center;
color: #FFFFFF;
border-radius: 4px;
border: 1px solid #FFFFFF;
cursor: pointer;
}
.bgImgEditArea_J3gBU .selectCanvasBtn_nvZi9 {
width: 120px;
height: 32px;
line-height: 32px;
font-size: 14px;
text-align: center;
color: #FFFFFF;
border-radius: 4px;
border: 1px solid #FFFFFF;
cursor: pointer;
background: rgba(0, 0, 0, 0.35);
}
.bgImgEditArea_J3gBU .comfirmBtn_IOgHe {
margin-top: 8px;
padding: 5px 12px;
justify-content: center;
font-size: 14px;
line-height: 22px;
text-align: center;
}
.do-hovers .imgPreviewBox_QTunz:hover .uploadShadow_DhYYr {
display: inline;
display: initial;
}
.frameSummaryFrameSizeEditorWrap_Z7hQe .buttonWrap_v-I0l {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.frameSummaryFrameSizeEditorWrap_Z7hQe .buttonWrap_v-I0l .iconWrap_mhFoN {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 2px;
}
.do-hovers .iconWrap_mhFoN:hover {
background-color: #F5F6F6;
}
.frameSummaryDismantlingButtonWrap_Lx5q2 .buttonWrap_4QIFE {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.frameSummaryDismantlingButtonWrap_Lx5q2 .buttonWrap_4QIFE .iconWrap_LZcM2 {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 2px;
}
.do-hovers .iconWrap_LZcM2:hover {
background-color: #F5F6F6;
}
.syncAreaMaskWrap_iC-uV {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.15);
pointer-events: none;
}
.syncAreaMaskWrap_iC-uV .borderTop_TFtwK,
.syncAreaMaskWrap_iC-uV .borderBottom_hL-zc {
position: absolute;
background-color: #9069ff;
}
.root_GRo-D {
position: absolute;
top: 0;
left: 0;
z-index: 31;
pointer-events: auto;
}
.exitBtn_mfhRu {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 6px;
background: #ffffff;
background: var(--neutral-colorbg-container, #ffffff);
border: 1px solid #e6e7e9;
border: 1px solid var(--neutral-colorborder-shallow, #e6e7e9);
border-radius: 8px;
border-radius: var(--corner-radius-lg, 8px);
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
cursor: pointer;
color: #0c1024;
color: var(--neutral-colortext-primary, #0c1024);
}
.exitBtn_mfhRu.disabled_F-YZs {
opacity: 0.3;
cursor: not-allowed;
}
.inner_xmKIx {
display: flex;
align-items: center;
gap: 6px;
padding: 5px 8px;
border-radius: 4px;
}
.text_qPon2 {
font-size: 16px;
line-height: 24px;
white-space: nowrap;
}
.bigScreen_n6QrI {
top: auto;
bottom: 0;
}
.bigScreen_n6QrI .exitBtn_mfhRu {
padding: 9px 8px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.bigScreen_n6QrI .inner_xmKIx {
padding: 7px 8px;
}
.do-hovers .exitBtn_mfhRu:not(.disabled_F-YZs):hover .inner_xmKIx {
background: rgba(0, 0, 0, 0.04);
background: var(--neutral-colorcommon-black04, rgba(0, 0, 0, 0.04));
}
.backToBestViewportWrap_JXp4A {
width: -moz-max-content;
width: max-content;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 6px;
padding: 8px 12px;
background: #ffffff;
background: var(--neutral-colorbg-container, #ffffff);
border: 1px solid #e0e6ee;
border: 1px solid var(--neutral-colorborder-shallow, #e0e6ee);
border-radius: 8px;
border-radius: var(--corner-radius-lg, 8px);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
pointer-events: all;
cursor: pointer;
color: #202022;
color: var(--neutral-colortext-primary, #202022);
}
.backToBestViewportWrap_JXp4A .icon_okt30 {
width: 16px;
height: 16px;
flex-shrink: 0;
}
.backToBestViewportWrap_JXp4A .content_77Etm {
font-size: 12px;
line-height: 20px;
font-weight: 400;
white-space: nowrap;
}
.draftContainer_bTFv1 {
display: flex;
flex-direction: column;
}
.draftContainer_bTFv1 .textPart_mSkHp {
display: flex;
position: relative;
max-height: 118px;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C {
-webkit-user-select: text !important;
-moz-user-select: text !important;
user-select: text !important;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C {
width: 100%;
min-height: 50px;
max-height: 162px;
overflow-x: hidden;
overflow-y: scroll;
padding: 15px 56px 16px 16px;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C::-webkit-scrollbar {
width: 4px;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C > div {
line-height: 20px;
font-size: 14px;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C span {
top: 0px;
}
.draftContainer_bTFv1 .textPart_mSkHp .editor_qUK8C * {
-webkit-user-select: text !important;
-moz-user-select: text !important;
user-select: text !important;
}
.draftContainer_bTFv1 .textPart_mSkHp .actionRow_vDiop {
position: absolute;
right: 0;
bottom: 0;
display: flex;
flex-direction: row;
padding: 14px 16px 14px 12px;
justify-content: flex-end;
}
.draftContainer_bTFv1 .textPart_mSkHp .actionRow_vDiop svg {
color: #d8d8d8;
cursor: pointer;
pointer-events: none;
width: 24px;
height: 22px;
}
.draftContainer_bTFv1 .textPart_mSkHp .actionRow_vDiop svg.active_Jlg5i {
color: var(--upime-active);
pointer-events: auto;
}
.draftContainer_bTFv1 .draftActions_yDQ7Z {
display: flex;
width: 100%;
padding: 8px 16px 12px 16px;
}
.draftContainer_bTFv1 .draftActions_yDQ7Z .micCon_rvwbZ {
height: 24px;
}
.draftContainer_bTFv1 .draftActions_yDQ7Z svg {
cursor: pointer;
width: 24px;
height: 24px;
margin-right: 24px;
color: #616371;
}
.draftContainer_bTFv1 .draftActions_yDQ7Z .active_Jlg5i {
color: var(--upime-active);
}
.draftContainer_bTFv1.phone_IOn-M {
justify-content: space-evenly;
min-height: 52px;
flex-direction: row;
padding: 8px 8px 8px 8px;
gap: 8px;
align-items: end;
position: relative;
}
.draftContainer_bTFv1.phone_IOn-M.editmode_rZmQW {
height: 140px;
margin-top: 0;
padding-top: 12px;
padding-bottom: 16px;
padding-right: 14px;
}
.draftContainer_bTFv1.phone_IOn-M.editmode_rZmQW .textPart_mSkHp {
height: 100%;
padding-right: 0;
}
.draftContainer_bTFv1.phone_IOn-M.editmode_rZmQW .textPart_mSkHp .editor_qUK8C {
height: 100%;
}
.draftContainer_bTFv1.phone_IOn-M .mic_0AJpr {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
padding: 6px;
}
.draftContainer_bTFv1.phone_IOn-M .mic_0AJpr svg {
font-size: 24px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp {
flex-basis: 80%;
position: relative;
align-items: end;
gap: 4px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .editor_qUK8C {
padding: 0;
padding: initial;
min-height: 36px;
max-height: 118px;
flex: auto;
border-radius: 4px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .editor_qUK8C span {
top: 7px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .editor_qUK8C p {
background-color: #f5f6f6;
padding: 0 12px 0 12px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .editor_qUK8C p:first-child {
padding-top: 7px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .editor_qUK8C p:last-child {
padding-bottom: 7px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .fasongContainer_xprdO {
flex: none;
border-radius: 4px;
width: 36px;
height: 36px;
display: flex;
background-color: #2e73e5;
justify-content: center;
align-items: center;
}
.draftContainer_bTFv1.phone_IOn-M .textPart_mSkHp .fasongContainer_xprdO .send_y-fiE {
color: #fff;
}
.draftContainer_bTFv1.phone_IOn-M .guanbiContainer_bysqn {
position: absolute;
right: 8px;
top: 8px;
display: flex;
padding: 8px;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX {
flex-basis: 98%;
padding-right: 42px;
overflow: hidden;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX .editor_qUK8C {
width: 100%;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX .editor_qUK8C span {
top: -1px;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX .editor_qUK8C p {
padding: 0px 10px 0px 10px;
background-color: transparent;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX .editor_qUK8C p:first-child {
padding-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.draftContainer_bTFv1.phone_IOn-M .editTextPart_q0FLX .editor_qUK8C p:last-child {
padding-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.draftContainer_bTFv1.phone_IOn-M .upload_S2kop {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
padding: 6px;
}
.draftContainer_bTFv1.phone_IOn-M .upload_S2kop svg {
font-size: 24px;
}
.draftContainer_bTFv1.editmode_rZmQW {
height: 98px;
padding-bottom: 16px;
margin-top: 16px;
}
.atContainer_7G6Vq {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-top: -600px;
margin-bottom: 56px;
background: rgba(0, 0, 0, 0.4);
}
.recorderContainer_I-Is6 .coverblock_Veo5Z {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 116px);
margin-top: -200px;
z-index: 1000;
}
.recorderContainer_I-Is6 .closebar_2HWbi {
height: 22px;
text-align: right;
margin-right: 14px;
margin-top: 14px;
}
.commentWrapper_lnwKg {
position: absolute;
left: 0;
top: 0;
will-change: transform;
pointer-events: auto;
z-index: 999;
visibility: hidden;
touch-action: none;
}
.commentWrapper_lnwKg .connectionLine_BAIwb {
width: 233px;
border: 1px solid #ffd02f;
transform: translate(180px, -2px) rotate(180deg);
position: absolute;
transform-origin: 0 50%;
display: flex;
justify-content: flex-end;
align-items: center;
height: 0px;
pointer-events: none;
}
.commentWrapper_lnwKg .connectionLine_BAIwb .pivot_fzXzV {
margin: -6px;
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #ffd02f;
pointer-events: none;
}
.commentWrapper_lnwKg .commentBody_yTcdg {
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
background: white;
width: 340px;
max-height: 500px;
position: absolute;
transform: translateY(-50%);
border-radius: 8px;
}
.panelRoot_S6AQ4 {
display: flex;
flex-direction: column;
width: 100%;
overflow: hidden;
}
.panelRoot_S6AQ4.phoneMode_HrvMw .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ:active {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
background: initial;
}
.panelRoot_S6AQ4.phoneMode_HrvMw .body_xxSWm {
max-height: 300px;
}
.panelRoot_S6AQ4.phoneMode_HrvMw .upimeSlateParagraph {
font-size: 15px;
}
.panelRoot_S6AQ4 .header_AkNfS {
height: 49px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 7px 8px 7px 16px;
border-bottom: 1px solid #ECECEE;
}
.panelRoot_S6AQ4 .header_AkNfS .toggleRoot_Ynj3f {
min-width: 85px;
height: 24px;
display: flex;
align-items: center;
}
.panelRoot_S6AQ4 .header_AkNfS .toggleRoot_Ynj3f > span {
margin-left: 8px;
font-size: 14px;
color: #616371;
line-height: 24px;
}
.panelRoot_S6AQ4 .header_AkNfS .toggleRoot_Ynj3f .resolvedText_VmRjb {
color: var(--upime-main-text);
}
.panelRoot_S6AQ4 .header_AkNfS .themeSelector_9kHYQ {
min-width: 130px;
}
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 {
display: flex;
flex-direction: row;
align-items: center;
}
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ {
display: flex;
padding: 6px;
border-radius: 2px;
cursor: pointer;
}
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ:hover,
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ.active_Jlg5i {
background: rgba(0, 0, 0, 0.06);
}
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ .resolvedIcon_vOYR8 {
color: #0C1024;
}
.panelRoot_S6AQ4 .header_AkNfS .actions_3fVD6 .iconWrapper_ouQCJ .resolvedIcon_vOYR8.resolved_8vrvt {
color: #2E73E5;
}
.panelRoot_S6AQ4 .body_xxSWm {
width: 100%;
max-height: 287px;
padding: 16px 16px 0 16px;
overflow-x: hidden;
overflow-y: scroll;
border-bottom: 1px solid #ECECEE;
min-height: 40px;
}
.panelRoot_S6AQ4 .body_xxSWm::-webkit-scrollbar {
width: 4px;
}
.panelRoot_S6AQ4 .body_xxSWm::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.panelRoot_S6AQ4 .body_xxSWm::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.panelSubmenu_GHMEk {
border-radius: 4px !important;
top: 52px !important;
right: 8px !important;
}
.panelSubmenu_GHMEk {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
background: white;
min-width: 204px;
display: flex;
flex-direction: column;
padding: 8px 0;
z-index: 10;
color: var(--upime-main-text);
}
.panelSubmenu_GHMEk .row_yia43 {
width: 100%;
height: 38px;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 16px;
justify-content: space-between;
cursor: pointer;
}
.panelSubmenu_GHMEk .row_yia43 .content_fQcxn {
display: flex;
flex-direction: row;
align-items: center;
}
.panelSubmenu_GHMEk .row_yia43 .content_fQcxn .headIcon_6ZBYv {
font-size: 20px;
}
.panelSubmenu_GHMEk .row_yia43 .content_fQcxn > span {
font-size: 14px;
line-height: 22px;
margin-left: 8px;
}
.panelSubmenu_GHMEk .row_yia43 .pin_2-sbM {
font-size: 16px;
color: var(--upime-active);
}
.do-hovers .panelSubmenu_GHMEk .row_yia43:hover {
background: var(--upime-btn-bg-hover);
}
.do-hovers .draftActions_yDQ7Z svg:hover {
color: var(--upime-active);
}
.activeIcon_5vgO3 {
color: var(--upime-active) !important;
}
.guideRoot_oPFAj {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
transform: translate(-96px);
top: auto;
top: initial;
bottom: 42px;
display: flex;
flex-direction: column;
width: 240px;
height: 136px;
padding: 16px 16px 8px 16px;
align-items: flex-start;
}
.guideRoot_oPFAj > span {
font-size: 12px;
line-height: 22px;
margin-bottom: 8px;
}
.guideRoot_oPFAj .title_ZjOIO {
color: var(--upime-main-text);
font-weight: 500;
}
.guideRoot_oPFAj .content_fQcxn {
color: var(--upime-second-text);
}
.guideRoot_oPFAj .link_TEt5d {
cursor: pointer;
color: var(--upime-active);
}
.panel_-kByv {
position: absolute;
padding: 3px 3px 2px;
margin: "0 1px";
display: "inline-block";
font-size: 12px;
background-color: #eee;
visibility: "hidden";
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
width: 280px;
color: var(--upime-main-text);
z-index: 1;
}
.panel_-kByv.panelPhone_e8FKu {
position: absolute;
left: 0;
right: 0;
bottom: 0px;
width: auto;
max-height: 220px;
overflow-y: hidden;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
}
.panel_-kByv .header_5-U8j {
width: 100%;
height: 38px;
padding-left: 16px;
line-height: 21px;
font-size: 14px;
}
.panel_-kByv .header_5-U8j:first-child {
padding-top: 8px;
}
.panel_-kByv .header_5-U8j.withBorder_ykg6H {
border-bottom: 2px solid var(--upime-btn-bg-hover);
}
.panel_-kByv .viewport_xOj9- {
width: 100%;
max-height: 235px;
overflow-x: hidden;
overflow-y: scroll;
}
.panel_-kByv .viewport_xOj9-::-webkit-scrollbar {
width: 4px;
}
.panel_-kByv .viewport_xOj9-::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.panel_-kByv .viewport_xOj9-::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.panel_-kByv .viewport_xOj9-.phone_UHgFC {
max-height: 220px;
padding: 8px 0;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- {
padding: 8px 0;
display: flex;
flex-direction: column;
}
.panel_-kByv .viewport_xOj9- .list_TLOm-.phone_UHgFC {
padding: 0;
padding: initial;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: 40px;
padding-left: 16px;
cursor: pointer;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk.phone_UHgFC {
height: 50px;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .avatar_JYmRR {
width: 26px;
height: 26px;
border-radius: 50%;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .avatar_JYmRR.phone_UHgFC {
width: 30px;
height: 30px;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk > span {
font-size: 14px;
line-height: 22px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .userName_kbunu {
margin-left: 13px;
margin-bottom: 4px;
max-width: 68px;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .userName_kbunu.phone_UHgFC {
max-width: 290px;
font-size: 14px;
line-height: 14px;
margin-bottom: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .info_hfRSw {
margin-left: 13px;
color: var(--upime-second-text);
max-width: 134px;
}
.panel_-kByv .viewport_xOj9- .list_TLOm- .row_kgHqk .info_hfRSw.phone_UHgFC {
max-width: 290px;
line-height: 12px;
font-size: 12px;
margin-top: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.nobgcolor_RWPLE {
background-color: transparent;
background-color: initial;
}
.selected_K5pxf {
color: var(--upime-active);
}
.selected_K5pxf .info_hfRSw {
color: var(--upime-active) !important;
}
.mentionEle_pxD-g {
color: var(--upime-active);
padding: 3px 0;
}
.mentionEle_pxD-g.focus_ahawq {
background-color: rgba(93, 151, 252, 0.5);
}
.mentionEle_pxD-g > span:first-child {
display: none;
}
.link_iMs7N {
color: var(--upime-active);
text-decoration: underline;
}
.link_iMs7N.clickable_dQs1E {
cursor: pointer;
}
.paragraph_KbhpH {
font-size: 14px;
line-height: 22px;
color: var(--upime-main-text);
margin: 0;
}
.root_EIXNd {
display: flex;
width: 100%;
height: 100%;
min-height: 60px;
min-width: 124px;
position: relative;
flex-direction: column;
justify-content: center;
align-items: center;
}
.root_EIXNd.phone_8Pxa8 {
height: 280px;
}
.root_EIXNd .title_1A-Bb {
font-size: 12px;
line-height: 18px;
color: var(--upime-main-text);
margin-bottom: 12px;
}
.root_EIXNd .title_1A-Bb.phone_8Pxa8 {
font-size: 14px;
line-height: 22px;
color: #0c1024;
margin-bottom: 0;
}
.root_EIXNd .title_1A-Bb em {
font-style: inherit !important;
}
.root_EIXNd .title_1A-Bb em {
color: var(--upime-second-text);
}
.root_EIXNd .canvasCon_lIAOS {
position: relative;
width: 124px;
height: 30px;
}
.root_EIXNd .canvasCon_lIAOS.phone_8Pxa8 {
height: 70px;
width: 300px;
margin-top: 30px;
margin-bottom: 20px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9 {
position: absolute;
cursor: pointer;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--upime-active);
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9 .clickArea_DdZnf {
position: absolute;
width: 30px;
height: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8 {
width: 42px;
height: 42px;
transform: translate(-50%, -60%);
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8 .clickArea_DdZnf {
width: 60px;
height: 60px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.finishRecord_fWbg9 {
width: 28px !important;
height: 28px !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.finishRecord_fWbg9 {
border-radius: 4px;
transform: translate(-50%, -64%);
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.play_-SgxT {
width: 0 !important;
height: 0 !important;
background-color: transparent !important;
background-color: initial !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.play_-SgxT {
left: calc(50% + 3px);
top: 34px;
border-left: 18px solid var(--upime-active);
border-top: 12.5px solid transparent;
border-bottom: 12.5px solid transparent;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.pause_C1xp3 {
width: 28px !important;
height: 28px !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.pause_C1xp3 {
background-color: transparent;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.pause_C1xp3 .bar_8Z3WR {
position: absolute;
content: "";
background-color: var(--upime-active);
width: 4px;
height: 20px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.pause_C1xp3::before {
position: absolute;
content: "";
background-color: var(--upime-active);
width: 4px;
height: 20px;
top: 3px;
left: 5px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.phone_8Pxa8.pause_C1xp3::after {
position: absolute;
content: "";
background-color: var(--upime-active);
width: 4px;
height: 20px;
left: 20px;
top: 3px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.startRecord_yQBKJ {
border-radius: 50%;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.finishRecord_fWbg9 {
width: 14px !important;
height: 14px !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.finishRecord_fWbg9 {
border-radius: 2px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.play_-SgxT {
width: 0 !important;
height: 0 !important;
background-color: transparent !important;
background-color: initial !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.play_-SgxT {
left: calc(50% + 1px);
border-left: 12px solid var(--upime-active);
border-top: 7.5px solid transparent;
border-bottom: 7.5px solid transparent;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.pause_C1xp3 {
width: 14px !important;
height: 14px !important;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.pause_C1xp3 {
background-color: transparent;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.pause_C1xp3 .bar_8Z3WR {
position: absolute;
content: "";
background-color: var(--upime-active);
width: 3px;
height: 10px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.pause_C1xp3::before {
position: absolute;
content: "";
background-color: var(--upime-active);
width: 3px;
height: 10px;
top: 2px;
left: 2px;
}
.root_EIXNd .canvasCon_lIAOS .actionBtn_aKCm9.pause_C1xp3::after {
position: absolute;
content: "";
background-color: var(--upime-active);
width: 3px;
height: 10px;
left: 9px;
top: 2px;
}
.root_EIXNd .actionBar_K-cwg {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 12px;
width: 100%;
}
.root_EIXNd .actionBar_K-cwg .btn_63yX2 {
line-height: 18px;
font-size: 12px;
cursor: pointer;
color: var(--upime-active);
}
.root_EIXNd .actionBar_K-cwg.phone_8Pxa8 {
gap: 20px;
}
.root_EIXNd .actionBar_K-cwg.phone_8Pxa8 .btn_63yX2 {
font-size: 16px;
flex: auto;
height: 40px;
border-radius: 4px;
border: 1px solid #2e73e5;
line-height: 44px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.root_EIXNd .actionBar_K-cwg.phone_8Pxa8 .recordBtn_c48sL {
margin-left: 28px;
}
.root_EIXNd .actionBar_K-cwg.phone_8Pxa8 .sendBtn_-Qaht {
background-color: #2e73e5;
color: #fff;
margin-right: 28px;
}
.content_69qMg {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 16px 24px;
position: relative;
width: 172px;
height: 120px;
display: flex;
flex-direction: column;
justify-content: center;
}
.content_69qMg .closeIcon_aCCUd {
position: absolute;
right: 8px;
top: 8px;
color: #d8d8d8;
cursor: pointer;
width: 16px;
height: 16px;
}
.do-hovers .closeIcon_aCCUd:hover {
color: var(--upime-active);
}
.draftContainer_rRNX8 {
display: flex;
flex-direction: column;
}
.draftContainer_rRNX8 .textPart_YYyOn {
display: flex;
position: relative;
max-height: 118px;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4 {
-webkit-user-select: text !important;
-moz-user-select: text !important;
user-select: text !important;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4 {
width: 100%;
min-height: 50px;
max-height: 162px;
overflow-x: hidden;
overflow-y: scroll;
padding: 15px 56px 16px 16px;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4::-webkit-scrollbar {
width: 4px;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4 > div {
line-height: 20px;
font-size: 14px;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4 span {
top: 0px;
}
.draftContainer_rRNX8 .textPart_YYyOn .editor_KaJJ4 * {
-webkit-user-select: text !important;
-moz-user-select: text !important;
user-select: text !important;
}
.draftContainer_rRNX8 .textPart_YYyOn .actionRow_rVTJb {
position: absolute;
right: 0;
bottom: 0;
display: flex;
flex-direction: row;
padding: 14px 16px 14px 12px;
justify-content: flex-end;
}
.draftContainer_rRNX8 .textPart_YYyOn .actionRow_rVTJb svg {
color: #d8d8d8;
cursor: pointer;
pointer-events: none;
width: 24px;
height: 22px;
}
.draftContainer_rRNX8 .textPart_YYyOn .actionRow_rVTJb svg.active_tz3Y2 {
color: var(--upime-active);
pointer-events: auto;
}
.draftContainer_rRNX8 .draftActions_E8ckj {
display: flex;
width: 100%;
padding: 8px 16px 12px 16px;
}
.draftContainer_rRNX8 .draftActions_E8ckj .micCon_Y-bxh {
height: 24px;
}
.draftContainer_rRNX8 .draftActions_E8ckj svg {
cursor: pointer;
width: 24px;
height: 24px;
margin-right: 24px;
color: #616371;
}
.draftContainer_rRNX8 .draftActions_E8ckj .active_tz3Y2 {
color: var(--upime-active);
}
.draftContainer_rRNX8.phone_5BHPL {
justify-content: space-evenly;
min-height: 52px;
flex-direction: row;
padding: 8px 8px 8px 8px;
gap: 8px;
align-items: end;
position: relative;
}
.draftContainer_rRNX8.phone_5BHPL.editmode_hpRhh {
height: 140px;
margin-top: 0;
padding-top: 12px;
padding-bottom: 16px;
padding-right: 14px;
}
.draftContainer_rRNX8.phone_5BHPL.editmode_hpRhh .textPart_YYyOn {
height: 100%;
padding-right: 0;
}
.draftContainer_rRNX8.phone_5BHPL.editmode_hpRhh .textPart_YYyOn .editor_KaJJ4 {
height: 100%;
}
.draftContainer_rRNX8.phone_5BHPL .mic_RyRKM {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
padding: 6px;
}
.draftContainer_rRNX8.phone_5BHPL .mic_RyRKM svg {
font-size: 24px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn {
flex-basis: 80%;
position: relative;
align-items: end;
gap: 4px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .editor_KaJJ4 {
padding: 0;
padding: initial;
min-height: 36px;
max-height: 118px;
flex: auto;
border-radius: 4px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .editor_KaJJ4 span {
top: 7px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .editor_KaJJ4 p {
background-color: #f5f6f6;
padding: 0 12px 0 12px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .editor_KaJJ4 p:first-child {
padding-top: 7px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .editor_KaJJ4 p:last-child {
padding-bottom: 7px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .fasongContainer_R9rXS {
flex: none;
border-radius: 4px;
width: 36px;
height: 36px;
display: flex;
background-color: #2e73e5;
justify-content: center;
align-items: center;
}
.draftContainer_rRNX8.phone_5BHPL .textPart_YYyOn .fasongContainer_R9rXS .send_WJ1kn {
color: #fff;
}
.draftContainer_rRNX8.phone_5BHPL .guanbiContainer_8TVLS {
position: absolute;
right: 8px;
top: 8px;
display: flex;
padding: 8px;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq {
flex-basis: 98%;
padding-right: 42px;
overflow: hidden;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq .editor_KaJJ4 {
width: 100%;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq .editor_KaJJ4 span {
top: -1px;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq .editor_KaJJ4 p {
padding: 0px 10px 0px 10px;
background-color: transparent;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq .editor_KaJJ4 p:first-child {
padding-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.draftContainer_rRNX8.phone_5BHPL .editTextPart_4y1gq .editor_KaJJ4 p:last-child {
padding-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.draftContainer_rRNX8.phone_5BHPL .upload_0U5yb {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
padding: 6px;
}
.draftContainer_rRNX8.phone_5BHPL .upload_0U5yb svg {
font-size: 24px;
}
.draftContainer_rRNX8.editmode_hpRhh {
height: 98px;
padding-bottom: 16px;
margin-top: 16px;
}
.atContainer_uSexc {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-top: -600px;
margin-bottom: 56px;
background: rgba(0, 0, 0, 0.4);
}
.recorderContainer_bjAcE .coverblock_4-Q0T {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 116px);
margin-top: -200px;
z-index: 1000;
}
.recorderContainer_bjAcE .closebar_vkSCm {
height: 22px;
text-align: right;
margin-right: 14px;
margin-top: 14px;
}
.commentWrapper_6TVCy {
position: absolute;
left: 0;
top: 0;
will-change: transform;
pointer-events: auto;
z-index: 999;
visibility: hidden;
touch-action: none;
}
.commentWrapper_6TVCy .connectionLine_lauIv {
width: 233px;
border: 1px solid #ffd02f;
transform: translate(180px, -2px) rotate(180deg);
position: absolute;
transform-origin: 0 50%;
display: flex;
justify-content: flex-end;
align-items: center;
height: 0px;
pointer-events: none;
}
.commentWrapper_6TVCy .connectionLine_lauIv .pivot_opL90 {
margin: -6px;
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #ffd02f;
pointer-events: none;
}
.commentWrapper_6TVCy .commentBody_7uk4y {
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
background: white;
width: 340px;
max-height: 500px;
position: absolute;
transform: translateY(-50%);
border-radius: 8px;
}
.panelRoot_EiMZ- {
display: flex;
flex-direction: column;
width: 100%;
overflow: hidden;
}
.panelRoot_EiMZ-.phoneMode_RVQKq .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD:active {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
background: initial;
}
.panelRoot_EiMZ-.phoneMode_RVQKq .body_061n- {
max-height: 300px;
}
.panelRoot_EiMZ-.phoneMode_RVQKq .upimeSlateParagraph {
font-size: 15px;
}
.panelRoot_EiMZ- .header_EY9tD {
height: 49px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 7px 8px 7px 16px;
border-bottom: 1px solid #ECECEE;
}
.panelRoot_EiMZ- .header_EY9tD .toggleRoot_F0Gqk {
min-width: 85px;
height: 24px;
display: flex;
align-items: center;
}
.panelRoot_EiMZ- .header_EY9tD .toggleRoot_F0Gqk > span {
margin-left: 8px;
font-size: 14px;
color: #616371;
line-height: 24px;
}
.panelRoot_EiMZ- .header_EY9tD .toggleRoot_F0Gqk .resolvedText_lDePB {
color: var(--upime-main-text);
}
.panelRoot_EiMZ- .header_EY9tD .themeSelector_O9vF3 {
min-width: 130px;
}
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n {
display: flex;
flex-direction: row;
align-items: center;
}
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD {
display: flex;
padding: 6px;
border-radius: 2px;
cursor: pointer;
}
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD:hover,
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD.active_tz3Y2 {
background: rgba(0, 0, 0, 0.06);
}
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD .resolvedIcon_tmcA- {
color: #0C1024;
}
.panelRoot_EiMZ- .header_EY9tD .actions_zcL4n .iconWrapper_oiKQD .resolvedIcon_tmcA-.resolved_xjI-0 {
color: #2E73E5;
}
.panelRoot_EiMZ- .body_061n- {
width: 100%;
max-height: 287px;
padding: 16px 16px 0 16px;
overflow-x: hidden;
overflow-y: scroll;
border-bottom: 1px solid #ECECEE;
min-height: 40px;
}
.panelRoot_EiMZ- .body_061n-::-webkit-scrollbar {
width: 4px;
}
.panelRoot_EiMZ- .body_061n-::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.panelRoot_EiMZ- .body_061n-::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.panelSubmenu_164a7 {
border-radius: 4px !important;
top: 52px !important;
right: 8px !important;
}
.panelSubmenu_164a7 {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
background: white;
min-width: 204px;
display: flex;
flex-direction: column;
padding: 8px 0;
z-index: 10;
color: var(--upime-main-text);
}
.panelSubmenu_164a7 .row_V2zLe {
width: 100%;
height: 38px;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 16px;
justify-content: space-between;
cursor: pointer;
}
.panelSubmenu_164a7 .row_V2zLe .content_fwzN0 {
display: flex;
flex-direction: row;
align-items: center;
}
.panelSubmenu_164a7 .row_V2zLe .content_fwzN0 .headIcon_jh-0Z {
font-size: 20px;
}
.panelSubmenu_164a7 .row_V2zLe .content_fwzN0 > span {
font-size: 14px;
line-height: 22px;
margin-left: 8px;
}
.panelSubmenu_164a7 .row_V2zLe .pin_hLnZK {
font-size: 16px;
color: var(--upime-active);
}
.do-hovers .panelSubmenu_164a7 .row_V2zLe:hover {
background: var(--upime-btn-bg-hover);
}
.do-hovers .draftActions_E8ckj svg:hover {
color: var(--upime-active);
}
.activeIcon_jqpeu {
color: var(--upime-active) !important;
}
.guideRoot_w3mUv {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
transform: translate(-96px);
top: auto;
top: initial;
bottom: 42px;
display: flex;
flex-direction: column;
width: 240px;
height: 136px;
padding: 16px 16px 8px 16px;
align-items: flex-start;
}
.guideRoot_w3mUv > span {
font-size: 12px;
line-height: 22px;
margin-bottom: 8px;
}
.guideRoot_w3mUv .title_QUkkd {
color: var(--upime-main-text);
font-weight: 500;
}
.guideRoot_w3mUv .content_fwzN0 {
color: var(--upime-second-text);
}
.guideRoot_w3mUv .link_OFPZa {
cursor: pointer;
color: var(--upime-active);
}
.listRoot_C6P5g {
width: 100%;
}
.listRoot_C6P5g .messageContent_qoIMo {
margin-top: 2px;
}
.content_fwzN0 .updatedLabel_QYGTw {
display: block;
color: var(--upime-disable);
font-size: 14px;
line-height: 22px;
}
.messageItemRoot_gpMQ7 {
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
position: relative;
margin-bottom: 10px;
margin-top: 20px;
gap: 8px;
}
.messageItemRoot_gpMQ7.phoneMode_RVQKq .avatarContainer_7RUYI .avatarIcon_YMhXv {
width: 28px;
height: 28px;
}
.messageItemRoot_gpMQ7.phoneMode_RVQKq.adjacentPre_VksG2 {
margin-top: 0;
}
.messageItemRoot_gpMQ7.phoneMode_RVQKq.adjacentPre_VksG2 .rightArea_RPsRK {
margin-left: 36px;
}
.messageItemRoot_gpMQ7:first-child {
margin-top: 0;
}
.messageItemRoot_gpMQ7.adjacentPre_VksG2 {
margin-top: 0;
}
.messageItemRoot_gpMQ7.adjacentPre_VksG2 .rightArea_RPsRK {
margin-left: 32px;
}
.messageItemRoot_gpMQ7 .header_EY9tD {
width: 100%;
margin-bottom: 8px;
}
.messageItemRoot_gpMQ7 .header_EY9tD .avatar_Qv6BI {
display: flex;
flex-direction: row;
align-items: center;
}
.messageItemRoot_gpMQ7 .header_EY9tD .avatar_Qv6BI.phone_5BHPL > span {
font-size: 15px;
}
.messageItemRoot_gpMQ7 .header_EY9tD .avatar_Qv6BI .avatarPlaceholder_JETIO {
width: 20px;
}
.messageItemRoot_gpMQ7 .header_EY9tD .avatar_Qv6BI .icon_BcVnN {
width: 24px;
height: 24px;
border-radius: 50%;
}
.messageItemRoot_gpMQ7 .header_EY9tD .avatar_Qv6BI > span {
font-size: 14px;
line-height: 14px;
color: var(--upime-main-text);
max-width: 230px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.messageItemRoot_gpMQ7 .header_EY9tD .datetime_HuqPA {
font-size: 12px;
color: #616371;
}
.messageItemRoot_gpMQ7 .rightArea_RPsRK {
width: 100%;
}
.messageItemRoot_gpMQ7 .avatarContainer_7RUYI .avatarIcon_YMhXv {
width: 24px;
height: 24px;
border-radius: 50%;
}
.messageItemRoot_gpMQ7 .hiddenTime_-r4-y {
height: 20px;
display: flex;
justify-content: space-between;
margin-bottom: 2px;
}
.messageItemRoot_gpMQ7 .hiddenTime_-r4-y > span {
height: 20px;
font-size: 12px;
line-height: 20px;
color: #91939C;
}
.messageItemRoot_gpMQ7 .hiddenTime_-r4-y svg {
font-size: 20px;
cursor: pointer;
}
.messageItemRoot_gpMQ7 .hiddenTime_-r4-y .puzhuContainer_UJC-K {
display: flex;
}
.messageItemRoot_gpMQ7 .hiddenTime_-r4-y .puzhuContainer_UJC-K.desk_6hP3J:hover .pizhuIcon_7ctIQ {
color: #2e73e5;
}
.messageItemRoot_gpMQ7 .content_fwzN0 {
width: 100%;
}
.messageItemRoot_gpMQ7 .content_fwzN0.contentReply_YdlH-:active {
background-color: rgba(0, 0, 0, 0.06);
}
.messageItemRoot_gpMQ7 .content_fwzN0 > span {
width: 100%;
color: var(--upime-main-text);
font-size: 14px;
line-height: 22px;
padding: 0 4px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
white-space: pre-line;
}
.messageItemRoot_gpMQ7 .content_fwzN0 .updatedLabel_QYGTw {
display: block;
color: var(--upime-disable);
font-size: 14px;
line-height: 22px;
}
.messageItemRoot_gpMQ7 .content_fwzN0 * {
-webkit-user-select: text !important;
-moz-user-select: text !important;
user-select: text !important;
}
.messageItemRoot_gpMQ7 .actions_zcL4n {
padding: 8px 4px;
display: flex;
flex-direction: row;
position: relative;
}
.messageItemRoot_gpMQ7 .actions_zcL4n .button_3GRQl {
min-width: 28px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
.messageItemRoot_gpMQ7 .actions_zcL4n .saveDisabled_lth8f {
color: var(--upime-primary-btn-disabled-bg);
pointer-events: none;
}
.dialogContainer_X7q5y {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dialogContainer_X7q5y .dialogItem_zEQ8D {
height: 54px;
line-height: 54px;
text-align: center;
width: 100%;
}
.dangerColor_uP8GZ {
color: #fe5250;
}
@keyframes showActions_KsB9I {
0% {
opacity: 0;
transform: translateY(-28px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.showActionsDiv_fT-it {
animation: showActions_KsB9I 0.2s ease-in;
}
.do-hovers .messageItemRoot_gpMQ7 .actions_zcL4n .button_3GRQl:hover {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.do-hovers .contentHover_aiz7p:hover {
background-color: var(--upime-btn-bg-hover);
cursor: pointer;
}
.do-hovers .cancelBtn_XcWg4:hover {
color: var(--upime-main-text);
}
.do-hovers .deleteBtn_rTgdH:hover {
color: #FF7F78;
}
.cancelBtn_XcWg4 {
color: #616371;
margin-left: 20px;
}
.deleteBtn_rTgdH {
color: #FE5250;
margin-left: 160px;
position: absolute;
right: 4px;
}
.deleteBtn_rTgdH:active {
color: #D9383B !important;
}
.editor_KaJJ4.editing_opCTH {
background-color: var(--upime-btn-bg-hover);
}
.root_-E8Sl {
display: flex;
flex-direction: column;
background-color: #fff;
}
.root_-E8Sl.border_BJ34k {
border: 1px solid #E6E7E9;
border-radius: 4px;
}
.root_-E8Sl .transing_P-am1 {
font-size: 12px;
color: #ffa519;
}
.root_-E8Sl .player_83wXf {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
height: 32px;
padding: 0 8px 0 16px;
margin-top: -4px;
}
.root_-E8Sl .player_83wXf .trigger_7cAn8 {
height: 24px;
width: 24px;
color: var(--upime-active);
cursor: pointer;
transform: translate(0, 1px);
}
.root_-E8Sl .player_83wXf > span {
font-size: 12px;
line-height: 18px;
}
.root_-E8Sl .player_83wXf .curTime_QgAQh {
margin-left: 16px;
margin-right: 8px;
white-space: nowrap;
}
.root_-E8Sl .player_83wXf .duration_njiuJ {
margin-left: 8px;
white-space: nowrap;
}
.root_-E8Sl .player_83wXf .track_HvGJZ {
flex: 1 1 138px;
background-color: #F5F6F6;
position: relative;
height: 4px;
transform: translate(0, 1px);
cursor: pointer;
}
.root_-E8Sl .player_83wXf .track_HvGJZ .progress_GkvrB {
height: 100%;
width: 0;
position: absolute;
left: 0;
top: 0;
background-color: var(--upime-active);
}
.root_-E8Sl .player_83wXf .track_HvGJZ .controller_77rqV {
cursor: pointer;
background-color: var(--upime-active);
width: 10px;
height: 10px;
position: absolute;
top: -3px;
border-radius: 50%;
transform: translate(-3px);
}
.fileInfo_MQjkV {
border: none !important;
}
.root_Zwz3e {
position: absolute;
width: 196px;
height: 98px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
padding: 16px;
justify-content: space-between;
z-index: 100;
visibility: hidden;
}
.root_Zwz3e .header_Ft9KD {
display: flex;
flex-direction: row;
align-items: center;
}
.root_Zwz3e .header_Ft9KD svg {
width: 20px;
height: 20px;
color: var(--upime-danger);
}
.root_Zwz3e .header_Ft9KD > span {
font-size: 14px;
line-height: 22px;
margin-left: 4px;
word-break: break-word;
}
.root_Zwz3e .actions_H2E-6 {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.root_Zwz3e .actions_H2E-6 .btn_3uZdP {
min-width: 40px;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 12px;
}
.root_Zwz3e .actions_H2E-6 .cancelBtn_cgEwz {
min-width: 38px;
border: 1px solid #e6e7e9;
color: var(--upime-main-text);
}
.root_Zwz3e::after {
content: "";
z-index: 1;
position: absolute;
width: 14px;
height: 14px;
left: calc(50% - 7px);
top: calc(100% - 8px);
transform: rotate(45deg);
background-color: white;
box-shadow: 1.5px 1.5px 1px rgba(0, 0, 0, 0.02);
}
.phoneContainer_Ip-9Z {
width: 278px;
height: 129px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 8px;
text-align: center;
}
.phoneContainer_Ip-9Z .header_Ft9KD {
height: 80px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
line-height: 80px;
font-weight: 500;
}
.phoneContainer_Ip-9Z .header_Ft9KD span {
word-break: break-word;
}
.phoneContainer_Ip-9Z .actions_H2E-6 {
height: 48px;
line-height: 48px;
}
.phoneContainer_Ip-9Z .actions_H2E-6 .btn_3uZdP {
width: 139px;
display: inline-block;
}
.phoneContainer_Ip-9Z .actions_H2E-6 .cancelBtn_cgEwz {
border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.phoneContainer_Ip-9Z .actions_H2E-6 .deleteBtn_RmPeA {
color: #fe5250;
}
.do-hovers .cancelBtn_cgEwz:hover {
border: 1px solid #e6e7e9;
color: var(--upime-main-text);
}
.basic_Nvtje {
height: 56px;
position: relative;
border-radius: 4px;
border: 1px solid #e6e7e9;
background-color: #fff;
}
.basic_Nvtje .root_fyH1L {
height: 54px;
display: flex;
flex-direction: row;
align-items: center;
padding: 8px;
}
.basic_Nvtje .root_fyH1L .logo_B8t2j {
width: 40px;
height: 40px;
margin-right: 8px;
}
.basic_Nvtje .root_fyH1L .info_7nuDk {
display: flex;
flex-direction: column;
white-space: nowrap;
overflow: hidden;
}
.basic_Nvtje .root_fyH1L .info_7nuDk span:nth-child(1) {
font-size: 14px;
line-height: 22px;
color: var(--upime-main-text);
}
.basic_Nvtje .root_fyH1L .info_7nuDk span:nth-child(2) {
color: #616371;
font-size: 12px;
line-height: 18px;
}
.basic_Nvtje .root_fyH1L .progress_EH4xk {
position: absolute;
height: 100%;
background-color: #eaf1fc;
top: 0;
left: 0;
z-index: -1;
}
.basic_Nvtje .iconCon_oyabx {
position: absolute;
right: 0;
top: 0;
padding: 8px;
display: flex;
border-radius: 2px;
cursor: pointer;
}
.basic_Nvtje .iconCon_oyabx:hover {
background: rgba(0, 0, 0, 0.06);
}
.basic_Nvtje .iconCon_oyabx .floatIcon_BqoQM {
color: #91939C;
width: 20px;
height: 20px;
}
.errorCon_5DJQz {
cursor: pointer;
height: 18px;
display: flex;
align-items: center;
flex-direction: row;
}
.errorCon_5DJQz > span {
color: var(--upime-danger);
font-size: 12px;
line-height: 18px;
margin-right: 4px;
}
.errorCon_5DJQz svg {
width: 12px;
height: 12px;
color: var(--upime-danger);
}
.root_HiQvY {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
visibility: hidden;
min-width: 90px;
padding: 8px 0;
z-index: 99;
}
.root_HiQvY .row_E8tjP {
width: 100%;
height: 38px;
padding: 8px 16px;
font-size: 14px;
line-height: 22px;
color: var(--upime-main-text);
cursor: pointer;
}
.dialogContainer_ExDGH {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dialogContainer_ExDGH .dialogItem_-D-O6 {
height: 54px;
line-height: 54px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.dialogContainer_ExDGH .dialogItem_-D-O6.disabled_Z7kQI {
color: #C2C3C8;
}
.dialogContainer_ExDGH .dialogItem_-D-O6 .loadingIcon_roPiH {
animation: loading_zdHOF 1.5s linear infinite forwards;
}
.dangerColor_dkLlG {
color: #fe5250;
}
.do-hovers .row_E8tjP:hover {
background-color: var(--upime-btn-bg-hover);
}
@keyframes loading_zdHOF {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.root_HXqKB {
height: 32px;
position: relative;
border-radius: 4px;
overflow: hidden;
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
cursor: pointer;
background-color: #fff;
}
.root_HXqKB > canvas {
z-index: 1;
transform: translate(0, -2px) rotate(-45deg);
}
.root_HXqKB > span {
line-height: 32px;
font-size: 14px;
color: var(--upime-main-text);
z-index: 1;
margin-left: 8px;
}
.root_HXqKB .loading_kjBNp {
margin-left: 8px;
color: var(--upime-main-text);
width: 20px;
height: 20px;
animation: loading_kjBNp 1.5s linear infinite forwards;
}
.root_HXqKB .bg_ehmhx {
position: absolute;
height: 100%;
background-color: #EAF1FC;
width: 100%;
}
.root_HXqKB .progress_hR8di {
position: absolute;
height: 100%;
background-color: #dbe7fa;
}
.root_HXqKB .iconCon_xPBT2 {
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
right: 8px;
top: 6px;
}
.root_HXqKB .iconCon_xPBT2 .icon_zHbyX {
width: 20px;
height: 20px;
color: #c2c3c8;
}
.root_HXqKB .iconCon_xPBT2 .icon_zHbyX.active_nxe7w {
color: var(--upime-danger);
}
.root_HXqKB .iconCon_xPBT2 .moreIcon_ca1OX {
width: 20px;
height: 20px;
color: #91939C;
}
.root_HXqKB .active_nxe7w {
color: var(--upime-danger);
}
.do-hovers .iconCon_xPBT2 .icon_zHbyX:hover {
color: var(--upime-danger);
}
@keyframes loading_kjBNp {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.root_TCx-k {
position: relative;
border-radius: 4px;
border: 1px solid #ececee;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.root_TCx-k > img {
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px;
max-width: 100%;
}
.root_TCx-k > video {
width: 100%;
max-height: 180px;
border-radius: 4px;
}
.root_TCx-k .transingContainer_7x-Rp {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: 12px;
}
.root_TCx-k .transingContainer_7x-Rp > svg {
margin-bottom: 12px;
}
.root_TCx-k .uploadCover_9hjGf {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}
.root_TCx-k .uploadCover_9hjGf .progressCon_aEfcN {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.root_TCx-k .uploadCover_9hjGf .progressCon_aEfcN.clickable_9CloX {
cursor: pointer;
}
.root_TCx-k .uploadCover_9hjGf .progressCon_aEfcN .loading_SXmWx {
width: 24px;
height: 24px;
animation: loading_SXmWx 1.5s linear infinite forwards;
color: white;
}
.root_TCx-k .uploadCover_9hjGf .progressCon_aEfcN > span {
color: white;
font-size: 12px;
line-height: 18px;
margin-top: 12px;
}
.root_TCx-k .uploadCover_9hjGf .deleteIcon_zPh5E {
width: 20px;
height: 20px;
position: absolute;
right: 8px;
top: 8px;
color: white;
cursor: pointer;
}
.root_TCx-k .iconCon_QZSFr {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: 0;
top: 0;
width: 36px;
height: 36px;
background-color: rgba(0, 0, 0, 0.2);
cursor: pointer;
border-bottom-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
.root_TCx-k .iconCon_QZSFr svg {
color: white;
width: 20px;
height: 20px;
}
.root_TCx-k .imgLoading_hoFjR {
position: absolute;
color: var(--upime-main-text);
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
animation: loading_SXmWx 1.5s linear infinite forwards;
color: var(--upime-active);
}
.do-hovers .deleteIcon_zPh5E:hover {
color: var(--upime-danger);
}
@keyframes loading_SXmWx {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.root_44boY {
position: relative;
}
.container_hOdWK {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
pointer-events: auto;
}
.container_hOdWK::before {
content: "";
position: absolute;
top: 0;
left: -11px;
width: 13px;
bottom: 15%;
}
.container_hOdWK::after {
content: "";
position: absolute;
top: 42px;
left: -42px;
width: 43px;
bottom: 15%;
}
.container_hOdWK.left_nBYg4::before {
content: "";
position: absolute;
top: 0;
left: auto;
left: initial;
right: -12px;
width: 13px;
bottom: 15%;
}
.container_hOdWK.left_nBYg4::after {
content: "";
position: absolute;
top: 42px;
left: auto;
left: initial;
right: -42px;
width: 43px;
bottom: 15%;
}
.container_hOdWK.left_nBYg4 .panel_AHLw2.visible_weDGT {
transform-origin: right 26px;
}
.container_hOdWK.left_nBYg4 .panel_AHLw2 .arrow_LiFVy {
top: 16px;
left: auto;
left: initial;
right: -6px;
height: 20px;
width: 7px;
transform-origin: center center;
transform: rotate(180deg);
}
.container_hOdWK .panel_AHLw2 {
position: relative;
display: flex;
width: 280px;
padding: 16px 16px 12px 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 4px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.14);
visibility: hidden;
opacity: 0;
transform: scale(0.1);
cursor: pointer;
}
.container_hOdWK .panel_AHLw2.visible_weDGT {
visibility: visible;
opacity: 1;
transform: scale(1);
transition: opacity 0.2s, transform 0.2s;
transform-origin: left 26px;
}
.container_hOdWK .panel_AHLw2 .arrow_LiFVy {
position: absolute;
top: 16px;
left: -6px;
height: 20px;
width: 7px;
}
.container_hOdWK .panel_AHLw2 .avatar_zlBtA {
width: 24px;
height: 24px;
border-radius: 50%;
}
.container_hOdWK .panel_AHLw2 .content_hXfxL {
min-height: 28px;
}
.container_hOdWK .panel_AHLw2 .content_hXfxL .avatarGroup_RTAvE {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 8px;
}
.container_hOdWK .panel_AHLw2 .content_hXfxL .avatarGroup_RTAvE .icon_1Wi9c {
margin: 6px;
color: #c2c3c8;
}
.container_hOdWK .panel_AHLw2 .main_H375Y {
display: flex;
align-items: flex-start;
gap: 8px;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .avatar_zlBtA {
flex: none;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .header_uUwtu {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 4px;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .header_uUwtu .name_4XyLq {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 14px;
max-width: 110px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .header_uUwtu .time_RAwDs {
color: #91939c;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 14px;
white-space: nowrap;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .messageContent_oUMz0 .image_oLhpo {
display: block;
max-width: 36px;
max-height: 36px;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .messageContent_oUMz0 .file_lsD1f {
display: flex;
align-items: center;
gap: 4px;
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .messageContent_oUMz0 .record_PN244 {
display: flex;
align-items: center;
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .messageContent_oUMz0 .text_2UVrK {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.container_hOdWK .panel_AHLw2 .main_H375Y .message_renc- .remaining_xyw8x {
color: #91939c;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-top: 4px;
}
.page-switcher_V-J0- {
width: 150px;
}
.page-switcher_V-J0- .arrow_mx7rk {
width: 30px;
cursor: pointer;
opacity: 0.8;
}
.page-switcher_V-J0- .arrow_mx7rk span {
width: 0;
height: 0;
border-width: 0 6px 6px;
border-style: solid;
border-color: transparent transparent #050038;
}
.page-switcher_V-J0- .arrow_mx7rk.disabled_PYotQ {
opacity: 0.2;
cursor: default;
}
.page-switcher_V-J0- .arrow_mx7rk.prev_WD3DP {
justify-content: flex-end;
padding-right: 8px;
}
.page-switcher_V-J0- .arrow_mx7rk.prev_WD3DP span {
transform: rotate(-90deg);
}
.page-switcher_V-J0- .arrow_mx7rk.next_ipDY3 {
justify-content: flex-start;
padding-left: 8px;
}
.page-switcher_V-J0- .arrow_mx7rk.next_ipDY3 span {
transform: rotate(90deg);
}
.page-switcher_V-J0- .page_fieYx {
width: 90px;
font-size: 14px;
line-height: 50px;
text-align: center;
cursor: default;
vertical-align: middle;
color: #a4a4a4;
opacity: 0.8;
}
.page-switcher_V-J0- .page_fieYx .current-page_nmnTz,
.page-switcher_V-J0- .page_fieYx .page-total_SKgVO {
width: 35px;
padding: 0;
margin: 0;
height: 20px;
line-height: 20px;
display: inline-block;
border: 0px;
text-align: right;
}
.page-switcher_V-J0- .page_fieYx .current-page_nmnTz {
color: #050038;
cursor: pointer;
font-weight: 600;
text-align: center;
}
.page-switcher_V-J0- .page_fieYx .page-total_SKgVO {
text-align: left;
}
.pin-start-page_27uJl {
position: relative;
color: #050038;
}
.pin-start-page_27uJl .pin_nCirW {
font-size: 14px;
}
.pin-start-page_27uJl .pinning-page_TQEW5 {
width: 218px;
padding: 8px 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .pinning-page-item_QL-es {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 40px;
padding: 0 8px 0 16px;
font-size: 14px;
white-space: nowrap;
cursor: default;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .pinning-page-item_QL-es.disabled_PYotQ {
opacity: 0.2;
cursor: default;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .pinning-page-item-hoverable_8uDUW {
cursor: pointer;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .divider_-qTUi {
max-width: 100%;
height: 1px;
border-bottom: 1px solid #e6e7e9;
margin: 8px;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .currentStartPage_YBtUq {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.pin-start-page_27uJl .pinning-page_TQEW5 .goToStartPage_IdkGd {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 7px 8px;
font-size: 14px;
line-height: 22px;
color: #2e5ce5;
border-radius: 2px;
cursor: pointer;
}
.do-hovers .pin-start-page_27uJl .pinning-page_TQEW5 .pinning-page-item-hoverable_8uDUW:hover {
background-color: #f5f5f7;
}
.do-hovers .pin-start-page_27uJl .pinning-page_TQEW5 .pinning-page-item-hoverable_8uDUW.disabled_PYotQ:hover {
background: transparent;
}
.do-hovers .goToStartPage_IdkGd:hover {
color: #2e73e5;
background-color: rgba(0, 0, 0, 0.06);
}
.pageExtractor_EQW-- {
display: flex;
flex-direction: column;
gap: 24px;
padding: 20px 0;
cursor: default;
white-space: nowrap;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
min-width: 420px;
min-height: 0;
overflow: hidden;
}
.pageExtractor_EQW-- .pageExtractorContent_bCexC {
display: flex;
flex-direction: column;
gap: 24px;
flex: 1;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0 24px;
}
.pageExtractor_EQW-- .pageExtractorContent_bCexC::-webkit-scrollbar {
width: 4px;
}
.pageExtractor_EQW-- .pageExtractorContent_bCexC::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.pageExtractor_EQW-- .pageExtractorContent_bCexC::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.pageExtractor_EQW-- .section_caeGb {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
.pageExtractor_EQW-- .section_caeGb .sectionTitle_mt4EW {
font-size: 14px;
font-weight: 600;
line-height: 22px;
color: #0c1024;
}
.pageExtractor_EQW-- .optionRow_wKMDB {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
}
.pageExtractor_EQW-- .optionRow_wKMDB.rowCountOptions_UwEr4 {
height: 36px;
}
.pageExtractor_EQW-- .radioOption_PLO09 {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer;
min-height: 24px;
flex-shrink: 0;
}
.pageExtractor_EQW-- .radioOption_PLO09 .radioLabelText_G-E7n {
font-size: 14px;
line-height: 22px;
color: #0c1024;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pageExtractor_EQW-- .radioOption_PLO09.radioOptionFlex1_gz22s {
flex: 1 0 0;
min-width: 0;
}
.pageExtractor_EQW-- .radioOption_PLO09.radioOptionCustom_klrlo {
flex-shrink: 0;
}
.pageExtractor_EQW-- .radioOption_PLO09 .radioLabel_Juauv {
display: block;
width: 16px;
height: 16px;
}
.pageExtractor_EQW-- .radioOption_PLO09 .radioLabel_Juauv::before {
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
width: 16px;
height: 16px;
border: 1px solid #ccc;
border-radius: 100%;
box-sizing: border-box;
content: "";
transition: border-color 250ms, background-color 250ms, opacity 250ms;
}
.pageExtractor_EQW-- .radioOption_PLO09 .radioLabel_Juauv::after {
position: absolute;
left: 5px;
top: 50%;
transform: translate(0, -50%);
width: 6px;
height: 6px;
background-color: #fff;
border-radius: 100%;
box-sizing: border-box;
content: "";
transform-origin: center;
transition: transform 250ms 200ms;
}
.pageExtractor_EQW-- .radioOption_PLO09 .radioChecked_k4W9g::before {
border: 5px solid #2e73e5;
}
.pageExtractor_EQW-- .radioOption_PLO09 .radioChecked_k4W9g::after {
background-color: #fff;
}
.pageExtractor_EQW-- .inputExtractRange_hvo9o {
flex: 1;
height: 36px;
padding: 7px 16px;
border: 1px solid #e0e6ee;
border-radius: 4px;
font-size: 14px;
line-height: 22px;
color: #0c1024;
background-color: #ffffff;
}
.pageExtractor_EQW-- .inputExtractRange_hvo9o::-moz-placeholder {
color: #909399;
}
.pageExtractor_EQW-- .inputExtractRange_hvo9o::placeholder {
color: #909399;
}
.pageExtractor_EQW-- .inputExtractRange_hvo9o.invalidRange_TQhaE {
border: 1px solid #fe5350 !important;
}
.pageExtractor_EQW-- .inputExtractRange_hvo9o.invalidRange_TQhaE:focus {
box-shadow: 0px 0px 0px 2px rgba(254, 82, 80, 0.16) !important;
}
.pageExtractor_EQW-- .inputExtractRange_hvo9o:focus {
border: 1px solid #2e74e5;
box-shadow: 0px 0px 0px 2px rgba(46, 115, 229, 0.16);
outline: none;
}
.pageExtractor_EQW-- .inputNumber_9q2bZ {
width: 90px;
height: 36px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
border: 1px solid #dbdbde;
border-radius: 4px;
overflow: hidden;
padding-left: 12px;
}
.pageExtractor_EQW-- .inputNumber_9q2bZ.inputNumberFocused_yU9on {
border: 1px solid #2986ff;
box-shadow: 0px 0px 0px 2px rgba(46, 115, 229, 0.1);
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberValue_fegOD {
flex: 1;
min-width: 0;
height: 100%;
padding: 0;
border: none;
background: transparent;
font-size: 14px;
line-height: 22px;
color: #0c1024;
text-align: left;
outline: none;
-moz-appearance: textfield;
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberValue_fegOD::-moz-placeholder {
color: #909399;
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberValue_fegOD::placeholder {
color: #909399;
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberValue_fegOD::-webkit-outer-spin-button,
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberValue_fegOD::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberControls_GYL-y {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 22px;
height: 100%;
flex-shrink: 0;
border-left: 1px solid #d0d5dd;
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberControls_GYL-y .inputNumberBtn_utwjL {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
cursor: pointer;
color: #91939c;
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberControls_GYL-y .inputNumberBtn_utwjL:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberControls_GYL-y .inputNumberBtn_utwjL:active {
background-color: rgba(0, 0, 0, 0.08);
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberControls_GYL-y .inputNumberBtn_utwjL.inputNumberBtnDisabled_wxKUb {
cursor: not-allowed;
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberControls_GYL-y .inputNumberBtn_utwjL.inputNumberBtnDisabled_wxKUb:hover,
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberControls_GYL-y .inputNumberBtn_utwjL.inputNumberBtnDisabled_wxKUb:active {
background-color: transparent;
}
.pageExtractor_EQW-- .inputNumber_9q2bZ .inputNumberControls_GYL-y .inputNumberDivider_YFMcv {
width: 100%;
height: 1px;
background-color: #d0d5dd;
flex-shrink: 0;
}
.pageExtractor_EQW-- .extractBtns_KcZ-r {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
gap: 12px;
flex-shrink: 0;
padding: 0 24px;
}
.pageExtractor_EQW-- .extractBtns_KcZ-r .extractWithFrameBtn_g3874 {
height: 32px;
padding-left: 12px;
padding-right: 12px;
}
.pageExtractor_EQW-- .extractBtns_KcZ-r .extractBtn_TwIaI {
height: 32px;
padding-left: 22px;
padding-right: 22px;
}
.paginatorRoot_NFdco {
display: flex;
flex-direction: row;
justify-content: center;
height: 36px;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}
.paginatorRoot_NFdco.simple_vScAK {
padding: 0 11px;
}
.paginatorRoot_NFdco.simple_vScAK .widget_W5pAM {
width: 100%;
min-width: 0;
min-width: initial;
justify-content: center;
pointer-events: none;
}
.paginatorRoot_NFdco.simple_vScAK .maxBtn_rAIjq {
pointer-events: auto;
}
.paginatorRoot_NFdco .widget_W5pAM {
height: 32px;
min-width: 156px;
display: flex;
flex-direction: row;
background: rgba(0, 0, 0, 0.6);
border-radius: 4px;
pointer-events: auto;
padding: 2px;
justify-content: space-between;
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk {
width: 28px;
height: 28px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
cursor: pointer;
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk .left_MILly {
margin-left: 10px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid white;
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk .right_r06mE {
margin-left: 12px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid white;
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk.disabled_PYotQ {
pointer-events: none;
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk.disabled_PYotQ .left_MILly {
border-right-color: rgba(255, 255, 255, 0.6);
}
.paginatorRoot_NFdco .widget_W5pAM .arrow_mx7rk.disabled_PYotQ .right_r06mE {
border-left-color: rgba(255, 255, 255, 0.6);
}
.paginatorRoot_NFdco .widget_W5pAM .maxBtn_rAIjq {
width: 28px;
height: 28px;
position: relative;
display: flex;
margin-left: 4px;
cursor: pointer;
}
.paginatorRoot_NFdco .widget_W5pAM .maxBtn_rAIjq .icon_Dw7bF {
margin: auto;
color: #ffffff;
font-size: 20px;
}
.paginatorRoot_NFdco .widget_W5pAM .maxBtn_rAIjq .icon_Dw7bF.disabledIcon_sjYN2 {
color: rgba(255, 255, 255, 0.25);
}
.paginatorRoot_NFdco .widget_W5pAM .paginator_uo3Dr {
min-width: 64px;
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
}
.paginatorRoot_NFdco .widget_W5pAM .paginator_uo3Dr > span {
line-height: 28px;
height: 28px;
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
white-space: pre;
}
.paginatorRoot_NFdco .widget_W5pAM .paginator_uo3Dr input {
width: 28px;
height: 28px;
border-radius: 2px;
color: white;
line-height: 28px;
font-size: 14px;
text-align: center;
background: transparent;
border: none;
margin-right: 2px;
}
.paginatorRoot_NFdco .widget_W5pAM .paginator_uo3Dr input:focus {
background: black;
}
.insertExcelChooseModalBox_SAGu8 {
width: 480px;
border-radius: 12px;
padding: 24px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.insertExcelChooseModalBox_SAGu8 .titleRow_QDtDl {
font-size: 20px;
font-weight: 500;
margin-bottom: 12px;
}
.insertExcelChooseModalBox_SAGu8 .titleRow_QDtDl > svg {
position: absolute;
right: 24px;
cursor: pointer;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 {
margin-bottom: 24px;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 .item_yvqRI {
display: inline-block;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 .item_yvqRI .bg_IQEpO {
width: 210px;
margin-bottom: 12px;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 .item_yvqRI .btn_zE2K3 {
width: 120px;
height: 36px;
color: #fff;
font-size: 14px;
background-color: #2e73e5;
line-height: 36px;
text-align: center;
border-radius: 4px;
margin: auto;
cursor: pointer;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 .item_yvqRI .btn_zE2K3:hover {
opacity: 0.7;
}
.insertExcelChooseModalBox_SAGu8 .iconRow_EK494 .item_yvqRI.first_718Oe {
margin-right: 12px;
}
.insertExcelChooseModalBox_SAGu8 .descRow_-j2N7 {
color: #91939c;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.do-hovers .paginatorRoot_NFdco .arrow_mx7rk:hover {
background: rgba(255, 255, 255, 0.1);
}
.insertPptChooseModalBox_DY9V8 {
width: 520px;
border-radius: 12px;
padding: 24px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.insertPptChooseModalBox_DY9V8 .pptCloseBtn_4XpTi {
position: absolute;
top: 12px;
right: 12px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 4px;
}
.insertPptChooseModalBox_DY9V8 .pptCloseIcon_QT9mz {
width: 18px;
height: 18px;
color: #424454;
}
.insertPptChooseModalBox_DY9V8 .pptTitleRow_AxCBR {
font-size: 20px;
font-weight: 500;
color: #0c1024;
margin-bottom: 20px;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 24px;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R {
display: flex;
align-items: flex-start;
gap: 8px;
cursor: pointer;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R.pptOptionRowDisabled_CMSyR {
cursor: not-allowed;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R.pptOptionRowDisabled_CMSyR .pptRadio_4JXdq {
border-color: #d0d5dd;
background-color: #f0f0f0;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R.pptOptionRowDisabled_CMSyR .pptUpgradeBadge_2Wc-M {
opacity: 0.5;
pointer-events: none;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptRadio_4JXdq {
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #dbdbde;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 3px;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptRadio_4JXdq .pptRadioInner_JOI05 {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #2e73e5;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptOptionContent_fIHED {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptOptionContent_fIHED .pptOptionTextGroup_BWC3Z {
display: flex;
flex-direction: column;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptOptionContent_fIHED .pptOptionLabelRow_SIRbu {
display: flex;
align-items: center;
gap: 8px;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptOptionContent_fIHED .pptOptionLabel_HMdf- {
font-size: 15px;
font-weight: 500;
color: #0c1024;
line-height: 24px;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptOptionContent_fIHED .pptUpgradeBadge_2Wc-M {
display: flex;
align-items: center;
cursor: pointer;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptOptionContent_fIHED .pptOptionDesc_3nWdM {
font-size: 13px;
color: #91939c;
line-height: 22px;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptOptionContent_fIHED .pptOptionTip_-ddai {
display: flex;
align-items: flex-start;
gap: 6px;
padding: 8px 10px;
border-radius: 4px;
background-color: #f5f6f6;
font-size: 12px;
color: #91939c;
line-height: 18px;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptOptionContent_fIHED .pptOptionTip_-ddai .pptOptionTipIcon_6eDg4 {
flex-shrink: 0;
width: 14px;
height: 14px;
margin-top: 2px;
color: #91939c;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptOptionContent_fIHED .pptOptionOverLimit_Lk7Om {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
border-radius: 4px;
background-color: rgba(255, 138, 12, 0.1);
font-size: 12px;
color: #ff8a0c;
line-height: 20px;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R .pptOptionContent_fIHED .pptOptionOverLimit_Lk7Om .pptOptionOverLimitIcon_02D25 {
flex-shrink: 0;
width: 16px;
height: 16px;
color: #ff8a0c;
}
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R.pptOptionRowDisabled_CMSyR .pptOptionContent_fIHED .pptOptionLabel_HMdf-,
.insertPptChooseModalBox_DY9V8 .pptOptions_xsqBC .pptOptionRow_is60R.pptOptionRowDisabled_CMSyR .pptOptionContent_fIHED .pptOptionDesc_3nWdM {
color: #d0d5dd;
}
.insertPptChooseModalBox_DY9V8 .pptFooter_lCdYs {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.insertPptChooseModalBox_DY9V8 .pptFooter_lCdYs .pptCancelBtn_pWlON {
height: 36px;
padding: 0 16px;
line-height: 34px;
text-align: center;
border-radius: 4px;
border: 1px solid #d1d3d8;
font-size: 14px;
color: #0c1024;
cursor: pointer;
background-color: #fff;
}
.insertPptChooseModalBox_DY9V8 .pptFooter_lCdYs .pptConfirmBtn_eYR9r {
height: 36px;
padding: 0 16px;
line-height: 36px;
text-align: center;
border-radius: 4px;
font-size: 14px;
color: #fff;
cursor: pointer;
background-color: #2e73e5;
}
.do-hovers .insertPptChooseModalBox_DY9V8 .pptCloseBtn_4XpTi:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .insertPptChooseModalBox_DY9V8 .pptFooter_lCdYs .pptCancelBtn_pWlON:hover {
background-color: #f5f5f7;
}
.do-hovers .insertPptChooseModalBox_DY9V8 .pptFooter_lCdYs .pptConfirmBtn_eYR9r:hover {
opacity: 0.9;
}
.replacePageModalBox_gevZZ {
width: 520px;
border-radius: 12px;
padding: 24px 40px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.replacePageModalBox_gevZZ .replacePageCloseBtn_uyGgM {
position: absolute;
top: 12px;
right: 12px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 4px;
}
.replacePageModalBox_gevZZ .replacePageCloseIcon_nO50- {
width: 18px;
height: 18px;
color: #424454;
}
.replacePageModalBox_gevZZ .replacePageHeader_pC6TQ {
margin-bottom: 24px;
}
.replacePageModalBox_gevZZ .replacePageTitle_TCAuP {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #202022;
}
.replacePageModalBox_gevZZ .replacePageSubtitle_OITbD {
margin-top: 4px;
font-size: 14px;
line-height: 22px;
color: #909399;
}
.replacePageModalBox_gevZZ .replacePageOptions_dk2ha {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 24px;
}
.replacePageModalBox_gevZZ .replacePageOptionRow_hxzra {
display: flex;
align-items: flex-start;
gap: 8px;
cursor: pointer;
}
.replacePageModalBox_gevZZ .replacePageOptionDisabled_6cfqP {
cursor: default;
}
.replacePageModalBox_gevZZ .replacePageOptionDisabled_6cfqP .replacePageRadio_82f3i {
border-color: #DBDBDE;
background-color: #F0F0F0;
}
.replacePageModalBox_gevZZ .replacePageOptionDisabled_6cfqP .replacePageOptionLabel_Nsi0N {
color: #C2C3C8;
}
.replacePageModalBox_gevZZ .replacePageRadioCol_h5du5 {
display: flex;
flex-direction: column;
height: 24px;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.replacePageModalBox_gevZZ .replacePageRadio_82f3i {
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #DBDBDE;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 4px;
}
.replacePageModalBox_gevZZ .replacePageRadio_82f3i.selected_DyZ7a {
border-color: #2E73E5;
}
.replacePageModalBox_gevZZ .replacePageRadio_82f3i .replacePageRadioInner_vVBZf {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #2E73E5;
}
.replacePageModalBox_gevZZ .replacePageOptionLabel_Nsi0N {
font-size: 15px;
font-weight: 500;
line-height: 24px;
color: #202022;
}
.replacePageModalBox_gevZZ .replacePageSpecificContent_bpyc6 {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.replacePageModalBox_gevZZ .replacePageInput_ILDhC {
width: 100%;
height: 36px;
padding: 7px 12px;
border: 1px solid #e0e6ee;
border-radius: 4px;
font-size: 14px;
line-height: 22px;
color: #202022;
outline: none;
box-sizing: border-box;
}
.replacePageModalBox_gevZZ .replacePageInput_ILDhC::-moz-placeholder {
color: #909399;
}
.replacePageModalBox_gevZZ .replacePageInput_ILDhC::placeholder {
color: #909399;
}
.replacePageModalBox_gevZZ .replacePageInput_ILDhC:disabled {
background-color: #f5f5f7;
cursor: not-allowed;
}
.replacePageModalBox_gevZZ .replacePageInput_ILDhC:focus:not(:disabled) {
border-color: #2E73E5;
}
.replacePageModalBox_gevZZ .replacePageInputError_7vIxs {
border-color: #fe5250;
box-shadow: 0 0 0 2px rgba(254, 82, 80, 0.1);
}
.replacePageModalBox_gevZZ .replacePageInputError_7vIxs:focus:not(:disabled) {
border-color: #fe5250;
}
.replacePageModalBox_gevZZ .replacePageInputErrorText_Z0tdd {
position: absolute;
top: 100%;
font-size: 12px;
line-height: 20px;
color: #fe5250;
}
.replacePageModalBox_gevZZ .replacePageFooter_uJieu {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.replacePageModalBox_gevZZ .replacePageFooter_uJieu .replacePageCancelBtn_X5E3O {
height: 40px;
padding: 0 16px;
line-height: 38px;
text-align: center;
border-radius: 6px;
border: 1px solid #d0d5dd;
font-size: 16px;
color: #202022;
cursor: pointer;
background-color: #fff;
}
.replacePageModalBox_gevZZ .replacePageFooter_uJieu .replacePageConfirmBtn_9Arya {
height: 40px;
padding: 0 16px;
line-height: 40px;
text-align: center;
border-radius: 6px;
font-size: 16px;
color: #fff;
cursor: pointer;
background-color: #2E73E5;
}
.replacePageModalBox_gevZZ .replacePageFooter_uJieu .replacePageConfirmBtnDisabled_gP17e {
background-color: #ABC7F5;
color: rgba(255, 255, 255, 0.65);
cursor: not-allowed;
}
.do-hovers .replacePageCloseBtn_uyGgM:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .replacePageFooter_uJieu .replacePageCancelBtn_X5E3O:hover {
background-color: #f5f5f7;
}
.do-hovers .replacePageFooter_uJieu .replacePageConfirmBtn_9Arya:hover:not(.replacePageConfirmBtnDisabled_gP17e) {
opacity: 0.9;
}
.extra_media_Q9eik {
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
z-index: 100;
}
.extra_media_audio_Qop5q {
border-radius: 12px;
background: #dee9f5;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.extra_media_full_DkITh {
border: none;
border-radius: 0;
}
.moveResizeArea_ZHZnM {
position: relative;
width: 100%;
height: 100%;
}
.audio_container_z-ap2 {
display: flex;
align-items: center;
}
.diskBlock_x3Ra1 {
border-radius: 12px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.audio_main_S30nC {
position: relative;
margin-left: 4px;
flex-shrink: 1;
flex-grow: 1;
height: 100%;
}
.audio_right_DpEia {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
padding-right: 8px;
}
.em_audio_phone_Eo5Pi .audio_right_DpEia {
padding-right: 4px;
}
.audio_head_H5qiJ {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 8px;
}
.audio_name_r9uZV {
flex-shrink: 1;
font-size: 16px;
color: #0c1024;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.audio_close_-kCtQ {
margin-left: 8px;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.audio_close_icon_TYLFn {
color: #0c1024;
cursor: pointer;
}
.title_0JP5T {
border-radius: 4px 4px 0 0;
width: 100%;
background-color: #f5f6f6;
display: flex;
align-items: center;
padding: 0 7px;
}
.title_0JP5T.fade_6aOEy {
opacity: 0;
transition: opacity 0.5s;
}
.title_0JP5T .closeWrapper_pxitX {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.title_0JP5T .closeWrapper_full_NBr40 {
padding: 6px;
}
.title_0JP5T .close_icon_pGEl9 {
color: #0c1024;
cursor: pointer;
}
.title_0JP5T .close_icon_full_GTIQn {
color: white;
}
.title_0JP5T .name_75Zip {
width: 100%;
font-size: 10px;
color: #0c1024;
margin: 0 8px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.title_full_oN9po {
position: absolute;
top: 0;
left: 0;
height: 84px;
padding: 8px 12px 40px 16px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}
.title_full_oN9po .name_75Zip {
font-size: 16px;
color: white;
margin-left: 0;
}
.audio_content_UMF8J {
position: absolute;
}
.video_content_Kiao2 {
width: 100%;
background-color: black;
border-radius: 4px;
}
.video_content_full_M0Bq- {
border-radius: 0;
}
.video_content_Kiao2 video {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 4px;
}
.resize_dom_lzDCa {
position: absolute;
width: 20px;
height: 20px;
background: transparent;
}
.resize_dom_lzDCa.nw {
left: -10px;
top: -10px;
cursor: nw-resize;
}
.resize_dom_lzDCa.ne {
right: -10px;
top: -10px;
cursor: ne-resize;
}
.resize_dom_lzDCa.sw {
left: -10px;
bottom: -10px;
cursor: sw-resize;
}
.resize_dom_lzDCa.se {
right: -10px;
bottom: -10px;
cursor: se-resize;
}
.media_ctrl_jc8El {
border-radius: 0 0 4px 4px;
pointer-events: auto;
}
.media_ctrl_video_O6N-- {
position: absolute;
width: 100%;
bottom: 0;
padding: 20px 7px 12px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}
.media_ctrl_jc8El.fade_6aOEy {
opacity: 0;
transition: opacity 0.5s;
}
.media_ctrl_jc8El .progress_VxC1g {
width: 100%;
}
.media_ctrl_jc8El .time_MViMK {
margin-left: 4px;
}
.media_ctrl_jc8El .speed_YwG-O {
font-size: 16px;
}
.media_ctrl_audio_I-T-1 {
padding-right: 8px;
}
.media_ctrl_audio_I-T-1 .playBtn_PggQc {
color: #2e73e5;
}
.media_ctrl_audio_I-T-1 .time_MViMK {
color: #7a8087;
}
.media_ctrl_audio_I-T-1 .speed_YwG-O {
color: #0c1024;
}
.videoTop_M4p5u {
padding: 8px 12px;
}
.videoBottom_ge9Ij {
padding: 0 4px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.videoBottom_left_tU8qA {
display: flex;
align-items: center;
}
.videoBottom_right_UKmDI {
display: flex;
align-items: center;
}
.videoBottom_ge9Ij .vb_play_D9UgX {
margin-right: -4px;
padding: 4px;
width: 36px;
height: 36px;
border-radius: 2px;
}
.videoBottom_ge9Ij .vb_play_D9UgX:hover {
background: rgba(255, 255, 255, 0.12);
}
.videoBottom_ge9Ij .vb_speed_tA5vw {
padding: 4px 8px;
min-width: 52px;
height: 36px;
line-height: 28px;
}
.videoBottom_ge9Ij .vb_speed_tA5vw:not(.speed_active_8EFO3):hover {
background: rgba(255, 255, 255, 0.12);
}
.videoBottom_ge9Ij .vb_right_btn_zXLZG {
margin-left: 4px;
width: 36px;
height: 36px;
}
.videoBottom_ge9Ij .vb_right_btn_zXLZG:hover {
background: rgba(255, 255, 255, 0.12);
}
.videoBottom_ge9Ij.isPhone_H7ux4 .vb_play_D9UgX:hover,
.videoBottom_ge9Ij.isPhone_H7ux4 .vb_right_btn_zXLZG:hover {
background: none;
}
.videoBottom_ge9Ij.isPhone_H7ux4 .vb_speed_tA5vw:not(.speed_active_8EFO3):hover {
background: none;
}
.audioTop_P9gLL {
padding: 8px;
}
.audioBottom_4RFks {
padding: 4px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.bottom_left_Cs50j {
display: flex;
align-items: center;
}
.bottom_right_bkqdm {
display: flex;
align-items: center;
}
.play_btn_j9noF {
width: 28px;
height: 28px;
color: #ffffff;
cursor: pointer;
}
.play_btn_j9noF .icon_eOf6s {
font-size: 28px;
}
.icon_btn_-yLID {
width: 28px;
height: 28px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.mark_btn_Vc-HB {
display: flex;
align-items: center;
}
.mark_text_3FWnz {
color: #ffffff;
font-size: 14px;
cursor: pointer;
}
.progress_bar_Xub-K {
height: 20px;
position: relative;
}
.progress_bar_Xub-K .bottom_layer_xNuIu {
position: absolute;
cursor: pointer;
touch-action: none;
width: 100%;
height: 100%;
}
.progress_bar_Xub-K .background_P7fOm {
position: absolute;
width: 100%;
height: 4px;
background-color: rgba(255, 255, 255, 0.4);
border-radius: 4px;
top: 50%;
transform: translate(0, -50%);
}
.progress_bar_Xub-K .top_layer_-PF0z {
position: absolute;
top: 50%;
transform: translate(0, -50%);
height: 4px;
width: 100%;
pointer-events: none;
}
.progress_bar_Xub-K .content_NaFa1 {
height: 4px;
background-color: #ffffff;
border-radius: 4px;
}
.progress_bar_Xub-K .ball_T10Vx {
position: absolute;
width: 14px;
height: 14px;
margin-top: -9px;
margin-left: -7px;
border-radius: 7px;
background-color: #2e73e5;
border: #ffffff 2px solid;
}
.point_hRlIl {
position: absolute;
width: 10px;
height: 10px;
top: 50%;
transform: translate(-50%, -50%);
pointer-events: auto;
cursor: pointer;
}
.point_hRlIl .point_ball {
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #05caae;
}
.point_hRlIl .mark_list {
position: absolute;
left: 50%;
bottom: calc(100% + 16px);
transform: translate(-50%, 0);
width: 180px;
padding: 8px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.8);
}
.point_hRlIl .mark_list::before {
content: "";
position: absolute;
left: 50%;
top: 100%;
margin-left: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgba(0, 0, 0, 0.8);
}
.point_hRlIl .markpoint_item_bolY4 {
height: 36px;
line-height: 18px;
color: #ffffff;
font-size: 12px;
display: flex;
align-items: center;
}
.point_hRlIl .markpoint_item_bolY4::before {
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
background: #ffffff;
flex-shrink: 0;
}
.point_hRlIl .markpoint_item_bolY4.isCurrent_USRZ- {
color: #05caae;
}
.point_hRlIl .markpoint_item_bolY4.isCurrent_USRZ-::before {
background: #05caae;
}
.point_hRlIl .markpoint_item_bolY4 .markpoint_info_DNcKL {
margin-left: 8px;
flex-grow: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.point_hRlIl .markpoint_item_bolY4 .markpoint_delete_8m348 {
width: 16px;
height: 16px;
margin-left: 8px;
flex-shrink: 0;
color: #d8d8d8;
}
.point_hRlIl .markpoint_item_bolY4 .markpoint_delete_8m348 .sdk-icon {
font-size: 16px;
}
.point_hRlIl .markpoint_item_bolY4 .markpoint_delete_8m348:hover,
.point_hRlIl .markpoint_item_bolY4 .markpoint_delete_8m348.focused_7fqHf {
color: #fe5250;
}
.time_info_O7qVt {
color: #ffffff;
min-width: 88px;
text-align: right;
white-space: nowrap;
font-size: 14px;
}
.speed_btn_slDrb {
position: relative;
min-width: 44px;
text-align: center;
height: 24px;
font-size: 14px;
line-height: 24px;
border-radius: 2px;
color: #ffffff;
cursor: pointer;
}
.speed_btn_slDrb .current_speed_KHpQo {
width: 100%;
height: 100%;
}
.speed_btn_slDrb.active_nysMu {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
}
.speed_btn_slDrb .options_qSKKU {
position: absolute;
bottom: calc(100% + 22px);
left: 50%;
transform: translate(-50%, 0);
width: 72px;
padding: 4px 0;
border-radius: 4px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.8);
}
.speed_btn_slDrb .options_qSKKU .selected_CXxcI {
color: #2e73e5;
}
.speed_btn_slDrb .options_qSKKU .option_YJzSP {
width: 100%;
height: 28px;
line-height: 28px;
text-align: center;
}
.hide_B0ZoJ {
display: none;
}
.more_btn_wrapper_4tro2 {
position: relative;
width: 24px;
height: 24px;
color: #ffffff;
cursor: pointer;
}
.more_btn_wrapper_4tro2 .more_icon_z6Qls {
font-size: 24px;
margin: auto;
}
.more_btn_wrapper_4tro2 .more_btn_Lpphm {
width: 100%;
height: 100%;
border-radius: 2px;
display: flex;
}
.more_btn_wrapper_4tro2 .more_btn_Lpphm.active_nysMu {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
}
.more_btn_wrapper_4tro2 .controls_kCFEE {
position: absolute;
bottom: calc(100% + 22px);
right: 0;
width: 150px;
padding: 12px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 4px;
}
.more_btn_wrapper_4tro2 .control_cbj7o {
height: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.more_btn_wrapper_4tro2 .control_cbj7o:not(:first-child) {
margin-top: 12px;
}
.more_btn_wrapper_4tro2 .label_rZ-I6 {
line-height: 20px;
color: #ffffff;
font-size: 12px;
}
.more_btn_wrapper_4tro2 .switch_btn_MQNw- {
background-color: #616371;
}
.video_ctrl_H-Hsj {
position: absolute;
pointer-events: auto;
padding: 20px 7px 12px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.video_ctrl_H-Hsj.fade_K-1m3 {
opacity: 0;
transition: opacity 0.5s;
}
.video_ctrl_H-Hsj .progress_8FD-a {
width: 100%;
}
.video_ctrl_H-Hsj .mb_play_btn_wR08E {
margin-right: -4px;
padding: 4px;
width: 36px;
height: 36px;
border-radius: 2px;
}
.video_ctrl_H-Hsj .mb_play_btn_wR08E:hover {
background: rgba(255, 255, 255, 0.12);
}
.video_ctrl_H-Hsj .mb_speed_YkJh4 {
padding: 4px 8px;
min-width: 52px;
height: 36px;
line-height: 28px;
}
.video_ctrl_H-Hsj .mb_speed_YkJh4:not(.speed_active_VqO-N):hover {
background: rgba(255, 255, 255, 0.12);
}
.video_ctrl_H-Hsj .time_4a0JB {
margin-left: 8px;
}
.video_ctrl_H-Hsj .speed_X2i-r {
font-size: 16px;
}
.video_ctrl_H-Hsj .mark_btn_z3K4q {
margin-left: 8px;
padding: 4px 8px 4px 4px;
}
.video_ctrl_H-Hsj .mark_btn_z3K4q:hover {
background: rgba(255, 255, 255, 0.12);
}
.video_ctrl_H-Hsj .moreBtn_dgtIp {
width: 28px;
height: 28px;
margin-left: 14px;
}
.video_ctrl_H-Hsj .mb_play_btn_wR08E,
.video_ctrl_H-Hsj .mark_btn_z3K4q,
.video_ctrl_H-Hsj .time_4a0JB,
.video_ctrl_H-Hsj .speed_X2i-r,
.video_ctrl_H-Hsj .maxBtn_T-mHW,
.video_ctrl_H-Hsj .moreBtn_dgtIp {
flex-shrink: 0;
}
.video_ctrl_H-Hsj .mb_right_btn_Fs1CL {
margin-left: 4px;
width: 36px;
height: 36px;
}
.video_ctrl_H-Hsj .mb_right_btn_Fs1CL:hover {
background: rgba(255, 255, 255, 0.12);
}
.video_ctrl_H-Hsj.isPhone_mEk5S .mb_play_btn_wR08E:hover,
.video_ctrl_H-Hsj.isPhone_mEk5S .mark_btn_z3K4q:hover,
.video_ctrl_H-Hsj.isPhone_mEk5S .mb_right_btn_Fs1CL:hover {
background: none;
}
.video_ctrl_H-Hsj.isPhone_mEk5S .mb_speed_YkJh4:not(.speed_active_VqO-N):hover {
background: none;
}
.simple_15Jwf {
padding: 0;
pointer-events: none;
}
.simple_15Jwf .maxBtn_T-mHW {
pointer-events: auto;
}
.simple_15Jwf .maxBtn_T-mHW .icon_i3-vX {
font-size: 20px;
margin: auto;
}
.simple_15Jwf .maxBtn_T-mHW .icon_i3-vX.disabledIcon_sn4WT {
color: rgba(255, 255, 255, 0.25);
}
.simple_bottom_WqcXR {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.ctrl_Top_02N8G {
padding: 8px 12px;
display: flex;
}
.bottom_rBFnV {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.bottom_left_wR3kj {
display: flex;
align-items: center;
}
.bottom_right_1ZyL0 {
display: flex;
align-items: center;
padding-right: 4px;
}
.maxBtn_T-mHW {
width: 28px;
height: 28px;
color: #ffffff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.maxBtn_T-mHW .icon_i3-vX {
font-size: 20px;
margin: auto;
}
.maxBtn_T-mHW .icon_i3-vX.disabledIcon_sn4WT {
color: rgba(255, 255, 255, 0.25);
}
.root_YVGug {
position: relative;
}
.root_YVGug audio {
visibility: hidden;
}
.root_YVGug .pan_zsKGu {
position: absolute;
}
.root_YVGug .disk_FUcSM {
position: absolute;
}
.root_YVGug .bar_jALR3 {
position: absolute;
transform-origin: center top;
transform: rotate(0deg);
transition: transform 0.5s linear;
}
.iconCon_b62mu {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.upDownSplitIcon_46ghx svg {
transform: rotate(90deg);
}
.splitCellDisabled_woZAt {
color: var(--upime-disable);
cursor: default;
}
.do-hovers .iconCon_b62mu:hover {
background: var(--upime-btn-bg-hover);
}
.do-hovers .splitCellDisabled_woZAt .iconCon_b62mu:hover {
background: transparent;
}
.divider_zTrzP {
width: 1px;
height: 50px;
background-color: #e6e6e6;
margin-left: 8px;
margin-right: 8px;
}
.drawer_HRD3M {
padding: 32px 32px 0;
background-color: #fff;
border-radius: 20px 20px 0 0;
position: relative;
}
.drawer_HRD3M .title_RX4WZ {
color: #0c1024;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}
.drawer_HRD3M .content_XKTEp {
color: #303445;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin-top: 16px;
}
.drawer_HRD3M .buttonGroup_xzFaK {
margin-top: 24px;
margin-bottom: 50px;
}
.drawer_HRD3M .buttonGroup_xzFaK .button_SNczU {
display: flex;
padding: 8px 0;
justify-content: center;
align-items: center;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #0c1024;
background: #f5f6f6;
border-radius: 20px;
margin-bottom: 12px;
}
.drawer_HRD3M .buttonGroup_xzFaK .button_SNczU.primary_zDzqD {
color: #fff;
background: #2e73e5;
}
.drawer_HRD3M .closeBtn_lOC92 {
position: absolute;
top: 16px;
right: 16px;
}
.phoneModal_fgvYL {
text-align: center;
}
.title_tqsPH {
color: #0C1024;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.boby_WOfM6 {
color: #303445;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-align: c;
}
.button_WYC3o {
color: #0C1024;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.button_WYC3o.primary_TAPl2 {
color: #2E73E5;
}
.button_WYC3o.primary_TAPl2.disabled_ai0oj {
color: #ABC7F5;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu {
width: 164px;
padding: 8px 0;
display: block;
cursor: inherit;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu.hide_iRitI {
display: none;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu .row_-1Uhw {
height: 36px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 12px 0 16px;
color: #0c1024;
font-size: 14px;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu .borderColorEditBox_LpwAe {
background-color: white;
border-radius: 2px;
background: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
pointer-events: all;
cursor: default;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu .borderColorEditBox_LpwAe.noPadding_a2TW0 {
padding-top: 0;
}
.colorGroupContainer_hLT36 .colorGroupSubWindow_aeIAu .borderColorEditBox_LpwAe .borderEditContainer_WcE-I {
position: relative;
left: 0;
transform: none;
border-radius: 0;
background-color: transparent;
background-color: initial;
box-shadow: none;
}
.randomizeLabel_rIUHW {
width: 100%;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #e6e7e9;
font-size: 12px;
}
.randomizeLabel_rIUHW:active {
border: 1px solid #1d56bf !important;
color: #1d56bf !important;
}
.randomizeLabel_rIUHW .randomIcon_7--kA {
width: 14px;
height: 14px;
border-radius: 50%;
background: conic-gradient(from 180deg at 50% 50%, #ff0070 0deg, #ff6a3b 59.40000236deg, #ffd600 142.20000386deg, #74e14c 208.79999399deg, #2d75ff 286.20000601deg, #b736ff 341.99999571deg);
position: relative;
overflow: hidden;
}
.randomizeLabel_rIUHW .randomIcon_7--kA::after {
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.rowContiner_mKopY.showing {
opacity: 1 !important;
}
.rowContiner_mKopY.showing {
background-color: #f5f6f6;
}
.branchPhone_CK-sy {
padding: 12px 0 0;
background-color: white;
pointer-events: all;
}
.phoneColorPalette_Kz7Rs {
box-shadow: none !important;
}
.divider_VPt2J {
width: 100%;
height: 1px;
background-color: #dbdbde;
}
.do-hovers .hoverContainer_PF-Kr {
cursor: pointer;
}
.do-hovers .hoverContainer_PF-Kr:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .row_-1Uhw {
cursor: pointer;
}
.do-hovers .row_-1Uhw:hover {
background-color: #f5f6f6;
}
.do-hovers .randomizeLabel_rIUHW:hover {
border: 1px solid #5798f2 !important;
}
.do-hovers .randomizeLabel_rIUHW:hover {
color: #5798f2;
}
.mindmap_icon_wrapper_avCQx {
position: fixed;
padding: 16px 4px 0px 16px;
width: 310px;
height: 420px;
border-radius: 2px;
background: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
pointer-events: all;
font-size: 14px;
overflow: hidden;
left: 0;
top: 0;
}
.mindmap_icon_part_wrapper_GcLj- {
position: fixed;
width: 380px;
border-radius: 2px;
background: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
pointer-events: all;
font-size: 14px;
overflow: hidden;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.mindmapIconContainer_8u4wv {
width: 100%;
height: 100%;
overflow: auto;
padding-right: 8px;
}
.mindmapIconContainer_8u4wv::-webkit-scrollbar {
width: 4px;
}
.mindmapIconContainer_8u4wv::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.mindmapIconContainer_8u4wv::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.mindmapIconContainer_8u4wv .iconRowContainer_nLspg {
margin-bottom: 12px;
}
.mindmapIconContainer_8u4wv .iconRowContainer_nLspg .iconRowLabel_CzX1X {
font-size: 14px;
color: #0c1024;
margin-bottom: 4px;
}
.mindmapIconContainer_8u4wv .iconRowContainer_nLspg .rowIconsContainer_PYNfu {
display: flex;
flex-wrap: wrap;
gap: 2px;
}
.mindmapIconContainer_8u4wv .iconRowContainer_nLspg .rowIconsContainer_PYNfu .iconContainer_OAimx {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
overflow: hidden;
}
.active_UlEvR {
background-color: #eaf1fc;
}
.mindmapIconPartContainer_njsz- {
width: 100%;
display: grid;
grid-template-columns: 1fr auto auto;
}
.mindmapIconPartContainer_njsz- .iconsContainer_Ote0W {
overflow: hidden;
display: flex;
flex-wrap: wrap;
padding: 16px 0px 16px 16px;
gap: 2px;
flex: 1;
}
.mindmapIconPartContainer_njsz- .iconsContainer_Ote0W .iconContainer_OAimx {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
overflow: hidden;
}
.mindmapIconPartContainer_njsz- .deleteIconContainer_T9aSo {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0 12px 0 0px;
height: 100%;
border-right: 1px solid #e6e7e9;
}
.mindmapIconPartContainer_njsz- .deleteIconContainer_T9aSo .deleteIcon_g1j-J {
padding: 7px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.mindmapIconPartContainer_njsz- .arrowContainer_PL0HZ {
padding: 2px;
height: 100%;
flex-shrink: 0;
}
.mindmapIconPartContainer_njsz- .arrowContainer_PL0HZ .arrowInner_b-ze- {
width: 100%;
height: 100%;
border-radius: 2px;
color: #91939c;
display: flex;
align-items: center;
justify-content: center;
}
.do-hovers .iconContainer_OAimx {
cursor: pointer;
}
.do-hovers .iconContainer_OAimx:hover {
background: rgba(0, 0, 0, 0.06);
}
.do-hovers .arrowInner_b-ze- {
cursor: pointer;
}
.do-hovers .arrowInner_b-ze-:hover {
background: rgba(0, 0, 0, 0.06);
}
.do-hovers .deleteIcon_g1j-J {
cursor: pointer;
}
.do-hovers .deleteIcon_g1j-J:hover {
background: rgba(0, 0, 0, 0.06);
}
.mark_point_toast_H-9EB {
position: absolute;
transform: translate(-50%, 10px);
height: 36px;
line-height: 36px;
padding: 0 16px;
color: #ffffff;
font-size: 14px;
border-radius: 4px;
background-color: #000000;
}
.mark_point_bar_QtdqQ {
position: absolute;
display: flex;
padding: 0 12px;
align-items: center;
justify-content: space-between;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.4));
}
.info_IFQxJ {
display: flex;
align-items: center;
color: #ffffff;
}
.info_IFQxJ .icon_Znl61 {
width: 20px;
height: 20px;
}
.info_IFQxJ .desc_w2w8x,
.info_IFQxJ .time_m7zJl {
height: 18px;
line-height: 18px;
font-size: 12px;
}
.info_IFQxJ .desc_w2w8x {
margin-left: 6px;
}
.info_IFQxJ .time_m7zJl {
margin-left: 8px;
color: rgba(255, 255, 255, 0.8);
}
.btns_TI1Ck {
display: flex;
}
.btns_TI1Ck .btn_OWViZ {
padding: 0 12px;
height: 24px;
font-size: 12px;
line-height: 24px;
border-radius: 2px;
}
.btns_TI1Ck .save_mAheZ {
margin-left: 8px;
color: #FFFFFF;
background-color: #05CAAE;
}
.speedListContainer_0-Zdj {
background-color: #ffffff;
display: flex;
flex-direction: column;
align-items: flex-start;
overflow: hidden;
padding: 4px;
border-radius: 6px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
width: 100%;
min-width: 120px;
}
.speedListItem_eWK-v {
display: flex;
align-items: center;
padding: 0 12px;
border-radius: 4px;
height: 36px;
width: 100%;
cursor: pointer;
background-color: transparent;
transition: background-color 0.15s ease;
}
.speedListItem_eWK-v .speedText_zfKaN {
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
line-height: 22px;
color: #0c1024;
white-space: nowrap;
font-weight: 400;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: color 0.15s ease;
}
.speedListItem_eWK-v.active_NceoX .speedText_zfKaN {
color: var(--upime-active);
}
.moreBtnPanel_9h3oM {
background-color: #ffffff;
display: flex;
flex-direction: column;
align-items: flex-start;
overflow: hidden;
padding: 4px;
border-radius: 6px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.menuItem_AuMec {
display: flex;
height: 36px;
align-items: center;
padding: 0 12px;
border-radius: 4px;
width: 100%;
cursor: pointer;
background-color: transparent;
transition: background-color 0.15s ease;
}
.menuItem_AuMec.active_NceoX {
background-color: rgba(0, 0, 0, 0.04);
}
.menuItem_AuMec .leftContent_23lNz {
display: flex;
align-items: center;
flex: 1;
}
.menuItem_AuMec .menuText_qWb4z {
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
line-height: 22px;
color: #0c1024;
white-space: nowrap;
font-weight: 400;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.menuItemWithRight_oZ3di {
justify-content: space-between;
}
.menuItemWithRight_oZ3di .rightContent_12xJK {
display: flex;
align-items: center;
gap: 4px;
}
.menuItemWithRight_oZ3di .secondaryText_9yEEa {
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 13px;
line-height: 22px;
color: #424454;
white-space: nowrap;
font-weight: 400;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.menuItemWithRight_oZ3di .arrowIcon_BiNRz {
width: 16px;
height: 16px;
color: #606266;
}
.divider_NgT8u {
width: 100%;
height: 1px;
background-color: #e6e7e9;
margin: 4px 0;
}
.toggleWrapper_FgDbt {
display: flex;
align-items: center;
gap: 12px;
}
.do-hovers .speedListItem_eWK-v:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .menuItem_AuMec:hover {
background-color: var(--upime-btn-bg-hover);
}
.editorPanel_Ue6ZL {
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 12px;
padding: 12px;
border-radius: 8px;
width: 200px;
position: relative;
filter: drop-shadow(0px 2px 20px rgba(0, 0, 0, 0.08));
}
.arrow_kLYCU {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 95%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 7px solid #ffffff;
}
.header_w4v12 {
display: flex;
align-items: center;
gap: 8px;
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
white-space: nowrap;
}
.header_w4v12 .title_SDdoT {
font-size: 13px;
line-height: 22px;
color: #0C1024;
font-weight: 400;
}
.header_w4v12 .time_l47ne {
font-size: 12px;
line-height: 20px;
color: #91939C;
overflow: hidden;
text-overflow: ellipsis;
}
.colorPicker_rNjQC {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}
.colorOption_8vrUj {
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
cursor: pointer;
width: 20px;
height: 20px;
}
.colorOption_8vrUj.selected_eEbBQ {
border: 2px solid currentColor;
}
.colorOption_8vrUj .colorBall_RcEXB {
width: 12px;
height: 12px;
border-radius: 12px;
}
.colorOption_8vrUj:nth-child(1).selected_eEbBQ {
border-color: #00c78b;
}
.colorOption_8vrUj:nth-child(2).selected_eEbBQ {
border-color: #fe5250;
}
.colorOption_8vrUj:nth-child(3).selected_eEbBQ {
border-color: #2E73E5;
}
.colorOption_8vrUj:nth-child(4).selected_eEbBQ {
border-color: #20cccc;
}
.colorOption_8vrUj:nth-child(5).selected_eEbBQ {
border-color: #b6b8c2;
}
.colorOption_8vrUj:nth-child(6).selected_eEbBQ {
border-color: #000000;
}
.textInputContainer_uEf03 {
display: flex;
flex-direction: column;
gap: 2px;
width: 100%;
}
.textInput_KzhfM {
background-color: #ffffff;
border: 1px solid #E6E7E9;
border-radius: 4px;
padding: 4px 8px;
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 13px;
line-height: 22px;
color: #0C1024;
min-height: 52px;
max-height: 132px;
overflow-y: auto;
resize: none;
outline: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.textInput_KzhfM::-moz-placeholder {
color: #C2C3C8;
}
.textInput_KzhfM::placeholder {
color: #C2C3C8;
}
.textInput_KzhfM.focused_UbgZp {
border-color: #2E73E5;
box-shadow: 0 0 0 2px rgba(46, 115, 229, 0.1);
}
.charCount_f8NJ3 {
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 12px;
line-height: 20px;
color: #91939C;
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.footer_2-LCZ {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
width: 100%;
}
.cancelBtn_fyCVZ,
.confirmBtn_7bHWt {
display: flex;
align-items: center;
justify-content: center;
height: 28px;
padding: 5px 8px;
border-radius: 4px;
border: none;
cursor: pointer;
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: 400;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
outline: none;
}
.cancelBtn_fyCVZ {
background-color: #ffffff;
border: 1px solid #DBDBDE;
color: #0C1024;
}
.cancelBtn_fyCVZ:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.confirmBtn_7bHWt {
background-color: #2E73E5;
color: #ffffff;
}
.do-hovers .colorOption_8vrUj:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.panelContainer_g-kZj {
background-color: #ffffff;
display: flex;
flex-direction: column;
padding: 8px 2px;
border-radius: 6px;
filter: drop-shadow(0px 2px 20px rgba(0, 0, 0, 0.08));
max-width: 200px;
max-height: 320px;
position: relative;
}
.panelContainer_g-kZj .arrow_8B4gc {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 95%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 7px solid #ffffff;
}
.contentArea_b2kx8 {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 4px 0 10px;
overflow-y: scroll;
}
.contentArea_b2kx8::-webkit-scrollbar {
width: 4px;
}
.contentArea_b2kx8::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.contentArea_b2kx8::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.markPointItem_yPjzM {
display: flex;
flex-direction: column;
width: 100%;
}
.header_1Trfm {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.time_JSnIP {
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 12px;
line-height: 20px;
color: #91939C;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex-shrink: 0;
}
.actions_y4YbY {
display: flex;
align-items: center;
gap: 2px;
flex-shrink: 0;
margin-left: 12px;
}
.iconBtn_LKxFh {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
border-radius: 2px;
cursor: pointer;
color: #91939C;
transition: background-color 0.15s ease, color 0.15s ease;
}
.iconBtn_LKxFh.focused_z-WmS {
background-color: rgba(0, 0, 0, 0.04);
}
.note_nuCJi {
font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 13px;
line-height: 22px;
color: #0C1024;
white-space: normal;
word-wrap: break-word;
word-break: break-word;
margin-top: 0;
}
.divider_4u2oO {
width: 100%;
height: 0;
border-top: 1px solid #E6E7E9;
flex-shrink: 0;
}
.do-hovers .iconBtn_LKxFh:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.webviewer_border_WS8Pl {
position: absolute;
background-color: white;
}
.webviewer_iframe_1kJRX {
pointer-events: all;
border: none;
outline: none;
margin: 0;
}
.webviewer_iframe_1kJRX.no_pointer_event_uj00n {
pointer-events: none;
}
.webviewer_iframe_1kJRX.autoSize_4AevY {
width: 100%;
height: 100%;
}
.storyCardPresentation .alwaysActiveInStoryCardPresentation_4uxma {
pointer-events: all !important;
}
.windowRoot_WY0gw {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
box-sizing: border-box;
pointer-events: none;
}
.modal_bGv1Z {
position: relative;
display: flex;
flex-direction: column;
gap: 24px;
width: 488px;
max-width: calc(100vw - 32px);
padding: 24px 40px;
border-radius: 12px;
background: #fff;
background: var(--Neutral-colorBg-Container, #fff);
pointer-events: auto;
}
.header_udR7X {
display: flex;
flex-direction: column;
gap: 4px;
}
.title_QTsq- {
margin: 0;
color: #202022;
color: var(--Neutral-colorText-Primary, #202022);
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.subtitle_oiemA {
margin: 0;
color: #909399;
color: var(--Neutral-colorText-Tertiary, #909399);
font-size: 14px;
line-height: 22px;
}
.options_Xindh {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
.optionCard_iv6Ed {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 17px 20px;
border: 1px solid #e0e6ee;
border: 1px solid var(--Neutral-colorBorder-Shallow, #e0e6ee);
border-radius: 8px;
background: #fff;
cursor: pointer;
box-sizing: border-box;
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.optionCardSelected_RN-HH {
border-color: #0168ff;
border-color: var(--Functional-colorPrimary-Default, #0168ff);
background: #e6f4ff;
background: var(--Functional-colorPrimary-Bg, #e6f4ff);
}
.do-hovers .optionCard_iv6Ed:not(.optionCardSelected_RN-HH):hover {
border-color: #d0d5dd;
border-color: var(--Neutral-colorBorder-Deep, #d0d5dd);
background: #f5f6f6;
background: var(--Neutral-colorBg-Hover, #f5f6f6);
}
.optionIconWrap_nBjR6 {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.canvasTableIconBox_Al02- {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 6px;
border-radius: 4px;
background: #0168ff;
background: var(--Functional-colorPrimary-Default, #0168ff);
box-sizing: border-box;
}
.canvasTableIcon_PgD3j {
color: #fff;
}
.fileTypeIcon_p-Gfk {
width: 36px;
height: 36px;
}
.optionTexts_xVJQq {
display: flex;
flex: 1;
flex-direction: column;
gap: 0;
min-width: 0;
}
.optionTitle_0HvyN {
margin: 0;
color: #202022;
color: var(--Neutral-colorText-Primary, #202022);
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.optionDesc_YviLt {
margin: 0;
color: #909399;
color: var(--Neutral-colorText-Tertiary, #909399);
font-size: 12px;
line-height: 20px;
}
.footer_RPqeL {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.btnCancel_CQcIu,
.btnConfirm_51lst {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 8px 16px;
border-radius: 6px;
font-size: 16px;
line-height: 24px;
cursor: pointer;
box-sizing: border-box;
}
.btnCancel_CQcIu {
border: 1px solid #d0d5dd;
border: 1px solid var(--Neutral-colorBorder-Deep, #d0d5dd);
background: #fff;
background: var(--Neutral-colorBg-Container, #fff);
color: #202022;
color: var(--Neutral-colorText-Primary, #202022);
}
.btnConfirm_51lst {
border: none;
background: #0168ff;
background: var(--Functional-colorPrimary-Default, #0168ff);
color: #fff;
}
.btnConfirmDisabled_pY5b6 {
cursor: not-allowed;
background: #abc7f5;
background: var(--Functional-colorPrimary-Disable, #abc7f5);
color: rgba(255, 255, 255, 0.65);
}
.btnLoadingIcon_DBQFQ {
animation: questionnaireExportBtnSpin_0tU7U 1s linear infinite;
}
@keyframes questionnaireExportBtnSpin_0tU7U {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.do-hovers .btnCancel_CQcIu:hover {
background: #f5f6f6;
background: var(--Neutral-colorBg-Hover, #f5f6f6);
}
.do-hovers .btnConfirm_51lst:not(.btnConfirmDisabled_pY5b6):hover {
background: #0056d9;
}
.phoneDrawer_txGOS {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
padding-bottom: 8px;
}
.phoneHeader_MiIpE {
padding: 7px 16px 0;
}
.phoneHeaderTexts_-1F2- {
display: flex;
flex: 1;
flex-direction: column;
padding-top: 9px;
min-width: 0;
}
.phoneTitle_TOE5g {
margin: 0;
color: #0c1024;
font-size: 18px;
font-weight: 600;
line-height: 26px;
}
.phoneSubtitle_YU2VD {
margin: 0;
color: #91939c;
font-size: 13px;
line-height: 20px;
}
.phoneOptions_A0bhD {
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 16px;
}
.phoneFooter_pjI4R {
display: flex;
gap: 12px;
padding: 0 16px 16px;
}
.phoneBtnCancel_ix10n,
.phoneBtnConfirm_TMJ0X {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
height: 48px;
border-radius: 4px;
font-size: 16px;
line-height: 22px;
cursor: pointer;
box-sizing: border-box;
}
.phoneBtnCancel_ix10n {
border: 1px solid #d0d5dd;
border: 1px solid var(--Neutral-colorBorder-Deep, #d0d5dd);
background: #fff;
background: var(--Neutral-colorBg-Container, #fff);
color: #202022;
color: var(--Neutral-colorText-Primary, #202022);
}
.phoneBtnConfirm_TMJ0X {
border: none;
background: #2e73e5;
color: #fff;
}
.do-hovers .phoneBtnCancel_ix10n:hover {
background: #f5f6f6;
background: var(--Neutral-colorBg-Hover, #f5f6f6);
}
.do-hovers .phoneBtnConfirm_TMJ0X:not(.btnConfirmDisabled_pY5b6):hover {
background: #5798f2;
}
.windowRoot_T0MyI {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
box-sizing: border-box;
pointer-events: none;
}
.modal_yOYhM {
position: relative;
display: flex;
flex-direction: column;
width: 580px;
min-height: 460px;
max-width: calc(100vw - 32px);
border: 1px solid #c7d2e4;
border: 1px solid var(--AI-border-color, #c7d2e4);
border-radius: 12px;
background: linear-gradient(180deg, #fff 23%, #e2e9ff 100%);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
pointer-events: auto;
box-sizing: border-box;
}
.decorImage_qhbjL {
position: absolute;
right: 0;
bottom: 50px;
width: 167px;
height: 125px;
-o-object-fit: cover;
object-fit: cover;
mix-blend-mode: darken;
pointer-events: none;
}
.header_F81Rm {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
height: 64px;
padding: 10px 10px 10px 24px;
border-bottom: 1px solid #e6e7e9;
border-bottom: 1px solid var(--Neutral-colorBorder-Shallow, #e6e7e9);
box-sizing: border-box;
}
.headerTitle_fFBxg {
flex: 1;
min-width: 0;
margin: 0;
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
font-size: 20px;
line-height: 28px;
text-align: left;
}
.closeBtn_jm2PR {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: none;
border-radius: 2px;
background: transparent;
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
cursor: pointer;
}
.do-hovers .closeBtn_jm2PR:hover {
background: #f5f6f6;
background: var(--Neutral-colorBg-Hover, #f5f6f6);
}
.body_6dfIw {
display: flex;
flex: 1;
flex-direction: column;
gap: 24px;
padding: 24px 40px 0;
}
.desc_qMIe4 {
margin: 0;
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
font-size: 14px;
line-height: 22px;
}
.infoCard_WRz0Y {
display: flex;
flex-direction: column;
margin-bottom: 83px;
padding: 20px 19px;
border: 1px solid #e0e6ee;
border: 1px solid var(--Neutral-colorBorder-Shallow, #e0e6ee);
border-radius: 8px;
border-radius: var(--Corner-radius-lg, 8px);
background: rgba(255, 255, 255, 0.12);
box-sizing: border-box;
}
.infoRow_Q09Er {
display: flex;
align-items: flex-start;
gap: 12px;
min-width: 0;
}
.infoIcon_C88XK {
flex-shrink: 0;
color: #2e73e5;
color: var(--Functional-colorPrimary-Default, #2e73e5);
}
.infoLabel_mJ782 {
flex-shrink: 0;
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
font-size: 14px;
line-height: 22px;
}
.infoValue_TerZ6 {
flex: 1;
min-width: 0;
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
font-size: 14px;
line-height: 22px;
word-break: break-word;
}
.infoDivider_kUWVV {
height: 1px;
margin: 16px 0 15px 36px;
background: #e0e6ee;
background: var(--Neutral-colorBorder-Shallow, #e0e6ee);
}
.footer_wWqfz {
display: flex;
flex-shrink: 0;
gap: 12px;
height: 92px;
padding: 24px 40px;
box-sizing: border-box;
}
.btnCancel_kvVX8,
.btnConfirm_hse9w {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
min-width: 72px;
height: 44px;
padding: 10px 16px;
border-radius: 4px;
font-size: 16px;
line-height: 24px;
cursor: pointer;
box-sizing: border-box;
}
.btnCancel_kvVX8 {
border: 1px solid #d0d5dd;
border: 1px solid var(--Neutral-colorBorder-Deep, #d0d5dd);
background: #fff;
background: var(--Neutral-colorBg-Container, #fff);
color: #202022;
color: var(--Neutral-colorText-Primary, #202022);
}
.btnConfirm_hse9w {
border: none;
background: #2e73e5;
background: var(--Functional-colorPrimary-Default, #2e73e5);
color: #fff;
}
.do-hovers .btnCancel_kvVX8:hover {
background: #f5f6f6;
background: var(--Neutral-colorBg-Hover, #f5f6f6);
}
.do-hovers .btnConfirm_hse9w:hover {
background: #5798f2;
}
.phoneDrawer_-9BVK {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
padding-bottom: 8px;
}
.phoneHeader_Gp85V {
display: flex;
align-items: flex-start;
padding: 7px 4px 0 16px;
}
.phoneHeaderTexts_U7HfS {
display: flex;
flex: 1;
flex-direction: column;
min-width: 0;
padding-top: 9px;
}
.phoneTitle_u-XDw {
margin: 0;
color: #0c1024;
font-size: 18px;
font-weight: 600;
line-height: 26px;
}
.phoneSubtitle_LfB02 {
margin: 0;
color: #91939c;
font-size: 13px;
line-height: 20px;
}
.phoneCloseBtn_Z3xZs {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
padding: 12px;
border: none;
border-radius: 2px;
background: transparent;
color: #0c1024;
cursor: pointer;
}
.do-hovers .phoneCloseBtn_Z3xZs:hover {
background: #f5f6f6;
background: var(--Neutral-colorBg-Hover, #f5f6f6);
}
.phoneBody_bJDod {
padding: 0 16px;
}
.phoneBody_bJDod .infoCard_WRz0Y {
margin-bottom: 0;
}
.phoneFooter_khFu4 {
display: flex;
gap: 12px;
padding: 0 16px 16px;
}
.phoneBtnCancel_zL11-,
.phoneBtnConfirm_-Lnjp {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
min-width: 0;
height: 48px;
padding: 10px 16px;
border-radius: 4px;
font-size: 16px;
line-height: 22px;
cursor: pointer;
box-sizing: border-box;
}
.phoneBtnCancel_zL11- {
border: 1px solid #d0d5dd;
border: 1px solid var(--Neutral-colorBorder-Deep, #d0d5dd);
background: #fff;
background: var(--Neutral-colorBg-Container, #fff);
color: #202022;
color: var(--Neutral-colorText-Primary, #202022);
}
.phoneBtnConfirm_-Lnjp {
border: none;
background: #2e73e5;
color: #fff;
}
.do-hovers .phoneBtnCancel_zL11-:hover {
background: #f5f6f6;
background: var(--Neutral-colorBg-Hover, #f5f6f6);
}
.do-hovers .phoneBtnConfirm_-Lnjp:hover {
background: #5798f2;
}
.dataTipRoot_O0po- {
width: -moz-max-content;
width: max-content;
max-width: 400px;
font-size: 12px;
line-height: 20px;
word-break: break-word;
white-space: normal;
}
.dataTipLine_rhDDP {
margin-bottom: 4px;
}
.dataTipLine_rhDDP:last-child {
margin-bottom: 0;
}
.fullScreenViewerFC_O8YzO {
width: 100%;
height: 100%;
box-sizing: border-box;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 30;
pointer-events: auto;
}
.fullScreenViewerFC_O8YzO.visible_zwf8n .frame_kqlkI {
opacity: 1;
visibility: visible;
transition: opacity 0.5s;
}
.fullScreenViewerFC_O8YzO.phone_4qBMI.vnc_kmNrH.visible_zwf8n .frame_kqlkI {
opacity: 1;
visibility: visible;
transition: opacity 0.5s;
}
.fullScreenViewerFC_O8YzO.phone_4qBMI.vnc_kmNrH .frame_kqlkI {
border-radius: 5px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
height: auto;
width: calc((100vh - 44px) * 1.7778);
transform: none;
transform: initial;
visibility: hidden;
opacity: 0;
}
@media (max-aspect-ratio: 16 / 9) {
.fullScreenViewerFC_O8YzO.phone_4qBMI.vnc_kmNrH .frame_kqlkI {
height: calc(56.25vw + 44px);
width: auto;
}
}
.fullScreenViewerFC_O8YzO.phone_4qBMI.visible_zwf8n .frame_kqlkI {
transform: translateY(0);
transition: transform 0.2s;
}
.fullScreenViewerFC_O8YzO.phone_4qBMI.showPreviewInfo_t0FM5 .frame_kqlkI .title_dERLL .left_QW7ch .name_hbp5b {
max-width: calc(100vw - 265px);
}
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI {
bottom: 0;
right: 0;
left: 0;
top: 98px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transform: translateY(100%);
visibility: visible;
opacity: 1;
}
@media (max-width: 577px) {
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI {
left: 0;
right: 0;
}
}
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI .title_dERLL {
padding: 0 0 0 12px;
height: 44px;
}
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI .title_dERLL .left_QW7ch .icon_xTUuJ {
width: 22px;
height: 22px;
}
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI .title_dERLL .left_QW7ch .name_hbp5b {
font-size: 14px;
line-height: 24px;
max-width: calc(100vw - 150px);
}
.fullScreenViewerFC_O8YzO.phone_4qBMI .frame_kqlkI .title_dERLL .right_vm8YY .tip_Nydcx {
font-size: 12px;
line-height: 20px;
margin-right: 0;
}
.fullScreenViewerFC_O8YzO .mask_s9m-s {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%), rgba(0, 0, 0, 0.45);
}
.fullScreenViewerFC_O8YzO .frame_kqlkI {
position: absolute;
top: 40px;
bottom: 40px;
left: 100px;
right: 100px;
border-radius: 12px;
background: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
opacity: 0;
visibility: hidden;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .followMask_IT2um {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
@media (max-width: 577px) {
.fullScreenViewerFC_O8YzO .frame_kqlkI {
left: 56px;
right: 56px;
}
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL {
flex: none;
height: 56px;
border-bottom: 1px solid #e6e7e9;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 12px 0 24px;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .left_QW7ch {
display: flex;
align-items: center;
gap: 8px;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .left_QW7ch .icon_xTUuJ {
width: 28px;
height: 28px;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .left_QW7ch .name_hbp5b {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 500px;
color: #0c1024;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}
@media (max-width: 980px) {
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .left_QW7ch .name_hbp5b {
max-width: 300px;
}
}
@media (max-width: 780px) {
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .left_QW7ch .name_hbp5b {
max-width: 200px;
}
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY {
display: flex;
align-items: center;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .btn_pGQ3V {
display: flex;
align-items: center;
gap: 4px;
padding: 6px 8px;
cursor: pointer;
border-radius: 4px;
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .btn_pGQ3V .btnIcon_2adwj {
color: #0c1024;
flex-shrink: 0;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .btn_pGQ3V .btnText_e3UbG {
white-space: nowrap;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .btn_pGQ3V.disabled_GjtFD .btnIcon_2adwj {
color: #91939c;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .btn_pGQ3V.disabled_GjtFD .btnText_e3UbG {
color: #91939c;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .tip_Nydcx {
color: #91939c;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-right: 12px;
white-space: nowrap;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .iconWrapper_MrCeR {
padding: 12px;
display: flex;
cursor: pointer;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .iconWrapper_MrCeR.disabled_GjtFD .icon_xTUuJ {
color: #91939c;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .divider_AmImp {
width: 1px;
height: 16px;
background: #e6e7e9;
}
.fullScreenViewerFC_O8YzO .frame_kqlkI .content_hNjSH {
flex: auto;
overflow: hidden;
position: relative;
}
.do-hovers .fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .btn_pGQ3V:hover {
background: rgba(0, 0, 0, 0.06);
}
.do-hovers .fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .btn_pGQ3V.disabled_GjtFD:hover {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
background: initial;
cursor: inherit;
}
.do-hovers .fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .iconWrapper_MrCeR:hover {
background: rgba(0, 0, 0, 0.06);
}
.do-hovers .fullScreenViewerFC_O8YzO .frame_kqlkI .title_dERLL .right_vm8YY .iconWrapper_MrCeR.disabled_GjtFD:hover {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
background: initial;
cursor: inherit;
}
.wrapper_LwEza {
display: flex;
align-items: center;
height: 24px;
}
.wrapper_LwEza .action_s0Qnf {
margin: 10px;
width: 65px;
height: 30px;
}
.card_value_container_CPF89 {
height: 100%;
display: flex;
align-items: center;
}
.card_prop_container_hbRlK {
height: 100%;
position: relative;
}
.card_prop_container_hbRlK:first-child {
padding-left: 8px;
padding-right: 8px;
margin-left: -8px;
margin-right: -8px;
}
.cardOptionContainer_Be1wO {
padding: 8px 0;
width: 220px;
max-height: 196px;
overflow-y: auto;
z-index: 1;
}
.cardOptionContainer_Be1wO::-webkit-scrollbar {
width: 4px;
}
.cardOptionContainer_Be1wO::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.cardOptionContainer_Be1wO::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.cardOptionContainer_Be1wO .cardItem_e6Kut {
height: 36px;
width: 100%;
padding: 7px 16px;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
overflow: hidden;
flex-shrink: 0;
}
.cardOptionContainer_Be1wO .cardItem_e6Kut:hover {
background-color: #f5f6f6;
}
.cardOptionContainer_Be1wO .cardItem_e6Kut .icon_5dSuz {
width: 14px;
height: 14px;
flex-shrink: 0;
}
.cardOptionContainer_Be1wO .cardItem_e6Kut .label_mniWv {
flex: 1;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0 6px;
}
.cardOptionContainer_Be1wO .cardItem_e6Kut .bigIcon_GcM-N {
color: #2d9bf0;
flex-shrink: 0;
}
.cardOptionContainer_Be1wO .cardItem_e6Kut.optionItemSelected_EdQno {
background-color: #eaf1fc;
}
.cardUserContainer_hQEsa {
width: 292px;
}
.cardTimeRangeContainer_061oS {
width: 292px;
padding: 24px 16px;
cursor: default;
}
.timeRangeInner_wxbXK {
width: 100%;
overflow-y: auto;
}
.timeRangeInner_wxbXK .timeRangeLabel_7SfxN {
color: #0c1024;
font-size: 14px;
margin-bottom: 8px;
}
.timeRangeInner_wxbXK .timeRangeInputContainer_eogT3 {
width: 100%;
height: 36px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #dbdbde;
display: flex;
align-items: center;
padding: 0 12px;
cursor: pointer;
color: #0c1024;
}
.timeRangeInner_wxbXK .timeRangeInputContainer_eogT3 .placeholder_W9Ky- {
color: #c2c3c8;
}
.timeRangeInner_wxbXK .timeRangeInputContainer_eogT3.error_Efrxs {
border: 1px solid #fe5250;
}
.timeRangeInner_wxbXK .timeRangeInputContainer_eogT3 .clearIcon_A0bMb {
margin-left: auto;
color: #dbdbde;
cursor: pointer;
}
.timeRangeInner_wxbXK .errorText_HHMDp {
color: #fe5250;
font-size: 12px;
line-height: 18px;
}
.userSelectContainer_gMIGS {
position: relative;
width: 100%;
border-radius: 4px;
padding: 8px 0px;
overflow: hidden;
pointer-events: auto;
display: flex;
flex-direction: column;
}
.inputContainer_-Byr3 {
height: 36px;
padding: 7px 16px;
width: 100%;
pointer-events: auto;
}
.inputContainer_-Byr3 .input_XdTj- {
width: 100%;
height: 100%;
border: none;
outline: none;
color: #0c1024;
}
.inputContainer_-Byr3 .input_XdTj-::-moz-placeholder {
color: #c2c3c8;
}
.inputContainer_-Byr3 .input_XdTj-::placeholder {
color: #c2c3c8;
}
.divider_JUsnT {
border-top: 1px solid #ececee;
margin: 8px 0;
}
.sendContainer_KUPgD {
padding: 0px 16px;
cursor: default;
}
.sendContainer_KUPgD .sendRow_l4oDH {
height: 32px;
display: flex;
align-items: center;
gap: 6px;
font-size: 14px;
}
.sendContainer_KUPgD .sendRow_l4oDH .checkbox_Q3Bem {
width: 16px;
height: 16px;
border-radius: 4px;
border: 1px solid #dbdbde;
cursor: pointer;
}
.sendContainer_KUPgD .sendRow_l4oDH .checkContainer_uFCR2 {
cursor: pointer;
width: 16px;
height: 16px;
overflow: hidden;
}
.userContainer_bWF62 {
overflow: auto;
}
.userContainer_bWF62::-webkit-scrollbar {
width: 4px;
}
.userContainer_bWF62::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.userContainer_bWF62::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: 36px;
padding: 0 12px 0 16px;
cursor: pointer;
gap: 6px;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I:hover {
background-color: #f5f6f6;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I.active_xMeQz {
background-color: #eaf1fc;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I.selected_iT6M- {
background-color: #f5f6f6;
cursor: not-allowed;
color: #c2c3c8;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I .avatar_I84hb {
width: 24px;
height: 24px;
border-radius: 50%;
flex-shrink: 0;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I .userName_w9PGG {
flex: 1;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I .dagou_G8qMX {
flex-shrink: 0;
display: block;
color: #2d9bf0;
}
.userContainer_bWF62 .userList_lPYiM .userItem_Xwl-I .dagou_G8qMX.disabled_gAk7Y {
color: #c2c3c8;
}
.userContainer_bWF62 .noResult_olN1x {
color: #afb0b6;
text-align: center;
height: 36px;
line-height: 36px;
font-size: 14px;
}
.selectedContainer_lgK-D {
padding: 8px 16px 16px;
overflow: hidden;
flex-shrink: 0;
display: flex;
flex-wrap: wrap;
gap: 4px;
cursor: default;
}
.selectedContainer_lgK-D .displayItem_EPooj {
padding: 3px 8px;
border-radius: 4px;
background-color: #f5f6f6;
border: 1px solid #e6e7e9;
display: flex;
align-items: center;
gap: 6px;
overflow: hidden;
}
.selectedContainer_lgK-D .displayItem_EPooj .avatar_I84hb {
width: 24px;
height: 24px;
border-radius: 50%;
flex-shrink: 0;
}
.selectedContainer_lgK-D .displayItem_EPooj .userName_w9PGG {
flex: 1;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #0c1024;
}
.selectedContainer_lgK-D .displayItem_EPooj .close_KPgrd {
flex-shrink: 0;
display: block;
color: #616371;
cursor: pointer;
}
.selectedContainer_lgK-D.tiny_ItYIa {
padding: 0;
}
.selectedContainer_lgK-D.tiny_ItYIa .displayItem_EPooj {
padding: 3px 4px;
}
.selectedContainer_lgK-D.tiny_ItYIa .displayItem_EPooj .avatar_I84hb {
width: 20px;
height: 20px;
}
.element_name_x1xNs {
position: absolute;
transform-origin: 0 0;
width: -moz-max-content;
width: max-content;
height: 100%;
padding: 0;
border: none;
outline: none;
overflow: hidden;
white-space: nowrap;
pointer-events: auto;
text-align: left;
background: transparent;
}
.element_name_x1xNs.phone_hidden_T3-0h {
opacity: 0;
}
.element_name_x1xNs.phone_hidden_T3-0h:focus {
opacity: 1;
}
.textarea_element_name_REDJZ {
position: absolute;
transform-origin: 0 0;
padding: 0;
border: none;
outline: none;
background: transparent;
overflow: hidden;
text-align: left;
pointer-events: auto;
font-weight: 600;
}
.textarea_element_name_REDJZ::-moz-placeholder {
color: #c2c3c8;
font-weight: 400;
}
.textarea_element_name_REDJZ::placeholder {
color: #c2c3c8;
font-weight: 400;
}
.prepare_input_cuIJL {
opacity: 0;
pointer-events: none;
}
.mobile_input_9TcJK {
opacity: 0;
}
.mobile_input_9TcJK:focus {
opacity: 1;
}
.temp_input_VR2-e {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
text-align: left;
z-index: -1;
padding: 0;
border: none;
outline: none;
white-space: nowrap;
}
.kanbanGroupContainer_rsA0X {
position: fixed;
padding: 8px 0;
background-color: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
width: 220px;
font-size: 14px;
pointer-events: auto;
}
.kanbanGroupContainer_rsA0X .scrollContainer_ka2Wa {
max-height: 400px;
overflow: auto;
}
.kanbanGroupContainer_rsA0X .scrollContainer_ka2Wa::-webkit-scrollbar {
width: 4px;
}
.kanbanGroupContainer_rsA0X .scrollContainer_ka2Wa::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.kanbanGroupContainer_rsA0X .scrollContainer_ka2Wa::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.kanbanGroupContainer_rsA0X .row_BhkbP {
height: 36px;
display: flex;
align-items: center;
gap: 6px;
color: #0c1024;
cursor: pointer;
padding: 0 16px;
}
.kanbanGroupContainer_rsA0X .row_BhkbP .label_i5pwG {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.kanbanGroupContainer_rsA0X .row_BhkbP .okIcon_ZCQn6 {
color: var(--upime-active);
}
.kanbanGroupContainer_rsA0X .row_BhkbP:hover {
background-color: #f5f6f6;
}
.kanbanGroupContainer_rsA0X .row_BhkbP.noHover_Jt8DJ {
cursor: default;
}
.kanbanGroupContainer_rsA0X .row_BhkbP.noHover_Jt8DJ:hover {
background-color: transparent;
}
.kanbanGroupContainer_rsA0X .row_BhkbP.tip_deMA0 {
color: #616371;
}
.kanbanGroupContainer_rsA0X .row_BhkbP.active_oty-8 {
background-color: #eaf1fc;
}
.addNewColWrapper_WazpA {
position: fixed;
}
.addNewColContainer_mlP-R {
pointer-events: auto;
width: 288px;
padding: 18px;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
color: #0c1024;
font-size: 16px;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR {
width: 100%;
border-radius: 4px;
overflow: hidden;
font-size: 14px;
position: relative;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .attrInput_py7Nt {
width: 100%;
height: 40px;
background-color: #ffffff;
outline: none;
border: 1px solid #e6e7e9;
padding: 0 30px 0 12px;
border-radius: 4px;
margin-top: 8px;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .attrInput_py7Nt:focus {
border: 1px solid #2e73e5;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .attrInput_py7Nt.error_ztlyw {
border: 1px solid #fe5250;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .attrInput_py7Nt::-moz-placeholder {
color: #c2c3c8;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .attrInput_py7Nt::placeholder {
color: #c2c3c8;
}
.addNewColContainer_mlP-R .attrInputContainer_VTItR .clearIcon_kBe8u {
position: absolute;
right: 12px;
cursor: pointer;
top: 20px;
color: #dbdbde;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS {
width: 100%;
border-radius: 4px;
font-size: 14px;
position: relative;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal {
position: relative;
width: 100%;
height: 40px;
background-color: #ffffff;
border: 1px solid #e6e7e9;
padding: 0 30px 0 0px;
border-radius: 4px;
margin-top: 8px;
display: flex;
align-items: center;
padding: 0 8px;
gap: 8px;
cursor: pointer;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal.focus_-f-ME {
border: 1px solid #2e73e5;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal.error_ztlyw {
border: 1px solid #fe5250;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal .userList_I7jSK {
flex: 1;
overflow: auto;
display: flex;
gap: 4px;
-ms-overflow-style: none;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal .userList_I7jSK::-webkit-scrollbar {
display: none;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal .arrow_w-rWs {
flex-shrink: 0;
display: block;
color: #616371;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .fakeSelectorContainer_1-Jal .pleaseSelect_xuY-J {
color: #c2c3c8;
font-size: 14px;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .userListSelectContainer_z3w0H {
position: absolute;
left: 0;
top: calc(100% + 4px);
width: 292px;
background-color: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 2px;
overflow: hidden;
}
.addNewColContainer_mlP-R .attrUserListContainer_v6QaS .errorText_ej-DU {
color: #fe5250;
font-size: 12px;
}
.addNewColContainer_mlP-R .errorTipContainer_Al-LX {
height: 20px;
line-height: 20px;
color: #fe5250;
font-size: 12px;
}
.addNewColContainer_mlP-R .colorPalette_qiMyz {
padding: 0;
width: 100%;
margin-top: 8px;
}
.addNewColContainer_mlP-R .colorItem_dv9lC {
position: relative;
}
.addNewColContainer_mlP-R .colorItem_dv9lC::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: white;
opacity: 0.3;
border-radius: 4px;
pointer-events: none;
}
.addNewColContainer_mlP-R .addColActionList_Hgyx1 {
margin-top: 20px;
display: flex;
gap: 16px;
align-items: center;
justify-content: flex-end;
}
.addNewColContainer_mlP-R .cancelBt_OhYTs {
width: 74px;
height: 36px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #e6e7e9;
display: flex;
align-items: center;
justify-content: center;
color: #303445;
font-size: 14px;
cursor: pointer;
}
.addNewColContainer_mlP-R .submitBt_Xq6to {
width: 74px;
height: 36px;
border-radius: 4px;
background-color: #2e73e5;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 14px;
cursor: pointer;
}
.colActionList_dggO- {
position: fixed;
font-size: 14px;
color: #0c1024;
width: 150px;
padding: 8px 0;
border-radius: 2px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.colActionList_dggO- .row_BhkbP {
padding: 0 16px;
height: 36px;
line-height: 36px;
cursor: pointer;
}
.colActionList_dggO- .row_BhkbP:hover {
background-color: #f5f6f6;
}
.colActionList_dggO- .row_BhkbP.activeState_RCxFU {
background-color: #eaf1fc;
}
.colActionList_dggO- .row_BhkbP.rowDisabled_tOGBX {
color: #c2c3c8;
cursor: not-allowed;
}
.colActionList_dggO- .row_BhkbP.rowDisabled_tOGBX:hover {
background-color: transparent;
}
.addGroupWrapper_NZNrp {
position: absolute;
left: calc(100% + 2px);
top: 0;
}
.filterWrapper_C6Vdr {
position: fixed;
padding: 8px 2px 8px 0;
border-radius: 2px;
background: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
pointer-events: all;
font-size: 14px;
}
.filterWrapper_C6Vdr .filterTitle_33N8t {
display: flex;
align-items: center;
color: #616371;
padding-left: 16px;
}
.filterWrapper_C6Vdr .filterTitle_33N8t .iconContainer_SLf97 {
display: flex;
width: 22px;
height: 22px;
padding: 4px;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
border-radius: 2px;
}
.filterWrapper_C6Vdr .filterTitle_33N8t .clearContainer_V9Cf1 {
margin-left: auto;
margin-right: 6px;
height: 36px;
padding: 0 8px 0 4px;
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
border-radius: 2px;
}
.filterWrapper_C6Vdr .filterTitle_33N8t .clearContainer_V9Cf1.clearDisabled_QmtIN {
color: #c2c3c8;
cursor: default;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY {
margin: 8px 0;
max-height: 344px;
padding-right: 4px;
padding-left: 16px;
overflow: auto;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY::-webkit-scrollbar {
width: 4px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 {
margin-bottom: 8px;
min-height: 36px;
display: grid;
grid-template-columns: 134px 172px 214px 38px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0:last-child {
margin-bottom: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL {
width: 100%;
height: 100%;
padding: 0px 8px;
display: flex;
align-items: center;
overflow: hidden;
justify-content: space-between;
border-radius: 2px;
border: 1px solid #e6e7e9;
cursor: pointer;
border-width: 1px;
border-style: solid;
border-color: #e6e7e9;
transition: border-color 0.2s;
font-size: 14px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL.noSelect_265X1 {
cursor: not-allowed;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL .filterLabel_fs0Ju {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL .targetIcon_JiRXa {
color: #616371;
flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL.active_oty-8 {
border-color: var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL.active_oty-8 .targetIcon_JiRXa {
transform: rotate(180deg);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionLabel_IRerL .placeholder_jkM4N {
color: #c2c3c8;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY {
position: fixed;
width: 220px;
border-radius: 2px;
background: #fff;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
max-height: 436px;
overflow: auto;
z-index: 100;
padding: 8px 0px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY::-webkit-scrollbar {
width: 4px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY .filterOption_Y8Jss {
display: flex;
padding: 0 12px 0 16px;
height: 36px;
align-items: center;
gap: 8px;
overflow: hidden;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY .filterOption_Y8Jss.filterOptionActive_3BvXz {
background-color: #eaf1fc;
color: var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterOptionsContainer_zo3MY .filterOption_Y8Jss .filterOptionName_vn06r {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterTargetContainer_wpTI5 {
width: 100%;
height: 100%;
position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterTypeContainer_HiyT- {
padding: 0 12px;
width: 100%;
height: 100%;
position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterTypeContainer_HiyT-.filterTypeDisabled_8jjrV {
cursor: not-allowed;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X {
margin-right: 2px;
width: 100%;
height: 100%;
position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .emptyValueContainer_9erAB {
height: 100%;
border-radius: 2px;
border: 1px solid #e6e7e9;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .inputValue_AHGYZ {
height: 100%;
border-radius: 2px;
border: 1px solid #e6e7e9;
outline: none;
padding: 0 4px 0 12px;
width: 100%;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .inputValue_AHGYZ:focus {
border: 1px solid var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .inputValue_AHGYZ::-moz-placeholder {
color: #c2c3c8;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .inputValue_AHGYZ::placeholder {
color: #c2c3c8;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F {
width: 100%;
height: 100%;
position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT {
height: 100%;
border-radius: 2px;
border-width: 1px;
border-style: solid;
border-color: #e6e7e9;
display: flex;
align-items: center;
gap: 4px;
overflow: hidden;
padding-right: 8px;
cursor: pointer;
transition: border-color 0.2s;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT.radioSelectActive_aZ5UD {
border-color: var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT.radioSelectActive_aZ5UD .radioIcon_XEvWd {
transform: rotate(180deg);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT .radioContent_5NhaC {
flex: 1;
height: 100%;
padding: 2px 8px;
display: flex;
overflow-x: auto;
-ms-overflow-style: none;
gap: 4px;
align-items: center;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT .radioContent_5NhaC::-webkit-scrollbar {
display: none;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT .radioContent_5NhaC .radioValueContainer_hApHk {
overflow: hidden;
display: flex;
align-items: center;
gap: 4px;
padding: 0 8px;
border-radius: 4px;
height: 26px;
cursor: default;
flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT .radioContent_5NhaC .radioValueContainer_hApHk .radioLabel_UwuZa {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .radioSelectContainer_Lry1F .radioSelect_WgZRT .radioIcon_XEvWd {
color: #616371;
flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx {
width: 100%;
height: 100%;
position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP {
height: 100%;
border-radius: 2px;
border-width: 1px;
border-style: solid;
border-color: #e6e7e9;
display: flex;
align-items: center;
gap: 4px;
overflow: hidden;
padding-right: 8px;
cursor: pointer;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP.userActive_J1-1c {
border-color: var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP.userActive_J1-1c .userIcon_a4ywg {
transform: rotate(180deg);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH {
flex: 1;
min-height: 100%;
padding: 2px 8px;
display: flex;
overflow-x: auto;
-ms-overflow-style: none;
gap: 4px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH::-webkit-scrollbar {
display: none;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH .displayItem_vmGDq {
cursor: default;
flex-shrink: 0;
padding: 3px 8px;
border-radius: 4px;
background-color: #f5f6f6;
display: flex;
align-items: center;
gap: 6px;
overflow: hidden;
border: 1px solid #e6e7e9;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH .displayItem_vmGDq .avatar_K1wzl {
width: 18px;
height: 18px;
border-radius: 50%;
flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH .displayItem_vmGDq .userName_fGYL- {
flex: 1;
font-size: 14px;
color: #0c1024;
line-height: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userContent_MAQzH .displayItem_vmGDq .close_mxyQ8 {
flex-shrink: 0;
display: block;
color: #616371;
cursor: pointer;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .userSelectContainer_HEXdx .userSelect_01lwP .userIcon_a4ywg {
color: #616371;
flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ {
width: 100%;
height: 100%;
position: relative;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D {
height: 100%;
border-radius: 2px;
border-width: 1px;
border-style: solid;
border-color: #e6e7e9;
display: flex;
align-items: center;
gap: 4px;
overflow: hidden;
padding-right: 8px;
cursor: pointer;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D.timeRangeActive_bcgbK {
border-color: var(--upime-active);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D.timeRangeActive_bcgbK .timeRangeIcon_PpMra {
transform: rotate(180deg);
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D .timeRangeContent_WG9Eg {
flex: 1;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
padding: 0 0 0 8px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D .timeRangeContent_WG9Eg .timeRangeValueContainer_o8nKB {
max-width: 100%;
overflow: hidden;
display: flex;
align-items: center;
gap: 4px;
padding: 0 8px;
border-radius: 4px;
height: 26px;
cursor: default;
border: 1px solid #e6e7e9;
background: #f5f6f6;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D .timeRangeContent_WG9Eg .timeRangeValueContainer_o8nKB .timeRangeLabel_2OjQn {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
display: flex;
align-items: center;
gap: 4px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterValueContainer_BLK8X .timeRangeSelectContainer_vTRHQ .timeRange_VJt2D .timeRangeIcon_PpMra {
color: #616371;
flex-shrink: 0;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterIconContainer_oo8GT {
padding: 0 0 0 2px;
width: 100%;
height: 100%;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterIconContainer_oo8GT .filterIcon_hDX0g {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #616371;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0 .filterIconContainer_oo8GT .filterIcon_hDX0g.deleteIconDisabled_C3BRQ {
color: #c2c3c8;
cursor: not-allowed;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0.isEmptyOrUnempty_5blsM {
grid-template-columns: 134px 172px 38px;
}
.filterWrapper_C6Vdr .filterContentConainer_P3ZvY .filterRowContainer_gehy0.isEmptyOrUnempty_5blsM .filterIconContainer_oo8GT {
margin-left: -12px;
}
.filterWrapper_C6Vdr .addBtContainer_Pt-GT {
height: 36px;
padding: 0 8px 0 4px;
margin-left: 16px;
display: flex;
align-items: center;
gap: 4px;
color: var(--upime-active);
width: -moz-fit-content;
width: fit-content;
border-radius: 2px;
}
.orderWrapper_pMAgN {
position: fixed;
padding: 8px 2px 8px 0;
width: 424px;
border-radius: 2px;
background: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
pointer-events: all;
font-size: 14px;
}
.orderWrapper_pMAgN .orderTitle_Jn-wD {
display: flex;
align-items: center;
color: #616371;
padding-left: 16px;
line-height: 36px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r {
margin: 8px 0;
max-height: 344px;
padding-right: 4px;
padding-left: 16px;
overflow: auto;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r::-webkit-scrollbar {
width: 4px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 {
margin-bottom: 8px;
height: 36px;
display: grid;
grid-template-columns: 134px 1fr 34px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0:last-child {
margin-bottom: 0;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz {
width: 100%;
height: 100%;
padding: 0px 8px;
display: flex;
align-items: center;
overflow: hidden;
justify-content: space-between;
border-radius: 2px;
cursor: pointer;
border-width: 1px;
border-style: solid;
border-color: #e6e7e9;
transition: border-color 0.2s;
font-size: 14px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz.orderOptionLabelActive_BL5BC {
border-color: var(--upime-active);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz .filterLabel_fs0Ju {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz .targetIcon_JiRXa {
color: #616371;
flex-shrink: 0;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz.active_oty-8 {
border-color: var(--upime-active);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz.active_oty-8 .targetIcon_JiRXa {
transform: rotate(180deg);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionLabel_RexEz .placeholder_jkM4N {
color: #c2c3c8;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW {
position: fixed;
width: 220px;
padding: 8px 0px;
border-radius: 2px;
background: #fff;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
max-height: 436px;
overflow: auto;
z-index: 100;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW::-webkit-scrollbar {
width: 4px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW .filterOption_Y8Jss {
display: flex;
padding: 0 12px 0 16px;
height: 36px;
align-items: center;
gap: 8px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW .filterOption_Y8Jss.filterOptionActive_3BvXz {
background-color: #eaf1fc;
color: var(--upime-active);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderOptionsContainer_RsZGW .filterOption_Y8Jss .filterOptionName_vn06r {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB {
width: 100%;
height: 100%;
position: relative;
padding: 0 2px 0 12px;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6 {
width: 100%;
height: 100%;
position: relative;
border-radius: 2px;
border-width: 1px;
border-style: solid;
border-color: #e6e7e9;
display: flex;
align-items: center;
gap: 4px;
overflow: hidden;
padding-right: 8px;
padding-left: 8px;
cursor: pointer;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6.orderValueActive_4Llu3 {
border-color: var(--upime-active);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6.orderValueActive_4Llu3 .downIcon_JtWqy {
transform: rotate(180deg);
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6.noSelect_265X1 {
cursor: not-allowed;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6 .content_LCcWC {
flex: 1;
color: #0c1024;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderValueWrapper_Df1kB .orderValueContainer_a0Hd6 .downIcon_JtWqy {
color: #616371;
flex-shrink: 0;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderIconContainer_IJcF6 {
width: 100%;
height: 100%;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderIconContainer_IJcF6 .orderIcon_HzOCN {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #616371;
}
.orderWrapper_pMAgN .orderContentContainer_vDB2r .orderRowContainer_K50-0 .orderIconContainer_IJcF6 .orderIcon_HzOCN.deleteIconDisabled_C3BRQ {
color: #c2c3c8;
cursor: not-allowed;
}
.contentPlaceHolder_1zsqd {
color: #c2c3c8;
padding-left: 4px;
}
.contentPlaceHolder_1zsqd.contentPlaceHolderUser_LBAA- {
transform: translateY(5px);
}
.userAddNewColContainer_9-hjN {
pointer-events: auto;
width: 292px;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
color: #0c1024;
font-size: 16px;
}
.userAddNewColContainer_9-hjN .userAddActionRow_LMk-O {
padding: 16px;
border-top: 1px solid #ececee;
display: flex;
flex-direction: row-reverse;
gap: 16px;
}
.userAddNewColContainer_9-hjN .userAddActionRow_LMk-O .userSubmitBt_1EQ0y {
display: flex;
height: 36px;
min-width: 72px;
padding: 8px 12px;
justify-content: center;
align-items: center;
border-radius: 4px;
background: #2e73e5;
color: white;
cursor: pointer;
}
.userAddNewColContainer_9-hjN .userAddActionRow_LMk-O .userSubmitBt_1EQ0y.submitDisabled_0dWxg {
background-color: #abc7f5;
cursor: not-allowed;
color: rgba(255, 255, 255, 0.5);
}
.userAddNewColContainer_9-hjN .userAddActionRow_LMk-O .usercacelBt_XTnIe {
display: flex;
height: 36px;
min-width: 72px;
padding: 8px 12px;
justify-content: center;
align-items: center;
border: 1px solid #ececee;
cursor: pointer;
border-radius: 4px;
}
.kanbanFilterHoverBox_Pn6-3 {
width: -moz-max-content;
width: max-content;
white-space: pre-line;
font-size: 12px;
line-height: 18px;
}
.do-hovers .hoverContainer_fgcJY {
cursor: pointer;
transition: background-color 0.2s;
}
.do-hovers .hoverContainer_fgcJY:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.spFilterIcon_FU4BC {
flex-shrink: 0;
}
.container_0ruaG {
min-width: 376px;
max-width: 395px;
padding: 12px 20px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 4px;
gap: 16px;
position: absolute;
top: 0;
left: 0;
z-index: 30;
pointer-events: auto;
color: #0c1024;
background-color: white;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
}
.container_0ruaG .leftPart_-eN6k {
display: flex;
flex: 1;
flex-direction: column;
overflow: hidden;
}
.container_0ruaG .rightPart_im3wZ {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
}
.container_0ruaG .rightPart_im3wZ .action_VI2O9 {
flex-shrink: 0;
height: 32px;
font-size: 14px;
line-height: 22px;
padding: 0 12px;
}
.container_0ruaG .rightPart_im3wZ .closeButton_cdWud {
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
cursor: pointer;
}
.container_0ruaG .rightPart_im3wZ .closeButton_cdWud .closeIcon_bAChZ {
width: 16px;
height: 16px;
}
.phoneMode .container_0ruaG {
min-width: 344px;
width: 344px;
padding: 10px 0 10px 16px;
gap: 12px;
}
.phoneMode .container_0ruaG .rightPart_im3wZ {
gap: 0;
}
.phoneMode .container_0ruaG .rightPart_im3wZ .closeButton_cdWud {
width: 36px;
height: 36px;
}
.option_list_wNIqt {
padding: 12px 16px;
}
.option_item_gtIr5 {
width: 144px;
height: 32px;
display: flex;
align-items: center;
}
.option_item_gtIr5:not(:first-child) {
margin-top: 4px;
}
.option_item_gtIr5.active_NHxvs {
color: #2E73E5;
}
.option_icon_mXZY- {
font-size: 20px;
flex-shrink: 0;
}
.option_text_dQRx8 {
width: 100%;
margin-left: 8px;
font-size: 14px;
line-height: 20px;
}
.select_icon_JWgWq {
font-size: 18px;
flex-shrink: 0;
}
.node_menu_lKkP0 {
position: absolute;
border-radius: 4px;
}
.node_menu_lKkP0 .split_line_aIJ3- {
width: 100%;
height: 1px;
background: #E6E7E9;
}
.node_menu_lKkP0.add_J8f29 {
padding: 16px 12px;
}
.node_menu_lKkP0.add_J8f29 .btn_group_AuskO {
width: 198px;
}
.node_menu_lKkP0.add_J8f29 .btn_group_AuskO:not(:first-child) {
margin-top: 16px;
}
.node_menu_lKkP0.add_J8f29 .type_9YiD8 {
height: 22px;
line-height: 22px;
padding-left: 12px;
font-size: 12px;
color: #91939C;
margin-bottom: 4px;
}
.node_menu_lKkP0.add_J8f29 .btns_5UGrA {
height: 30px;
display: flex;
align-items: center;
justify-content: space-around;
}
.node_menu_lKkP0.add_J8f29 .btn_pZTfz {
color: #0C1024;
width: 30px;
height: 30px;
display: flex;
cursor: pointer;
}
.node_menu_lKkP0.add_J8f29 .btn_pZTfz .btn_icon_aZvA5 {
margin: auto;
}
.node_menu_lKkP0.add_J8f29 .btn_icon_aZvA5 {
font-size: 20px;
pointer-events: none;
}
.node_menu_lKkP0.add_J8f29 .btn_bar_T81cZ {
margin-top: 4px;
height: 36px;
color: #0C1024;
padding: 0 12px;
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
}
.node_menu_lKkP0.add_J8f29 .btn_name_GZ344 {
margin-left: 4px;
font-size: 14px;
line-height: 20px;
height: 20px;
}
.node_menu_lKkP0.add_J8f29 .right_icon_BcvEf {
font-size: 16px;
flex-shrink: 0;
margin-left: auto;
}
.node_type_select_RhNEP {
padding: 12px;
}
.node_type_select_RhNEP .types_CNXEJ {
width: 160px;
height: 64px;
display: flex;
flex-wrap: wrap;
padding-left: 8px;
}
.node_type_select_RhNEP .type_9YiD8 {
display: flex;
width: 30px;
height: 30px;
margin-bottom: 4px;
margin-right: 8px;
cursor: pointer;
}
.node_type_select_RhNEP .type_9YiD8 .type_icon_NLbNp {
margin: auto;
font-size: 20px;
}
.node_type_select_RhNEP .type_9YiD8.selected_LOxXU {
background: #EAF1FC !important;
}
.node_type_select_RhNEP .type_9YiD8.selected_LOxXU {
color: #2E73E5;
border-radius: 2px;
}
.node_align_btn_CEwo5 {
width: 100%;
height: 52px;
padding: 16px 20px;
color: #0C1024;
display: flex;
align-items: center;
cursor: pointer;
}
.align_option_bMLqI {
padding: 8px;
height: 36px;
display: flex;
align-items: center;
cursor: pointer;
}
.align_option_bMLqI.disabled_9SvNr {
color: #C2C3C8;
pointer-events: none;
}
.align_option_bMLqI:not(:first-child) {
margin-top: 4px;
}
.align_option_bMLqI .right_icon_BcvEf {
display: none;
}
.align_option_bMLqI.selected_LOxXU {
color: #2E73E5;
}
.align_option_bMLqI.selected_LOxXU .right_icon_BcvEf {
display: inline;
display: initial;
}
.node_align_btn_CEwo5 .icon_JSpIk,
.align_option_bMLqI .icon_JSpIk {
font-size: 20px;
flex-shrink: 0;
}
.node_align_btn_CEwo5 .text_lM77E,
.align_option_bMLqI .text_lM77E {
margin-left: 8px;
width: 100%;
font-size: 14px;
line-height: 20px;
}
.node_align_btn_CEwo5 .right_icon_BcvEf,
.align_option_bMLqI .right_icon_BcvEf {
font-size: 16px;
flex-shrink: 0;
}
.align_option_group_JBrBw {
padding: 8px 12px;
}
.node_align_menu_rhji0 {
width: 184px;
}
.hover_style_G9w8N.do-hovers:hover,
.do-hovers .showing > .hover_style_G9w8N {
border-radius: 2px;
background: rgba(0, 0, 0, 0.06);
}
.elementAIChatWrapper_iM4id {
position: absolute;
pointer-events: none;
}
.elementAIChatWrapper_iM4id > * {
pointer-events: all;
}
.elementAIChatWrapper_iM4id.ani_7LslS {
transition: all 0.3s ease-in-out;
opacity: 0;
width: 0;
height: 0;
z-index: 2000;
}
.elementAIChatIconContainer_WsxXd {
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: #fff;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
transform: translateY(-50%);
cursor: pointer;
}
.elementAIChatChatContainer_AFPre {
width: 320px;
border-radius: 8px;
border: 1px solid transparent;
box-shadow: 0 2px 16px 0 rgba(81, 58, 255, 0.08);
padding: 8px;
padding-right: 2px;
background: linear-gradient(white, white) padding-box, linear-gradient(96.41deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%) border-box;
border: 1.5px solid transparent;
}
.elementAIChatChatContainer_AFPre .autoHeightTextarea_A2jWu {
min-height: 44px;
max-height: 132px;
resize: none;
width: 100%;
border: none;
outline: none;
display: block;
}
.elementAIChatChatContainer_AFPre .autoHeightTextarea_A2jWu::-moz-placeholder {
color: #c2c3c8;
}
.elementAIChatChatContainer_AFPre .autoHeightTextarea_A2jWu::placeholder {
color: #c2c3c8;
}
.elementAIChatChatContainer_AFPre .optionsRow_m3izm {
padding-right: 6px;
margin-top: 8px;
display: flex;
gap: 8px;
justify-content: flex-end;
}
.elementAIChatChatContainer_AFPre .optionsRow_m3izm .hisIconContainer_ppITR {
width: 28px;
height: 28px;
border-radius: 4px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #91939c;
}
.elementAIChatChatContainer_AFPre .optionsRow_m3izm .hisIconContainer_ppITR.active_NuljJ {
background-color: rgba(0, 0, 0, 0.06);
}
.elementAIChatChatContainer_AFPre .optionsRow_m3izm .loadingGifContainer_WaHxH {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.elementAIChatChatContainer_AFPre .optionsRow_m3izm .loadingGifContainer_WaHxH .loadingGif_cBH4b {
width: 28px;
height: 28px;
}
.elementAIChatChatContainer_AFPre .optionsRow_m3izm .actionBt_VnmvC {
width: 28px;
height: 28px;
border-radius: 4px;
cursor: pointer;
background-color: #2e73e5;
color: rgba(255, 255, 255);
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s;
}
.elementAIChatChatContainer_AFPre .optionsRow_m3izm .actionBt_VnmvC.disabled_svSH3 {
cursor: not-allowed;
background-color: #abc7f5;
}
.elementAIChatChatContainer_AFPre .optionsRow_m3izm .actionBt_VnmvC .actionIcon_QuMC8 {
transform: translate(1px, -2px) rotate(325deg);
}
.historyPanel_DPP-J {
width: 320px;
border-radius: 8px;
margin-top: 6px;
background-color: white;
border: 1px solid #dbdbde;
box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
padding: 12px;
padding-right: 2px;
}
.historyPanel_DPP-J .historyTitle_Xh0Ay {
color: #91939c;
font-size: 12px;
padding-left: 8px;
}
.historyPanel_DPP-J .historyList_D2u-E {
padding-right: 10px;
margin-top: 8px;
max-height: 188px;
overflow: auto;
scrollbar-gutter: stable;
}
.historyPanel_DPP-J .historyList_D2u-E .historyItem_2cX9v {
height: 36px;
padding: 0px 8px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
cursor: pointer;
border-radius: 4px;
}
.historyPanel_DPP-J .historyList_D2u-E .historyItem_2cX9v + .historyPanel_DPP-J .historyList_D2u-E .historyItem_2cX9v {
margin-top: 2px;
}
.historyPanel_DPP-J .historyList_D2u-E .historyItem_2cX9v .text_z8tYw {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.historyPanel_DPP-J .historyList_D2u-E .historyItem_2cX9v.active_NuljJ {
background-color: rgba(0, 0, 0, 0.04);
}
.historyPanel_DPP-J .historyList_D2u-E .historyItem_2cX9v .enterIcon_ziPQS {
transform: rotate(180deg) scaleY(-1);
opacity: 0.5;
}
.do-hovers .hisIconContainer_ppITR:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.webviewer_border_4e7vC {
position: absolute;
background-color: white;
}
.webviewer_border_4e7vC .commentIcon_rWFz7 {
position: absolute;
padding-left: 5px;
top: 24px;
right: 0;
width: 68px;
height: 56px;
border-radius: 40px 0 0 40px;
border: 2px solid #dbdbde;
background: #fff;
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
cursor: pointer;
pointer-events: auto;
transform: scale(0.8);
transform-origin: top right;
display: flex;
justify-content: center;
align-items: center;
}
.webviewer_iframe_M5vJs {
pointer-events: all;
border: none;
outline: none;
margin: 0;
}
.webviewer_iframe_M5vJs.no_pointer_event_pFNcr {
pointer-events: none;
}
.tipContainer_sjCmR {
position: fixed;
top: 0;
left: 0;
transform-origin: 0 0;
z-index: 200;
}
.tipContainer_sjCmR .tip_OoaQC {
position: absolute;
top: 0;
left: 0;
transform: translateX(-50%);
padding: 13.6px;
height: 57.8px;
border-radius: 3.4px;
background-color: #000;
color: #fff;
font-size: 20.4px;
font-style: normal;
font-weight: 400;
line-height: 34px;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
}
.tipContainer_sjCmR .tip_OoaQC::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
border: 10.2px solid transparent;
border-top-color: #000;
transform: translateX(-50%);
}
.container_tVLcJ {
position: absolute;
top: 0;
left: 0;
transform-origin: 0 0;
z-index: 200;
}
.container_tVLcJ .iconContainer_qwEte {
position: absolute;
padding-left: 5px;
top: 20px;
right: 0;
width: 68px;
height: 56px;
border-radius: 40px 0 0 40px;
border: 2px solid #dbdbde;
background: #fff;
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
cursor: pointer;
pointer-events: auto;
transform: scale(0.8);
transform-origin: top right;
display: flex;
justify-content: center;
align-items: center;
}
.fullScreenViewerFC_RB-Et {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 8px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 30;
pointer-events: auto;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%), rgba(0, 0, 0, 0.45);
display: flex;
gap: 4px;
flex-direction: column;
}
.fullScreenViewerFC_RB-Et.visible_ydyNa .content_qoxdG,
.fullScreenViewerFC_RB-Et.visible_ydyNa .top_aHde0 {
opacity: 1;
visibility: visible;
transition: opacity 0.5s;
}
.fullScreenViewerFC_RB-Et .content_qoxdG,
.fullScreenViewerFC_RB-Et .top_aHde0 {
opacity: 0;
visibility: hidden;
}
.fullScreenViewerFC_RB-Et .top_aHde0 {
flex: none;
display: flex;
height: 44px;
justify-content: space-between;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .name_Vv-hN {
display: flex;
height: 44px;
padding: 6px 12px;
align-items: center;
gap: 16px;
flex-shrink: 0;
border-radius: 8px;
background: #fff;
color: #0c1024;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
max-width: 400px;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .name_Vv-hN .text_8Htiy {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .name_Vv-hN .icon_an7GV {
width: 24px;
height: 24px;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .closeButton_fuONU {
display: flex;
padding: 8px;
justify-content: center;
align-items: center;
border-radius: 8px;
background: #bbb;
cursor: pointer;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .closeButton_fuONU.disabled_jVqMH {
color: #91939c;
cursor: auto;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .closeButton_fuONU.disabled_jVqMH:hover {
background: #bbb;
}
.fullScreenViewerFC_RB-Et .top_aHde0 .closeButton_fuONU:hover {
background: #ddd;
}
.fullScreenViewerFC_RB-Et .content_qoxdG {
flex: auto;
border-radius: 8px;
overflow: hidden;
}
.fullScreenViewerMobile_2uuO4 {
width: 100%;
height: 100%;
box-sizing: border-box;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
pointer-events: auto;
background-color: #fff;
}
.fullScreenViewerMobile_2uuO4 .top_aHde0 {
flex: none;
display: flex;
align-items: center;
height: 44px;
color: #0c1024;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.fullScreenViewerMobile_2uuO4 .top_aHde0.disabled_jVqMH {
color: #91939c;
}
.fullScreenViewerMobile_2uuO4 .top_aHde0 .icon_an7GV {
margin: 0 12px;
}
.fullScreenViewerMobile_2uuO4 .content_qoxdG {
flex: auto;
overflow: hidden;
}
.fullScreenViewerMobile_2uuO4 .followTip_V52wI {
position: fixed;
right: 8px;
left: 8px;
top: 52px;
display: flex;
justify-content: space-between;
min-height: 56px;
padding: 10px 0 10px 16px;
align-items: center;
gap: 12px;
border-radius: 8px;
background: #000;
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16);
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.fullScreenViewerMobile_2uuO4 .followTip_V52wI .iconWrapper_mVs7w {
padding: 10px;
display: flex;
}
.toggleBarIcon_KifTu {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
pointer-events: auto;
position: relative;
}
.toggleBarIcon_KifTu .iconWrap_VTwQw {
width: 36px;
height: 36px;
}
.toggleBarIcon_KifTu.bigScreen_O8bal {
width: auto;
width: initial;
height: auto;
height: initial;
position: relative;
}
.toggleBarIcon_KifTu.bigScreen_O8bal .iconWrap_VTwQw {
width: auto;
width: initial;
height: auto;
height: initial;
padding: 8px;
}
.toggleBarIcon_KifTu.bigScreen_O8bal .frameList_hUXS2 {
position: absolute;
bottom: calc(100% + 11px);
left: 50%;
transform: translate(-50%, 0);
width: 320px;
height: 540px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.toggleBarIconOpened_tT4XL {
color: var(--upime-active);
background-color: #eaf1fc;
}
.sideBar_-yyQK {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 4px;
}
.sideBar_-yyQK.bigScreen_O8bal {
padding: 6px;
}
.frameSideBar_Gtl1Z {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding-bottom: 16px;
}
.ai_instruction_side_bar_q-rai {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.list_VRRBq {
height: 100%;
}
.commonMode_8yews .list_VRRBq {
width: 340px;
margin: 0px;
padding: 0px;
overflow-y: auto;
overflow-y: overlay;
}
.commonMode_8yews .list_VRRBq::-webkit-scrollbar {
width: 4px;
}
.commonMode_8yews .list_VRRBq::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.commonMode_8yews .list_VRRBq::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.simpleMode_sDAx3 {
padding: 0;
}
.simpleMode_sDAx3 .simple_title_TF5do {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
width: 100%;
height: 52px;
padding: 0 4px 0 12px;
border-bottom: 1px solid #e6e7e9;
position: relative;
}
.simpleMode_sDAx3 .simple_title_TF5do .label_0xW0f {
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
.simpleMode_sDAx3 .simple_title_TF5do .closeBtn_NjCjM {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
border-radius: 2px;
background: #fff;
}
.simpleMode_sDAx3 .subTitle_3R8Gg {
display: flex;
padding: 8px 6px 6px 12px;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.simpleMode_sDAx3 .list_VRRBq {
width: 100%;
margin-top: 8px;
padding: 0 4px 0 10px;
overflow-y: auto;
overflow-y: overlay;
}
.simpleMode_sDAx3 .list_VRRBq::-webkit-scrollbar {
width: 6px;
}
.simpleMode_sDAx3 .list_VRRBq::-webkit-scrollbar-track {
border-radius: 3px;
background-color: transparent;
}
.simpleMode_sDAx3 .list_VRRBq::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: var(--upime-scrollbar-thumb);
}
.do-hovers .simple_title_TF5do .closeBtn_NjCjM:hover {
cursor: pointer;
background: rgba(0, 0, 0, 0.06);
}
.title_OeJBj {
padding-left: 24px;
padding-right: 52px;
height: 56px;
width: 100%;
background-color: var(--upime-pane-bg);
align-items: center;
justify-content: space-between;
display: flex;
flex-shrink: 0;
border-bottom: 1px solid #e6e7e9;
}
.title_OeJBj span {
font-size: 20px;
color: var(--upime-main-text);
font-weight: 600;
line-height: 30px;
}
.titleLeftSect_thfeS {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.titleIcon_4OUs0 {
width: 24px;
height: 24px;
font-size: 14px;
cursor: pointer;
}
.titleDivider_JEfLi {
width: 1px;
height: 20px;
background-color: #dbdbde;
margin: 0 16px;
}
.createFrameButton_LA8Co,
.downloadFramesButton_BqO36 {
width: 36px !important;
height: 36px !important;
}
.createFrameButton_LA8Co,
.downloadFramesButton_BqO36 {
padding: 8px;
cursor: pointer;
}
.cell_dm78f {
content-visibility: auto;
height: 102px;
}
.cell_dm78f.medium_HUo0n {
height: 91px;
}
.cell_dm78f.small_jM1vU {
height: 80px;
}
.cell_dm78f.simpleModeCell_DOEH3 {
height: 84px;
}
.cell_dm78f.simpleModeCell_DOEH3.medium_HUo0n {
height: 73px;
}
.cell_dm78f.simpleModeCell_DOEH3.small_jM1vU {
height: 62px;
}
.cellContainer_T93TX {
height: 56px;
}
.cell_dm78f,
.cellContainer_T93TX {
position: relative;
padding: 6px 0 6px 32px;
width: 100%;
background-color: var(--upime-pane-bg);
align-items: flex-start;
display: flex;
justify-content: flex-end;
}
.cell_dm78f .snapshot_-GVsT,
.cellContainer_T93TX .snapshot_-GVsT {
position: relative;
width: 160px;
height: 90px;
border: 1px solid #dbdbde;
border-radius: 4px;
background-color: #fff;
}
.cell_dm78f .snapshot_-GVsT > img,
.cellContainer_T93TX .snapshot_-GVsT > img {
width: 100%;
height: 100%;
pointer-events: none;
border-radius: 4px;
}
.cell_dm78f .leftContainer_lJ2UD,
.cellContainer_T93TX .leftContainer_lJ2UD {
display: flex;
flex: none;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 144px;
padding-left: 12px;
padding-right: 20px;
overflow: hidden;
}
.cell_dm78f .leftContainer_lJ2UD .frameActions_rdmcx,
.cellContainer_T93TX .leftContainer_lJ2UD .frameActions_rdmcx {
display: flex;
width: 100%;
flex-direction: row;
justify-content: flex-end;
}
.cell_dm78f.selected_Y1fYw,
.cellContainer_T93TX.selected_Y1fYw {
background-color: #eaf1fc;
}
.cell_dm78f.hover_gn4aH,
.cellContainer_T93TX.hover_gn4aH {
background-color: rgba(0, 0, 0, 0.06);
}
.cell_dm78f.small_jM1vU .snapshot_-GVsT,
.cellContainer_T93TX.small_jM1vU .snapshot_-GVsT {
width: 120px;
height: 68px;
}
.cell_dm78f.medium_HUo0n .snapshot_-GVsT,
.cellContainer_T93TX.medium_HUo0n .snapshot_-GVsT {
width: 140px;
height: 79px;
}
.cell_dm78f.translucent_-C9VK,
.cellContainer_T93TX.translucent_-C9VK {
opacity: 0.2;
}
.cell_dm78f.dragging_DyRHN,
.cellContainer_T93TX.dragging_DyRHN {
background: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
transition: 0.4s;
opacity: 0;
}
.cell_dm78f.dragging_DyRHN.bg1_cgcRC,
.cellContainer_T93TX.dragging_DyRHN.bg1_cgcRC {
transform: rotate(-2deg);
}
.cell_dm78f.dragging_DyRHN.bg1_cgcRC.phone_a1y8f,
.cellContainer_T93TX.dragging_DyRHN.bg1_cgcRC.phone_a1y8f {
pointer-events: none;
transform: rotate(-2deg) translateY(-50%);
}
.cell_dm78f.dragging_DyRHN.bg2_nKELi,
.cellContainer_T93TX.dragging_DyRHN.bg2_nKELi {
transform: rotate(2deg);
}
.cell_dm78f.dragging_DyRHN.bg2_nKELi.phone_a1y8f,
.cellContainer_T93TX.dragging_DyRHN.bg2_nKELi.phone_a1y8f {
pointer-events: none;
transform: rotate(2deg) translateY(-50%);
}
.cell_dm78f.dragging_DyRHN.visible_bYJhX,
.cellContainer_T93TX.dragging_DyRHN.visible_bYJhX {
opacity: 1;
}
.cell_dm78f.simpleModeCell_DOEH3,
.cellContainer_T93TX.simpleModeCell_DOEH3 {
padding-left: 8px;
}
.cell_dm78f.simpleModeCell_DOEH3.medium_HUo0n .snapshot_-GVsT,
.cellContainer_T93TX.simpleModeCell_DOEH3.medium_HUo0n .snapshot_-GVsT {
width: 108px;
height: 61px;
}
.cell_dm78f.simpleModeCell_DOEH3.small_jM1vU .snapshot_-GVsT,
.cellContainer_T93TX.simpleModeCell_DOEH3.small_jM1vU .snapshot_-GVsT {
width: 88px;
height: 50px;
}
.cell_dm78f.simpleModeCell_DOEH3 .snapshot_-GVsT,
.cellContainer_T93TX.simpleModeCell_DOEH3 .snapshot_-GVsT {
width: 128px;
height: 72px;
}
.cell_dm78f.simpleModeCell_DOEH3 .snapshot_-GVsT .frameHideCon_Gjct2 svg,
.cellContainer_T93TX.simpleModeCell_DOEH3 .snapshot_-GVsT .frameHideCon_Gjct2 svg {
width: 16px;
height: 16px;
}
.cell_dm78f.simpleModeCell_DOEH3 .snapshot_-GVsT .frameHideCon_Gjct2 span,
.cellContainer_T93TX.simpleModeCell_DOEH3 .snapshot_-GVsT .frameHideCon_Gjct2 span {
margin-top: 2px;
line-height: 18px;
font-size: 10px;
}
.cell_dm78f.simpleModeCell_DOEH3 .leftContainer_lJ2UD,
.cellContainer_T93TX.simpleModeCell_DOEH3 .leftContainer_lJ2UD {
width: calc(100% - 24px - 128px);
}
.symbol_umzu8 {
width: -moz-max-content;
width: max-content;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
font-size: 14px;
line-height: 24px;
color: var(--upime-main-text);
margin-right: 3px;
white-space: nowrap;
font-weight: 600;
}
.name_-0bl3 {
font-size: 14px;
line-height: 24px;
padding: 0 2px;
width: 100%;
color: var(--upime-main-text);
overflow: hidden;
border: none;
cursor: default;
box-sizing: border-box;
background: inherit;
font-family: "PingFang SC";
}
.name_-0bl3.div_Cn-C7 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.name_-0bl3.div2_y83j- {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.name_-0bl3.textArea_X3mXw {
border-radius: 2px;
border: 1px solid #2e73e5;
line-height: 22px;
}
.more_box_container_hialK {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
}
.more_box_container_hialK.selected_Y1fYw {
visibility: visible;
background: linear-gradient(90deg, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.66) 17%, #f0f0f0 34%, #f0f0f0 100%);
}
.more_box_container_hialK.selected2_l1zGX {
visibility: visible;
background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, rgba(234, 241, 252, 0.66) 17%, #eaf1fc 34%, #eaf1fc 100%);
}
.more_box_container_hialK.selected3_8Owuo {
visibility: visible;
background: #dce3ed;
background: linear-gradient(90deg, rgba(220, 227, 237, 0) 0%, rgba(220, 227, 237, 0.66) 17%, #dce3ed 34%, #dce3ed 100%);
}
.more_box_container_hialK.hiddenBox_jPHrj {
display: none;
}
.more_box_container_hialK .more_box_r0wwm {
pointer-events: auto;
font-size: 14px;
display: flex;
padding: 4px;
align-items: center;
justify-content: center;
}
.handle_n3S5i {
pointer-events: auto;
position: relative;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding-top: 8px;
padding-bottom: 8px;
width: 150px;
opacity: 1;
}
.handle_n3S5i > span {
display: flex;
justify-content: flex-start;
align-items: center;
height: 38px;
line-height: 38px;
width: 100%;
font-size: 14px;
color: var(--upime-main-text);
cursor: default;
padding: 8px 16px;
}
.frameCellHandle_lrDXI {
background: white !important;
}
.frameCellHandle_lrDXI {
white-space: nowrap;
width: auto;
}
.undoredo_6rQlP {
pointer-events: auto;
width: 48px;
height: 88px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
flex-shrink: 0;
margin-top: 8px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
gap: 2px;
}
.undoredo_6rQlP.horizMode_az6fI {
width: auto;
width: initial;
height: auto;
height: initial;
flex-direction: row;
margin-top: 0;
padding: 0px;
gap: 0px;
border-radius: 0;
border-radius: initial;
box-shadow: none;
box-shadow: initial;
margin-right: 8px;
}
.undoredo_6rQlP.horizMode_az6fI .undo_xt1XW {
width: 100%;
height: 100%;
padding: 0;
}
.undoredo_6rQlP.horizMode_az6fI .iconWrap_VTwQw {
width: auto;
width: initial;
height: auto;
height: initial;
padding: 8px;
}
.undoredo_6rQlP.phoneMode_9w8Lf {
width: 44px;
border-radius: 22px;
height: auto;
margin-top: 4px;
padding: 11px 0 4px 0;
gap: 0;
}
.undoredo_6rQlP.phoneMode_9w8Lf .icon_--aQt {
width: 22px;
height: 22px;
}
.undoredo_6rQlP.phoneMode_9w8Lf .divider_BZZWT {
margin-top: 7px;
}
.undo_xt1XW,
.redo_KdS3o {
display: flex;
justify-content: center;
align-items: center;
}
.undo_xt1XW.disable_F2Wq1,
.redo_KdS3o.disable_F2Wq1 {
pointer-events: none;
color: #d8d8d8;
cursor: default;
}
.undo_xt1XW.phoneMode_9w8Lf,
.redo_KdS3o.phoneMode_9w8Lf {
height: 22px;
}
.undo_xt1XW.phoneMode_9w8Lf + .undo_xt1XW.phoneMode_9w8Lf,
.undo_xt1XW.phoneMode_9w8Lf + .redo_KdS3o.phoneMode_9w8Lf,
.redo_KdS3o.phoneMode_9w8Lf + .undo_xt1XW.phoneMode_9w8Lf,
.redo_KdS3o.phoneMode_9w8Lf + .redo_KdS3o.phoneMode_9w8Lf {
margin-top: 18px;
}
.undo_xt1XW.phoneMode_9w8Lf.active_cLdev,
.redo_KdS3o.phoneMode_9w8Lf.active_cLdev {
color: var(--upime-active);
}
.xmode_j-CNy {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
border-radius: 50%;
margin: 0 auto;
}
.xmode_j-CNy.disable_F2Wq1 {
pointer-events: none;
color: #d8d8d8;
}
.xmode_j-CNy.active_cLdev {
color: var(--upime-active);
background-color: #eaf1fc;
}
.iconWrap_VTwQw {
width: 38px;
height: 38px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrap_VTwQw.active_cLdev {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .iconWrap_VTwQw:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrap_VTwQw.active_cLdev:hover {
background-color: #eaf1fc;
}
.do-hovers .costTip_dnk5K:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .close_box_avFUK:hover {
color: var(--upime-active);
}
.do-hovers .more_box_r0wwm:hover {
color: var(--upime-active);
background: rgba(0, 0, 0, 0.06);
border-radius: 2px;
}
.do-hovers .undo_xt1XW .iconWrap_VTwQw:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .cell_dm78f:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .cell_dm78f:hover .more_box_r0wwm {
visibility: visible;
}
.do-hovers .cell_dm78f:hover.selected_Y1fYw {
background-color: #dce3ed;
}
.do-hovers .handle_n3S5i > span:hover {
cursor: pointer;
background: rgba(0, 0, 0, 0.06);
}
.do-hovers .more_box_r0wwm svg:hover {
cursor: pointer;
}
.do-hovers .frameHideIcon_xSfW1:hover {
color: var(--upime-active) !important;
}
.placeholderContainer_DxiOM {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
}
.placeholder_lHOKk {
margin-top: 8px;
color: var(--upime-main-text);
font-size: 14px;
white-space: nowrap;
}
.placeholderImg_2leWe {
width: 140px;
height: 140px;
text-align: center;
}
@keyframes loading_c6Q-f {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.loading_c6Q-f {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #e6e7e9;
display: flex;
}
.loading_c6Q-f > svg {
margin: auto;
width: 32px;
height: 32px;
animation: loading_c6Q-f 1s linear infinite forwards;
}
.offset_l5pDn {
margin-left: -8px;
}
.cellTitle_uk3Ie {
display: flex;
flex-direction: row;
align-items: flex-start;
width: 100%;
overflow: hidden;
position: relative;
min-height: 24px;
}
.cellTitle_uk3Ie .readonly_4oj-v {
color: #c2c3c8;
}
.cellTitle_uk3Ie .nameWrap_6c1r9 {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
overflow: hidden;
}
.inputBorder_umsDa {
width: 100%;
height: 2px;
background-color: var(--upime-active);
}
.activeFrameEle_b6yQ8 {
background-color: var(--upime-btn-bg-hover) !important;
}
.placeholderBtn_kM3bS {
margin-top: 24px;
width: 136px;
}
.placeholderBtn_kM3bS svg {
margin-right: 8px;
}
.itemIconGroup_2-i9n {
position: absolute;
right: 0;
left: 0;
bottom: -5px;
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
}
.itemIconBtn_J35HJ {
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.itemIconBtn_J35HJ > svg {
font-size: 16px;
}
.addNewBelowIconBtn_Cikge {
background-color: var(--upime-active);
color: white;
}
.frameHideCon_Gjct2 {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
color: #c2c3c8;
background: #ececee;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.frameHideCon_Gjct2 svg {
width: 20px;
height: 20px;
}
.frameHideCon_Gjct2 span {
margin-top: 2px;
line-height: 20px;
font-size: 12px;
}
.divider_BZZWT {
height: 1px;
background-color: #dbdbde;
margin: 6px 8px 8px 8px;
}
.commonMode_8yews .presentationIconBtn_SnymD {
left: 22px;
background-color: #eaf1fc;
color: var(--upime-active);
border: 1px solid var(--upime-active);
}
.commonMode_8yews .presentationIconBtn_SnymD.readonly_4oj-v {
left: 48px;
}
.simpleMode_sDAx3 .itemIconBtn_J35HJ.presentationIconBtn_SnymD {
right: 8px;
top: calc(50% - 10px);
background-color: var(--upime-active);
color: white;
width: 20px;
height: 20px;
}
.simpleMode_sDAx3 .itemIconBtn_J35HJ.presentationIconBtn_SnymD svg {
font-size: 14px;
}
.buttonGroup_B1n4S {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
margin: 12px 15px 6px 20px;
}
.buttonGroup_B1n4S.buttonGroupBigScreenMode_J-WWE {
margin: 8px 6px 6px 12px;
}
.bigScreenIconGroup_hxuGE {
display: flex;
position: absolute;
bottom: 6px;
right: 20px;
gap: 24px;
justify-content: space-between;
align-items: center;
}
.bigScreenIconGroup_hxuGE.dragHidden_BIZov {
display: none;
}
.sortLoading_wSF4B {
position: absolute;
right: 0;
left: 0;
bottom: 0;
height: calc(100% - 64px);
background-color: rgba(0, 0, 0, 0.45);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 6px;
color: #fff;
}
.sortLoading_wSF4B .loadingIcon_FJu21 {
animation: loading_c6Q-f 1.5s linear infinite forwards;
}
.sortLoading_wSF4B .text_rzELH {
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 100px;
}
.groupButton_ih95C {
position: absolute;
right: 36px;
top: 0;
bottom: 0;
margin: auto;
}
@keyframes loading_c6Q-f {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ai_instruction_title_gzX0A {
padding-left: 20px;
padding-right: 52px;
height: 56px;
width: 100%;
background-color: var(--upime-pane-bg);
align-items: center;
justify-content: space-between;
display: flex;
flex-shrink: 0;
}
.ai_instruction_title_gzX0A span {
font-size: 20px;
color: var(--upime-main-text);
font-weight: 600;
line-height: 30px;
}
.ai_instruction_tabs_hvkb5 {
display: flex;
width: 100%;
padding: 0px 16px;
align-items: flex-start;
gap: 24px;
border-bottom: 1px solid #e6e7e9;
height: 34px;
}
.ai_instruction_tabs_hvkb5 .ai_instruction_tab_9yYAD {
cursor: pointer;
color: #91939c;
}
.ai_instruction_tabs_hvkb5 .ai_instruction_tab_9yYAD.active_cLdev {
font-weight: 600;
color: #0c1024;
position: relative;
height: 100%;
}
.ai_instruction_tabs_hvkb5 .ai_instruction_tab_9yYAD.active_cLdev::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background-color: #0c1024;
}
.aiCountRow_J-rb6 {
display: flex;
width: 100%;
padding: 0px 20px;
align-items: center;
gap: 12px;
background: linear-gradient(98deg, rgba(227, 237, 255, 0.6) 36.84%, rgba(238, 237, 255, 0.6) 61.22%);
height: 34px;
position: relative;
}
.aiCountRow_J-rb6 .aiCountImg_j613D {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.aiCountRow_J-rb6 .remainTip_E7jXc {
color: #0c1024;
flex-shrink: 0;
font-size: 14px;
}
.aiCountRow_J-rb6 .toBuyContainer_1nnVW {
margin-left: auto;
flex-shrink: 0;
}
.aiCountRow_J-rb6 .floatTipContainer_vQlnv {
position: absolute;
left: 12px;
top: 8px;
right: 12px;
border-top: 1px solid #fff;
border-radius: 4px;
background: #fff;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
z-index: 2200;
}
.aiCountRow_J-rb6 .floatTipContainer_vQlnv .aiCountRow_J-rb6 {
height: 40px;
background: linear-gradient(180deg, #f0f4ff 0%, #fff 100%);
gap: 6px;
padding: 0px 12px;
}
.aiCountRow_J-rb6 .floatTipContainer_vQlnv .remainTip_E7jXc {
margin-right: 10px;
}
.aiCountRow_J-rb6 .floatTipContainer_vQlnv .listContainer_lw2EG {
color: #91939c;
line-height: 20px;
font-size: 12px;
list-style: disc;
margin: 0;
padding: 0 16px 12px 30px;
}
.aiCountRow_J-rb6 .floatTipContainer_vQlnv .closeContainer_K-aYX {
position: absolute;
right: -10px;
top: -10px;
height: 20px;
width: 20px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.costTip_dnk5K {
color: #91939c;
font-size: 12px;
cursor: pointer;
flex-shrink: 0;
margin-left: -12px;
border-radius: 2px;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
}
.costTip_dnk5K.inTitle_0-wzY {
margin-left: 0px;
}
.appContainer_2uj8v {
margin-top: 8px;
border-top: 1px solid #e6e7e9;
height: 52px;
width: 100%;
display: flex;
align-items: center;
}
.infoListContainer_vcEQ6 {
width: 300px;
padding: 8px;
font-size: 12px;
}
.infoListContainer_vcEQ6 .listContainer_lw2EG {
padding: 0 0 0 16px;
margin-bottom: 0px;
}
.aiInstructionTemplateGuide_l1feh {
width: 100%;
padding: 12px 20px 0;
position: relative;
z-index: 1;
}
.aiInstructionTemplateGuide_l1feh .temGuideBt_ToUBP {
width: 100%;
height: 36px;
border-radius: 4px;
background: linear-gradient(90deg, #7e80ff 0%, #3a78ff 100%);
box-shadow: 0px 2px 8px 0px rgba(59, 133, 255, 0.32);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 15px;
font-weight: 600;
cursor: pointer;
gap: 8px;
}
.aiInstructionTemplateGuide_l1feh .temGuideBt_ToUBP .temGuideImage_DbYxh {
position: relative;
border-radius: 50%;
background: rgba(255, 255, 255, 0.16);
width: 14px;
height: 14px;
}
.aiInstructionTemplateGuide_l1feh .temGuideBt_ToUBP .temGuideImage_DbYxh::after {
content: "";
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
background: rgba(255, 255, 255, 0.6);
border-radius: 50%;
}
.aiInstructionTemplateGuide_l1feh .temGuideBt_ToUBP .temGuideImage_DbYxh .svgContainer_sllj8 {
position: absolute;
left: -8px;
top: 0;
pointer-events: none;
z-index: 300;
}
.recentUsedContainer_LDgru {
padding-left: 20px;
color: #424454;
}
.recentUsedContainer_LDgru .recentRow_8v6Ka {
display: grid;
grid-template-columns: repeat(6, 48px);
grid-gap: 4px;
gap: 4px;
margin-top: 4px;
}
.recentUsedContainer_LDgru .recentRow_8v6Ka .recentItem_F1rMy {
width: 100%;
height: 48px;
border-radius: 4px;
padding: 6px;
cursor: pointer;
}
.recentUsedContainer_LDgru .recentRow_8v6Ka .recentItem_F1rMy .recentItemImage_AeNRM {
width: 100%;
height: 100%;
}
.recentUsedContainer_LDgru .recentRow_8v6Ka .recentItem_F1rMy .recentItemImage_AeNRM img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
/* 蛋疼的ipad */
pointer-events: none;
}
.actionWrapper_S-mzu {
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
z-index: 2000;
}
.actionContainer_Y0Jqf {
border-radius: 4px;
background: rgba(0, 0, 0, 0.15);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
display: none;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
color: white;
}
.actionList_pchFO {
position: fixed;
border-radius: 4px;
background: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
width: 122px;
z-index: 999;
padding: 8px 0;
}
.actionList_pchFO .actionRow_8fL36 {
padding: 7px 12px;
display: flex;
align-items: center;
cursor: pointer;
line-height: 22px;
}
.aiInstructionContainer_IgxSl {
position: relative;
}
.aiInstructionContainer_IgxSl[\:has\(.actionListAnchor\)] {
background-color: rgba(0, 0, 0, 0.06);
}
.aiInstructionContainer_IgxSl:has(.actionListAnchor_tLzpu) {
background-color: rgba(0, 0, 0, 0.06);
}
.aiInstructionContainer_IgxSl[\:has\(.actionListAnchor\)] .actionContainer_Y0Jqf {
display: flex;
}
.aiInstructionContainer_IgxSl:has(.actionListAnchor_tLzpu) .actionContainer_Y0Jqf {
display: flex;
}
.do-hovers .recentItem_F1rMy:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .actionRow_8fL36:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .aiInstructionContainer_IgxSl:hover .actionContainer_Y0Jqf {
display: flex;
}
.selectDomContainer_A8rrx {
flex: 1;
height: 100%;
position: relative;
z-index: 2100;
}
.selectDomContainer_A8rrx .selectDom_t6egZ {
height: 100%;
}
.rootBox_6YtPW {
position: absolute;
padding: 12px;
border-radius: 8px;
background-color: #fff;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
z-index: 100;
}
.rootBox_6YtPW .coverBox_Zb3oD {
width: 224px;
height: 126px;
border-radius: 6px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
}
.rootBox_6YtPW .coverBox_Zb3oD .bofangBox_8ubNJ {
width: 48px;
height: 48px;
border-radius: 60px;
background-color: rgba(0, 0, 0, 0.45);
display: flex;
justify-content: center;
align-items: center;
}
.rootBox_6YtPW .coverBox_Zb3oD .bofangBox_8ubNJ > svg {
font-size: 28px;
color: #fff;
}
.rootBox_6YtPW .coverBox_Zb3oD .iconBox_or3Df {
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 12px;
right: 12px;
background-color: rgba(0, 0, 0, 0.06);
padding: 8px;
}
.rootBox_6YtPW .coverBox_Zb3oD .iconBox_or3Df > svg {
font-size: 16px;
}
.rootBox_6YtPW .descBox_Yq723 {
margin-top: 12px;
font-size: 14px;
color: #0c1024;
}
.modalBox_-1LWa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 12px;
width: 800px;
}
.modalBox_-1LWa .header_37U-Q {
padding: 12px 16px 12px 40px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #e6e7e9;
}
.modalBox_-1LWa .header_37U-Q .name_LwwS8 {
font-size: 20px;
font-weight: 600;
color: #0c1024;
}
.modalBox_-1LWa .header_37U-Q .iconBox_or3Df {
padding: 12px;
border-radius: 2px;
cursor: pointer;
display: flex;
align-content: center;
justify-content: center;
place-content: center;
}
.modalBox_-1LWa .header_37U-Q .iconBox_or3Df svg {
font-size: 20px;
}
.modalBox_-1LWa .header_37U-Q .iconBox_or3Df:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.modalBox_-1LWa .body_zcAC8 {
padding: 24px;
}
.modalBox_-1LWa .body_zcAC8 video {
border-radius: 4px;
width: 100%;
}
.dialogWrapper_LsGln {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 24px;
padding: 10px 20px;
background-color: #FFFFFF;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
border-radius: 8px;
pointer-events: auto;
}
.dialogWrapper_LsGln .left_T4-Ou {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.dialogWrapper_LsGln .left_T4-Ou .title_JBpdf {
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.dialogWrapper_LsGln .left_T4-Ou .desc_OaseE {
color: #91939C;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.dialogWrapper_LsGln .right_gMdaq {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
}
.dialogWrapper_LsGln .right_gMdaq .commBtn_f-ujk {
display: inline-block;
font-size: 14px;
width: auto;
height: 36px;
padding: 0 8px;
box-sizing: border-box;
border-radius: 4px;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
line-height: 1;
cursor: pointer;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
outline: none;
box-shadow: none;
}
.dialogWrapper_LsGln .right_gMdaq .sureBtn_7wPiD {
color: #FFFFFF;
border: 1px solid #2E73E5;
background-color: #2E73E5;
min-width: 60px;
}
.dialogWrapper_LsGln .right_gMdaq .sureBtn_7wPiD.disabled_yHYRp {
color: rgba(255, 255, 255, 0.45);
background-color: #7EACEF;
border-color: #7EACEF;
cursor: not-allowed;
}
.dialogWrapper_LsGln .right_gMdaq .cancelBtn_tV9FM {
color: #0C1024;
border: 1px solid #E6E7E9;
background-color: #FFFFFF;
min-width: 60px;
}
.do-hovers .sureBtn_7wPiD:not(.disabled_yHYRp):hover {
background-color: #455beb;
border-color: #455beb;
}
.do-hovers .cancelBtn_tV9FM:hover {
background-color: #f9f9f9;
}
.do-hovers .close_PnY8d:hover {
color: var(--upime-active);
}
.chooseEditModal_-w5eE {
width: 520px;
border-radius: 12px;
background-color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #0c1024;
overflow: hidden;
}
.modalHeader_0DS-5 {
height: 64px;
padding: 10px 10px 10px 12px;
border-bottom: 1px solid #e6e7e9;
display: flex;
align-items: center;
justify-content: space-between;
}
.modalHeader_0DS-5 .headerTitle_Uxrbw {
padding: 8px 12px;
}
.modalHeader_0DS-5 .headerTitle_Uxrbw p {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #0c1024;
margin: 0;
}
.modalHeader_0DS-5 .closeBtn_9Fyii {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
cursor: pointer;
}
.modalContent_bmThE {
padding: 24px 32px 24px 20px;
min-height: 160px;
max-height: min(calc(100vh - 208px), 540px);
overflow: auto;
}
.dragHandle_tycF7 {
width: 16px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
color: #c2c3c8;
cursor: move;
}
.dragHandle_tycF7.alwaysShow_dXQKe {
opacity: 1;
}
.conditionContent_wX-7L {
flex: 1;
display: flex;
align-items: center;
min-width: 0;
padding: 6px 4px;
border-radius: 4px;
}
.conditionLabel_bYxKZ {
width: 46px;
font-size: 14px;
line-height: 22px;
color: #000000;
flex-shrink: 0;
margin: 0 4px;
}
.inputWrapper_En5Sh {
flex: 1;
min-width: 0;
margin-right: 8px;
}
.conditionInput_MZNBe {
width: 100%;
min-height: 36px;
max-height: 90px;
padding: 8px 12px;
border: 1px solid #dbdbde;
border-radius: 4px;
font-size: 14px;
color: #0c1024;
outline: none;
resize: none;
overflow-y: hidden;
line-height: 20px;
font-family: inherit;
}
.conditionInput_MZNBe::-moz-placeholder {
color: #c2c3c8;
}
.conditionInput_MZNBe::placeholder {
color: #c2c3c8;
}
.conditionInput_MZNBe:focus {
border: 1px solid #2e73e5;
}
.conditionActions_LrlQ1 {
display: flex;
align-items: center;
gap: 0;
flex-shrink: 0;
}
.actionBtn_k3-yQ {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
}
.actionBtn_k3-yQ.disabled_aW50h {
cursor: not-allowed;
opacity: 0.4;
}
.modalFooter_fKc1u {
padding: 12px 40px 24px 40px;
display: flex;
gap: 12px;
justify-content: flex-end;
align-items: center;
flex-shrink: 0;
}
.modalFooter_fKc1u .bt_ouAYU {
padding: 0 16px;
height: 40px;
min-width: 72px;
font-size: 14px;
}
.do-hovers .closeBtn_9Fyii:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .actionBtn_k3-yQ:hover:not(.disabled_aW50h) {
background-color: rgba(0, 0, 0, 0.06);
border-radius: 2px;
}
.do-hovers .conditionContent_wX-7L:hover {
background-color: #f5f5f5;
}
.do-hovers .conditionContent_wX-7L:hover .dragHandle_tycF7 {
opacity: 1;
}
.conditionItem_IHkEK {
margin-bottom: 4px;
}
.activeItem_ZFCOB {
background-color: #f5f5f5;
}
.panelWrapper_bH7C- {
position: fixed;
pointer-events: all;
left: 0;
top: 0;
background: #fff;
border-radius: 8px;
border: 0.5px solid #d0d5dd;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
padding: 6px;
width: 252px;
overflow: hidden;
}
.menuWrapper_CA9kM {
position: fixed;
pointer-events: all;
left: 0;
top: 0;
background: #fff;
border-radius: 4px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
min-width: 120px;
}
.menuItem_w-R7K {
display: flex;
align-items: center;
padding: 7px 16px;
font-size: 14px;
line-height: 22px;
color: #202022;
cursor: pointer;
white-space: nowrap;
}
.menuItem_w-R7K.customItem_XfQpU {
padding: 0;
padding: initial;
}
.do-hovers .menuItem_w-R7K:hover {
background: rgba(0, 0, 0, 0.04);
}
.menuItemWithSuffix_NwiBS {
justify-content: space-between;
gap: 8px;
}
.panelContent_0U2gr {
background: #fff;
border-radius: 8px;
border: 0.5px solid #d0d5dd;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
padding: 6px;
width: 252px;
overflow: hidden;
}
.panelWrapper_wBwYB {
position: fixed;
pointer-events: all;
transform: translate(-50%, 0%);
left: 0;
top: 0;
background: #fff;
border-radius: 8px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
padding: 12px 8px 8px 8px;
gap: 8px;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.storyCardPanelTitle_Q0b-t {
font-size: 14px;
width: 100%;
text-align: left;
padding-left: 4px;
line-height: 22px;
color: #91939C;
}
.colorBlocks_-h6zN {
display: flex;
gap: 0px;
}
.colorBlock_Zt3U4 {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.colorInner_7Efc4 {
color: white;
}
.colorInner_7Efc4.colorInnerSelected_EWR7S {
color: #2E73E5;
}
.colorIcon_zqQLH {
width: 64px;
height: 70px;
display: block;
}
.panelWrapper_X99Lu {
position: fixed;
pointer-events: all;
left: 0;
top: 0;
background: #fff;
border-radius: 8px;
border: 0.5px solid #d0d5dd;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
padding: 6px;
min-width: 176px;
display: flex;
flex-direction: column;
}
.panelTitle_VsIWw {
display: flex;
align-items: center;
padding: 0 12px;
font-size: 14px;
line-height: 22px;
color: #909399;
margin-bottom: 6px;
}
.actionsList_RAWtH {
display: flex;
flex-direction: column;
width: 100%;
}
.actionItem_Ftqz- {
display: flex;
align-items: center;
min-height: 36px;
padding: 0 12px;
border-radius: 6px;
cursor: pointer;
}
.do-hovers .actionItem_Ftqz-:hover {
background: rgba(0, 0, 0, 0.04);
}
.menu_wrapper_Kb-2E {
position: fixed;
pointer-events: all;
left: 0;
top: 0;
background: #fff;
border-radius: 4px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
min-width: 100px;
}
.menu_item_7smnu {
display: flex;
align-items: center;
padding: 7px 16px;
font-size: 14px;
line-height: 22px;
color: #202022;
cursor: pointer;
white-space: nowrap;
}
.menu_item_7smnu:hover {
background: rgba(0, 0, 0, 0.04);
}
.menu_wrapper_n6kuC {
pointer-events: all;
min-width: 120px;
}
.menu_item_OJ1CP {
display: flex;
align-items: center;
padding: 7px 16px;
font-size: 14px;
line-height: 22px;
color: #202022;
cursor: pointer;
white-space: nowrap;
}
.menu_item_OJ1CP:hover {
background: rgba(0, 0, 0, 0.04);
}
.menu_divider_QYCLx {
height: 1px;
background: rgba(0, 0, 0, 0.08);
margin: 4px 0;
}
.cm_item_7KVeQ {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_7KVeQ.disabled_1nmMC {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_7KVeQ.autoWidth_GFz55 {
width: auto;
min-width: 40px;
}
.icon_box_q1tnH {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_q1tnH.active_wvtXJ {
color: var(--upime-active);
}
.bling_item_heA1C {
opacity: 0.8;
}
.hidden_jhR-n {
visibility: hidden !important;
}
.hidden_all_OywDu {
visibility: hidden !important;
}
.hidden_all_OywDu * {
visibility: hidden !important;
}
.show_all_2CWMk {
visibility: visible !important;
}
.show_all_2CWMk * {
visibility: visible !important;
}
.pane_CluvM {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_G371r {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_2HpG4 {
visibility: hidden;
opacity: 0;
animation: show_G371r 0.5s forwards;
}
@keyframes show_scale_LXt6C {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_LXt6C {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_LXt6C 0.3s forwards;
}
.show_scale_LXt6C.right_NjpTC {
transform-origin: left center;
}
.show_scale_LXt6C.left_2Kbuc {
transform-origin: right center;
}
.show_scale_LXt6C.bottom_Uxifa {
transform-origin: center top;
}
.show_scale_LXt6C.top_YIKZK {
transform-origin: center bottom;
}
.show_scale_LXt6C.left_top_ekeRY {
transform-origin: right top;
}
.show_scale_LXt6C.top_left_cJpUg {
transform-origin: bottom left;
}
.show_scale_LXt6C.bottom_left_UzgBi {
transform-origin: top left;
}
.show_scale_LXt6C.top_right_najvy {
transform-origin: bottom right;
}
.show_scale_LXt6C.bottom_right_5F1L3 {
transform-origin: top right;
}
.show_scale_LXt6C.right_top_oh3Ar {
transform-origin: left top;
}
.show_scale_LXt6C.right_bottom_ZMPgA {
transform-origin: left bottom;
}
.show_scale_LXt6C.left_bottom_HtZRH {
transform-origin: right bottom;
}
.btn_style_k3Itp {
cursor: pointer;
}
.btn_style_k3Itp:active,
.btn_style_k3Itp.on_NaUP7 {
color: var(--upime-active);
}
.btn_style_k3Itp.disabled_1nmMC {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_WxdS1 {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_q1tnH:hover {
opacity: 1;
}
.do-hovers .bling_item_heA1C:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_k3Itp:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_WxdS1:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_oCcZT:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_Sc30O:hover {
color: var(--upime-main-text);
}
.rotateY180_rF2V7 {
transform: rotateY(180deg);
}
.titleIcon_oCcZT {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_oCcZT.active_wvtXJ {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_oCcZT.active_wvtXJ {
color: var(--upime-active);
}
.moreIcon_Sc30O {
cursor: pointer;
}
.moreIcon_Sc30O svg {
color: #303445;
}
.moreIcon_Sc30O.active_wvtXJ svg {
color: var(--upime-main-text);
}
@keyframes loading_bzbts {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_b-v-B {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_bzbts 1s linear infinite forwards;
}
.AIButtonContainer_YWK7e {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_YWK7e.transparent_ITWi2 {
opacity: 0;
}
.AIButtonContainer_YWK7e .AIButtonWrapper_BEmNG {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_YWK7e .AIButtonWrapper_BEmNG .AIButtonImageContainer_BRDC- {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_YWK7e .AIButtonWrapper_BEmNG .AIButtonImageContainer_BRDC-.AIShow_4YMFv {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_YWK7e .AIButtonWrapper_BEmNG .AIButtonImageContainer_BRDC-.AIHide_0lO6Z {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_YWK7e .AIButtonWrapper_BEmNG .AIButtonImageContainer_BRDC-.AIButtonHover_2UZZb:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_YWK7e .AIButtonWrapper_BEmNG .AIButtonImageContainer_BRDC-.AIButtonDisabled_ItNnS {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_YWK7e .AIButtonWrapper_BEmNG .AIButtonImageContainer_BRDC- .AIButtonImage_3EENo {
width: 32px;
height: 32px;
}
.sub_win_container_QIYSV {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_QIYSV::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_QIYSV::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_QIYSV::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_QIYSV .sub_win_child_wrapper_rUGzl:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_QIYSV .sub_win_child_wrapper_rUGzl:not(:first-child) .sub_win_child_b5JeD {
padding-top: 0;
}
.sub_win_flexalbe_container_gWynW {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_gWynW * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_gWynW .flexable_scroll_wrapper_9-Na0 {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_gWynW .flexable_scroll_wrapper_9-Na0::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_gWynW .flexable_scroll_wrapper_9-Na0::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_gWynW .flexable_scroll_wrapper_9-Na0::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_gWynW .flexable_scroll_wrapper_9-Na0:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_gWynW .flexable_scroll_wrapper_9-Na0:not(:first-child) .flexable_scroll_inner_1ndQf {
padding-top: 0px;
}
.phoneMode .sub_win_container_QIYSV {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_gWynW {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_9-Na0 {
animation: safariUpdate_tNTGi 0.1s forwards;
}
.safariOn .sub_win_container_QIYSV {
animation: safariUpdate_tNTGi 0.1s forwards;
}
@keyframes safariUpdate_tNTGi {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_D9EKl {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_D9EKl .noColorStylePart_PNhTD + .noColorStylePart_PNhTD {
margin-top: 8px;
}
.noColorStyleContainer_D9EKl .partlabel_jQ7Bb {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_D9EKl .partlabel_jQ7Bb.disabled_1nmMC {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_QIYSV,
.phoneMode .sub_win_flexalbe_container_gWynW {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_QIYSV .flexable_scroll_wrapper_9-Na0:not(:first-child),
.phoneMode .sub_win_flexalbe_container_gWynW .flexable_scroll_wrapper_9-Na0:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_D9EKl {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_D9EKl .noColorStylePart_PNhTD + .noColorStylePart_PNhTD {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_D9EKl .partlabel_jQ7Bb {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_1vXzk {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_1vXzk.active_wvtXJ {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_o-7ol.active_wvtXJ {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_1vXzk:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_1vXzk:hover.active_wvtXJ {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_o-7ol:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_o-7ol:hover.active_wvtXJ {
color: #2E73E5;
background-color: #dce3ed;
}
.title_bar_JZ6M8 {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 52px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 12px;
box-sizing: border-box;
z-index: 100;
}
.white_bg_EPBxY {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
pointer-events: none;
}
.gradient_bg_e4Q6U {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(152deg, rgba(204, 96, 255, 0.12) 14%, rgba(38, 112, 255, 0.12) 81.5%, rgba(50, 125, 255, 0.12) 95%);
pointer-events: none;
}
.title_area_Ateqm {
position: relative;
flex: 1;
min-width: 0;
padding-right: 16px;
}
.title_input_-MCwe {
width: 100%;
height: 36px;
margin: 16px / 2 0;
font-size: 18px;
font-weight: 500;
color: #0c1024;
border: none;
border-radius: 6px;
padding: 0 12px;
outline: none;
box-sizing: border-box;
background: transparent;
line-height: 36px;
cursor: text;
}
.title_input_-MCwe:focus {
background: rgba(0, 0, 0, 0.04);
}
.actions_v9Kh7 {
position: relative;
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.present_btn_fw3uh {
height: 32px;
}
.present_btn_bottom_VJiTQ {
height: 36px;
}
.icon_btn_-yaY- {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: #fff;
border: none;
border-radius: 6px;
cursor: pointer;
color: #0c1024;
}
.icon_btn_-yaY-.disabled_1nmMC {
opacity: 0.3;
cursor: not-allowed;
}
.icon_btn_-yaY-.hasBorder_rclIL {
width: 36px;
height: 36px;
border: 1px solid #e6e7e9;
}
.more_menu_wrapper_4riYH {
position: relative;
}
.menu_dropdown_wbIFN {
position: absolute;
top: 100%;
right: 0;
margin-top: 4px;
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
padding: 4px 0;
min-width: 120px;
z-index: 101;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.menu_item_YMwhN {
padding: 8px 16px;
font-size: 14px;
color: #0c1024;
cursor: pointer;
transition: background-color 0.2s;
white-space: nowrap;
}
.menu_item_YMwhN:hover {
background: #f5f5f5;
}
.bottom_toolbar_TNRyB {
position: absolute;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
gap: 12px;
padding: 8px;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
pointer-events: auto;
z-index: 100;
}
.do-hovers .icon_btn_-yaY-:not(.disabled_1nmMC):hover {
color: #2e73e5;
}
.cm_item_mDMsK {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_mDMsK.disabled_QYA7O {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_mDMsK.autoWidth_wHxeI {
width: auto;
min-width: 40px;
}
.icon_box_0SgJC {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_0SgJC.active_YHf-t {
color: var(--upime-active);
}
.bling_item_pLI1u {
opacity: 0.8;
}
.hidden_SjyVO {
visibility: hidden !important;
}
.hidden_all_Vomw- {
visibility: hidden !important;
}
.hidden_all_Vomw- * {
visibility: hidden !important;
}
.show_all_9fuST {
visibility: visible !important;
}
.show_all_9fuST * {
visibility: visible !important;
}
.pane_-JIvR {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_GcnMU {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_r0y-E {
visibility: hidden;
opacity: 0;
animation: show_GcnMU 0.5s forwards;
}
@keyframes show_scale_CrHiT {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_CrHiT {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_CrHiT 0.3s forwards;
}
.show_scale_CrHiT.right_ReyAM {
transform-origin: left center;
}
.show_scale_CrHiT.left_S35aA {
transform-origin: right center;
}
.show_scale_CrHiT.bottom_oBa-D {
transform-origin: center top;
}
.show_scale_CrHiT.top_w8n69 {
transform-origin: center bottom;
}
.show_scale_CrHiT.left_top_mlXdE {
transform-origin: right top;
}
.show_scale_CrHiT.top_left_xcYC6 {
transform-origin: bottom left;
}
.show_scale_CrHiT.bottom_left_8XtW3 {
transform-origin: top left;
}
.show_scale_CrHiT.top_right_VVFEb {
transform-origin: bottom right;
}
.show_scale_CrHiT.bottom_right_Fxtm6 {
transform-origin: top right;
}
.show_scale_CrHiT.right_top_Dezvc {
transform-origin: left top;
}
.show_scale_CrHiT.right_bottom_VGOUK {
transform-origin: left bottom;
}
.show_scale_CrHiT.left_bottom_nL68G {
transform-origin: right bottom;
}
.btn_style_wvUqk {
cursor: pointer;
}
.btn_style_wvUqk:active,
.btn_style_wvUqk.on_YFzBG {
color: var(--upime-active);
}
.btn_style_wvUqk.disabled_QYA7O {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_V3Q7p {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_0SgJC:hover {
opacity: 1;
}
.do-hovers .bling_item_pLI1u:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_wvUqk:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_V3Q7p:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_RkVkl:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_K9efb:hover {
color: var(--upime-main-text);
}
.rotateY180_NUjpu {
transform: rotateY(180deg);
}
.titleIcon_RkVkl {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_RkVkl.active_YHf-t {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_RkVkl.active_YHf-t {
color: var(--upime-active);
}
.moreIcon_K9efb {
cursor: pointer;
}
.moreIcon_K9efb svg {
color: #303445;
}
.moreIcon_K9efb.active_YHf-t svg {
color: var(--upime-main-text);
}
@keyframes loading_2ItXX {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_6t0cT {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_2ItXX 1s linear infinite forwards;
}
.AIButtonContainer_oDZys {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_oDZys.transparent_K6PyU {
opacity: 0;
}
.AIButtonContainer_oDZys .AIButtonWrapper_gw9DW {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_oDZys .AIButtonWrapper_gw9DW .AIButtonImageContainer_WgstX {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_oDZys .AIButtonWrapper_gw9DW .AIButtonImageContainer_WgstX.AIShow_yUwh1 {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_oDZys .AIButtonWrapper_gw9DW .AIButtonImageContainer_WgstX.AIHide_Y1E-W {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_oDZys .AIButtonWrapper_gw9DW .AIButtonImageContainer_WgstX.AIButtonHover_1FE0Q:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_oDZys .AIButtonWrapper_gw9DW .AIButtonImageContainer_WgstX.AIButtonDisabled_1Vguw {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_oDZys .AIButtonWrapper_gw9DW .AIButtonImageContainer_WgstX .AIButtonImage_p3mbG {
width: 32px;
height: 32px;
}
.sub_win_container_wfW-S {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_wfW-S::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_wfW-S::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_wfW-S::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_wfW-S .sub_win_child_wrapper_ETUtc:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_wfW-S .sub_win_child_wrapper_ETUtc:not(:first-child) .sub_win_child_RtIke {
padding-top: 0;
}
.sub_win_flexalbe_container_ogFxB {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_ogFxB * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_ogFxB .flexable_scroll_wrapper_6fBOa {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_ogFxB .flexable_scroll_wrapper_6fBOa::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_ogFxB .flexable_scroll_wrapper_6fBOa::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_ogFxB .flexable_scroll_wrapper_6fBOa::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_ogFxB .flexable_scroll_wrapper_6fBOa:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_ogFxB .flexable_scroll_wrapper_6fBOa:not(:first-child) .flexable_scroll_inner_iJ5I- {
padding-top: 0px;
}
.phoneMode .sub_win_container_wfW-S {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_ogFxB {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_6fBOa {
animation: safariUpdate_187aa 0.1s forwards;
}
.safariOn .sub_win_container_wfW-S {
animation: safariUpdate_187aa 0.1s forwards;
}
@keyframes safariUpdate_187aa {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_TQ9jI {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_TQ9jI .noColorStylePart_8UefL + .noColorStylePart_8UefL {
margin-top: 8px;
}
.noColorStyleContainer_TQ9jI .partlabel_WbZpE {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_TQ9jI .partlabel_WbZpE.disabled_QYA7O {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_wfW-S,
.phoneMode .sub_win_flexalbe_container_ogFxB {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_wfW-S .flexable_scroll_wrapper_6fBOa:not(:first-child),
.phoneMode .sub_win_flexalbe_container_ogFxB .flexable_scroll_wrapper_6fBOa:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_TQ9jI {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_TQ9jI .noColorStylePart_8UefL + .noColorStylePart_8UefL {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_TQ9jI .partlabel_WbZpE {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_Id6fB {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_Id6fB.active_YHf-t {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_Yn0KX.active_YHf-t {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_Id6fB:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_Id6fB:hover.active_YHf-t {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_Yn0KX:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_Yn0KX:hover.active_YHf-t {
color: #2E73E5;
background-color: #dce3ed;
}
.toolbar_dKCI9 {
position: absolute;
display: flex;
align-items: center;
gap: 12px;
padding: 8px;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
pointer-events: auto;
z-index: 100;
}
.presentBtn_QhIKJ {
height: 36px;
}
.fullscreenBtn_B6Fxm {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: #fff;
border: 1px solid #e0e6ee;
border-radius: 6px;
cursor: pointer;
color: #0c1024;
}
.fullscreenBtn_B6Fxm.disabled_QYA7O {
opacity: 0.3;
cursor: not-allowed;
}
.do-hovers .fullscreenBtn_B6Fxm:not(.disabled_QYA7O):hover {
color: #2e73e5;
}
.rootWrap_g1OY2 {
width: -moz-max-content;
width: max-content;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
border-radius: 4px;
background-color: #000;
pointer-events: all;
}
.leftWrap_qrBob {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.leftWrap_qrBob .loadingIcon_yNiv- {
width: 20px;
height: 20px;
color: #fff;
animation: loading_oHRjW 1.5s linear infinite forwards;
}
.leftWrap_qrBob .preparingTip_1GcXn {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.divider_p1x1U {
width: 1px;
height: 20px;
background: #d9d9d9;
}
.rightWrap_7RhR- .cancelBtn_o-4YB {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 20px;
cursor: pointer;
}
@keyframes loading_oHRjW {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.rootWrap_q1xzj {
width: -moz-max-content;
width: max-content;
max-width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
border-radius: 4px;
background-color: #000;
pointer-events: all;
}
.leftWrap_P6DNp {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
flex: 1;
min-width: 0;
}
.leftWrap_P6DNp .loadingIcon_GokrB {
width: 20px;
height: 20px;
color: #fff;
animation: loading_3HCDz 1.5s linear infinite forwards;
}
.leftWrap_P6DNp .preparingTip_8zCGj,
.leftWrap_P6DNp .progress_LylkX {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.divider_k7AsL {
width: 1px;
height: 20px;
background: #d9d9d9;
}
.rightWrap_4qR0y .cancelBtn_437HL {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 20px;
cursor: pointer;
}
@keyframes loading_3HCDz {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.rootWrap_l-3Lh {
width: -moz-max-content;
width: max-content;
max-width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
border-radius: 4px;
background-color: #000;
pointer-events: all;
}
.leftWrap_wvpxG {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
flex: 1;
min-width: 0;
}
.leftWrap_wvpxG .loadingIcon_PMNa- {
width: 20px;
height: 20px;
color: #fff;
animation: loading_jSimg 1.5s linear infinite forwards;
}
.leftWrap_wvpxG .preparingTip_GNMih {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.divider_bDuE9 {
width: 1px;
height: 20px;
background: #d9d9d9;
}
.rightWrap_ksZIv .cancelBtn_UzgBN {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 20px;
cursor: pointer;
}
@keyframes loading_jSimg {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
:root {
--upime-btn-bg-active: #090909;
--upime-btn-bg-hover: #F5F6F6;
--upime-tip: #fff;
--upime-tip-bg: #000;
--upime-pane-bg: #ffffff;
--upime-active: #2E73E5;
--upime-danger: #fe5250;
--upime-disable: #C2C3C8;
--upime-main-text: #0C1024;
--upime-second-text: #91939C;
--upime-third-text: #616371;
--upime-avatar-bg: #E6E7E9;
--upime-scrollbar-thumb: #C2C3C8;
--upime-divider-bg: #DBDBDE;
--upime-input-invalid: #fe5350;
--upime-input-border: #2e74e5;
--upime-primary-btn-hover-bg: #5798F2;
--upime-primary-btn-active-bg: #1D56BF;
--upime-primary-btn-disabled-bg: #abc7f5;
--upime-danger-btn-hover-bg: #ff7f78;
--upime-danger-btn-active-bg: #d9383b;
--upime-danger-btn-disabled-bg: #ffbab9;
--upime-secondary-btn-hover-bg: #5798F2;
--upime-secondary-btn-active-bg: #1D56BF;
--upime-secondary-btn-disabled-bg: #abc7f5;
}
.border_L7rVi {
touch-action: none !important;
}
.border_L7rVi {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #fff;
}
.border_L7rVi *,
.border_L7rVi *::before,
.border_L7rVi *::after {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.border_L7rVi input,
.border_L7rVi textarea {
outline: none !important;
resize: none !important;
-webkit-user-select: text !important;
-moz-user-select: text !important;
user-select: text !important;
}
.goToLinkToolTip_7bmQB {
display: block;
position: absolute;
background-color: #f2f2f2;
border: 1px solid #c2c2c2;
border-radius: 4px;
min-height: 22px;
padding-left: 10px;
padding-right: 10px;
color: #6c6c6c;
font-size: 14px;
}
.regular_content_tp3Yz {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ui_layout_sC78U {
position: absolute;
display: flex;
bottom: 8px;
top: 8px;
z-index: 20;
pointer-events: none;
}
.ui_left_Ep2Qa {
left: 0px;
}
.leftSideBar_HqMaI {
pointer-events: auto;
}
.left_side_content_UGh5L {
align-items: flex-start;
margin-left: 8px;
position: relative;
}
.title_bar_WElE- {
z-index: 30;
flex-shrink: 0;
pointer-events: auto;
}
.controls_eiCe- {
z-index: 29;
position: relative;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
transform: translateX(0);
}
.toolbar_wrap_wvKgb {
margin-bottom: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sideBarIcon_nyTEm {
position: absolute;
bottom: 0;
left: 0;
}
.sideBarIcon_nyTEm.hidden_X1SN- {
visibility: hidden;
}
.sideBarIcon_nyTEm.disable_-viDD {
pointer-events: none;
color: #d8d8d8;
cursor: default;
}
.ui_right_rg5FN {
right: 0px;
}
.learning_center_h-Nn3 {
pointer-events: auto;
}
.right_side_content_uJweO {
position: relative;
align-items: flex-end;
margin-right: 8px;
}
.NEFloatMenu_ivfku {
position: absolute;
top: 0;
right: 0;
z-index: 30;
pointer-events: auto;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.rightSidePanelRoot_FPlMa {
position: absolute;
right: 0;
bottom: 0;
pointer-events: auto;
z-index: 30;
display: flex;
flex-direction: row;
pointer-events: none;
}
.rightSlidePanel_ZMWuv {
background-color: #ffffff;
background-color: var(--upime-pane-bg);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
bottom: 52px;
width: 340px;
background-color: white;
pointer-events: all;
pointer-events: auto;
display: none;
border-radius: 4px;
right: 0;
position: absolute;
top: 52px;
z-index: 29;
}
.bigScreenOn .rightSlidePanel_ZMWuv {
bottom: 64px;
}
.audio_con_Au6W1 {
visibility: hidden;
}
.bottomSideBar_V-t6j {
position: absolute;
left: var(--left);
right: var(--right);
bottom: 8px;
z-index: 30;
display: flex;
justify-content: center;
pointer-events: none;
gap: 8px;
transition: left 0.3s, right 0.3s;
}
.bottomSideBar_V-t6j .bottomSideBarContainer_M8K5A {
display: flex;
background-color: #fff;
border-radius: 4px;
padding: 6px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.bottomSideBar_V-t6j .bottomSideBarContainer_M8K5A .divideLine_6-fkz {
width: 1px;
height: 36px;
background: #e6e7e9;
align-self: center;
margin-right: 8px;
}
.bottomSideBar_V-t6j .bottomSideBarContainer_M8K5A.none_96oMI {
display: none;
}
.hiddenArea_GXUuA {
position: absolute;
bottom: -60px;
z-index: -1;
visibility: hidden;
}
.customCtrlBarsSlot_Ed22v {
position: absolute;
left: 8px;
bottom: 8px;
z-index: 30;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.scanQRCodeToolBarSlot_gTkz- {
width: 44px;
height: 44px;
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.scanQRCodeToolBarSlot_gTkz-.bigScreenMode_faJFn {
width: 56px;
height: 56px;
padding: 6px;
}
.boardLoadingSleleton_3dbFn {
position: absolute;
z-index: 1000;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.iconWrap_PpyN- {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrapActive_KbPOo {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .iconWrap_PpyN-:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_KbPOo:hover {
color: var(--upime-active);
background-color: #eaf1fc;
}
.iconContainer_wk7iM {
position: relative;
}
.iconContainer_wk7iM .unreadHintContainer_DsGK6 {
min-width: 18px;
height: 18px;
color: white;
font-size: 10px;
line-height: 16px;
padding: 0 4px;
text-align: center;
border: 1px solid white;
border-radius: 9px;
background-color: #fe5250;
position: absolute;
top: -1px;
right: -1px;
}
.iconBtn_qqATK {
cursor: pointer;
}
.commentListRoot_5DuTL {
width: 340px;
height: 100%;
display: flex;
flex-direction: column;
background: white;
position: relative;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.commentListRoot_5DuTL .header_io3Ql {
width: 100%;
height: 60px;
padding: 12px 12px 12px 24px;
display: flex;
flex-direction: row;
flex: 0 0 60px;
align-items: center;
color: var(--upime-main-text);
position: relative;
}
.commentListRoot_5DuTL .header_io3Ql .title_k--O5 {
font-size: 20px;
line-height: 28px;
color: var(--upime-main-text);
font-weight: 600;
}
.commentListRoot_5DuTL .header_io3Ql .readAllButton_qqZ7D {
margin-left: auto;
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.commentListRoot_5DuTL .header_io3Ql .readAllButton_qqZ7D.disabled_S-VeG {
color: var(--upime-disable);
cursor: default;
pointer-events: none;
}
.commentListRoot_5DuTL .header_io3Ql .divider_-8o68 {
width: 1px;
height: 20px;
background: #d9d9d9;
margin: 0 4px;
}
.commentListRoot_5DuTL .header_io3Ql .iconWrapper_eNb-i {
display: flex;
padding: 8px;
cursor: pointer;
}
.commentListRoot_5DuTL .header_io3Ql .iconWrapper_eNb-i:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.commentListRoot_5DuTL .header_io3Ql .iconWrapper_eNb-i .closeIcon_ilhM1 {
font-size: 20px;
color: var(--upime-main-text);
}
.commentListRoot_5DuTL .header_io3Ql .iconWrapper_eNb-i .moreIcon_lfYcY {
font-size: 20px;
color: var(--upime-main-text);
}
.commentListRoot_5DuTL .header_io3Ql .exportBtn_e248c {
position: absolute;
right: 64px;
cursor: pointer;
}
.commentListRoot_5DuTL .filterWrapper_Tx3cB {
flex: 0 0 32px;
padding-left: 19px;
display: flex;
align-items: center;
}
.commentListRoot_5DuTL .filterWrapper_Tx3cB .filter_mmoTp {
display: flex;
align-items: center;
height: 100%;
border-radius: 2px;
padding-left: 7px;
cursor: pointer;
}
.commentListRoot_5DuTL .filterWrapper_Tx3cB .filter_mmoTp:hover,
.commentListRoot_5DuTL .filterWrapper_Tx3cB .filter_mmoTp.active_oQPdz {
background: rgba(0, 0, 0, 0.06);
}
.commentListRoot_5DuTL .body_Cv25e {
width: 100%;
padding: 8px 16px 20px 20px;
overflow-x: hidden;
overflow-y: scroll;
flex: 1 1;
}
.commentListRoot_5DuTL .body_Cv25e::-webkit-scrollbar {
width: 4px;
}
.commentListRoot_5DuTL .body_Cv25e::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.commentListRoot_5DuTL .body_Cv25e::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.commentListRoot_5DuTL .footer_8G54X {
width: 100%;
height: 48px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 12px 24px;
position: absolute;
bottom: 0;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
background: white;
border-radius: 0 0 4px 4px;
}
.commentListRoot_5DuTL .footer_8G54X .icons_BNth2 {
height: 24px;
}
.commentListRoot_5DuTL .footer_8G54X .icons_BNth2 .footerIcon_GuVgp {
font-size: 24px;
}
.commentListRoot_5DuTL .footer_8G54X .actions_ZPrFJ {
height: 22px;
display: flex;
flex-direction: row;
align-items: center;
}
.commentListRoot_5DuTL .footer_8G54X .actions_ZPrFJ .footerBtn_08eag {
font-size: 14px;
line-height: 22px;
cursor: pointer;
}
.commentListRoot_5DuTL .footer_8G54X .actions_ZPrFJ .hideResolveBtn_7TVAI {
margin-right: 24px;
}
.commentListRoot_5DuTL .footer_8G54X .actions_ZPrFJ .readAllBtnDisabled_KQ0Ly {
color: var(--upime-disable) !important;
}
.commentListRoot_5DuTL .footer_8G54X .actions_ZPrFJ .readAllBtnDisabled_KQ0Ly {
cursor: default;
}
.filterContainer_UgThi {
position: relative;
margin-top: -5px;
}
.filterContainer_UgThi .condition_yLml7 {
cursor: pointer;
}
.filterContainer_UgThi .condition_yLml7 .avatar_Bq1Db {
display: inline-block;
border-radius: 50%;
width: 20px;
height: 20px;
margin-right: 4px;
position: relative;
top: 2px;
}
.filterContainer_UgThi .condition_yLml7 > span {
font-size: 14px;
color: #0c1024;
vertical-align: -3px;
display: inline-block;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.filterContainer_UgThi .condition_yLml7 > svg {
position: relative;
top: 4px;
}
.filterContainer_UgThi .condition_yLml7.subwinOpened_VuFNP {
color: #2e73e5;
}
.filterContainer_UgThi .condition_yLml7.subwinOpened_VuFNP > span {
color: #2e73e5;
}
.filterContainer_UgThi .participantContainer_QKnOU {
width: 260px;
z-index: 2;
border-radius: 4px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO {
height: 56px;
padding: 8px 16px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO > input {
border: 1px solid #dbdbde;
border-radius: 4px;
height: 36px;
width: 228px;
padding-left: 40px;
padding-right: 32px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO > input::-moz-placeholder {
color: #c2c3c8;
font-size: 14px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO > input::placeholder {
color: #c2c3c8;
font-size: 14px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO > input:focus {
border: 1px solid #2e73e5;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO > svg {
position: absolute;
width: 20px;
height: 20px;
color: #979797;
left: 28px;
top: 16px;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO .clearInput_QbhT2 {
position: absolute;
right: 26px;
top: 18px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--upime-disable);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.filterContainer_UgThi .participantContainer_QKnOU .searchContainer_7xUyO .clearInput_QbhT2 svg {
color: white;
width: 12px;
height: 12px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy {
width: 100%;
max-height: 316px;
overflow: auto;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy::-webkit-scrollbar {
width: 4px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H {
display: flex;
align-items: center;
height: 44px;
padding: 6px 16px;
cursor: pointer;
color: #0c1024;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H:hover {
background: rgba(0, 0, 0, 0.06);
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H .avatar_Bq1Db {
width: 28px;
height: 28px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H > div:first-child {
margin-right: 8px;
border-radius: 50%;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H > div:last-child {
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 150px;
font-size: 14px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H.selected_dx3b- {
background-color: #f3f7fe;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H.selected_dx3b- > div {
color: #2e73e5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 150px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .participantRow_54w5H.selected_dx3b- .dagou_-g8zZ {
color: #2e73e5;
margin-left: auto;
margin-right: 0;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .allUsersRow_7JNhq > svg:first-child {
width: 24px;
height: 24px;
margin-right: 8px;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .allUsersRow_7JNhq.selected_dx3b- {
background-color: #f3f7fe;
}
.filterContainer_UgThi .participantContainer_QKnOU .listContainer_JZQRy .noSearchResult_FYfq9 {
font-size: 12px;
text-align: center;
margin-bottom: 20px;
}
.emptyPlaceholder_DKNzJ {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.emptyPlaceholder_DKNzJ img {
width: 140px;
height: 140px;
}
.emptyPlaceholder_DKNzJ > span {
font-size: 14px;
line-height: 22px;
height: 22px;
margin-top: 8px;
}
.do-hovers .iconBtn_qqATK:hover {
color: var(--upime-active);
}
.do-hovers .footerBtn_08eag:hover {
background-color: transparent !important;
background-color: initial !important;
}
.do-hovers .footerBtn_08eag:hover {
color: var(--upime-active);
}
.iconWrap_mnI6f {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrapActive_Bf-8X {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .iconWrap_mnI6f:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_Bf-8X:hover {
color: var(--upime-active);
background-color: #eaf1fc;
}
.iconContainer_urQhN {
position: relative;
}
.iconContainer_urQhN .unreadHintContainer_3HCxS {
min-width: 18px;
height: 18px;
color: white;
font-size: 10px;
line-height: 16px;
padding: 0 4px;
text-align: center;
border: 1px solid white;
border-radius: 9px;
background-color: #fe5250;
position: absolute;
top: -1px;
right: -1px;
}
.iconBtn_4gGcK {
cursor: pointer;
}
.commentListRoot_6mIKr {
width: 340px;
height: 100%;
display: flex;
flex-direction: column;
background: white;
position: relative;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.commentListRoot_6mIKr .header_k5gf0 {
width: 100%;
height: 60px;
padding: 12px 12px 12px 24px;
display: flex;
flex-direction: row;
flex: 0 0 60px;
align-items: center;
color: var(--upime-main-text);
position: relative;
}
.commentListRoot_6mIKr .header_k5gf0 .title_yofLj {
font-size: 20px;
line-height: 28px;
color: var(--upime-main-text);
font-weight: 600;
}
.commentListRoot_6mIKr .header_k5gf0 .readAllButton_EybWx {
margin-left: auto;
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.commentListRoot_6mIKr .header_k5gf0 .readAllButton_EybWx.disabled_7eAUl {
color: var(--upime-disable);
cursor: default;
pointer-events: none;
}
.commentListRoot_6mIKr .header_k5gf0 .divider_4CPFJ {
width: 1px;
height: 20px;
background: #d9d9d9;
margin: 0 4px;
}
.commentListRoot_6mIKr .header_k5gf0 .iconWrapper_CftkS {
display: flex;
padding: 8px;
cursor: pointer;
}
.commentListRoot_6mIKr .header_k5gf0 .iconWrapper_CftkS:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.commentListRoot_6mIKr .header_k5gf0 .iconWrapper_CftkS .closeIcon_NOYsQ {
font-size: 20px;
color: var(--upime-main-text);
}
.commentListRoot_6mIKr .header_k5gf0 .iconWrapper_CftkS .moreIcon_GZqwz {
font-size: 20px;
color: var(--upime-main-text);
}
.commentListRoot_6mIKr .header_k5gf0 .exportBtn_EhncN {
position: absolute;
right: 64px;
cursor: pointer;
}
.commentListRoot_6mIKr .filterWrapper_MJ-dv {
flex: 0 0 32px;
padding-left: 19px;
display: flex;
align-items: center;
}
.commentListRoot_6mIKr .filterWrapper_MJ-dv .filter_AEhJn {
display: flex;
align-items: center;
height: 100%;
border-radius: 2px;
padding-left: 7px;
cursor: pointer;
}
.commentListRoot_6mIKr .filterWrapper_MJ-dv .filter_AEhJn:hover,
.commentListRoot_6mIKr .filterWrapper_MJ-dv .filter_AEhJn.active_P1sQ9 {
background: rgba(0, 0, 0, 0.06);
}
.commentListRoot_6mIKr .body_Mhq8c {
width: 100%;
padding: 8px 16px 20px 20px;
overflow-x: hidden;
overflow-y: scroll;
flex: 1 1;
}
.commentListRoot_6mIKr .body_Mhq8c::-webkit-scrollbar {
width: 4px;
}
.commentListRoot_6mIKr .body_Mhq8c::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.commentListRoot_6mIKr .body_Mhq8c::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.commentListRoot_6mIKr .footer_5Ydf5 {
width: 100%;
height: 48px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 12px 24px;
position: absolute;
bottom: 0;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
background: white;
border-radius: 0 0 4px 4px;
}
.commentListRoot_6mIKr .footer_5Ydf5 .icons_6hY1V {
height: 24px;
}
.commentListRoot_6mIKr .footer_5Ydf5 .icons_6hY1V .footerIcon_e-yIk {
font-size: 24px;
}
.commentListRoot_6mIKr .footer_5Ydf5 .actions_F6t7o {
height: 22px;
display: flex;
flex-direction: row;
align-items: center;
}
.commentListRoot_6mIKr .footer_5Ydf5 .actions_F6t7o .footerBtn_2Q2kE {
font-size: 14px;
line-height: 22px;
cursor: pointer;
}
.commentListRoot_6mIKr .footer_5Ydf5 .actions_F6t7o .hideResolveBtn_KefXA {
margin-right: 24px;
}
.commentListRoot_6mIKr .footer_5Ydf5 .actions_F6t7o .readAllBtnDisabled_3mLsJ {
color: var(--upime-disable) !important;
}
.commentListRoot_6mIKr .footer_5Ydf5 .actions_F6t7o .readAllBtnDisabled_3mLsJ {
cursor: default;
}
.filterContainer_qg8Y8 {
position: relative;
margin-top: -5px;
}
.filterContainer_qg8Y8 .condition_-DqnJ {
cursor: pointer;
}
.filterContainer_qg8Y8 .condition_-DqnJ .avatar_hcBR4 {
display: inline-block;
border-radius: 50%;
width: 20px;
height: 20px;
margin-right: 4px;
position: relative;
top: 2px;
}
.filterContainer_qg8Y8 .condition_-DqnJ > span {
font-size: 14px;
color: #0c1024;
vertical-align: -3px;
display: inline-block;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.filterContainer_qg8Y8 .condition_-DqnJ > svg {
position: relative;
top: 4px;
}
.filterContainer_qg8Y8 .condition_-DqnJ.subwinOpened_SXIu1 {
color: #2e73e5;
}
.filterContainer_qg8Y8 .condition_-DqnJ.subwinOpened_SXIu1 > span {
color: #2e73e5;
}
.filterContainer_qg8Y8 .participantContainer_jypBL {
width: 260px;
z-index: 2;
border-radius: 4px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj {
height: 56px;
padding: 8px 16px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj > input {
border: 1px solid #dbdbde;
border-radius: 4px;
height: 36px;
width: 228px;
padding-left: 40px;
padding-right: 32px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj > input::-moz-placeholder {
color: #c2c3c8;
font-size: 14px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj > input::placeholder {
color: #c2c3c8;
font-size: 14px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj > input:focus {
border: 1px solid #2e73e5;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj > svg {
position: absolute;
width: 20px;
height: 20px;
color: #979797;
left: 28px;
top: 16px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj .clearInput_xnD-d {
position: absolute;
right: 26px;
top: 18px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--upime-disable);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .searchContainer_aj9Bj .clearInput_xnD-d svg {
color: white;
width: 12px;
height: 12px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN {
width: 100%;
max-height: 316px;
overflow: auto;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN::-webkit-scrollbar {
width: 4px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm- {
display: flex;
align-items: center;
height: 44px;
padding: 6px 16px;
cursor: pointer;
color: #0c1024;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm-:hover {
background: rgba(0, 0, 0, 0.06);
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm- .avatar_hcBR4 {
width: 28px;
height: 28px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm- > div:first-child {
margin-right: 8px;
border-radius: 50%;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm- > div:last-child {
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 150px;
font-size: 14px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm-.selected_fg-f8 {
background-color: #f3f7fe;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm-.selected_fg-f8 > div {
color: #2e73e5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 150px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .participantRow_9Mwm-.selected_fg-f8 .dagou_kBJLg {
color: #2e73e5;
margin-left: auto;
margin-right: 0;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .allUsersRow_KwzY2 > svg:first-child {
width: 24px;
height: 24px;
margin-right: 8px;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .allUsersRow_KwzY2.selected_fg-f8 {
background-color: #f3f7fe;
}
.filterContainer_qg8Y8 .participantContainer_jypBL .listContainer_LhPLN .noSearchResult_3Ny5- {
font-size: 12px;
text-align: center;
margin-bottom: 20px;
}
.emptyPlaceholder_ObQsn {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.emptyPlaceholder_ObQsn img {
width: 140px;
height: 140px;
}
.emptyPlaceholder_ObQsn > span {
font-size: 14px;
line-height: 22px;
height: 22px;
margin-top: 8px;
}
.do-hovers .iconBtn_4gGcK:hover {
color: var(--upime-active);
}
.do-hovers .footerBtn_2Q2kE:hover {
background-color: transparent !important;
background-color: initial !important;
}
.do-hovers .footerBtn_2Q2kE:hover {
color: var(--upime-active);
}
.listRoot_-q43H {
width: 100%;
display: flex;
flex-direction: column;
}
.visible_uDCPU {
visibility: visible !important;
}
.itemBlockRoot_JBhFg {
width: 100%;
display: flex;
flex-direction: column;
background: white;
margin-bottom: 8px;
border: 1px solid #e6e7e9;
padding: 12px;
position: relative;
gap: 4px;
cursor: pointer;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
box-shadow: none;
}
.itemBlockRoot_JBhFg:hover {
background: rgba(0, 0, 0, 0.06);
}
.itemBlockRoot_JBhFg .replyMessage_nJLxO {
margin-left: 32px;
display: flex;
flex-direction: column;
gap: 12px;
}
.itemBlockRoot_JBhFg .resolved_21dpl {
position: absolute;
right: 0;
top: -1px;
visibility: hidden;
}
.itemBlockRoot_JBhFg .unread_uYJBj {
position: absolute;
width: 6px;
height: 6px;
background-color: #fe5250;
border-radius: 50%;
left: -12px;
top: 22px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- {
display: flex;
flex-direction: column;
}
.itemBlockRoot_JBhFg .itemRoot_tfau-.isReply_OtE0L .header_k5gf0 .avatar_hcBR4 {
width: 20px;
height: 20px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau-.isReply_OtE0L .content_zS5Z1 {
margin-left: 29px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .header_k5gf0 {
width: 100%;
display: flex;
flex-direction: row;
align-items: start;
position: relative;
height: 24px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .header_k5gf0 .avatar_hcBR4 {
width: 24px;
height: 24px;
border-radius: 50%;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .header_k5gf0 .userName_Ohz3n {
margin-left: 8px;
max-width: 130px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
font-weight: 600;
line-height: 14px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .header_k5gf0 .dateTime_L49aX {
position: absolute;
right: 0;
color: #616371;
font-size: 12px;
line-height: 14px;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .content_zS5Z1 {
position: relative;
margin-left: 32px;
color: var(--upime-main-text);
font-size: 14px;
line-height: 22px;
white-space: pre-line;
}
.itemBlockRoot_JBhFg .itemRoot_tfau- .content_zS5Z1.textContent_z4OpR {
margin-top: -4px;
}
.itemBlockRoot_JBhFg .collapseLabel_HAKye {
margin-left: 24px;
cursor: pointer;
font-size: 12px;
line-height: 20px;
color: var(--upime-second-text);
}
.itemBlockRoot_JBhFg .collapseLabel_HAKye .labelText_laJQv {
border-radius: 2px;
display: inline-block;
padding: 4px 8px;
}
.itemBlockRoot_JBhFg .collapseLabel_HAKye .labelText_laJQv:hover {
background: rgba(0, 0, 0, 0.06);
}
.itemBlockRoot_JBhFg .collapseLabel_HAKye.unreadCollapse_Lb57M {
color: var(--upime-active);
}
.updatedLabel_v0da- {
display: block;
color: var(--upime-disable);
font-size: 14px;
line-height: 22px;
}
.listItem_rz4TJ {
margin: 0;
}
.listItem_rz4TJ > video {
max-height: 160px !important;
}
.container_NafF1 {
display: flex;
}
.iconWrapper_Qskm9 {
display: flex;
padding: 8px;
cursor: pointer;
}
.iconWrapper_Qskm9:hover,
.iconWrapper_Qskm9.active_yoQ4- {
background-color: rgba(0, 0, 0, 0.06);
}
.iconWrapper_Qskm9 .closeIcon_E-cif {
font-size: 20px;
color: #0c1024;
}
.panel_jGq8Z {
width: 264px;
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
position: absolute;
right: 0;
top: 54px;
z-index: 2;
display: flex;
padding: 8px 0;
flex-direction: column;
align-items: flex-start;
gap: 8px;
visibility: hidden;
opacity: 0;
transform: scale(0.1);
}
.panel_jGq8Z.visible_mel0F {
opacity: 1;
transform: scale(1);
transition: opacity 0.25s, transform 0.25s;
transform-origin: 194px top;
visibility: visible;
}
.panel_jGq8Z .divider_R8Zdi {
height: 1px;
width: 100%;
background: #e6e7e9;
}
.panel_jGq8Z .mode_0TWXJ {
display: flex;
padding: 8px 16px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.panel_jGq8Z .mode_0TWXJ .title_MlLXT {
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
display: flex;
gap: 4px;
}
.panel_jGq8Z .mode_0TWXJ .title_MlLXT .iconRoot_dUwYS {
display: flex;
align-items: center;
}
.panel_jGq8Z .mode_0TWXJ .title_MlLXT .iconContainer_4zQ7E {
padding: 3px;
cursor: pointer;
border-radius: 2px;
display: flex;
}
.panel_jGq8Z .mode_0TWXJ .title_MlLXT .iconContainer_4zQ7E:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.panel_jGq8Z .mode_0TWXJ .title_MlLXT .iconContainer_4zQ7E .icon_zGaAc {
color: #91939c;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL {
display: flex;
align-items: center;
gap: 12px;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL.disabled_ukTKf .label_jZjtp {
cursor: auto;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL.disabled_ukTKf .label_jZjtp .text_W-G5J {
color: var(--upime-disable);
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp {
border-radius: 4px;
border: 1px solid #e6e7e9;
background: #fff;
cursor: pointer;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .image_95DBK {
width: 110px;
height: 54px;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J {
display: flex;
padding: 4px 0 4px 8px;
gap: 8px;
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
align-items: center;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J .input_prXP1 {
margin: 0;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J input[type="radio"] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 16px;
height: 16px;
border: 1px solid var(--upime-second-text);
border-radius: 50%;
outline: none;
position: relative;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J input[type="radio"] {
background-color: white;
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J input[type="radio"]:checked {
border-color: var(--upime-active);
}
.panel_jGq8Z .mode_0TWXJ .inputGroup_xWlOL .label_jZjtp .text_W-G5J input[type="radio"]:checked::before {
content: "";
width: 8px;
height: 8px;
background-color: var(--upime-active);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.panel_jGq8Z .optionGroup_rW-pS {
width: 100%;
}
.panel_jGq8Z .optionGroup_rW-pS .option_uD61U {
width: 100%;
cursor: pointer;
display: flex;
height: 40px;
padding: 0 16px;
align-items: center;
gap: 8px;
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.panel_jGq8Z .optionGroup_rW-pS .option_uD61U.resolvedHided_ZkiPQ {
cursor: auto;
justify-content: space-between;
}
.panel_jGq8Z .optionGroup_rW-pS .option_uD61U.needHover_DrgXR:hover {
background: rgba(0, 0, 0, 0.06);
}
.panel_jGq8Z .optionGroup_rW-pS .option_uD61U .tip_Sc3PU {
margin-left: auto;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@keyframes slideIn_COWQv {
0% {
margin-right: -348px;
}
100% {
margin-right: 0;
}
}
@keyframes slideOut_FE2l4 {
0% {
margin-right: 0;
}
100% {
margin-right: -348px;
}
}
.slideInAnime_61rMZ {
animation: slideIn_COWQv 0.3s ease-in forwards;
}
.slideOutAnime_K9Zns {
animation: slideOut_FE2l4 0.3s ease-in forwards;
}
.containerRoot_Sh5sR {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
color: var(--upime-main-text);
flex: 1;
overflow: hidden;
border-radius: 4px;
}
.containerRoot_Sh5sR .header_d7e2E {
padding-bottom: 8px;
}
.containerRoot_Sh5sR .header_d7e2E .row_0CeEg {
display: flex;
flex-direction: row;
position: relative;
padding: 0 24px;
justify-content: space-between;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s {
position: relative;
justify-content: flex-start;
align-items: center;
margin-top: 0;
padding: 12px 16px 12px 24px;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s > span {
font-size: 20px;
line-height: 30px;
height: 30px;
font-weight: 600;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s .questionnaireIconBox_ZWzF2 {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 2px;
padding: 8px;
margin-left: 2px;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s .questionnaireIconBox_ZWzF2:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s .historyIcon_9DwGd {
font-size: 14px;
position: absolute;
right: 61px;
cursor: pointer;
color: #0c1024;
padding: 7px 8px;
border-radius: 2px;
line-height: 22px;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s .divider_3f0nw {
position: absolute;
right: 56px;
width: 1px;
height: 20px;
background-color: #e6e7e9;
}
.containerRoot_Sh5sR .header_d7e2E .title_v5n8s .closeIcon_esqzb {
position: absolute;
right: 16px;
cursor: pointer;
padding: 8px;
border-radius: 2px;
display: flex;
}
.containerRoot_Sh5sR .header_d7e2E .action_8Za4x {
width: 138px;
height: 48px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
cursor: pointer;
}
.containerRoot_Sh5sR .header_d7e2E .action_8Za4x svg {
font-size: 24px;
}
.containerRoot_Sh5sR .header_d7e2E .action_8Za4x > span {
margin-left: 10px;
height: 21px;
line-height: 21px;
font-size: 15px;
}
.containerRoot_Sh5sR .header_d7e2E .action_8Za4x.disabled_qil8s {
opacity: 0.4;
pointer-events: none;
}
.containerRoot_Sh5sR .header_d7e2E .quickMeeting_86cfg {
background-color: #eefaed;
}
.containerRoot_Sh5sR .header_d7e2E .quickMeeting_86cfg svg {
color: #28b81e;
}
.containerRoot_Sh5sR .header_d7e2E .reserveMeeting_pB53E {
background-color: #ebf3ff;
}
.containerRoot_Sh5sR .header_d7e2E .reserveMeeting_pB53E svg {
color: var(--upime-active);
}
.containerRoot_Sh5sR .header_d7e2E .createMeetingTip_pVuxN {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
margin-top: 4px;
margin-left: 24px;
}
.containerRoot_Sh5sR .header_d7e2E .createMeetingTip_pVuxN > .tipIcon_KLYGY {
color: #91939c;
}
.containerRoot_Sh5sR .header_d7e2E .createMeetingTip_pVuxN > .tipContent_2b-Wn {
color: #91939c;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.containerRoot_Sh5sR .body_MwM1s {
width: 100%;
height: 100%;
overflow-y: scroll;
background-color: var(--upime-btn-bg-hover);
display: flex;
flex-direction: column;
}
.containerRoot_Sh5sR .body_MwM1s::-webkit-scrollbar {
width: 4px;
}
.containerRoot_Sh5sR .body_MwM1s::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.containerRoot_Sh5sR .body_MwM1s::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.containerRoot_Sh5sR .body_MwM1s.empty_4Xcdc {
background-color: white !important;
}
.containerRoot_Sh5sR .body_MwM1s.empty_4Xcdc {
justify-content: center;
align-self: center;
}
.containerRoot_Sh5sR .body_MwM1s .emptyPlaceholder_UAH81 {
height: 180px;
margin-top: -16px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.containerRoot_Sh5sR .body_MwM1s .emptyPlaceholder_UAH81 img {
width: 140px;
height: 140px;
}
.containerRoot_Sh5sR .body_MwM1s .emptyPlaceholder_UAH81 > span {
font-size: 14px;
line-height: 22px;
margin-top: 8px;
padding: 0 24px;
text-align: center;
word-break: break-word;
}
.containerRoot_Sh5sR .body_MwM1s .emptyPlaceholder_UAH81.phone_bhNun {
margin-top: 5px;
}
.containerRoot_Sh5sR .body_MwM1s .emptyPlaceholder_UAH81.phone_bhNun img {
width: 100px;
height: 100px;
}
.tip_q-uan {
display: flex;
width: 22px;
height: 22px;
padding: 5px;
border-radius: 2px;
justify-content: center;
align-items: center;
}
.questionnaireModal_7GGIX {
position: absolute;
height: 100%;
width: 100%;
top: 0;
background-color: rgba(0, 0, 0, 0.45);
z-index: 1000;
}
.questionnaireModal_7GGIX .content_eWYQv {
position: absolute;
left: 6px;
right: 6px;
bottom: 6px;
padding: 6px 0;
background-color: #fff;
border-radius: 4px;
}
.questionnaireModal_7GGIX .content_eWYQv .closeBox_Eqkwz {
width: 28px;
height: 28px;
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
z-index: 3;
}
.questionnaireModal_7GGIX .content_eWYQv .closeBox_Eqkwz:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.questionnaireModal_7GGIX .content_eWYQv .questionnaire_container_g2L0H {
visibility: hidden;
}
.questionnaireModal_7GGIX .content_eWYQv .questionnaire_container_g2L0H.visible_ORc8G {
visibility: visible;
}
.questionnaireModal_7GGIX .content_eWYQv .questionnaire_container_g2L0H > div {
box-shadow: none;
}
.questionnaireModal_7GGIX .content_eWYQv .noquestionnaire_H1L-g {
text-align: center;
margin: 16px 0;
}
.questionnaireModal_7GGIX .content_eWYQv .noquestionnaire_H1L-g > img {
width: 108px;
margin-bottom: 8px;
}
.questionnaireModal_7GGIX .content_eWYQv .noquestionnaire_H1L-g .wording_0eAaB {
color: #424445;
font-size: 14px;
}
.questionnaireModal_7GGIX .content_eWYQv .skeleton_cdObO {
margin: 20px 24px 10px;
}
.questionnaireModal_7GGIX .content_eWYQv .skeleton_cdObO .title_v5n8s {
width: 190px;
height: 32px;
margin-bottom: 8px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
background-size: 400% 100%;
animation: skeleton-loading_-MhpZ 1.4s ease infinite;
}
.questionnaireModal_7GGIX .content_eWYQv .skeleton_cdObO .body_MwM1s {
width: 280px;
height: 70px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
background-size: 400% 100%;
animation: skeleton-loading_-MhpZ 1.4s ease infinite;
}
@keyframes skeleton-loading_-MhpZ {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.do-hovers .historyIcon_9DwGd:hover,
.do-hovers .closeIcon_esqzb:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .enableHover_D3RIm:hover {
background-color: #eaf1fc;
}
.do-hovers .submenuRow_Hj6Hc:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .primaryBtn_w9SRH:hover {
background-color: var(--upime-primary-btn-hover-bg) !important;
}
.do-hovers .dropdown_TCxz3:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .tip_q-uan:hover {
background: rgba(0, 0, 0, 0.06);
background: var(--Neutral-colorFill-Secondary, rgba(0, 0, 0, 0.06));
}
.listRoot_oeY9S {
width: 100%;
padding: 12px 8px 12px 12px;
}
.blockRoot_eAqwA {
display: flex;
flex-direction: column;
margin-bottom: 12px;
position: relative;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
box-shadow: none;
}
.blockRoot_eAqwA .header_d7e2E {
display: flex;
flex-direction: row;
align-items: flex-end;
padding: 16px 12px 4px 12px;
height: 46px;
}
.blockRoot_eAqwA .header_d7e2E span:nth-child(1) {
height: 26px;
line-height: 26px;
font-size: 18px;
font-weight: 600;
margin-right: 8px;
}
.blockRoot_eAqwA .header_d7e2E span:nth-child(2) {
height: 22px;
line-height: 22px;
font-size: 14px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS {
width: 100%;
height: 66px;
padding: 10px 12px;
position: relative;
}
.blockRoot_eAqwA .meetingEntry_4DOmS.active_w-Cxw {
background-color: #eaf1fc;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .headerSect_8Axte {
display: flex;
flex-direction: row;
align-items: center;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .headerSect_8Axte > span {
height: 18px;
line-height: 18px;
font-size: 12px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .headerSect_8Axte span:nth-child(1) {
color: var(--upime-second-text);
margin-right: 8px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .headerSect_8Axte .onGoing_cXYmX {
color: #28b81e;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .headerSect_8Axte .pending_G-QoF {
color: #ffa519;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .content_eWYQv {
max-width: 224px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 24px;
line-height: 24px;
font-size: 16px;
margin-top: 4px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .rightText_yHkuO {
position: absolute;
color: var(--upime-second-text);
font-size: 12px;
line-height: 24px;
right: 36px;
top: 21px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .arrow_c-POi {
position: absolute;
color: var(--upime-second-text);
font-size: 24px;
right: 12px;
top: 21px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 {
position: absolute;
right: 12px;
top: 0px;
display: flex;
cursor: pointer;
gap: 4px;
justify-content: space-between;
padding: 19px 0px 16px 24px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2.gradient_hIsK0 {
background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, #eaf1fc 12.42%);
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .primaryBtn_w9SRH {
height: 28px;
border-radius: 4px;
background-color: var(--upime-active);
font-size: 12px;
padding: 5px 8px;
color: white;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .primaryBtn_w9SRH.disabled_qil8s {
color: #ffffff !important;
background-color: var(--upime-primary-btn-disabled-bg) !important;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .primaryBtn_w9SRH.disabled_qil8s {
pointer-events: none;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .dropdown_TCxz3 {
position: relative;
background-color: #fff;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .dropdown_TCxz3 > svg {
font-size: 16px;
transform: rotate(90deg);
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .dropdown_TCxz3.open_ASPBn {
background-color: rgba(0, 0, 0, 0.06);
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .linkBox_iUfZm {
position: relative;
background-color: #fff;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .linkBox_iUfZm > svg {
font-size: 16px;
}
.blockRoot_eAqwA .meetingEntry_4DOmS .floatBtn_h7-t2 .linkBox_iUfZm:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.hide_nq0WD {
display: none !important;
}
.submenuWrapper_-HvbE {
top: calc(100% - 12px);
left: -69px;
z-index: 60;
}
.submenuWrapper_-HvbE .submenu_-JbhR {
min-width: 120px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
padding: 8px 0;
color: var(--upime-main-text);
}
.submenuWrapper_-HvbE .submenu_-JbhR .submenuRow_Hj6Hc {
cursor: pointer;
width: 100%;
font-size: 14px;
padding: 9px 16px;
}
.submenuWrapper_-HvbE .submenu_-JbhR .submenuRow_Hj6Hc.disabled_qil8s {
color: #dbdbdb;
pointer-events: none;
}
.submenuWrapper_-HvbE .submenu_-JbhR .cancel_8P72F {
color: var(--upime-danger);
}
.submenuWrapper_-HvbE .submenu_-JbhR .cancel_8P72F.disabled_qil8s {
color: #ffbab9 !important;
}
.hidden_DLvfU {
display: none;
}
.phoneMode .blockRoot_eAqwA .header_d7e2E span:nth-child(1) {
font-size: 16px;
height: 24px;
line-height: 24px;
}
.phoneMode .containerRoot_Sh5sR .body_MwM1s {
background-color: #fff;
}
.phoneMode .containerRoot_Sh5sR .body_MwM1s .listRoot_oeY9S {
padding: 0 4px;
}
.meetingConflictModalContainer_-XF-4 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 520px;
padding: 20px;
}
.meetingConflictModalContainer_-XF-4 .contentContainer_FGm8d {
background-color: #fff;
border-radius: 12px;
padding: 24px;
position: relative;
}
.meetingConflictModalContainer_-XF-4 .title_v5n8s {
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin-bottom: 24px;
}
.meetingConflictModalContainer_-XF-4 .subtitle_nulQf {
font-size: 14px;
line-height: 22px;
color: #616371;
margin-bottom: 8px;
}
.meetingConflictModalContainer_-XF-4 .meetingItemContainer_JNcqm {
position: relative;
padding: 8px 12px;
padding-right: 100px;
border-radius: 4px;
background: #f5f6f6;
margin-bottom: 8px;
}
.meetingConflictModalContainer_-XF-4 .meetingItemContainer_JNcqm .meetingTitle_hVy-J {
color: #0c1024;
font-size: 15px;
font-weight: 600;
line-height: 24px;
margin-bottom: 4px;
}
.meetingConflictModalContainer_-XF-4 .meetingItemContainer_JNcqm .reminderSubtitle_m7vP- {
color: #91939c;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.meetingConflictModalContainer_-XF-4 .moreInfo_nDGmo .text_b5LL7 {
color: #424454;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.meetingConflictModalContainer_-XF-4 .moreInfo_nDGmo .check_dflSn {
margin-left: 8px;
color: #2e73e5;
cursor: pointer;
}
.meetingConflictModalContainer_-XF-4 .actionRow_U9EEY {
display: flex;
justify-content: flex-end;
gap: 12px;
margin-top: 24px;
}
.meetingConflictModalContainer_-XF-4 .actionRow_U9EEY .no_sIPfY {
display: flex;
padding: 9px 16px;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid #dbdbde;
background: #fff;
cursor: pointer;
font-size: 14px;
line-height: 22px;
}
.meetingConflictModalContainer_-XF-4 .actionRow_U9EEY .no_sIPfY:hover {
opacity: 0.7;
}
.meetingConflictModalContainer_-XF-4 .actionRow_U9EEY .yes_fBvWO {
display: flex;
padding: 9px 16px;
justify-content: center;
align-items: center;
border-radius: 4px;
background: #2e73e5;
cursor: pointer;
color: #fff;
font-size: 14px;
line-height: 22px;
}
.meetingConflictModalContainer_-XF-4 .actionRow_U9EEY .yes_fBvWO:hover {
opacity: 0.7;
}
.meetingConflictModalContainer_-XF-4 .close_-cc-d {
position: absolute;
right: 12px;
top: 12px;
display: flex;
justify-content: center;
align-items: center;
padding: 8px;
border-radius: 2px;
cursor: pointer;
}
.meetingConflictModalContainer_-XF-4 .close_-cc-d:hover {
background: rgba(0, 0, 0, 0.06);
}
.header_NHjJ2 {
height: 64px;
display: flex;
flex-direction: row;
position: relative;
align-items: center;
padding: 0 24px;
}
.header_NHjJ2 svg {
width: 24px;
height: 24px;
cursor: pointer;
}
.header_NHjJ2 span {
line-height: 30px;
color: var(--upime-main-text);
font-size: 20px;
margin-left: 8px;
}
.header_NHjJ2 .close_RqV89 {
position: absolute;
right: 24px;
top: 20px;
}
.body_9gBGA {
display: flex;
flex: 1 1;
height: calc(100% - 64px);
}
.do-hovers .header_NHjJ2 svg:hover {
color: var(--upime-active);
}
.root_ySNkV {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
height: 182px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
padding: 24px;
justify-content: space-between;
border-radius: 12px;
}
.root_ySNkV .content_SlKNr {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
.root_ySNkV .content_SlKNr .title_jZ8gu {
height: 28px;
font-size: 20px;
line-height: 28px;
color: var(--upime-main-text);
font-weight: 600;
}
.root_ySNkV .content_SlKNr .title_jZ8gu.userName_EsUSP {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100px;
margin-right: 4px;
}
.root_ySNkV .content_SlKNr .title_jZ8gu.titleDesc_nHcne {
white-space: nowrap;
}
.root_ySNkV .content_SlKNr .desc_5cuEc {
min-height: 22px;
margin-top: 8px;
line-height: 22px;
color: #616371;
font-size: 14px;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.root_ySNkV .actions_L8L-w {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.root_ySNkV .actions_L8L-w .reject_CJxJX {
margin-right: 12px;
font-size: 14px;
width: 88px;
height: 36px;
}
.root_ySNkV .actions_L8L-w .confirm_8FKwP {
font-size: 14px;
height: 36px;
width: 88px;
}
.endMeetingRoot_5Kiz- {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 480px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 40px 0px;
border-radius: 12px;
}
.endMeetingRoot_5Kiz- .closeBox_TEKAC {
width: 28px;
height: 28px;
position: absolute;
top: 16px;
right: 16px;
cursor: pointer;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
}
.endMeetingRoot_5Kiz- .closeBox_TEKAC:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.endMeetingRoot_5Kiz- .line_7wjdc {
height: 1px;
background-color: #e6e7e9;
margin: 0 24px;
}
.endMeetingRoot_5Kiz- .questionnaireBox_gL-fs {
visibility: hidden;
}
.endMeetingRoot_5Kiz- .questionnaireBox_gL-fs > div {
box-shadow: none;
}
.endMeetingRoot_5Kiz- .questionnaireBox_gL-fs.visible_9Lxjk {
margin: 24px 0;
visibility: visible;
}
.endMeetingRoot_5Kiz- .noQuestionnaireContainer_5x-xk {
text-align: center;
}
.endMeetingRoot_5Kiz- .noQuestionnaireContainer_5x-xk > img {
width: 108px;
}
.endMeetingRoot_5Kiz- .forceLeave_libqn {
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 30px;
text-align: center;
margin-bottom: 40px;
}
.endMeetingRoot_5Kiz- .forceLeave_libqn.phone_u9ipa {
margin-bottom: 24px;
}
.endMeetingRoot_5Kiz- .confirm_8FKwP {
min-width: 118px;
height: 36px;
font-size: 14px;
line-height: 36px;
}
.endMeetingRoot_5Kiz- .placeholderImg_IzZCb {
width: 140px;
}
.endMeetingRoot_5Kiz- .skeleton_iwCB7 {
margin: 24px 24px 0;
}
.endMeetingRoot_5Kiz- .skeleton_iwCB7 .title_jZ8gu {
width: 190px;
height: 32px;
margin-bottom: 12px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
background-size: 400% 100%;
animation: skeleton-loading_Qlyft 1.4s ease infinite;
}
.endMeetingRoot_5Kiz- .skeleton_iwCB7 .body_PnTzw {
width: 430px;
height: 70px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
background-size: 400% 100%;
animation: skeleton-loading_Qlyft 1.4s ease infinite;
}
.endMeetingRoot_5Kiz- .skeleton_iwCB7 .body_PnTzw.phone_u9ipa {
width: 340px;
}
.endMeetingRoot_5Kiz-.load_-pbeC {
padding-bottom: 12px;
}
.endMeetingRoot_5Kiz-.load_-pbeC .questionnaireBox_gL-fs {
margin-bottom: 0;
}
.endMeetingRoot_5Kiz-.phone_u9ipa {
position: static;
position: initial;
transform: none;
transform: initial;
width: auto;
width: initial;
padding-top: 30px;
}
.meetingConflictModal_Sldbf {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 40px 0 24px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
border-radius: 8px;
}
.meetingConflictModal_Sldbf .forceLeave_libqn {
max-width: 320px;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
text-align: center;
margin-bottom: 40px;
word-break: break-word;
}
.meetingConflictModal_Sldbf .confirm_8FKwP {
min-width: 118px;
height: 36px;
font-size: 14px;
line-height: 36px;
}
.meetingConflictModal_Sldbf .placeholderImg_IzZCb {
width: 140px;
}
.cannotJoinBox_q6QLx {
min-height: auto;
border-radius: 12px;
width: 480px;
}
.cannotJoinBox_q6QLx .content_SlKNr .title_jZ8gu {
font-weight: 600;
font-size: 20px;
margin-bottom: 8px;
}
.cannotJoinBox_q6QLx .content_SlKNr .subtitle_glx4L {
color: #616371;
}
.phoneModal_1peKQ .phoneForceLeave_PKNE6 {
line-height: 24px;
color: var(--upime-main-text);
font-size: 16px;
margin: 14px 0 8px 0;
font-weight: 600;
}
.phoneModal_1peKQ .phoneForceLeave_PKNE6.visitorMode_kQU95 {
text-align: center;
}
.phoneModal_1peKQ .phoneConfirm_VHm-w {
color: var(--upime-active);
display: inline-block;
width: 100%;
}
.phoneModal_1peKQ .phoneConfirm_VHm-w.disableConfirm_AcxLX {
opacity: 0.4;
pointer-events: none;
}
.phoneModal_1peKQ .phoneReject_SQ-wx {
color: var(--upime-danger);
}
.phoneModal_1peKQ .desc_5cuEc {
text-align: center;
}
.phoneModal_1peKQ .imgContainer_zf-2V {
text-align: center;
padding-top: 15px;
}
.phoneModal_1peKQ .imgContainer_zf-2V .placeholderImg_IzZCb {
width: 110px;
}
.nickNameInput_juTUI {
margin: 16px 0px;
height: 44px;
}
.noPermissionJoinBox_dlRtg {
width: 480px;
border-radius: 12px;
padding: 24px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.noPermissionJoinBox_dlRtg .headRow_ZLgUi {
margin-bottom: 50px;
}
.noPermissionJoinBox_dlRtg .headRow_ZLgUi > svg {
width: 28px;
height: 28px;
color: #ffa519;
margin-right: 12px;
position: relative;
top: 7px;
}
.noPermissionJoinBox_dlRtg .headRow_ZLgUi .wording_67QJo {
font-weight: 500;
font-size: 20px;
word-break: break-word;
}
.noPermissionJoinBox_dlRtg .actionRow_uhALT {
text-align: right;
}
.noPermissionJoinBox_dlRtg .actionRow_uhALT .btn_Vq5ll {
display: inline-block;
padding: 8px 20px;
width: 104px;
height: 40px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
text-align: center;
cursor: pointer;
}
.noPermissionJoinBox_dlRtg .actionRow_uhALT .btn_Vq5ll:hover {
opacity: 0.7;
}
.requestMediaBox_ZfFju {
width: 480px;
height: 170px;
border-radius: 12px;
padding: 24px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.requestMediaBox_ZfFju .headRow_ZLgUi {
margin-bottom: 50px;
}
.requestMediaBox_ZfFju .headRow_ZLgUi > svg {
width: 28px;
height: 28px;
color: #ffa519;
margin-right: 12px;
position: relative;
top: 7px;
}
.requestMediaBox_ZfFju .headRow_ZLgUi .wording_67QJo {
font-weight: 500;
font-size: 20px;
}
.requestMediaBox_ZfFju .actionRow_uhALT {
text-align: right;
}
.requestMediaBox_ZfFju .actionRow_uhALT .cancel_fRgpl {
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #e6e7e9;
border-radius: 4px;
display: inline-block;
font-size: 14px;
padding: 0 20px;
margin-right: 12px;
cursor: pointer;
}
.requestMediaBox_ZfFju .actionRow_uhALT .cancel_fRgpl:hover {
opacity: 0.7;
}
.requestMediaBox_ZfFju .actionRow_uhALT .confirm_8FKwP {
height: 40px;
line-height: 40px;
border-radius: 4px;
color: #fff;
background-color: #2e73e5;
text-align: center;
display: inline-block;
font-size: 14px;
padding: 0 20px;
cursor: pointer;
}
.requestMediaBox_ZfFju .actionRow_uhALT .confirm_8FKwP:hover {
opacity: 0.7;
}
.outMeetingModalBox_vq1EL,
.endModalBox_lwvaY {
width: 480px;
border-radius: 12px;
padding: 24px;
padding-top: 18px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.outMeetingModalBox_vq1EL .headRow_ZLgUi,
.endModalBox_lwvaY .headRow_ZLgUi {
margin-bottom: 40px;
}
.outMeetingModalBox_vq1EL .headRow_ZLgUi > svg,
.endModalBox_lwvaY .headRow_ZLgUi > svg {
width: 28px;
height: 28px;
color: #ffa519;
margin-right: 12px;
position: relative;
top: 7px;
}
.outMeetingModalBox_vq1EL .headRow_ZLgUi .wording_67QJo,
.endModalBox_lwvaY .headRow_ZLgUi .wording_67QJo {
font-size: 20px;
}
.outMeetingModalBox_vq1EL .actionRow_uhALT,
.endModalBox_lwvaY .actionRow_uhALT {
text-align: right;
}
.outMeetingModalBox_vq1EL .actionRow_uhALT .btn_Vq5ll,
.endModalBox_lwvaY .actionRow_uhALT .btn_Vq5ll {
display: inline-block;
padding: 8px 20px;
width: 104px;
text-align: center;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
cursor: pointer;
}
.outMeetingModalBox_vq1EL .actionRow_uhALT .btn_Vq5ll:hover,
.endModalBox_lwvaY .actionRow_uhALT .btn_Vq5ll:hover {
opacity: 0.7;
}
.endModalBox_lwvaY {
height: auto;
padding-top: 24px;
}
.endModalBox_lwvaY .headRow_ZLgUi {
font-weight: 600;
margin-bottom: 24px;
}
.endModalBox_lwvaY .headRow_ZLgUi .wording_67QJo {
font-size: 20px;
}
.endModalBox_lwvaY .actionRow_uhALT .btn_Vq5ll {
text-align: center;
height: auto;
}
.checkDeviceModal_3e-Bo {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0, 0, 0, 0.45);
background: var(--Neutral-colorBg-Mask, rgba(0, 0, 0, 0.45));
-webkit-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px);
pointer-events: auto;
}
.checkDeviceModal_3e-Bo .content_SlKNr {
width: 336px;
margin-left: auto;
margin-right: auto;
margin-top: 136px;
padding: 12px 16px;
border-radius: 8px;
background-color: #fff;
color: #0C1024;
font-size: 16px;
font-weight: 600;
line-height: 26px;
}
.checkDeviceModal_3e-Bo .close_ZmZDz {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 4px;
top: 100px;
padding: 6px;
border-radius: 40px;
background-color: rgba(0, 0, 0, 0.25);
}
.checkDeviceModal_3e-Bo .close_ZmZDz > svg {
color: rgba(255, 255, 255, 0.65);
}
.checkDeviceModal_3e-Bo .jiantou_2wWRj {
width: 109px;
position: absolute;
right: 30px;
top: 10px;
}
.inRecordingDialogBox_-PwvF,
.endRecordingDialogBox_FqL3T,
.reRecordTipDialogBox_mLqAN,
.handleShareRequestDialogBox_GaooW {
width: 380px;
height: 162px;
border-radius: 12px;
padding: 20px 24px;
padding-top: 15px;
background-color: #fff;
position: absolute;
top: 135px;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
pointer-events: auto;
}
.inRecordingDialogBox_-PwvF .headerRow_lzJRf,
.endRecordingDialogBox_FqL3T .headerRow_lzJRf,
.reRecordTipDialogBox_mLqAN .headerRow_lzJRf,
.handleShareRequestDialogBox_GaooW .headerRow_lzJRf {
margin-bottom: 6px;
font-size: 16px;
font-weight: 600;
color: #0c1024;
text-align: left;
}
.inRecordingDialogBox_-PwvF .headerRow_lzJRf > svg,
.endRecordingDialogBox_FqL3T .headerRow_lzJRf > svg,
.reRecordTipDialogBox_mLqAN .headerRow_lzJRf > svg,
.handleShareRequestDialogBox_GaooW .headerRow_lzJRf > svg {
margin-right: 8px;
position: relative;
top: 7px;
color: #2e73e5;
}
.inRecordingDialogBox_-PwvF .bodyRow_6PfA5,
.endRecordingDialogBox_FqL3T .bodyRow_6PfA5,
.reRecordTipDialogBox_mLqAN .bodyRow_6PfA5,
.handleShareRequestDialogBox_GaooW .bodyRow_6PfA5 {
padding-left: 33px;
font-size: 14px;
color: #616371;
margin-bottom: 16px;
text-align: left;
word-break: break-word;
}
.inRecordingDialogBox_-PwvF .footerRow_UdXOh,
.endRecordingDialogBox_FqL3T .footerRow_UdXOh,
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh {
display: flex;
justify-content: flex-end;
}
.inRecordingDialogBox_-PwvF .footerRow_UdXOh .confirm_8FKwP,
.endRecordingDialogBox_FqL3T .footerRow_UdXOh .confirm_8FKwP,
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .confirm_8FKwP,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .confirm_8FKwP {
min-width: 56px;
height: 32px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
text-align: center;
font-size: 14px;
padding: 5px 12px;
cursor: pointer;
}
.inRecordingDialogBox_-PwvF .footerRow_UdXOh .confirm_8FKwP:hover,
.endRecordingDialogBox_FqL3T .footerRow_UdXOh .confirm_8FKwP:hover,
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .confirm_8FKwP:hover,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .confirm_8FKwP:hover {
opacity: 0.7;
}
.inRecordingDialogBox_-PwvF .footerRow_UdXOh .confirm_8FKwP:active,
.endRecordingDialogBox_FqL3T .footerRow_UdXOh .confirm_8FKwP:active,
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .confirm_8FKwP:active,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .confirm_8FKwP:active {
opacity: 1;
background-color: #1d56bf;
}
.endRecordingDialogBox_FqL3T {
height: 152px;
}
.endRecordingDialogBox_FqL3T .bodyRow_6PfA5 {
padding-left: 0px;
word-break: break-word;
}
.inRecordingFirstModalBox_vY6g4 {
width: 480px;
border-radius: 12px;
padding: 24px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.inRecordingFirstModalBox_vY6g4 .headerRow_lzJRf {
margin-bottom: 8px;
font-size: 20px;
line-height: 28px;
font-weight: 500;
}
.inRecordingFirstModalBox_vY6g4 .headerRow_lzJRf > svg {
margin-right: 12px;
position: relative;
top: 4px;
color: #ffa519;
}
.inRecordingFirstModalBox_vY6g4 .bodyRow_6PfA5 {
padding-left: 35px;
font-size: 14px;
line-height: 20px;
margin-bottom: 24px;
}
.inRecordingFirstModalBox_vY6g4 .bodyRow_6PfA5 .text_KCxzb {
color: #616371;
margin-bottom: 8px;
}
.inRecordingFirstModalBox_vY6g4 .bodyRow_6PfA5 .reminder_xCTOa {
color: #0c1024;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh {
display: flex;
justify-content: flex-end;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .cancel_fRgpl {
min-width: 72px;
height: 40px;
border-radius: 4px;
border: 1px solid #dbdbde;
background-color: #fff;
text-align: center;
font-size: 16px;
margin-right: 12px;
padding: 8px 20px;
cursor: pointer;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .cancel_fRgpl:hover {
opacity: 0.7;
color: #2e73e5;
border-color: #2e73e5;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .cancel_fRgpl:active {
opacity: 1;
color: #1d56bf;
border-color: #1d56bf;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .confirm_8FKwP {
min-width: 72px;
height: 40px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
text-align: center;
font-size: 16px;
padding: 8px 20px;
cursor: pointer;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .confirm_8FKwP:hover {
opacity: 0.7;
}
.inRecordingFirstModalBox_vY6g4 .footerRow_UdXOh .confirm_8FKwP:active {
opacity: 1;
background-color: #1d56bf;
}
.inRecordingDialogBoxPhone_Daz4A {
width: 359px;
height: 105px;
padding: 16px;
border-radius: 8px;
background-color: #fff;
display: flex;
position: absolute;
top: 65px;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
pointer-events: auto;
}
.inRecordingDialogBoxPhone_Daz4A .iconCol_yBhMd {
width: 24px;
margin-right: 8px;
color: #2e73e5;
}
.inRecordingDialogBoxPhone_Daz4A .contentCol_GZGt9 {
width: 203px;
margin-right: 12px;
}
.inRecordingDialogBoxPhone_Daz4A .contentCol_GZGt9 > div:first-child {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
.inRecordingDialogBoxPhone_Daz4A .contentCol_GZGt9 > div:last-child {
font-size: 14px;
color: #616371;
}
.inRecordingDialogBoxPhone_Daz4A .btnCol_Rs6HB {
align-self: center;
}
.inRecordingDialogBoxPhone_Daz4A .btnCol_Rs6HB .confirm_8FKwP {
min-width: 80px;
height: 32px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
text-align: center;
font-size: 14px;
padding: 5px 12px;
cursor: pointer;
}
.inRecordingDialogBoxPhone_Daz4A .btnCol_Rs6HB .confirm_8FKwP:hover {
opacity: 0.7;
}
.inRecordingDialogBoxPhone_Daz4A .btnCol_Rs6HB .confirm_8FKwP:active {
opacity: 1;
background-color: #1d56bf;
}
.endRecordingDialogBoxPhone_-8BpN {
width: 359px;
height: 105px;
padding: 16px;
border-radius: 8px;
background-color: #fff;
display: flex;
position: absolute;
top: 65px;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
pointer-events: auto;
}
.endRecordingDialogBoxPhone_-8BpN .contentCol_GZGt9 {
width: 235px;
margin-right: 12px;
}
.endRecordingDialogBoxPhone_-8BpN .contentCol_GZGt9 > div:first-child {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
.endRecordingDialogBoxPhone_-8BpN .contentCol_GZGt9 > div:last-child {
font-size: 14px;
color: #616371;
}
.endRecordingDialogBoxPhone_-8BpN .btnCol_Rs6HB {
align-self: center;
}
.endRecordingDialogBoxPhone_-8BpN .btnCol_Rs6HB .confirm_8FKwP {
min-width: 80px;
height: 32px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
text-align: center;
font-size: 14px;
padding: 5px 12px;
cursor: pointer;
}
.endRecordingDialogBoxPhone_-8BpN .btnCol_Rs6HB .confirm_8FKwP:hover {
opacity: 0.7;
}
.endRecordingDialogBoxPhone_-8BpN .btnCol_Rs6HB .confirm_8FKwP:active {
opacity: 1;
background-color: #1d56bf;
}
.advanceSettingModal_8FEMS {
position: absolute;
left: 50%;
top: 50%;
background-color: #fff;
transform: translate(-50%, -50%);
padding: 16px 40px 40px 40px;
border-radius: 12px;
width: 520px;
}
.advanceSettingModal_8FEMS .closeBox_TEKAC {
position: absolute;
right: 12px;
display: flex;
padding: 12px;
cursor: pointer;
border-radius: 2px;
}
.advanceSettingModal_8FEMS .closeBox_TEKAC > svg {
font-size: 20px;
}
.advanceSettingModal_8FEMS .closeBox_TEKAC:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.reRecordTipDialogBox_mLqAN,
.handleShareRequestDialogBox_GaooW {
height: auto;
height: initial;
}
.reRecordTipDialogBox_mLqAN .bodyRow_6PfA5,
.handleShareRequestDialogBox_GaooW .bodyRow_6PfA5 {
padding-left: 0;
}
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .cancel_fRgpl,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .cancel_fRgpl {
min-width: 80px;
height: 32px;
border-radius: 4px;
border: 1px solid #dbdbde;
background-color: #fff;
text-align: center;
font-size: 14px;
padding: 5px 12px;
margin-right: 12px;
cursor: pointer;
}
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .cancel_fRgpl:hover,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .cancel_fRgpl:hover {
opacity: 0.7;
color: #2e73e5;
border-color: #2e73e5;
}
.reRecordTipDialogBox_mLqAN .footerRow_UdXOh .cancel_fRgpl:active,
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .cancel_fRgpl:active {
opacity: 1;
color: #1d56bf;
border-color: #1d56bf;
}
.handleShareRequestDialogBox_GaooW .headerRow_lzJRf {
display: flex;
align-items: center;
justify-content: space-between;
}
.handleShareRequestDialogBox_GaooW .headerRow_lzJRf > svg {
margin-right: 0;
margin-right: initial;
position: static;
position: initial;
color: inherit;
cursor: pointer;
}
.handleShareRequestDialogBox_GaooW .footerRow_UdXOh .cancel_fRgpl {
min-width: 56px;
}
.handleShareRequestDialogBoxPhone_EwNgk {
width: 359px;
padding: 16px;
border-radius: 8px;
background-color: #fff;
position: absolute;
top: 12px;
left: 50%;
transform: translate(-50%);
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
pointer-events: auto;
}
.handleShareRequestDialogBoxPhone_EwNgk .closeIconBox_8le-B {
position: absolute;
right: 8px;
top: 8px;
}
.handleShareRequestDialogBoxPhone_EwNgk .headerRow_lzJRf {
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-bottom: 5px;
}
.handleShareRequestDialogBoxPhone_EwNgk .bodyRow_6PfA5 {
display: flex;
align-items: center;
gap: 12px;
}
.handleShareRequestDialogBoxPhone_EwNgk .bodyRow_6PfA5 .subtitle_glx4L {
color: #616371;
font-size: 14px;
line-height: 22px;
}
.handleShareRequestDialogBoxPhone_EwNgk .bodyRow_6PfA5 .confirm_8FKwP {
min-width: 80px;
height: 32px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 22px;
padding: 5px 12px;
}
.displayNone_ygJOi {
display: none;
}
@keyframes skeleton-loading_Qlyft {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.header_7QsoO {
height: 56px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 2px;
padding: 0 12px;
}
.header_7QsoO span {
line-height: 30px;
color: var(--upime-main-text);
font-size: 20px;
}
.header_7QsoO .backBtn_Fxopd,
.header_7QsoO .closeBtn_ob3KT {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.header_7QsoO .closeBtn_ob3KT {
margin-left: auto;
}
.do-hovers .backBtn_Fxopd:hover,
.do-hovers .closeBtn_ob3KT:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.body_P75-7 {
height: calc(100% - 64px);
background-color: #f5f6f6;
overflow: auto;
}
.body_P75-7 .loadingBox_8PKNN {
margin-top: 290px;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
}
.body_P75-7 .loadingBox_8PKNN .loading_Deed- {
color: #2e73e5;
animation: loading_Deed- 1.5s linear infinite forwards;
}
.body_P75-7 .loadingBox_8PKNN .tip_sLM14 {
color: #424454;
font-size: 14px;
line-height: 20px;
}
.body_P75-7 .searchBar_Uzq-3 {
width: 316px;
height: 36px;
background-color: #fff;
margin: 12px auto;
border-radius: 4px;
position: relative;
}
.body_P75-7 .searchBar_Uzq-3 .clearInput_zg-Ka {
width: 14px;
height: 14px;
position: absolute;
right: 9px;
top: 11px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #dedede;
cursor: pointer;
}
.body_P75-7 .searchBar_Uzq-3 .clearInput_zg-Ka svg {
color: white;
width: 10px;
height: 10px;
}
.body_P75-7 .searchBar_Uzq-3 > svg {
font-size: 20px;
color: #979797;
position: relative;
top: 9px;
left: 12px;
}
.body_P75-7 .searchBar_Uzq-3 > input {
margin-left: 20px;
border: none;
top: 3px;
position: relative;
}
.body_P75-7 .searchBar_Uzq-3 > input::-moz-placeholder {
color: #91939c;
}
.body_P75-7 .searchBar_Uzq-3 > input::placeholder {
color: #91939c;
}
.body_P75-7 .meetingEntry_VRX5a {
width: 316px;
height: 104px;
background-color: #fff;
margin: 12px auto;
border-radius: 4px;
padding: 16px;
position: relative;
}
.body_P75-7 .meetingEntry_VRX5a.active_AoHuL {
background-color: #eaf1fc;
}
.body_P75-7 .meetingEntry_VRX5a .headerSect_VMhGz .date_H6rZ7 {
font-size: 14px;
color: #0c1024;
}
.body_P75-7 .meetingEntry_VRX5a .headerSect_VMhGz .day_oKns6 {
margin: auto 8px;
font-size: 14px;
color: #0c1024;
}
.body_P75-7 .meetingEntry_VRX5a .headerSect_VMhGz .time_5RuNw {
color: #0c1024;
font-size: 14px;
}
.body_P75-7 .meetingEntry_VRX5a .content_GD0PG {
margin-top: 2px;
color: #0c1024;
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.body_P75-7 .meetingEntry_VRX5a .content_GD0PG .title_zi49l {
flex: 1;
display: flex;
align-items: center;
}
.body_P75-7 .meetingEntry_VRX5a .content_GD0PG .title_zi49l .text_6yzFf {
margin-right: 8px;
text-overflow: ellipsis;
overflow: hidden;
max-width: 224px;
}
.body_P75-7 .meetingEntry_VRX5a .footer_GQlpr {
margin-top: 4px;
display: flex;
}
.body_P75-7 .meetingEntry_VRX5a .footer_GQlpr .creator_V7z9S {
color: #0c1024;
font-size: 12px;
}
.body_P75-7 .meetingEntry_VRX5a .footer_GQlpr .avatar_dKdiy {
border-radius: 50%;
width: 18px;
height: 18px;
margin-right: 4px;
margin-left: 6px;
}
.body_P75-7 .meetingEntry_VRX5a .footer_GQlpr .userName_hjJmd {
color: #0c1024;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 118px;
}
.body_P75-7 .meetingEntry_VRX5a .arrow_rcaVh {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
color: #91939c;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
height: 28px;
display: flex;
cursor: pointer;
z-index: 1;
background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, #eaf1fc 12.42%);
padding-left: 24px;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .primaryBtn_NEVr5 {
height: 28px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: var(--upime-active);
font-size: 12px;
padding: 5px 8px;
color: white;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .primaryBtn_NEVr5.disabled_hu-iP {
color: #ffffff !important;
background-color: var(--upime-primary-btn-disabled-bg) !important;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .primaryBtn_NEVr5.disabled_hu-iP {
pointer-events: none;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .dropdown_5-fHP {
margin-left: 1px;
position: relative;
height: 28px;
width: 24px;
background-color: var(--upime-active);
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .dropdown_5-fHP .triangle_QA-xe {
position: absolute;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid white;
transition: transform 0.2s linear;
top: calc(50% - 2px);
left: calc(50% - 4px);
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .dropdown_5-fHP.open_-7L9B {
background-color: #5798f2 !important;
}
.body_P75-7 .meetingEntry_VRX5a .floatBtn_dW51L .dropdown_5-fHP.open_-7L9B .triangle_QA-xe {
transform: rotate(180deg);
}
.body_P75-7 .nohistoryContainer_G-Yi- {
height: 180px;
margin-top: 190px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.body_P75-7 .nohistoryContainer_G-Yi- img {
width: 140px;
height: 140px;
}
.body_P75-7 .nohistoryContainer_G-Yi- > span {
font-size: 14px;
line-height: 22px;
height: 22px;
margin-top: 8px;
}
.submenuWrapper_tIWUK {
top: calc(100% + 4px);
z-index: 60;
white-space: nowrap;
}
.submenuWrapper_tIWUK .submenu_h-6A4 {
min-width: 89px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
padding: 8px 0;
color: var(--upime-main-text);
}
.submenuWrapper_tIWUK .submenu_h-6A4 .submenuRow_vAxk5 {
cursor: pointer;
width: 100%;
height: 38px;
line-height: 38px;
font-size: 14px;
padding: 0 16px;
min-width: 120px;
}
.submenuWrapper_tIWUK .submenu_h-6A4 .submenuRow_vAxk5.disabled_hu-iP {
color: #dbdbdb;
pointer-events: none;
}
.submenuWrapper_tIWUK .submenu_h-6A4 .deleteBtn_kd5iA {
color: #fe5250;
}
.submenuWrapper_tIWUK .submenu_h-6A4 .disabledBtn_Xhwj5 {
color: rgba(254, 82, 80, 0.4);
cursor: no-drop;
}
.submenuWrapper_tIWUK .submenu_h-6A4 .disabledXiazai_cdnWl {
opacity: 0.4;
cursor: no-drop;
padding: 0 10px;
}
.submenuWrapper_tIWUK .submenu_h-6A4 .cancel_alyzg {
color: var(--upime-danger);
}
.submenuWrapper_tIWUK .submenu_h-6A4 .cancel_alyzg.disabled_hu-iP {
color: #ffbab9 !important;
}
.detailHeader_Uw4YR .navbar_NhYpe {
height: 56px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 2px;
padding: 0 12px;
border-bottom: 1px solid #c7cbdb;
}
.detailHeader_Uw4YR .navbar_NhYpe span {
line-height: 30px;
color: var(--upime-main-text);
font-size: 20px;
}
.detailHeader_Uw4YR .navbar_NhYpe .backBtn_Fxopd,
.detailHeader_Uw4YR .navbar_NhYpe .closeBtn_ob3KT {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.detailHeader_Uw4YR .navbar_NhYpe .closeBtn_ob3KT {
margin-left: auto;
}
.detailHeader_Uw4YR .title_zi49l {
padding: 20px;
}
.detailHeader_Uw4YR .title_zi49l .content_GD0PG {
font-size: 16px;
color: #0c1024;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 26px;
}
.detailHeader_Uw4YR .title_zi49l .headerSect_VMhGz {
font-size: 12px;
margin-top: 4px;
color: #0c1024;
}
.detailHeader_Uw4YR .title_zi49l .headerSect_VMhGz .day_oKns6 {
margin: auto 8px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr {
margin-top: 4px;
display: flex;
position: relative;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .member_Mx9R4 {
display: inline-block;
position: relative;
width: 22px;
height: 22px;
cursor: pointer;
bottom: 1px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .member_Mx9R4 .more_num_fzcLO {
font-size: 12px;
width: 22px;
height: 22px;
border: 1px solid white;
white-space: nowrap;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .member_Mx9R4 .withBadge_meBXW {
width: -moz-max-content;
width: max-content;
padding: 0px 5px;
border-radius: 15px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .creator_V7z9S {
color: #0c1024;
font-size: 12px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .avatar_dKdiy {
border-radius: 50%;
width: 20px;
height: 20px;
margin-right: 4px;
margin-left: 4px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userName_hjJmd {
color: #0c1024;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 26px;
flex: 1;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .divider_8dPkI {
width: 1px;
height: 20px;
background-color: #d8d8d8;
margin: 0 12px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn {
width: 240px;
max-height: 256px;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
z-index: 1;
top: 26px;
padding: 8px 0px;
overflow: auto;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn::-webkit-scrollbar {
width: 4px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn .row_kTsmA {
display: flex;
height: 40px;
align-items: center;
cursor: pointer;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn .row_kTsmA .avatar_dKdiy {
margin-left: 16px;
margin-right: 12px;
width: 28px;
height: 28px;
}
.detailHeader_Uw4YR .title_zi49l .footer_GQlpr .userList_MX-Tn .row_kTsmA .userName_hjJmd {
flex: 1;
font-size: 14px;
padding-right: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.detailHeader_Uw4YR .divideBar_p2HBD {
width: 340px;
height: 8px;
background-color: #f5f6f6;
}
.detailHeader_Uw4YR .gengduo_oP2A6 {
position: absolute;
top: 90px;
right: 20px;
cursor: pointer;
}
.detailBody_GQl6l {
display: flex;
flex-direction: column;
flex: 1;
overflow: hidden;
}
.detailBody_GQl6l .detailTabs_qR-N7 {
width: 100%;
height: 44px;
padding: 0 20px;
display: flex;
flex-shrink: 0;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
border-bottom: 1px solid #dbdbde;
}
.detailBody_GQl6l .detailTabs_qR-N7 .detailTabItem_HNmQ9 {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #424454;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
padding: 0 8px;
cursor: pointer;
position: relative;
}
.detailBody_GQl6l .detailTabs_qR-N7 .detailTabItem_HNmQ9.activeTab_AYXl- {
color: #0c1024;
font-weight: 600;
}
.detailBody_GQl6l .detailTabs_qR-N7 .detailTabItem_HNmQ9.activeTab_AYXl-::after {
content: '';
height: 2px;
position: absolute;
left: 8px;
right: 8px;
bottom: -1px;
background-color: #000;
}
.noContentBox_ZFOgH {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.noContentBox_ZFOgH .noContentTip_I-TYb {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 20px;
}
.noContentBox_ZFOgH .noContentTip_I-TYb > img {
width: 140px;
margin-bottom: 5px;
}
.noContentBox_ZFOgH .noContentTip_I-TYb > span {
color: #616371;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.meetingRecordDetailWrap_qFh59 {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
}
.meetingRecordDetailWrap_qFh59::-webkit-scrollbar {
width: 4px;
}
.meetingRecordDetailWrap_qFh59::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.meetingRecordDetailWrap_qFh59::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.meetingRecordDetailWrap_qFh59 .meetingRecordDetail_sFQox {
display: flex;
flex-direction: column;
flex: 1;
overflow-y: scroll;
padding-left: 4px;
}
.meetingRecordDetailWrap_qFh59 .transitioning_b-UN3 {
width: 300px;
height: 169px;
margin: 6px auto;
background-color: #303445;
position: relative;
}
.meetingRecordDetailWrap_qFh59 .transitioning_b-UN3 .tip_sLM14 {
color: #fff;
font-size: 12px;
position: absolute;
top: 102px;
left: 0;
right: 0;
text-align: center;
}
.meetingRecordDetailWrap_qFh59 .transitioning_b-UN3 .loading_Deed- {
color: #fff;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 70px;
animation: loading_Deed- 1.5s linear infinite forwards;
}
.meetingRecordDetailWrap_qFh59 .transitioning_b-UN3 .jinggao_PAmxX {
color: #fe5250;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 70px;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 {
width: 300px;
height: 169px;
margin: 8px auto 0 auto;
display: flex;
position: relative;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 audio {
visibility: hidden;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 video {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .pan_ZlEds {
position: absolute;
left: 36.5%;
top: 16%;
width: 110px;
height: 110px;
pointer-events: none;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .disk_RrPUz {
position: absolute;
left: 41.2%;
top: 32%;
width: 56px;
height: 56px;
pointer-events: none;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .bar_9W5B5 {
position: absolute;
left: 67%;
top: 29%;
transform-origin: center top;
transform: rotate(0deg);
transition: transform 0.5s linear;
width: 10px;
height: 51px;
pointer-events: none;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ {
position: absolute;
left: 0;
right: 0;
bottom: 0px;
height: 48px;
background: linear-gradient(to bottom, rgba(27, 37, 100, 0.03), rgba(22, 39, 89, 0.4));
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ.fade_ZqYVG {
opacity: 0;
transition: opacity 0.5s;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ .top_nYmow {
height: 20px;
padding: 2px 12px 0 18px;
display: flex;
flex-direction: row;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ .top_nYmow .progress_6ba4b {
flex: 1;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ .top_nYmow .time_5RuNw {
margin-left: 14px;
}
.meetingRecordDetailWrap_qFh59 .videoRoot_E1ju7 .audioCtrl_a9PwQ .bottom_cQ-dO {
height: 28px;
padding: 0 8px 4px 8px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 {
display: flex;
width: 100%;
padding: 0 12px;
height: 32px;
margin-top: 8px;
align-items: center;
position: relative;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I {
display: flex;
width: 32px;
height: 32px;
padding: 8px;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I.daoru_vVI6z > svg {
width: 16px;
height: 16px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I > svg {
width: 16px;
height: 16px;
cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I.disabled_hu-iP {
color: #c2c3c8;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I.disabled_hu-iP > svg {
cursor: auto;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiIconBox_8V53I.bg_Nu5w5 {
background-color: rgba(0, 0, 0, 0.06);
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG {
cursor: pointer;
border-radius: 4px;
height: 32px;
text-align: center;
line-height: 32px;
margin-right: auto;
margin-left: 8px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG.bg_Nu5w5 {
background-color: rgba(0, 0, 0, 0.06);
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG.unclickable_nI8-k {
pointer-events: none;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG > svg {
width: 8px;
height: 8px;
margin-left: 2px;
position: relative;
bottom: 2px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG > svg.gray_J55fE {
color: #c2c3c8;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD {
position: absolute;
z-index: 1;
width: 136px;
max-height: 256px;
background-color: #fff;
padding: 8px 0;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
margin-top: 8px;
text-align: left;
overflow: auto;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD::-webkit-scrollbar {
width: 4px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD .videoItem_vsjo4 {
height: 40px;
padding: 9px 16px;
font-size: 14px;
line-height: 22px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .selectBox_zX3iG .videoNavListBox_3pwzD .videoItem_vsjo4:hover {
background-color: rgba(0, 0, 0, 0.06);
cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiBox_n1y0g {
position: absolute;
z-index: 1;
width: 155px;
max-height: 96px;
background-color: #fff;
padding: 8px 0;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
right: 0;
top: 35px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiBox_n1y0g .xiazaiItem_ZyfLk {
height: 40px;
padding: 9px 16px;
font-size: 14px;
line-height: 22px;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiBox_n1y0g .xiazaiItem_ZyfLk:hover {
background-color: rgba(0, 0, 0, 0.06);
cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .navBar_CGCh1 .xiazaiBox_n1y0g .xiazaiItem_ZyfLk.disable_6eume {
color: #c2c3c8;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl {
display: flex;
flex-direction: column;
flex: 1;
padding-bottom: 8px;
position: relative;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .audio2text_R4OVG {
width: 300px;
height: 36px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #91939c;
line-height: 36px;
text-align: center;
font-size: 14px;
margin: 20px auto;
cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .audio2text_R4OVG.disabled_hu-iP {
border-color: #dbdbde;
color: #c2c3c8;
cursor: auto;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textTitleBox_HMRLs {
margin-left: 20px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textTitleBox_HMRLs .underline_7Ytif {
width: 24px;
height: 2px;
border-radius: 2px;
background-color: #2e73e5;
position: absolute;
bottom: -2px;
left: 50%;
transform: translate(-50%);
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textTitle_Qj7Gt {
min-width: 58px;
height: 20px;
font-size: 14px;
margin-top: 16px;
margin-bottom: 16px;
margin-right: 24px;
display: inline-block;
cursor: pointer;
position: relative;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textTitle_Qj7Gt.zhihui_6xS3S {
color: #91939c;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textLoadingBox_zvfQi {
width: 100%;
height: 100%;
min-height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textLoading_h5IZm {
color: #91939c;
animation: loading_Deed- 1.5s linear infinite forwards;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textTip_Y1RvY {
text-align: center;
color: #91939c;
font-size: 12px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER {
padding: 0 20px;
padding-right: 18px;
display: flex;
flex-direction: column;
flex: 1;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 {
margin-bottom: 12px;
display: flex;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .avatar_dKdiy {
border-radius: 50%;
width: 26px;
height: 26px;
margin-right: 8px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 {
flex: 1;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc {
font-size: 12px;
color: #91939c;
line-height: 20px;
display: flex;
position: relative;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc > span {
margin-right: 8px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 190px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .iconBox_Pv9Cq {
cursor: pointer;
margin-left: auto;
width: 20px;
height: 20px;
border-radius: 4px;
text-align: center;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .iconBox_Pv9Cq > svg {
width: 16px;
height: 16px;
position: relative;
top: 2px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .iconBox_Pv9Cq:hover {
background-color: #f5f6f6;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .popBox_fXqzU {
position: absolute;
min-width: 168px;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
right: 0px;
top: 20px;
display: none;
z-index: 1;
padding: 8px 0;
color: #0c1024;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .popBox_fXqzU .row_kTsmA {
width: 100%;
height: 40px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
padding: 0 16px;
cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textHead_fn3Sc .popBox_fXqzU .row_kTsmA span {
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .textBox_GROER .textItem_ZU951 .textArea_AczP4 .textContent_Dh44j {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
font-size: 14px;
color: #0c1024;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A {
display: flex;
flex: 1;
padding: 0 20px;
padding-right: 18px;
overflow: auto;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A::-webkit-scrollbar {
width: 4px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A .genBtn_VHiqT {
width: 300px;
height: 36px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #91939c;
line-height: 36px;
text-align: center;
cursor: pointer;
font-size: 14px;
position: absolute;
bottom: 14px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A .loadingBox_8PKNN {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A .loadingBox_8PKNN .aiLoading_S69EH {
width: 58px;
height: 58px;
margin: auto;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A .loadingBox_8PKNN .loadingTip_Ae6gJ {
text-align: center;
color: #91939c;
font-size: 12px;
}
.meetingRecordDetailWrap_qFh59 .textContainer_0B3Zl .jiyaoBox_gAT6A .jiyaoItem_j4yxh {
font-size: 14px;
}
.meetingRecordDetailWrap_qFh59 .footerBox_yHtHj {
width: 100%;
height: 60px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-shrink: 0;
padding: 0 16px;
gap: 16px;
background: #FFF;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.meetingRecordDetailWrap_qFh59 .footerBox_yHtHj .col_crHGU {
height: 32px;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 22px;
border-radius: 4px;
background: #F5F6F6;
cursor: pointer;
}
.meetingRecordDetailWrap_qFh59 .footerBox_yHtHj .col_crHGU > svg {
width: 16px;
height: 16px;
}
.do-hovers .popBox_fXqzU .row_kTsmA:hover {
background: rgba(0, 0, 0, 0.06);
}
.do-hovers .footerBox_yHtHj .col_crHGU:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #F5F6F6;
}
.meetingGroupPhotoDetailWrap_cusYs {
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
overflow: hidden;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz {
width: 100%;
height: 32px;
display: flex;
flex-shrink: 0;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 8px;
padding: 0 12px;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderLeft_1BVv9 {
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
padding: 0 8px;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderRight_dZ0DO {
display: flex;
flex-direction: row;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderRight_dZ0DO .importAllGroupPhotosBtn_JIrnF,
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderRight_dZ0DO .downloadAllGroupPhotosBtn_3WBbK {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderRight_dZ0DO .importAllGroupPhotosBtn_JIrnF.disabled_hu-iP,
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailHeader_k--wz .groupPhotoDetailHeaderRight_dZ0DO .downloadAllGroupPhotosBtn_3WBbK.disabled_hu-iP {
color: #C2C3C8;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 16px;
padding: 8px 20px;
overflow-x: hidden;
overflow-y: auto;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI::-webkit-scrollbar {
width: 4px;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev {
width: 100%;
height: 172px;
position: relative;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoImageGenerating_TW2qc {
width: 100%;
height: 100%;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoImagePreview_8dWiK {
width: 100%;
height: 100%;
display: block;
-o-object-fit: contain;
object-fit: contain;
cursor: pointer;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoImageGenerateFailed_LEVhZ {
width: 100%;
height: 100%;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT {
position: absolute;
top: 8px;
right: 4px;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .toggleMoreOperationsBtn_LiBkl {
display: flex;
width: 24px;
height: 24px;
justify-content: center;
align-items: center;
color: #0C1024;
border-radius: 2px;
background-color: #FFF;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .toggleMoreOperationsBtn_LiBkl.disabled_hu-iP {
color: #C2C3C8;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .toggleMoreOperationsBtn_LiBkl.active_AoHuL {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #FFF;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P {
min-width: 120px;
padding: 8px 0px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
border-radius: 4px;
background-color: #FFF;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P .moreOperationsItem_2tJQT {
height: 36px;
width: 100%;
padding: 9px 16px;
display: flex;
justify-content: flex-start;
align-self: stretch;
align-items: center;
position: relative;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P .moreOperationsItem_2tJQT .moreOperationsItemInner_yGSR9 {
width: 100%;
height: 100%;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P .moreOperationsItem_2tJQT .moreOperationsItemContent_dyXir {
color: #0C1024;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P .moreOperationsItem_2tJQT.dangerOperation_l0eQV .moreOperationsItemContent_dyXir {
color: #FE5250;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .groupPhotoPreviewImageMoreOperation_Jq-UT .moreOperationsList_6lP-P .moreOperationsItem_2tJQT .deleteConfirmPop_tAgvZ {
position: absolute;
bottom: calc(100% + 10px);
right: -15px;
visibility: visible;
}
.meetingGroupPhotoDetailWrap_cusYs .groupPhotoDetailBody_p-nRI .groupPhotoItemWrap_DMrev .previewImageBtn_EhprT {
visibility: hidden;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.45);
position: absolute;
right: 4px;
bottom: 2px;
}
.do-hovers .importAllGroupPhotosBtn_JIrnF:hover,
.do-hovers .downloadAllGroupPhotosBtn_3WBbK:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .toggleMoreOperationsBtn_LiBkl:not(.disabled_hu-iP):hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .groupPhotoItemWrap_DMrev:hover .previewImageBtn_EhprT {
visibility: visible;
}
.do-hovers .moreOperationsItem_2tJQT:hover {
cursor: pointer;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #FFF;
}
.do-hovers .previewImageBtn_EhprT:hover {
cursor: pointer;
}
.dialogContainer_f7rfi {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
height: 182px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
padding: 24px;
justify-content: space-between;
}
.dialogContainer_f7rfi .content_GD0PG > svg {
position: relative;
top: 5px;
margin-right: 12px;
color: #fe5250;
}
.dialogContainer_f7rfi .content_GD0PG .title_zi49l {
height: 28px;
font-size: 20px;
line-height: 28px;
color: var(--upime-main-text);
font-weight: 600;
}
.dialogContainer_f7rfi .content_GD0PG .title_zi49l.userName_hjJmd {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100px;
margin-right: 4px;
}
.dialogContainer_f7rfi .content_GD0PG .title_zi49l.titleDesc_EHMie {
white-space: nowrap;
}
.dialogContainer_f7rfi .content_GD0PG .desc_MpEwT {
min-height: 22px;
margin-top: 8px;
line-height: 22px;
color: #616371;
font-size: 14px;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.dialogContainer_f7rfi .actions_arfXk {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.dialogContainer_f7rfi .actions_arfXk .reject_ju0mt {
margin-right: 12px;
font-size: 14px;
width: 88px;
height: 36px;
}
.dialogContainer_f7rfi .actions_arfXk .confirm_9s7AP {
font-size: 14px;
height: 36px;
width: 88px;
}
.noTextContainer_cbcIR {
width: 100%;
height: 100%;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
align-items: center;
}
.noTextContainer_cbcIR img {
width: 80px;
}
.noTextContainer_cbcIR span {
color: #616371;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.hide_jqvh6 {
display: none !important;
}
.do-hovers .floatIcon_ofcjx:hover {
color: var(--upime-active);
}
.do-hovers .enableHover_QnzPs:hover {
background-color: #eaf1fc;
}
.do-hovers .primaryBtn_NEVr5:hover {
background-color: var(--upime-primary-btn-hover-bg) !important;
}
.do-hovers .dropdownNormal_DqN4k:hover {
background-color: var(--upime-primary-btn-hover-bg) !important;
}
.do-hovers .submenuRow_vAxk5:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .disabledBtn_Xhwj5:hover {
background-color: transparent !important;
}
.do-hovers .disabledXiazai_cdnWl:hover {
background-color: transparent !important;
}
@keyframes loading_Deed- {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.groupPhotoGenerateFailedTipWrap_4TPqy {
width: 100%;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 12px;
border-radius: 2px;
background-color: #424454;
}
.groupPhotoGenerateFailedTipWrap_4TPqy .tipIcon_KF57K {
color: #fff;
}
.groupPhotoGenerateFailedTipWrap_4TPqy .tipText_OF9Qu {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.iconWrap_xdHWV {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconInnerWrap_lS-HZ {
width: 24px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.iconInnerWrap_lS-HZ .badgeTip_s0qR0 {
top: -6px;
right: -6px;
}
.iconInnerWrap_lS-HZ .dotTip_HSXj3 {
top: -6px;
}
.iconWrapActive_LnTfq {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .iconWrap_xdHWV:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_LnTfq:hover {
color: var(--upime-active);
background-color: #eaf1fc;
}
.root_BbyfJ {
height: 44px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 8px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.root_BbyfJ .divider_zVFSX {
width: 1px;
height: 20px;
background-color: var(--upime-divider-bg);
margin: 0 8px;
}
.root_BbyfJ.extension_Go3i- {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}
.root_BbyfJ.extension_Go3i- .extensionItem_FcdYp {
width: 40px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.root_BbyfJ.extension_Go3i- .extensionItem_FcdYp > svg {
width: 24px;
height: 24px;
cursor: pointer;
}
.root_BbyfJ.extension_Go3i- .extensionItem_FcdYp.active_9-9X3 {
color: var(--upime-active);
}
.extensionSidePanelItemBtn_1u4Ro {
position: relative;
}
.badgeTip_s0qR0 {
display: flex;
justify-content: center;
align-items: center;
min-width: 18px;
height: 18px;
padding: 0 4px;
box-sizing: border-box;
border-radius: 9px;
border: 1px solid #fff;
background-color: #2e73e5;
color: #fff;
font-size: 10px;
font-weight: 500;
line-height: 10px;
white-space: nowrap;
position: absolute;
top: -1px;
right: -1px;
}
.dotTip_HSXj3 {
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #2e73e5;
position: absolute;
top: 0px;
left: calc(50% - 2px);
}
.extensionRoot_FGOxX {
width: 340px;
height: 100%;
display: flex;
flex-direction: column;
background: white;
position: relative;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.extensionRoot_FGOxX .header_VCQlr {
width: 100%;
height: 60px;
padding: 12px 16px 12px 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.extensionRoot_FGOxX .header_VCQlr > span {
font-size: 20px;
line-height: 30px;
color: var(--upime-main-text);
font-weight: 600;
}
.extensionRoot_FGOxX .header_VCQlr .iconBox_PW82b {
padding: 8px;
border-radius: 2px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.extensionRoot_FGOxX .header_VCQlr .iconBox_PW82b .closeIcon_SHSht {
font-size: 20px;
color: var(--upime-main-text);
}
.extensionRoot_FGOxX .header_VCQlr .iconBox_PW82b:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.historyPageBox_sWZKQ {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(200deg, rgba(202, 219, 252, 0.76) 4.64%, rgba(223, 232, 252, 0.76) 14.17%, rgba(247, 248, 252, 0.76) 42.78%, rgba(244, 243, 252, 0.76) 100%), #fff;
background: linear-gradient(200deg, rgba(202, 219, 252, 0.76) 4.64%, rgba(223, 232, 252, 0.76) 14.17%, rgba(247, 248, 252, 0.76) 42.78%, rgba(244, 243, 252, 0.76) 100%), var(--Neutral-colorBg-Container, #fff);
display: flex;
flex-direction: column;
border-radius: 12px;
}
.historyPageBox_sWZKQ.detailBg_Re0M6 {
background-repeat: no-repeat;
background-position: left top, right 3px, center;
background-size: 80px, 80px, cover;
}
.historyPageBox_sWZKQ .chatContainer_6Jk1v {
flex: 1;
display: flex;
height: calc(100% - 133px);
}
.historyPageBox_sWZKQ .chatContainer_6Jk1v.hide_AETL1 {
display: none;
}
.historyPageBox_sWZKQ .header_jLk59 {
background-color: transparent;
padding: 12px 10px;
display: flex;
justify-content: space-between;
align-items: center;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.historyPageBox_sWZKQ .header_jLk59 .left_JVLSk {
display: flex;
align-items: center;
}
.historyPageBox_sWZKQ .header_jLk59 .left_JVLSk .fanhuiBox_zYg8T {
padding: 6px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.historyPageBox_sWZKQ .header_jLk59 .left_JVLSk .fanhuiBox_zYg8T:hover {
background-color: rgba(0, 0, 0, 0.06);
border-radius: 2px;
}
.historyPageBox_sWZKQ .header_jLk59 .left_JVLSk .title_3APnJ {
font-size: 18px;
line-height: 26px;
font-weight: 600;
font-family: PingFang SC, Microsoft YaHei, sans-serif;
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
}
.historyPageBox_sWZKQ .header_jLk59.detailMode_vLrcQ {
background-color: transparent;
background-color: initial;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 {
padding: 12px 12px 0 12px;
height: calc(100% - 61px);
overflow: auto;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .searchRow_RCTM0 {
background-color: #fff;
display: flex;
align-items: center;
padding: 6px 12px;
gap: 6px;
border-radius: 4px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .searchRow_RCTM0 input {
outline: none;
border: none;
width: calc(100% - 45px);
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .searchRow_RCTM0 .clearInput_VGMVl {
width: 14px;
height: 14px;
position: absolute;
right: 22px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #dedede;
cursor: pointer;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .searchRow_RCTM0 .clearInput_VGMVl svg {
color: #fff;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .listBox_X0jgE {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 12px;
gap: 12px;
padding: 12px 0;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O {
padding: 16px 8px 16px 16px;
border-radius: 4px;
min-width: 300px;
max-width: 600px;
position: relative;
background-color: #fff;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .headerSect_SMOv1 .date_S2ku- {
font-size: 14px;
color: #0c1024;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .headerSect_SMOv1 .day_Mi0-e {
margin: auto 8px;
font-size: 14px;
color: #0c1024;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .headerSect_SMOv1 .time_kCnQj {
color: #0c1024;
font-size: 14px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .content_Yhr-2 {
margin-top: 2px;
color: #0c1024;
font-size: 16px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .content_Yhr-2 .title_3APnJ {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .footer_VOeeG {
margin-top: 4px;
display: flex;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .footer_VOeeG .creator_gyJvq {
color: #0c1024;
font-size: 12px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .footer_VOeeG .avatar_VDdoe {
border-radius: 50%;
width: 18px;
height: 18px;
margin-right: 4px;
margin-left: 6px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .footer_VOeeG .userName_g9rM- {
color: #0c1024;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 118px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .arrow_1RrUD {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
color: #91939c;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
height: 28px;
display: none;
cursor: pointer;
z-index: 1;
background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, #eaf1fc 12.42%);
padding-left: 24px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .primaryBtn_4VXLg {
height: 28px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #2e73e5;
font-size: 12px;
padding: 5px 8px;
color: white;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .primaryBtn_4VXLg.disabled_5EL0o {
color: #ffffff !important;
background-color: #abc7f5 !important;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .primaryBtn_4VXLg.disabled_5EL0o {
pointer-events: none;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .primaryBtn_4VXLg:hover {
background-color: var(--upime-primary-btn-hover-bg);
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .dropdown_XJQdH {
margin-left: 1px;
position: relative;
height: 28px;
width: 24px;
background-color: #2e73e5;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .dropdown_XJQdH .triangle_cQMsi {
position: absolute;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid white;
transition: transform 0.2s linear;
top: calc(50% - 2px);
left: calc(50% - 4px);
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .dropdown_XJQdH.open_9OBR- {
background-color: #5798f2 !important;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .dropdown_XJQdH.open_9OBR- .triangle_cQMsi {
transform: rotate(180deg);
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O .floatBtn_i0Iso .dropdown_XJQdH:hover {
background-color: var(--upime-primary-btn-hover-bg);
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O.active_jFqp6 {
background-color: #eaf1fc;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O:hover {
background-color: #eaf1fc;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O:hover .floatBtn_i0Iso {
display: flex;
}
.historyPageBox_sWZKQ .listBody_Vl-g3 .historyItem_R8I4O.active_jFqp6 .floatBtn_i0Iso {
display: flex;
}
.historyPageBox_sWZKQ .listBody_Vl-g3.hide_AETL1 {
display: none;
}
.historyPageBox_sWZKQ .detailBody_vLQfk {
transform: translateZ(0);
flex: 1;
display: flex;
flex-direction: column;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
min-height: 0;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- {
position: relative;
padding: 0 16px 0 16px;
display: flex;
flex-direction: column;
gap: 2px;
padding-top: 0;
padding-bottom: 12px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .content_Yhr-2 {
padding-top: 6px;
padding-bottom: 0;
padding-right: 40px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .content_Yhr-2 div {
width: 100%;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .content_Yhr-2 .title_3APnJ {
font-size: 15px;
font-weight: 600;
line-height: 24px;
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
flex: 1;
font-family: PingFang SC, Microsoft YaHei, sans-serif;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .headerSect_SMOv1 {
display: flex;
align-items: center;
gap: 0;
margin-top: 0;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .headerSect_SMOv1 .date_S2ku- {
font-size: 12px;
line-height: 20px;
color: #606266;
color: var(--Neutral-colorText-Secondary, #606266);
font-weight: 400;
font-family: PingFang SC, Microsoft YaHei, sans-serif;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .headerSect_SMOv1 .day_Mi0-e {
font-size: 12px;
line-height: 20px;
color: #606266;
color: var(--Neutral-colorText-Secondary, #606266);
font-weight: 400;
margin: 0;
font-family: PingFang SC, Microsoft YaHei, sans-serif;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .headerSect_SMOv1 .time_kCnQj {
font-size: 12px;
line-height: 20px;
color: #606266;
color: var(--Neutral-colorText-Secondary, #606266);
font-weight: 400;
font-family: PingFang SC, Microsoft YaHei, sans-serif;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .footer_VOeeG {
display: flex;
align-items: center;
gap: 4px;
margin-top: 2px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .footer_VOeeG .creator_gyJvq {
font-size: 12px;
line-height: 20px;
color: #606266;
color: var(--Neutral-colorText-Secondary, #606266);
font-weight: 400;
white-space: nowrap;
font-family: PingFang SC, Microsoft YaHei, sans-serif;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .footer_VOeeG .avatar_VDdoe {
border-radius: 50%;
width: 18px;
height: 18px;
flex-shrink: 0;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .footer_VOeeG .userName_g9rM- {
font-size: 12px;
line-height: 20px;
color: #606266;
color: var(--Neutral-colorText-Secondary, #606266);
font-weight: 400;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 118px;
font-family: PingFang SC, Microsoft YaHei, sans-serif;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .gengduo_QJHLH {
position: absolute;
right: 16px;
top: 6px;
cursor: pointer;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: background-color 0.2s ease;
padding: 4px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailHeader_CKBl- .gengduo_QJHLH:hover {
background-color: rgba(0, 0, 0, 0.04);
background-color: var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
}
.historyPageBox_sWZKQ .detailBody_vLQfk .greyline_BO-He {
height: 8px;
background: rgba(0, 0, 0, 0.04);
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud {
display: flex;
padding: 8px 0 12px 0;
flex-direction: column;
align-items: flex-start;
gap: 12px;
flex: 1 1 0;
align-self: stretch;
overflow: hidden;
font-family: PingFang SC, Microsoft YaHei, sans-serif;
min-height: 0;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .tabRow_gHm1h {
display: flex;
align-items: center;
padding-left: 16px;
padding-right: 16px;
gap: 24px;
font-size: 14px;
color: #909399;
color: var(--Neutral-colorText-Tertiary, #909399);
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .tabRow_gHm1h .tab_YAev2 {
white-space: nowrap;
line-height: 22px;
cursor: pointer;
font-weight: 400;
font-family: PingFang SC, Microsoft YaHei, sans-serif;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .tabRow_gHm1h .tab_YAev2.active_jFqp6 {
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
font-weight: 600;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .tabRow_gHm1h .tab_YAev2.active_jFqp6 .blueline_npw-7 {
height: 2px;
width: 24px;
border-radius: 2px;
background-color: #0168ff;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .tabRow_gHm1h .tab_YAev2:not(.active_jFqp6) .blueline_npw-7 {
display: none;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .transcriptDetail_np5MM {
padding: 12px 0 0 0;
flex: 1;
overflow: auto;
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
padding-left: 16px;
padding-right: 16px;
min-height: 0;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .summaryDetail_MhcCJ {
flex: 1;
overflow: auto;
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .summaryDetail_MhcCJ .plusRow_BoVAl {
display: flex;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .detailFooter_b5mdG {
display: flex;
align-items: center;
gap: 6px;
align-self: stretch;
padding-left: 16px;
padding-right: 16px;
justify-content: space-between;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .detailFooter_b5mdG .action_GErUE {
display: flex;
white-space: nowrap;
padding: 6px 12px;
align-items: center;
justify-content: center;
gap: 4px;
flex: 1 0 0;
border-radius: 4px;
background: rgba(0, 0, 0, 0.04);
background: var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
cursor: pointer;
line-height: 20px;
font-size: 13px;
font-weight: 400;
font-family: PingFang SC, Microsoft YaHei, sans-serif;
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
transition: background-color 0.2s ease;
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .detailFooter_b5mdG .action_GErUE.disable_9AP05 {
pointer-events: none;
color: #c2c3c8;
background: rgba(0, 0, 0, 0.04);
background: var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .detailFooter_b5mdG .action_GErUE:not(.disable_9AP05):hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), rgba(0, 0, 0, 0.04);
background: linear-gradient(0deg, var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06)) 0%, var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06)) 100%), var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .detailFooter_b5mdG.shadow_nh-2J {
box-shadow: 0px -20px 40px 0px rgba(0, 0, 0, 0.1);
}
.historyPageBox_sWZKQ .detailBody_vLQfk .detailContent_0bEud .feedbackRoot_NGyAc {
position: absolute;
bottom: -45px;
left: 12px;
right: 12px;
animation: slide-up-2_dSZH4 0.2s ease-out forwards 10s;
}
.submenuWrapper_VFc4q {
top: calc(100% + 4px);
z-index: 60;
white-space: nowrap;
}
.submenuWrapper_VFc4q .submenu_ob1vC {
min-width: 89px;
display: flex;
flex-direction: column;
}
.submenuWrapper_VFc4q .submenu_ob1vC .submenuRow_-AICA {
cursor: pointer;
width: 100%;
height: 38px;
line-height: 38px;
font-size: 14px;
padding: 0 16px;
min-width: 120px;
}
.submenuWrapper_VFc4q .submenu_ob1vC .submenuRow_-AICA.disabled_5EL0o {
color: #dbdbdb;
pointer-events: none;
}
.submenuWrapper_VFc4q .submenu_ob1vC .submenuRow_-AICA:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.submenuWrapper_VFc4q .submenu_ob1vC .deleteBtn_-uyFc {
color: #fe5250;
}
.submenuWrapper_VFc4q .submenu_ob1vC .disabledBtn_uWuvq {
color: rgba(254, 82, 80, 0.4);
cursor: no-drop;
}
.submenuWrapper_VFc4q .submenu_ob1vC .disabledBtn_uWuvq:hover {
background-color: transparent;
background-color: initial;
}
.nocontent_VTiUG {
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.nocontent_VTiUG.noHistory_nVffa {
height: calc(100% - 90px);
}
.nocontent_VTiUG > * {
flex-shrink: 0;
}
.nocontent_VTiUG > img {
width: 108px;
margin-bottom: 8px;
}
.nocontent_VTiUG .wording_w-DtR {
color: #424445;
font-size: 14px;
}
.forbidAdd_TxU-U {
cursor: no-drop;
color: #c2c3c8;
}
.forbidAdd_TxU-U:hover {
background-color: transparent;
background-color: initial;
}
.startNewBt_vVFew {
height: 30px;
padding: 0 8px;
display: flex;
align-items: center;
color: #2e73e5;
border: 1px solid #2e73e5;
border-radius: 4px;
cursor: pointer;
}
.addSummary_RAsjN {
width: -moz-fit-content;
width: fit-content;
margin: 8px auto 0;
}
@keyframes slide-up-2_dSZH4 {
100% {
transform: translateY(-120px);
transform: translateY(var(--feedbackPanelBottom, -120px));
}
}
.chatListTest_NNI7i {
position: fixed;
left: 64px;
top: 80px;
height: calc(100vh - 160px);
width: 600px;
background: white;
overflow: hidden;
border-radius: 4px;
padding: 20px 0 20px 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
pointer-events: all;
display: flex;
flex-direction: column;
}
.chatListTest_NNI7i * {
flex-shrink: 0;
}
.chat_list_I7J1D {
width: 100%;
height: 100%;
overflow-x: hidden;
padding: 0 8px 0 14px;
overflow-y: scroll;
pointer-events: all;
padding-bottom: 40px;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.chat_list_I7J1D .chatListInnerContent_WySV4 {
width: 100%;
}
.chat_list_I7J1D .loadingMore_Xksv8 {
padding: 12px;
text-align: center;
color: #999;
font-size: 14px;
}
.chat_list_I7J1D .stopButton_tpx1r {
margin: auto;
margin-top: 24px;
display: flex;
gap: 4px;
align-items: center;
color: #fe5250;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
position: sticky;
bottom: 0;
z-index: 2000;
font-size: 14px;
line-height: 22px;
padding: 5px 8px;
background: rgba(254, 82, 80, 0.1);
border-radius: 6px;
}
.do-hovers .stopButton_tpx1r:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), rgba(254, 82, 80, 0.1);
background: linear-gradient(0deg, var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04)) 0%, var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04)) 100%), rgba(254, 82, 80, 0.1);
}
.talkContainer_8XSqu {
display: flex;
padding-bottom: 0;
gap: 8px;
position: relative;
margin-bottom: 34px;
color: #0C1024;
}
.talkContainer_8XSqu.withRecommend_6zJku {
margin-bottom: 8px;
}
.talkContainer_8XSqu.withRecommendActions_ueUTF {
margin-bottom: 0;
}
.talkContainer_8XSqu .avaContainer_6n9-7 {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-self: center;
flex-shrink: 0;
pointer-events: all;
}
.talkContainer_8XSqu .avaContainer_6n9-7 .fullImg_6pDHg {
width: 100%;
height: 100%;
}
.talkContainer_8XSqu .avaContainer_6n9-7.avaRound_74iMA .fullImg_6pDHg {
border-radius: 50%;
}
.talkContainer_8XSqu .talkContentWrapper_3A2VX {
position: relative;
pointer-events: all;
max-width: 100%;
}
.talkContainer_8XSqu .talkContent_p7laU {
width: 100%;
}
.talkContainer_8XSqu .talkTextContainer_FvKRO {
max-width: -moz-fit-content;
max-width: fit-content;
}
.talkContainer_8XSqu .talkTextContainer_FvKRO .textCursor_7fTTP {
display: flex;
align-items: center;
height: 21px;
color: #0c1024;
line-height: 21px;
}
.talkContainer_8XSqu .talkTextContainer_FvKRO .textCursor_7fTTP .loadingGif_OJlLo {
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 4px;
}
.talkContainer_8XSqu .talkTextContainer_FvKRO .textCursor_7fTTP .ellipsis_uMLyv {
display: inline-block;
width: 1.5em;
text-align: left;
overflow: hidden;
clip-path: inset(0 100% 0 0);
animation: ellipsis_uMLyv 1.5s infinite;
}
.talkContainer_8XSqu .talkTextContainer_FvKRO .ellipsis_uMLyv {
display: inline-block;
width: 1.5em;
text-align: left;
overflow: hidden;
clip-path: inset(0 100% 0 0);
animation: ellipsis_uMLyv 1.5s infinite;
}
.talkContainer_8XSqu .talkTextContainer_FvKRO b,
.talkContainer_8XSqu .talkTextContainer_FvKRO span {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.talkContainer_8XSqu .talkTextContainer_FvKRO .talkAndAction_V1ITv {
position: relative;
}
.talkContainer_8XSqu .talkTextContainer_FvKRO .talkAndAction_V1ITv:not(:first-child) {
margin-top: 6px;
}
.talkContainer_8XSqu .talkText_WgNQL {
max-width: -moz-fit-content;
max-width: fit-content;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
border-radius: 4px;
text-align: justify;
font-size: 13px;
line-height: 21px;
overflow: hidden;
}
.talkContainer_8XSqu .talkText_WgNQL .talkTextRow_9XlKZ {
min-height: 1em;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.talkContainer_8XSqu .talkText_WgNQL:not(:first-child) {
margin-top: 6px;
}
.talkContainer_8XSqu .time_QyVRv {
color: #91939c;
font-size: 12px;
line-height: 20px;
text-wrap: nowrap;
border-radius: 4px;
z-index: 20;
position: absolute;
top: 0;
right: 0;
transform: translateY(-100%);
pointer-events: all;
display: none;
}
.talkContainer_8XSqu .time_QyVRv.fake_UZ4PT {
display: block;
position: relative;
height: 0;
visibility: hidden;
}
.talkContainer_8XSqu .actionsWrapper_C75dO {
width: 100%;
min-width: -moz-fit-content;
min-width: fit-content;
display: flex;
position: absolute;
bottom: 0;
left: 0;
transform: translateY(100%);
pointer-events: all;
padding-top: 4px;
}
.talkContainer_8XSqu .actionsWrapper_C75dO.forceShow_Swa3a {
z-index: 30;
}
.talkContainer_8XSqu .actionsWrapper_C75dO.forceShow_Swa3a .actionsRow_EUPAc {
display: flex;
}
.talkContainer_8XSqu .actionsWrapper_C75dO.lastOneActionRow_jaasI {
padding-top: 12px;
}
.talkContainer_8XSqu .actionsRow_EUPAc {
color: #91939c;
font-size: 12px;
align-items: center;
gap: 4px;
margin-left: auto;
display: none;
width: 100%;
justify-content: space-between;
}
.talkContainer_8XSqu .actionsRow_EUPAc .leftActions_Lt5sr,
.talkContainer_8XSqu .actionsRow_EUPAc .rightActions_z2feI {
display: flex;
gap: 4px;
}
.talkContainer_8XSqu .actionsRow_EUPAc.askActionRow_aHUep {
margin-left: 0;
margin-left: initial;
}
.talkContainer_8XSqu .actionsRow_EUPAc.alwaysShow_Rhb88 {
display: flex;
}
.talkContainer_8XSqu .actionsRow_EUPAc .actionIcon_rFIuC {
cursor: pointer;
padding: 0 6px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
color: #91939c;
position: relative;
border-radius: 6px;
}
.talkContainer_8XSqu .actionsRow_EUPAc .actionIcon_rFIuC.active_o16Ow {
color: var(--upime-active);
}
.talkContainer_8XSqu .actionsRow_EUPAc .actionIcon_rFIuC.btnStyle_slb18 {
color: #424454;
background-color: rgba(0, 0, 0, 0.04);
gap: 4px;
}
.talkContainer_8XSqu .actionsRow_EUPAc .actionIcon_rFIuC.btnStyle_slb18 .btnText_aDo4- {
color: #0C1024;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
/* 166.667% */
}
.talkContainer_8XSqu .actionsRow_EUPAc .actionDivider_nxjPY {
width: 1px;
height: 12px;
margin: 0 4px;
background-color: #e6e7e9;
}
.talkContainer_8XSqu.askTalk_biHA2 {
flex-direction: row-reverse;
margin-left: auto;
padding-left: 48px;
min-width: 0;
min-width: initial;
}
.talkContainer_8XSqu.askTalk_biHA2 .talkTextContainer_FvKRO {
margin-left: auto;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.talkContainer_8XSqu.askTalk_biHA2 .talkText_WgNQL {
background: rgba(0, 0, 0, 0.04) !important;
}
.talkContainer_8XSqu.askTalk_biHA2 .talkText_WgNQL {
border-radius: 12px 12px 4px 12px;
padding: 7px 12px;
margin-left: auto;
}
.talkContainer_8XSqu.askTalk_biHA2 .time_QyVRv {
right: auto;
right: initial;
left: 0;
}
.talkContainer_8XSqu.askTalk_biHA2 .actionsWrapper_C75dO {
right: auto;
right: initial;
left: 0;
}
.talkContainer_8XSqu.phoneTalk_oucPD {
margin-bottom: 18px;
}
.talkContainer_8XSqu.phoneTalk_oucPD .time_QyVRv {
display: block;
}
.talkContainer_8XSqu.phoneTalk_oucPD .actionsRow_EUPAc {
display: flex;
}
.phoneMode .talkContainer_8XSqu {
margin-bottom: 24px;
}
.phoneMode .talkContainer_8XSqu.withRecommend_6zJku {
margin-bottom: 4px;
}
.phoneMode .talkContainer_8XSqu.withRecommendActions_ueUTF {
margin-bottom: 0;
}
.phoneMode .talkContainer_8XSqu .talkText_WgNQL {
font-size: 15px;
line-height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.phoneMode .talkContainer_8XSqu .talkText_WgNQL .talkTextRow_9XlKZ {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.phoneMode .talkContainer_8XSqu .actionsWrapper_C75dO,
.phoneMode .talkContainer_8XSqu .time_QyVRv {
display: none;
}
.dividerLine_EdH56 {
margin: 24px 0;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.dividerLine_EdH56 .line_-9rU- {
height: 1px;
flex: 1;
background-color: #e6e7e9;
}
.dividerLine_EdH56 .dividerLineText_iuMg7 {
padding: 0 8px;
color: #91939c;
font-size: 12px;
flex-shrink: 0;
}
.deepThinkContainer_kI4ua .deepThinkHeadContainer_AmErZ {
display: flex;
align-items: center;
gap: 4px;
color: #424454;
font-size: 12px;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
padding: 4px;
border-radius: 2px;
margin-bottom: 2px;
}
.deepThinkContainer_kI4ua .deepThinkHeadContainer_AmErZ .deepThinkIcon_3M9tp {
font-size: 12px;
rotate: -90deg;
}
.deepThinkContainer_kI4ua .deepThinkHeadContainer_AmErZ .deepThinkIcon_3M9tp.fold_Hua1- {
rotate: 180deg;
}
.deepThinkContainer_kI4ua .deepThinkContent_n7u-I {
margin-left: 6px;
padding-left: 8px;
border-left: 1px solid #dbdbde;
color: #91939c;
font-size: 12px;
line-height: 20px;
text-align: justify;
white-space: pre-wrap;
margin-bottom: 8px;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.phoneMode .deepThinkContainer_kI4ua .deepThinkHeadContainer_AmErZ {
font-size: 14px;
line-height: 22px;
}
.phoneMode .deepThinkContainer_kI4ua .deepThinkContent_n7u-I {
font-size: 14px;
line-height: 22px;
margin-bottom: 6px;
}
@keyframes typing_7VPhO {
from {
opacity: 1;
}
25% {
opacity: 1;
}
30% {
opacity: 0;
}
75% {
opacity: 0;
}
80% {
opacity: 1;
}
to {
opacity: 1;
}
}
@keyframes ellipsis_uMLyv {
0% {
clip-path: inset(0 100% 0 0);
}
20% {
clip-path: inset(0 66.67% 0 0);
}
40% {
clip-path: inset(0 33.33% 0 0);
}
60% {
clip-path: inset(0 0 0 0);
}
80% {
clip-path: inset(0 0 0 0);
}
100% {
clip-path: inset(0 0 0 0);
}
}
.moreActionList_DCQoT {
position: fixed;
background: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
border-radius: 4px;
z-index: 20;
width: -moz-fit-content;
width: fit-content;
cursor: default;
}
.moreActionList_DCQoT .actionRow_gr-rK {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
font-size: 14px;
height: 32px;
padding-left: 12px;
padding-right: 32px;
text-wrap: nowrap;
color: #424454;
}
.moreActionList_DCQoT .actionRow_gr-rK.disabledActionRow_hPho5 {
cursor: not-allowed;
color: #dbdbde;
}
.do-hovers .deepThinkHeadContainer_AmErZ:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .actionRow_gr-rK:not(.disabledActionRow_hPho5):hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .talkContainer_8XSqu:hover .time_QyVRv {
display: block;
}
.do-hovers .talkContainer_8XSqu:hover .actionsRow_EUPAc {
display: flex;
}
.do-hovers .actionIcon_rFIuC:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .actionIcon_rFIuC.btnStyle_slb18:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), rgba(0, 0, 0, 0.04);
}
.colorText_zqM3i {
background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 11.28%, rgba(38, 112, 255, 0.88) 58.02%, rgba(50, 125, 255, 0.88) 67.37%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.recommendContainer_28TKL {
margin-bottom: 34px;
}
.recommendContainer_28TKL .recommendItem_zYRjG {
display: flex;
align-items: center;
border-radius: 6px;
background: rgba(0, 0, 0, 0.04);
background: var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
cursor: pointer;
padding: 4px 8px;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
gap: 4px;
margin-bottom: 4px;
font-size: 12px;
line-height: 20px;
color: #0C1024;
}
.phoneMode .recommendContainer_28TKL {
margin-bottom: 24px;
}
.phoneMode .recommendContainer_28TKL .recommendItem_zYRjG {
font-size: 14px;
line-height: 22px;
}
.textBt_viC5A {
margin-left: 8px;
color: #2e73e5;
cursor: pointer;
}
.textPart_Ae3AV {
margin: 0 4px;
}
.underline_t6BPE {
text-decoration: underline;
cursor: pointer;
margin: 0 4px;
}
.inline_4VTO2 {
display: inline;
}
.reasonContainer_FkOSJ {
width: -moz-fit-content;
width: fit-content;
white-space: nowrap;
font-size: 12px;
}
.contextViewContainer_ATtFS {
padding: 4px 0;
color: #424454;
}
.actionPannelContainer_RQ8Q3 {
position: fixed;
background: #ffffff;
background: var(--neutral-colorbg-container, #ffffff);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
border-radius: 8px;
padding: 8px 0;
z-index: 2000;
display: flex;
flex-direction: column;
gap: 8px;
min-width: 120px;
}
.actionPannelContainer_RQ8Q3 .actionGroup_twkvM {
display: flex;
flex-direction: column;
}
.actionPannelContainer_RQ8Q3 .actionPannelItem_e2yGQ {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
white-space: nowrap;
}
.actionPannelContainer_RQ8Q3 .actionPannelItem_e2yGQ .actionPannelIcon_h9qlT {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.actionPannelContainer_RQ8Q3 .actionPannelItem_e2yGQ .actionPannelText_fMjSw {
font-family: 'PingFang SC', sans-serif;
font-size: 15px;
line-height: 24px;
color: #202022;
color: var(--neutral-colortext-primary, #202022);
}
.actionPannelContainer_RQ8Q3 .actionPannelItem_e2yGQ.disabled_HA8wJ {
cursor: not-allowed;
opacity: 0.4;
}
.actionPannelContainer_RQ8Q3 .actionPannelDivider_baKxs {
height: 1px;
background: #e0e6ee;
background: var(--neutral-colorborder-shallow, #e0e6ee);
width: 100%;
}
.do-hovers .actionPannelItem_e2yGQ:not(.disabled_HA8wJ):hover {
background: rgba(0, 0, 0, 0.04);
background: var(--neutral-colorcommon-black04, rgba(0, 0, 0, 0.04));
}
.chat_list_scroll_wrapper_t3-Uh {
position: relative;
width: 100%;
height: 100%;
padding: 0px 2px;
}
.genElementPoints_kj4d1 {
position: absolute;
width: 8px;
top: 4px;
bottom: 4px;
right: 0;
pointer-events: none;
z-index: 1;
}
.genElementPoints_kj4d1 .genElementPointsLine_wwyZn {
position: absolute;
border-radius: 4px;
width: 1px;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
background: rgba(0, 0, 0, 0.06);
background: var(--Neutral-colorCommon-black06, rgba(0, 0, 0, 0.06));
}
.genElementPoints_kj4d1 .genElementPoint_GfabV {
pointer-events: auto;
position: absolute;
width: 8px;
height: 8px;
border-radius: 4px;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
background: #D3D9E5;
}
.genElementPoints_kj4d1 .genElementPoint_GfabV.active_o16Ow {
background: #2E73E5;
}
.genElementPoints_kj4d1 .genElementPointInnerContent_W-U-y {
position: relative;
width: 8px;
height: 8px;
}
.genElementPoints_kj4d1 .genElementPointInnerContent_W-U-y::after {
content: "";
position: absolute;
top: -8px;
left: -8px;
width: 24px;
height: 24px;
}
.genElementPointPanel_9T3M1 {
background: #ffffff;
background: var(--neutral-colorbg-container, #ffffff);
display: flex;
flex-direction: column;
gap: 2px;
padding: 6px 2px 6px 6px;
border-radius: 6px;
width: -moz-max-content;
width: max-content;
max-height: 448px;
filter: drop-shadow(0px 2px 20px rgba(0, 0, 0, 0.08));
}
.genElementPointPanel_9T3M1::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translate(95%, -50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 7px solid #ffffff;
}
.genElementPointPanel_9T3M1 .genElementPointPanelScrollContainer_EOYsL {
overflow-y: scroll;
width: -moz-max-content;
width: max-content;
max-width: 232px;
}
.genElementPointPanelItem_kTuMb {
position: relative;
display: flex;
gap: 8px;
align-items: center;
padding: 7px 8px;
border-radius: 4px;
cursor: pointer;
}
.do-hovers .genElementPointPanelItem_kTuMb:hover {
background: rgba(0, 0, 0, 0.04);
background: var(--neutral-colorcommon-black04, rgba(0, 0, 0, 0.04));
}
.genElementPointBullet_CcCyu {
width: 8px;
height: 8px;
border-radius: 9999px;
background: #D3D9E5;
flex-shrink: 0;
}
.genElementPointText_NUaW6 {
font-family: 'PingFang SC', sans-serif;
font-size: 13px;
line-height: 22px;
color: #0c1024;
color: var(--neutral-colortext-primary, #0c1024);
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin: 0;
}
.genElementPointTextMultiLine_0NI3y {
font-family: 'PingFang SC', sans-serif;
font-size: 13px;
line-height: 22px;
color: #0c1024;
color: var(--neutral-colortext-primary, #0c1024);
margin: 0;
flex: 1;
min-width: 0;
}
.aiGenElementContainer_wpopP {
margin-top: 8px;
}
.recommendActionsContainer_hnaxo {
padding: 12px 0px;
border-radius: 8px;
width: 100%;
display: flex;
flex-direction: column;
gap: 6px;
box-sizing: border-box;
margin-top: 60px;
}
.recommendActionsTitle_TTjKj {
font-size: 12px;
font-weight: 400;
color: #909399;
line-height: 20px;
}
.recommendActionsList_tFD8b {
display: flex;
flex-direction: column;
gap: 6px;
align-items: flex-start;
width: 100%;
}
.recommendActionItem_LoH4G {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 12px;
background: rgba(0, 0, 0, 0.04);
border-radius: 8px;
cursor: pointer;
transition: background 0.2s;
flex-shrink: 0;
max-width: 100%;
}
.do-hovers .recommendActionItem_LoH4G:hover {
background: rgba(0, 0, 0, 0.08);
}
.recommendActionText_R4KQ- {
font-size: 13px;
color: #202022;
line-height: 20px;
word-break: break-all;
}
.recommendActionArrow_0hlZ- {
font-size: 13px;
color: #202022;
line-height: 20px;
margin-left: 4px;
}
.recommendActionSkeleton_OgasZ {
width: 200px;
height: 36px;
border-radius: 8px;
flex-shrink: 0;
background: linear-gradient(95.25deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.06) 24.77%, rgba(0, 0, 0, 0.02) 49.78%, rgba(0, 0, 0, 0.06) 74.78%, rgba(0, 0, 0, 0.02) 100%);
background-size: 400% 100%;
animation: recommendActionSkeletonLoading_3LOT5 3.5s ease-in-out infinite;
}
.recommendActionSkeleton_OgasZ.recommendActionSkeletonExit_nViaY {
animation: recommendActionSkeletonExit_nViaY 150ms ease forwards;
}
.recommendActionItemEnter_-Vi4L {
animation: recommendActionItemEnter_-Vi4L 280ms ease-out both;
}
.recommendActionsTitleExit_wY4tD {
animation: recommendActionsTitleExit_wY4tD 150ms ease forwards;
}
.recommendActionsTitleEnter_sQ0pc {
animation: recommendActionsTitleEnter_sQ0pc 200ms ease-out both;
}
@keyframes recommendActionSkeletonLoading_3LOT5 {
0% {
background-position: 100% 50%;
}
55% {
background-position: 0 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes recommendActionSkeletonExit_nViaY {
to {
opacity: 0;
}
}
@keyframes recommendActionItemEnter_-Vi4L {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes recommendActionsTitleExit_wY4tD {
to {
opacity: 0;
}
}
@keyframes recommendActionsTitleEnter_sQ0pc {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
html.dark pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
html.dark code.hljs {
padding: 3px 5px;
}
html.dark .hljs {
color: #abb2bf;
background: #282c34;
}
html.dark .hljs-keyword, html.dark .hljs-operator, html.dark .hljs-pattern-match {
color: #f92672;
}
html.dark .hljs-function, html.dark .hljs-pattern-match .hljs-constructor {
color: #61aeee;
}
html.dark .hljs-function .hljs-params {
color: #a6e22e;
}
html.dark .hljs-function .hljs-params .hljs-typing {
color: #fd971f;
}
html.dark .hljs-module-access .hljs-module {
color: #7e57c2;
}
html.dark .hljs-constructor {
color: #e2b93d;
}
html.dark .hljs-constructor .hljs-string {
color: #9ccc65;
}
html.dark .hljs-comment, html.dark .hljs-quote {
color: #b18eb1;
font-style: italic;
}
html.dark .hljs-doctag, html.dark .hljs-formula {
color: #c678dd;
}
html.dark .hljs-deletion, html.dark .hljs-name, html.dark .hljs-section, html.dark .hljs-selector-tag, html.dark .hljs-subst {
color: #e06c75;
}
html.dark .hljs-literal {
color: #56b6c2;
}
html.dark .hljs-addition, html.dark .hljs-attribute, html.dark .hljs-meta .hljs-string, html.dark .hljs-regexp, html.dark .hljs-string {
color: #98c379;
}
html.dark .hljs-built_in, html.dark .hljs-class .hljs-title, html.dark .hljs-title.class_ {
color: #e6c07b;
}
html.dark .hljs-attr, html.dark .hljs-number, html.dark .hljs-selector-attr, html.dark .hljs-selector-class, html.dark .hljs-selector-pseudo, html.dark .hljs-template-variable, html.dark .hljs-type, html.dark .hljs-variable {
color: #d19a66;
}
html.dark .hljs-bullet, html.dark .hljs-link, html.dark .hljs-meta, html.dark .hljs-selector-id, html.dark .hljs-symbol, html.dark .hljs-title {
color: #61aeee;
}
html.dark .hljs-emphasis {
font-style: italic;
}
html.dark .hljs-strong {
font-weight: 700;
}
html.dark .hljs-link {
text-decoration: underline;
}
html pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
html code.hljs {
padding: 3px 5px;
}
html .hljs {
color: #383a42;
background: #fafafa;
}
html .hljs-comment, html .hljs-quote {
color: #a0a1a7;
font-style: italic;
}
html .hljs-doctag, html .hljs-formula, html .hljs-keyword {
color: #a626a4;
}
html .hljs-deletion, html .hljs-name, html .hljs-section, html .hljs-selector-tag, html .hljs-subst {
color: #e45649;
}
html .hljs-literal {
color: #0184bb;
}
html .hljs-addition, html .hljs-attribute, html .hljs-meta .hljs-string, html .hljs-regexp, html .hljs-string {
color: #50a14f;
}
html .hljs-attr, html .hljs-number, html .hljs-selector-attr, html .hljs-selector-class, html .hljs-selector-pseudo, html .hljs-template-variable, html .hljs-type, html .hljs-variable {
color: #986801;
}
html .hljs-bullet, html .hljs-link, html .hljs-meta, html .hljs-selector-id, html .hljs-symbol, html .hljs-title {
color: #4078f2;
}
html .hljs-built_in, html .hljs-class .hljs-title, html .hljs-title.class_ {
color: #c18401;
}
html .hljs-emphasis {
font-style: italic;
}
html .hljs-strong {
font-weight: 700;
}
html .hljs-link {
text-decoration: underline;
}
html.dark .markdown-body {
color-scheme: dark;
--color-prettylights-syntax-comment: #8b949e;
--color-prettylights-syntax-constant: #79c0ff;
--color-prettylights-syntax-entity: #d2a8ff;
--color-prettylights-syntax-storage-modifier-import: #c9d1d9;
--color-prettylights-syntax-entity-tag: #7ee787;
--color-prettylights-syntax-keyword: #ff7b72;
--color-prettylights-syntax-string: #a5d6ff;
--color-prettylights-syntax-variable: #ffa657;
--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
--color-prettylights-syntax-invalid-illegal-bg: #8e1519;
--color-prettylights-syntax-carriage-return-text: #f0f6fc;
--color-prettylights-syntax-carriage-return-bg: #b62324;
--color-prettylights-syntax-string-regexp: #7ee787;
--color-prettylights-syntax-markup-list: #f2cc60;
--color-prettylights-syntax-markup-heading: #1f6feb;
--color-prettylights-syntax-markup-italic: #c9d1d9;
--color-prettylights-syntax-markup-bold: #c9d1d9;
--color-prettylights-syntax-markup-deleted-text: #ffdcd7;
--color-prettylights-syntax-markup-deleted-bg: #67060c;
--color-prettylights-syntax-markup-inserted-text: #aff5b4;
--color-prettylights-syntax-markup-inserted-bg: #033a16;
--color-prettylights-syntax-markup-changed-text: #ffdfb6;
--color-prettylights-syntax-markup-changed-bg: #5a1e02;
--color-prettylights-syntax-markup-ignored-text: #c9d1d9;
--color-prettylights-syntax-markup-ignored-bg: #1158c7;
--color-prettylights-syntax-meta-diff-range: #d2a8ff;
--color-prettylights-syntax-brackethighlighter-angle: #8b949e;
--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
--color-fg-default: #c9d1d9;
--color-fg-muted: #8b949e;
--color-fg-subtle: #6e7681;
--color-canvas-default: #0d1117;
--color-canvas-subtle: #161b22;
--color-border-default: #30363d;
--color-border-muted: #21262d;
--color-neutral-muted: rgba(110, 118, 129, 0.4);
--color-accent-fg: #58a6ff;
--color-accent-emphasis: #1f6feb;
--color-attention-subtle: rgba(187, 128, 9, 0.15);
--color-danger-fg: #f85149;
}
html .markdown-body {
color-scheme: light;
--color-prettylights-syntax-comment: #6e7781;
--color-prettylights-syntax-constant: #0550ae;
--color-prettylights-syntax-entity: #8250df;
--color-prettylights-syntax-storage-modifier-import: #24292f;
--color-prettylights-syntax-entity-tag: #116329;
--color-prettylights-syntax-keyword: #cf222e;
--color-prettylights-syntax-string: #0a3069;
--color-prettylights-syntax-variable: #953800;
--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
--color-prettylights-syntax-invalid-illegal-bg: #82071e;
--color-prettylights-syntax-carriage-return-text: #f6f8fa;
--color-prettylights-syntax-carriage-return-bg: #cf222e;
--color-prettylights-syntax-string-regexp: #116329;
--color-prettylights-syntax-markup-list: #3b2300;
--color-prettylights-syntax-markup-heading: #0550ae;
--color-prettylights-syntax-markup-italic: #24292f;
--color-prettylights-syntax-markup-bold: #24292f;
--color-prettylights-syntax-markup-deleted-text: #82071e;
--color-prettylights-syntax-markup-deleted-bg: #ffebe9;
--color-prettylights-syntax-markup-inserted-text: #116329;
--color-prettylights-syntax-markup-inserted-bg: #dafbe1;
--color-prettylights-syntax-markup-changed-text: #953800;
--color-prettylights-syntax-markup-changed-bg: #ffd8b5;
--color-prettylights-syntax-markup-ignored-text: #eaeef2;
--color-prettylights-syntax-markup-ignored-bg: #0550ae;
--color-prettylights-syntax-meta-diff-range: #8250df;
--color-prettylights-syntax-brackethighlighter-angle: #57606a;
--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
--color-prettylights-syntax-constant-other-reference-link: #0a3069;
--color-fg-default: #24292f;
--color-fg-muted: #57606a;
--color-fg-subtle: #6e7781;
--color-canvas-default: #ffffff;
--color-canvas-subtle: #f6f8fa;
--color-border-default: #d0d7de;
--color-border-muted: hsl(210, 18%, 87%);
--color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-accent-fg: #0969da;
--color-accent-emphasis: #0969da;
--color-attention-subtle: #fff8c5;
--color-danger-fg: #cf222e;
}
.markdown-body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: var(--color-canvas-default);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.markdown-body .octicon {
display: inline-block;
fill: currentColor;
vertical-align: text-bottom;
}
.markdown-body h1:hover .anchor .octicon-link:before, .markdown-body h2:hover .anchor .octicon-link:before, .markdown-body h3:hover .anchor .octicon-link:before, .markdown-body h4:hover .anchor .octicon-link:before, .markdown-body h5:hover .anchor .octicon-link:before, .markdown-body h6:hover .anchor .octicon-link:before {
width: 16px;
height: 16px;
content: " ";
display: inline-block;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
.markdown-body details, .markdown-body figcaption, .markdown-body figure {
display: block;
}
.markdown-body summary {
display: list-item;
}
.markdown-body [hidden] {
display: none !important;
}
.markdown-body a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.markdown-body abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted currentColor;
text-decoration: underline dotted currentColor;
}
.markdown-body b, .markdown-body strong {
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body dfn {
font-style: italic;
}
.markdown-body h1 {
margin: 0.67em 0;
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body mark {
background-color: var(--color-attention-subtle);
color: var(--color-fg-default);
}
.markdown-body small {
font-size: 90%;
}
.markdown-body sub, .markdown-body sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.markdown-body sub {
bottom: -0.25em;
}
.markdown-body sup {
top: -0.5em;
}
.markdown-body img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.markdown-body code, .markdown-body kbd, .markdown-body pre, .markdown-body samp {
font-family: monospace;
font-size: 1em;
}
.markdown-body figure {
margin: 1em 40px;
}
.markdown-body hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.markdown-body input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.markdown-body [type="button"], .markdown-body [type="reset"], .markdown-body [type="submit"] {
-webkit-appearance: button;
}
.markdown-body [type="checkbox"], .markdown-body [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.markdown-body [type="number"]::-webkit-inner-spin-button, .markdown-body [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.markdown-body [type="search"]::-webkit-search-cancel-button, .markdown-body [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.markdown-body ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.markdown-body ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.markdown-body a:hover {
text-decoration: underline;
}
.markdown-body ::-moz-placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.markdown-body ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.markdown-body hr::before {
display: table;
content: "";
}
.markdown-body hr::after {
display: table;
clear: both;
content: "";
}
.markdown-body table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: -moz-max-content;
width: max-content;
max-width: 100%;
overflow: auto;
}
.markdown-body table::-webkit-scrollbar {
height: 6px;
}
.markdown-body td, .markdown-body th {
padding: 0;
}
.markdown-body details summary {
cursor: pointer;
}
.markdown-body details:not([open]) > *:not(summary) {
display: none !important;
}
.markdown-body a:focus, .markdown-body [role="button"]:focus, .markdown-body input[type="radio"]:focus, .markdown-body input[type="checkbox"]:focus {
outline: 2px solid var(--color-accent-fg);
outline-offset: -2px;
box-shadow: none;
}
.markdown-body a:focus:not(.focus-visible), .markdown-body [role="button"]:focus:not(.focus-visible), .markdown-body input[type="radio"]:focus:not(.focus-visible), .markdown-body input[type="checkbox"]:focus:not(.focus-visible) {
outline: solid 1px transparent;
}
.markdown-body a:focus:not(:focus-visible), .markdown-body [role="button"]:focus:not(:focus-visible), .markdown-body input[type="radio"]:focus:not(:focus-visible), .markdown-body input[type="checkbox"]:focus:not(:focus-visible) {
outline: solid 1px transparent;
}
.markdown-body a.focus-visible, .markdown-body [role="button"].focus-visible, .markdown-body input[type="radio"].focus-visible, .markdown-body input[type="checkbox"].focus-visible {
outline: 2px solid var(--color-accent-fg);
outline-offset: -2px;
box-shadow: none;
}
.markdown-body a:focus-visible, .markdown-body [role="button"]:focus-visible, .markdown-body input[type="radio"]:focus-visible, .markdown-body input[type="checkbox"]:focus-visible {
outline: 2px solid var(--color-accent-fg);
outline-offset: -2px;
box-shadow: none;
}
.markdown-body a:not([class]):focus, .markdown-body a:not([class]).focus-visible, .markdown-body input[type="radio"]:focus, .markdown-body input[type="radio"].focus-visible, .markdown-body input[type="checkbox"]:focus, .markdown-body input[type="checkbox"].focus-visible {
outline-offset: 0;
}
.markdown-body a:not([class]):focus, .markdown-body a:not([class]):focus-visible, .markdown-body input[type="radio"]:focus, .markdown-body input[type="radio"]:focus-visible, .markdown-body input[type="checkbox"]:focus, .markdown-body input[type="checkbox"]:focus-visible {
outline-offset: 0;
}
.markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
line-height: 10px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
line-height: 1.25;
}
.markdown-body h2 {
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body h3 {
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
font-size: 1.25em;
}
.markdown-body h4 {
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
font-size: 1em;
}
.markdown-body h5 {
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
font-size: 0.875em;
}
.markdown-body h6 {
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
font-size: 0.85em;
color: var(--color-fg-muted);
}
.markdown-body p {
margin-top: 0;
margin-bottom: 10px;
}
.markdown-body blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.markdown-body ul, .markdown-body ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.markdown-body ol ol, .markdown-body ul ol {
list-style-type: lower-roman;
}
.markdown-body ul ul ol, .markdown-body ul ol ol, .markdown-body ol ul ol, .markdown-body ol ol ol {
list-style-type: lower-alpha;
}
.markdown-body dd {
margin-left: 0;
}
.markdown-body tt, .markdown-body code, .markdown-body samp {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px;
}
.markdown-body pre {
margin-top: 0;
margin-bottom: 0;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px;
word-wrap: normal;
}
.markdown-body .octicon {
overflow: visible !important;
}
.markdown-body .octicon {
display: inline-block;
vertical-align: text-bottom;
fill: currentColor;
}
.markdown-body input::-webkit-outer-spin-button, .markdown-body input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.markdown-body::before {
display: table;
content: "";
}
.markdown-body::after {
display: table;
clear: both;
content: "";
}
.markdown-body > *:first-child {
margin-top: 0 !important;
}
.markdown-body > *:last-child {
margin-bottom: 0 !important;
}
.markdown-body a:not([href]) {
color: inherit;
text-decoration: none;
}
.markdown-body .absent {
color: var(--color-danger-fg);
}
.markdown-body .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.markdown-body .anchor:focus {
outline: none;
}
.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre, .markdown-body details {
margin-top: 0;
margin-bottom: 16px;
}
.markdown-body blockquote > :first-child {
margin-top: 0;
}
.markdown-body blockquote > :last-child {
margin-bottom: 0;
}
.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link {
color: var(--color-fg-default);
vertical-align: middle;
visibility: hidden;
}
.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor {
text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link {
visibility: visible;
}
.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.markdown-body summary h1, .markdown-body summary h2, .markdown-body summary h3, .markdown-body summary h4, .markdown-body summary h5, .markdown-body summary h6 {
display: inline-block;
}
.markdown-body summary h1 .anchor, .markdown-body summary h2 .anchor, .markdown-body summary h3 .anchor, .markdown-body summary h4 .anchor, .markdown-body summary h5 .anchor, .markdown-body summary h6 .anchor {
margin-left: -40px;
}
.markdown-body summary h1, .markdown-body summary h2 {
padding-bottom: 0;
border-bottom: 0;
}
.markdown-body ul.no-list, .markdown-body ol.no-list {
padding: 0;
list-style-type: none;
}
.markdown-body ol[type="a"] {
list-style-type: lower-alpha;
}
.markdown-body ol[type="A"] {
list-style-type: upper-alpha;
}
.markdown-body ol[type="i"] {
list-style-type: lower-roman;
}
.markdown-body ol[type="I"] {
list-style-type: upper-roman;
}
.markdown-body ol[type="1"] {
list-style-type: decimal;
}
.markdown-body div > ol:not([type]) {
list-style-type: decimal;
}
.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul {
margin-top: 0;
margin-bottom: 0;
}
.markdown-body li > p {
margin-top: 16px;
}
.markdown-body li + li {
margin-top: 0.25em;
}
.markdown-body dl {
padding: 0;
}
.markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.markdown-body table th {
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body table th, .markdown-body table td {
padding: 6px 10px;
border: 1px solid var(--color-border-default);
min-width: 78px;
}
.markdown-body table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.markdown-body table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.markdown-body table img {
background-color: transparent;
}
.markdown-body img[align="right"] {
padding-left: 20px;
}
.markdown-body img[align="left"] {
padding-right: 20px;
}
.markdown-body .emoji {
max-width: none;
vertical-align: text-top;
background-color: transparent;
}
.markdown-body span.frame {
display: block;
overflow: hidden;
}
.markdown-body span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.markdown-body span.frame span img {
display: block;
float: left;
}
.markdown-body span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.markdown-body span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.markdown-body span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.markdown-body span.align-center span img {
margin: 0 auto;
text-align: center;
}
.markdown-body span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.markdown-body span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.markdown-body span.align-right span img {
margin: 0;
text-align: right;
}
.markdown-body span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.markdown-body span.float-left span {
margin: 13px 0 0;
}
.markdown-body span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.markdown-body span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.markdown-body code, .markdown-body tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
white-space: break-spaces;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.markdown-body code br, .markdown-body tt br {
display: none;
}
.markdown-body del code {
text-decoration: inherit;
}
.markdown-body samp {
font-size: 85%;
}
.markdown-body pre code {
font-size: 100%;
}
.markdown-body pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.markdown-body .highlight {
margin-bottom: 16px;
}
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.markdown-body .highlight pre, .markdown-body pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.markdown-body pre code, .markdown-body pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.markdown-body .csv-data td, .markdown-body .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.markdown-body .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.markdown-body .csv-data tr {
border-top: 0;
}
.markdown-body .csv-data th {
font-weight: 600;
font-weight: var(--base-text-weight-semibold, 600);
background: var(--color-canvas-subtle);
border-top: 0;
}
.markdown-body [data-footnote-ref]::before {
content: "[";
}
.markdown-body [data-footnote-ref]::after {
content: "]";
}
.markdown-body .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.markdown-body .footnotes ol {
padding-left: 16px;
}
.markdown-body .footnotes ol ul {
display: inline-block;
padding-left: 16px;
margin-top: 16px;
}
.markdown-body .footnotes li {
position: relative;
}
.markdown-body .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.markdown-body .footnotes li:target {
color: var(--color-fg-default);
}
.markdown-body .footnotes .data-footnote-backref g-emoji {
font-family: monospace;
}
.markdown-body .pl-c {
color: var(--color-prettylights-syntax-comment);
}
.markdown-body .pl-c1, .markdown-body .pl-s .pl-v {
color: var(--color-prettylights-syntax-constant);
}
.markdown-body .pl-e, .markdown-body .pl-en {
color: var(--color-prettylights-syntax-entity);
}
.markdown-body .pl-smi, .markdown-body .pl-s .pl-s1 {
color: var(--color-prettylights-syntax-storage-modifier-import);
}
.markdown-body .pl-ent {
color: var(--color-prettylights-syntax-entity-tag);
}
.markdown-body .pl-k {
color: var(--color-prettylights-syntax-keyword);
}
.markdown-body .pl-s, .markdown-body .pl-pds, .markdown-body .pl-s .pl-pse .pl-s1, .markdown-body .pl-sr, .markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sre, .markdown-body .pl-sr .pl-sra {
color: var(--color-prettylights-syntax-string);
}
.markdown-body .pl-v, .markdown-body .pl-smw {
color: var(--color-prettylights-syntax-variable);
}
.markdown-body .pl-bu {
color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
}
.markdown-body .pl-ii {
color: var(--color-prettylights-syntax-invalid-illegal-text);
background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
}
.markdown-body .pl-c2 {
color: var(--color-prettylights-syntax-carriage-return-text);
background-color: var(--color-prettylights-syntax-carriage-return-bg);
}
.markdown-body .pl-sr .pl-cce {
font-weight: bold;
color: var(--color-prettylights-syntax-string-regexp);
}
.markdown-body .pl-ml {
color: var(--color-prettylights-syntax-markup-list);
}
.markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms {
font-weight: bold;
color: var(--color-prettylights-syntax-markup-heading);
}
.markdown-body .pl-mi {
font-style: italic;
color: var(--color-prettylights-syntax-markup-italic);
}
.markdown-body .pl-mb {
font-weight: bold;
color: var(--color-prettylights-syntax-markup-bold);
}
.markdown-body .pl-md {
color: var(--color-prettylights-syntax-markup-deleted-text);
background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
.markdown-body .pl-mi1 {
color: var(--color-prettylights-syntax-markup-inserted-text);
background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
.markdown-body .pl-mc {
color: var(--color-prettylights-syntax-markup-changed-text);
background-color: var(--color-prettylights-syntax-markup-changed-bg);
}
.markdown-body .pl-mi2 {
color: var(--color-prettylights-syntax-markup-ignored-text);
background-color: var(--color-prettylights-syntax-markup-ignored-bg);
}
.markdown-body .pl-mdr {
font-weight: bold;
color: var(--color-prettylights-syntax-meta-diff-range);
}
.markdown-body .pl-ba {
color: var(--color-prettylights-syntax-brackethighlighter-angle);
}
.markdown-body .pl-sg {
color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}
.markdown-body .pl-corl {
text-decoration: underline;
color: var(--color-prettylights-syntax-constant-other-reference-link);
}
.markdown-body g-emoji {
font-style: normal !important;
}
.markdown-body g-emoji {
display: inline-block;
min-width: 1ch;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1em;
font-weight: 400;
font-weight: var(--base-text-weight-normal, 400);
line-height: 1;
vertical-align: -0.075em;
}
.markdown-body g-emoji img {
width: 1em;
height: 1em;
}
.markdown-body .task-list-item {
list-style-type: none;
}
.markdown-body .task-list-item label {
font-weight: 400;
font-weight: var(--base-text-weight-normal, 400);
}
.markdown-body .task-list-item.enabled label {
cursor: pointer;
}
.markdown-body .task-list-item + .task-list-item {
margin-top: 4px;
}
.markdown-body .task-list-item .handle {
display: none;
}
.markdown-body .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.4em;
vertical-align: middle;
}
[dir="rtl"] .markdown-body .contains-task-list .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
.markdown-body .contains-task-list {
position: relative;
}
.markdown-body .contains-task-list:hover .task-list-item-convert-container, .markdown-body .contains-task-list[focus-within] .task-list-item-convert-container {
display: block;
width: auto;
height: 24px;
overflow: visible;
clip: auto;
}
.markdown-body .contains-task-list:hover .task-list-item-convert-container, .markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
display: block;
width: auto;
height: 24px;
overflow: visible;
clip: auto;
}
.markdown-body ::-webkit-calendar-picker-indicator {
filter: invert(50%);
}
.markdown-body {
background-color: transparent;
font-size: 14px;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.markdown-body * {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.markdown-body p {
white-space: pre-wrap;
}
.markdown-body ol {
list-style-type: decimal;
}
.markdown-body ul {
list-style-type: disc;
}
.markdown-body pre code, .markdown-body pre tt {
line-height: 1.65;
}
.markdown-body .highlight pre, .markdown-body pre {
background-color: #fff;
}
.markdown-body code.hljs {
padding: 0;
}
.markdown-body .code-block-wrapper {
position: relative;
padding-top: 24px;
}
.markdown-body .code-block-header {
position: absolute;
top: 5px;
right: 0;
width: 100%;
padding: 0 1rem;
display: flex;
justify-content: flex-end;
align-items: center;
color: #b3b3b3;
}
.markdown-body .code-block-header__copy {
cursor: pointer;
margin-left: 0.5rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.markdown-body .code-block-header__copy:hover {
color: #65a665;
}
html.dark .message-reply .whitespace-pre-wrap {
white-space: pre-wrap;
color: var(--n-text-color);
}
html.dark .highlight pre, html.dark pre {
background-color: #282c34;
}
.markdown-body .code-block-body {
padding-bottom: 12px !important;
}
.markdown-body .code-block-body::-webkit-scrollbar {
height: 4px;
}
.markdown-body .code-block-body::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.markdown-body .code-block-body::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #c2c3c8;
}
.card_STfeM {
width: 316px;
height: 104px;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.08);
overflow: hidden;
display: flex;
flex-direction: row;
align-items: center;
padding-left: 16px;
position: relative;
background: linear-gradient(to right, #ffffff 39.557%, #eff4ff);
flex-shrink: 0;
}
.card_STfeM.generated_yFvxV {
cursor: pointer;
}
.do-hovers .card_STfeM:hover {
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
}
.card_STfeM.typeDocument_58222 {
background: linear-gradient(to right, #ffffff 39.557%, #eff4ff);
}
.card_STfeM.typePpt_4RUYB {
background: linear-gradient(to right, #ffffff 39.557%, #fff0ef);
}
.card_STfeM.typeWebpage_lIlOF {
background: linear-gradient(to right, #ffffff 39.557%, #f6f0ff);
}
.card_STfeM.typeMind_liVHX {
background: linear-gradient(to right, #ffffff 39.557%, #efefff);
}
.card_STfeM.typeAudio_-ARUJ {
background: linear-gradient(to right, #ffffff 39.557%, #f2eeff);
}
.leftContent_Xifjk {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
}
.iconAndText_8RIS4 {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
overflow: hidden;
}
.textGroup_xe12w {
display: flex;
flex-direction: column;
gap: 2px;
width: 100%;
overflow: hidden;
white-space: nowrap;
}
.title_zVN3u {
font-size: 14px;
font-weight: 600;
line-height: 22px;
color: #0c1024;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.subtitle_1TBJH {
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: #91939c;
}
.iconWrapper_JJSL7 {
width: 20px;
height: 20px;
flex-shrink: 0;
overflow: hidden;
position: relative;
}
.rightImage_X1kgv {
width: 114px;
height: 104px;
overflow: hidden;
flex-shrink: 0;
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
}
.rightImage_X1kgv img {
height: 100%;
width: auto;
-o-object-fit: cover;
object-fit: cover;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.skeletonIcon_jXDTx {
width: 20px;
height: 20px;
border-radius: 6px;
background-color: rgba(0, 0, 0, 0.04);
flex-shrink: 0;
}
.skeletonTextGroup_Dv215 {
display: flex;
flex-direction: column;
gap: 2px;
width: 100%;
}
.skeletonLine_WJ-2h {
border-radius: 6px;
background: linear-gradient(97.46deg, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.06) 45%, rgba(0, 0, 0, 0.02) 65%);
background-size: 400% 100%;
animation: skeleton-loading_SRnh0 1.4s ease infinite;
}
.skeletonLine_WJ-2h.full_tulIZ {
height: 22px;
width: 100%;
}
.skeletonLine_WJ-2h.half_Km15e {
height: 20px;
width: 128px;
}
@keyframes skeleton-loading_SRnh0 {
from {
background-position: 100% 50%;
}
to {
background-position: 0 50%;
}
}
.generatingImageCard_24Fch {
width: 240px;
height: 240px;
flex-shrink: 0;
background: linear-gradient(135deg, #cc60ff 0%, #2670ff 85%, #327dff 100%);
padding: 2px;
}
.generatingImageInner_KJOsn {
width: 100%;
height: 100%;
background: #ffffff;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.generatingImageProgressOverlay_93hRQ {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: linear-gradient(94.8125deg, rgba(204, 96, 255, 0.16) 14.037%, rgba(38, 112, 255, 0.16) 81.468%, rgba(50, 125, 255, 0.16) 94.954%);
pointer-events: none;
transition: width 0.1s linear;
}
.generatingImageIcon_yHb-A {
position: relative;
width: 64px;
height: 64px;
flex-shrink: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
}
.generatingImageIcon_yHb-A svg {
width: 100%;
height: 100%;
display: block;
}
.drawOnCanvasCard_wi3Xs {
width: 240px;
height: 240px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
background: linear-gradient(96.405deg, rgba(204, 96, 255, 0.16) 14.037%, rgba(38, 112, 255, 0.16) 81.468%, rgba(50, 125, 255, 0.16) 94.954%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
}
.drawOnCanvasGif_CB7xT {
width: 72px;
height: 72px;
flex-shrink: 0;
}
.drawOnCanvasGif_CB7xT img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
pointer-events: none;
}
.drawOnCanvasProgressBar_xWIrG {
width: 160px;
height: 4px;
border-radius: 9999px;
background: rgba(255, 255, 255, 0.65);
overflow: hidden;
flex-shrink: 0;
}
.drawOnCanvasProgressFill_RIFeK {
height: 100%;
border-radius: 72.864px;
background: linear-gradient(167.445deg, rgba(204, 96, 255, 0.88) 14.037%, rgba(38, 112, 255, 0.88) 81.468%, rgba(50, 125, 255, 0.88) 94.954%);
transition: width 0.1s linear;
}
.drawOnCanvasStatusText_-l4JE {
font-size: 10px;
line-height: 18px;
font-style: normal;
text-align: center;
white-space: nowrap;
flex-shrink: 0;
background: linear-gradient(120.645deg, rgba(204, 96, 255, 0.88) 14.037%, rgba(38, 112, 255, 0.88) 81.468%, rgba(50, 125, 255, 0.88) 94.954%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.phoneMode .drawOnCanvasStatusText_-l4JE {
font-size: 14px;
line-height: 22px;
}
.generatedImageCard_-GeID {
transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.generatedImageCard_-GeID {
width: 240px;
flex-shrink: 0;
overflow: hidden;
display: flex;
align-items: start;
justify-content: start;
cursor: pointer;
background: transparent;
}
.generatedImageCard_-GeID.pressed_Co91G {
transform: scale(0.95);
}
.generatedImageCard_-GeID img {
max-width: 240px;
max-height: 240px;
border-radius: 8px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
pointer-events: none;
}
.do-hovers .generatedImageCard_-GeID:hover {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}
.askUploadedFiles_wry7Y {
display: flex;
align-items: center;
gap: 6px;
justify-content: flex-end;
}
.fileItem_S3nG- {
height: 32px;
flex-shrink: 0;
}
.fileItem_S3nG-:not(.imagePreview) {
max-width: 140px;
}
.fileItem_S3nG-.imagePreview {
width: 32px;
}
.moreButton_1vbey {
display: flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 8px 6px;
background-color: rgba(0,0,0,0.03922);
border-radius: 6px;
font-family: "PingFang SC", sans-serif;
font-size: 13px;
line-height: 20px;
color: #0c1024;
cursor: pointer;
transition: background-color 0.2s;
flex-shrink: 0;
}
.do-hovers .moreButton_1vbey:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.uploadedFilesPanel_F9z9p {
background-color: #ffffff;
border: 1px solid #dbdbde;
border-radius: 8px;
padding: 6px 2px 6px 6px;
display: flex;
flex-direction: column;
gap: 2px;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
overflow-y: scroll;
width: 260px;
max-height: 448px;
}
.fileItemWrapper_v5DZj {
display: flex;
align-items: center;
height: 36px;
padding: 8px;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.2s;
}
.do-hovers .fileItemWrapper_v5DZj:hover {
background-color: rgba(0,0,0,0.03922);
}
.uploadedFilePanelItem_v86v5 {
display: flex;
align-items: center;
gap: 4px;
width: 100%;
}
.imagePreview_1XDv9 {
flex-shrink: 0;
width: 22px;
height: 22px;
border: 1px solid rgba(0,0,0,0.03922);
border-radius: 4px;
overflow: hidden;
}
.previewImage_IHujU {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.fileIcon_Yuje4 {
flex-shrink: 0;
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
}
.fileName_BHNU3 {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
font-family: "PingFang SC", sans-serif;
font-size: 13px;
line-height: 20px;
color: #0c1024;
white-space: nowrap;
overflow: hidden;
}
.name_rpq-r {
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ext_6ySA0 {
flex-shrink: 0;
}
.rtcListRootContainer_qIqXc {
position: absolute;
top: 102px;
width: 212px;
right: 8px;
display: flex;
flex-direction: column;
align-items: center;
height: 216px;
cursor: move;
touch-action: none;
transform-origin: top left;
}
.rtcListRootContainer_qIqXc.hide_KSYQx {
visibility: hidden;
}
.rtcListRootContainer_qIqXc .contentContainer_pxbY7 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.rtcListRootContainer_qIqXc .contentContainer_pxbY7.hide_KSYQx {
visibility: hidden;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev {
position: absolute;
background-color: #303445;
padding: 2px 4px 3px 4px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #0c1024;
width: 100%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .switchBox_EYQy-,
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .hideBox_0HhII {
display: flex;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .switchBox_EYQy- .iconBox_504MN,
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .hideBox_0HhII .iconBox_504MN {
padding: 4px;
border-radius: 2px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .switchBox_EYQy- .iconBox_504MN > svg,
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .hideBox_0HhII .iconBox_504MN > svg {
color: rgba(255, 255, 255, 0.4);
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .switchBox_EYQy- .iconBox_504MN:hover,
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev .hideBox_0HhII .iconBox_504MN:hover {
background-color: rgba(0, 0, 0, 0.25);
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev.visible_PAgt5 {
margin-top: -38px;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev.hide_KSYQx {
margin-top: 0;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev:hover {
margin-top: -38px;
}
.rtcListRootContainer_qIqXc .modeChangeBar_025Ev:hover + .contentContainer_pxbY7 .speakingBar_ltrGX {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.rtcListRootContainer_qIqXc .speakingBar_ltrGX {
padding: 8px 10px;
border-bottom: 1px solid #0c1024;
background-color: #303445;
color: #fff;
font-size: 12px;
line-height: 20px;
width: 100%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.rtcListRootContainer_qIqXc .speakingBar_ltrGX.round_P2MX0 {
border-radius: 8px;
}
.rtcListRootContainer_qIqXc .speakingBar_ltrGX.noRadius_NUett {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.blockActionPanel_pVjq0 {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.zindex22_WmV-Z {
z-index: 22;
}
.container_lff7V {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.viewport_--7DE {
overflow: hidden;
transform: translateZ(0);
background-color: #303445;
padding: 0 2px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.viewportScrollable {
overflow: auto;
}
.viewportScrollable::-webkit-scrollbar {
display: none;
}
.transList_OZsPI {
transition: transform 0.2s ease;
}
.sliderBtn_joPJl {
position: absolute;
width: 48px;
height: 24px;
border-radius: 14px;
background-color: rgba(0, 0, 0, 0.8);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
color: white;
}
.sliderBtn_joPJl.pc_qNRiU {
visibility: hidden;
}
.sliderBtn_joPJl.visible_PAgt5 {
visibility: visible;
}
.upBtn_RpZTj {
z-index: 1;
top: 37px;
border-radius: 0px 0px 8px 8px;
background-color: rgba(48, 52, 69, 0.8);
}
.downBtn_IGLIP {
bottom: 0;
border-radius: 8px 8px 0px 0px;
background-color: rgba(48, 52, 69, 0.8);
}
.btnDisabled_5qzFF {
cursor: not-allowed;
background-color: rgba(0, 0, 0, 0.2);
}
.sideToggle_BI8rK {
position: absolute;
height: 48px;
width: 24px;
background-color: #303030;
top: 148px;
right: 0;
transform: translate(0, -50%);
display: flex;
flex-direction: column;
justify-content: center;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
cursor: pointer;
pointer-events: auto;
padding-left: 2px;
z-index: 1;
}
.sideToggle_BI8rK svg {
width: 24px;
height: 24px;
color: white;
transform: rotate(180deg);
}
.sideToggle_BI8rK.zindex22_WmV-Z {
z-index: 22;
}
.enlargedVideoCon_9PKzD {
height: 0px;
position: absolute;
width: 100%;
top: 0;
left: 0;
transform: translate(0, 0);
pointer-events: auto;
}
.sideTogglePhone_wcz32 {
position: fixed;
height: 48px;
width: 24px;
background-color: #303030;
top: 148px;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
cursor: pointer;
}
.sideTogglePhone_wcz32 svg {
width: 24px;
height: 24px;
color: white;
}
.sideTogglePhone_wcz32.horizontal_-LOEi {
top: 80px;
}
.enlargedVideoConPhone_jceuW {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 100;
}
.detachedBoxLandscape_Uxe9o {
width: 100%;
height: 100%;
display: flex;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 {
flex: 1;
height: 100%;
position: relative;
background-color: #000;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .videoContainer_FFi2m {
height: 100%;
width: 100%;
padding: 0 39px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .avatarContainer_8Oezy {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #303445;
margin: 0 39px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .avatarContainer_8Oezy .avatar_836sw {
width: 100px;
height: 100px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf {
position: absolute;
right: 16px;
bottom: 16px;
display: flex;
justify-content: center;
align-items: center;
padding: 11px 16px;
border-radius: 999px;
background-color: rgba(48, 52, 69, 0.6);
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .micIconBox_zrmTv {
position: relative;
width: 24px;
height: 24px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .micIconBox_zrmTv > svg {
color: #fff;
font-size: 24px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .micIconBox_zrmTv .volume_-4Gyd {
position: absolute;
bottom: 9px;
left: 50%;
transform: translate(-50%);
background: #05caae;
transition: height 0.1s ease;
border-radius: 4px;
width: 4px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .micIconBox_zrmTv .volume_-4Gyd.hide_KSYQx {
display: none;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .divider_ximye {
width: 1px;
height: 20px;
background-color: #616371;
margin: 0 16px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .camIconBox_jgYHV {
width: 24px;
height: 24px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .mediaBar_7C7qf .camIconBox_jgYHV > svg {
color: #fff;
font-size: 24px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .header_x18lV {
position: absolute;
top: 16px;
left: 0;
flex-shrink: 0;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .header_x18lV > span {
line-height: 18px;
color: white;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-left: 8px;
position: absolute;
top: 0;
left: 0;
z-index: 50;
font-size: 16px;
height: 24px;
max-width: 300px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .header_x18lV > span > span {
position: relative;
bottom: 7px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .header_x18lV .shareIconBox_-e5tY {
display: inline-block;
border-radius: 2px;
background-color: #00c78b;
margin-right: 4px;
width: 18px;
height: 18px;
margin-left: 4px;
position: relative;
bottom: 7px;
}
.detachedBoxLandscape_Uxe9o .mixBox_PLzf9 .header_x18lV .shareIconBox_-e5tY > svg {
font-size: 14px;
margin-right: 4px;
position: relative;
top: 2px;
left: 2px;
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj {
padding: 8px;
background-color: #1d1e32;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj .btnRow_IwEdN {
height: 20px;
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl {
position: static;
width: 48px;
height: 20px;
border-radius: 999px;
padding: 0px 12px;
margin: auto;
background-color: rgba(0, 0, 0, 0.45);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl > svg {
font-size: 20px;
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl.btnDisabled_5qzFF > svg {
color: rgba(255, 255, 255, 0.25);
}
.detachedBoxLandscape_Uxe9o .profileBox_X5uBj .listbox_Pd9ol {
margin: 4px 0px;
height: 100%;
display: flex;
flex-direction: column;
gap: 4px;
}
.detachedBoxPortrait_kE909 {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
background-color: #000;
position: relative;
}
.detachedBoxPortrait_kE909 .header_x18lV {
flex-shrink: 0;
z-index: 50;
height: 48px;
padding: 12px 16px;
background-color: #1d1e23;
border-bottom: 2px solid #000;
}
.detachedBoxPortrait_kE909 .header_x18lV > span {
line-height: 18px;
color: white;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 16px;
height: 24px;
max-width: 300px;
display: flex;
align-items: center;
}
.detachedBoxPortrait_kE909 .header_x18lV .shareIconBox_-e5tY {
display: inline-block;
border-radius: 2px;
background-color: #00c78b;
margin-right: 4px;
width: 18px;
height: 18px;
margin-left: 4px;
}
.detachedBoxPortrait_kE909 .header_x18lV .shareIconBox_-e5tY > svg {
font-size: 14px;
margin-right: 4px;
position: relative;
top: 2px;
left: 2px;
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj {
padding: 8px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #1d1e23;
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj .btnRow_IwEdN {
width: 24px;
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl {
position: static;
width: 24px;
height: 48px;
border-radius: 999px;
padding: 12px 0;
margin: auto;
background-color: rgba(0, 0, 0, 0.45);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl > svg {
font-size: 20px;
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj .btnRow_IwEdN .sliderBtn_joPJl.btnDisabled_5qzFF > svg {
color: rgba(255, 255, 255, 0.25);
}
.detachedBoxPortrait_kE909 .profileBox_X5uBj .listbox_Pd9ol {
margin: 0px 4px;
height: 100%;
display: flex;
gap: 4px;
flex: 1;
}
.detachedBoxPortrait_kE909 .mixBox_PLzf9 {
flex: 1;
position: relative;
}
.detachedBoxPortrait_kE909 .mixBox_PLzf9 .videoContainer_FFi2m {
height: 100%;
width: 100%;
top: 50%;
transform: translateY(-50%);
position: absolute;
}
.detachedBoxPortrait_kE909 .mixBox_PLzf9 .avatarContainer_8Oezy {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 50%;
height: 210px;
transform: translateY(-50%);
left: 0;
right: 0;
background: #303445;
}
.detachedBoxPortrait_kE909 .mixBox_PLzf9 .avatarContainer_8Oezy .avatar_836sw {
width: 100px;
height: 100px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf {
margin: auto;
margin-bottom: 34px;
display: flex;
justify-content: center;
align-items: center;
padding: 11px 16px;
border-radius: 999px;
background-color: rgba(48, 52, 69, 0.6);
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .micIconBox_zrmTv {
position: relative;
width: 24px;
height: 24px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .micIconBox_zrmTv > svg {
color: #fff;
font-size: 24px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .micIconBox_zrmTv .volume_-4Gyd {
position: absolute;
bottom: 9px;
left: 50%;
transform: translate(-50%);
background: #05caae;
transition: height 0.1s ease;
border-radius: 4px;
width: 4px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .micIconBox_zrmTv .volume_-4Gyd.hide_KSYQx {
display: none;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .divider_ximye {
width: 1px;
height: 20px;
background-color: #616371;
margin: 0 16px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .camIconBox_jgYHV {
width: 24px;
height: 24px;
}
.detachedBoxPortrait_kE909 .mediaBar_7C7qf .camIconBox_jgYHV > svg {
color: #fff;
font-size: 24px;
}
.rtcBlockPhoneBox_kD8au {
color: #fff;
border-radius: 4px;
background-color: #303445;
display: flex;
justify-content: center;
align-items: center;
position: relative;
border: 1px solid #303445;
}
.rtcBlockPhoneBox_kD8au .topLeftFloat_2V-z- {
position: absolute;
top: 4px;
left: 4px;
background: var(--upime-active);
width: 14px;
height: 14px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
}
.rtcBlockPhoneBox_kD8au .topLeftFloat_2V-z- svg {
width: 10px;
height: 10px;
color: white;
}
.rtcBlockPhoneBox_kD8au .videoContainer_FFi2m {
height: 100%;
width: 100%;
}
.rtcBlockPhoneBox_kD8au.detached_p-IIs {
border: 1px solid #00c78b;
}
.footer_QR4CX {
position: absolute;
bottom: 4px;
left: 4px;
font-size: 10px;
height: 22px;
color: #fff;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.5);
padding-right: 4px;
max-width: calc(100% - 16px);
}
.footer_QR4CX .identity_141M- {
padding: 2px 4px;
height: 100%;
white-space: nowrap;
display: flex;
align-items: center;
background-color: #e5920b;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.footer_QR4CX > span {
max-width: 180px;
height: 18px;
font-size: 10px;
line-height: 16px;
color: white;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.footer_QR4CX .micIconContainer_t0seO {
color: white;
border-radius: 2px;
position: relative;
margin-left: 4px;
margin-right: 2px;
display: flex;
justify-content: center;
align-items: center;
}
.footer_QR4CX .micIconContainer_t0seO .volume_-4Gyd {
position: absolute;
bottom: 4px;
left: 50%;
transform: translate(-50%);
background: #05caae;
transition: height 0.1s ease;
border-radius: 4px;
width: 4px;
}
.footer_QR4CX .micIconContainer_t0seO > svg {
width: 14px;
height: 14px;
}
.footer_QR4CX .micIconContainer_t0seO .micClosedIcon_gmGxb {
color: rgba(255, 255, 255, 0.65);
}
.footer_QR4CX .shareIconBox_-e5tY {
display: flex;
justify-content: center;
align-items: center;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #00c78b;
margin-right: 4px;
width: 22px;
height: 22px;
padding: 2px;
}
.footer_QR4CX .shareIconBox_-e5tY > svg {
font-size: 14px;
}
.singboxContainer_YdZdT {
position: absolute;
right: 8px;
top: 64px;
}
.singboxContainer_YdZdT.landscape_9EESU {
right: 16px;
top: 76px;
}
.singleBox_cMpLG {
position: relative;
width: 160px;
height: 90px;
border-radius: 4px;
background-color: #303445;
border: 1px solid #303445;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.12);
overflow: hidden;
}
.singleBox_cMpLG .actionBox_NzrDX {
position: absolute;
right: 8px;
top: 8px;
display: flex;
}
.singleBox_cMpLG .actionBox_NzrDX .minBox_9pmU7,
.singleBox_cMpLG .actionBox_NzrDX .maxBox_ixisi {
padding: 3px;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
}
.singleBox_cMpLG .actionBox_NzrDX .minBox_9pmU7 > svg,
.singleBox_cMpLG .actionBox_NzrDX .maxBox_ixisi > svg {
font-size: 16px;
color: #fff;
}
.singleBox_cMpLG .actionBox_NzrDX .minBox_9pmU7 {
margin-right: 8px;
}
.singleBox_cMpLG .actionBox_NzrDX.actionBoxHidden_dXSVA {
visibility: hidden;
}
.singleBox_cMpLG .footer_QR4CX {
left: 8px;
bottom: 8px;
}
.singleBox_cMpLG .videoContainer_FFi2m > div {
height: 90px;
}
.singleBox_cMpLG .avatar_836sw {
width: 44px;
height: 44px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.singleBox_cMpLG .topLeftFloat_2V-z- {
position: absolute;
top: 4px;
left: 4px;
background: var(--upime-active);
width: 14px;
height: 14px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
}
.singleBox_cMpLG .topLeftFloat_2V-z- svg {
width: 10px;
height: 10px;
color: white;
}
.blockRoot_arOMy {
width: 208px;
height: 117px;
background-color: rgba(255, 255, 255, 0.12);
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2px;
}
.blockRoot_arOMy:last-of-type {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.blockRoot_arOMy:last-of-type .videoContainer_J07eA div,
.blockRoot_arOMy:last-of-type .videoContainer_J07eA video {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.avatar_lbJjS {
width: 60px;
height: 60px;
}
.footer_9Fl8G {
position: absolute;
bottom: 8px;
left: 8px;
font-size: 10px;
height: 22px;
color: #fff;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.5);
padding-right: 4px;
max-width: calc(100% - 16px);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.footer_9Fl8G .identity_ZYJUf {
padding: 2px 4px;
height: 100%;
white-space: nowrap;
display: flex;
align-items: center;
background-color: #E5920B;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.footer_9Fl8G > span {
max-width: 180px;
height: 18px;
font-size: 10px;
line-height: 16px;
color: white;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.footer_9Fl8G .shareIconBox_5q8k0 {
display: flex;
justify-content: center;
align-items: center;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #00c78b;
margin-right: 4px;
width: 22px;
height: 22px;
}
.footer_9Fl8G .shareIconBox_5q8k0 > svg {
font-size: 14px;
}
.micIconContainer_mySeo {
color: white;
border-radius: 2px;
position: relative;
margin-left: 4px;
margin-right: 2px;
display: flex;
justify-content: center;
align-items: center;
}
.micIconContainer_mySeo .volume_Jp8oT {
position: absolute;
bottom: 6px;
left: 50%;
transform: translate(-50%);
background: #05caae;
transition: height 0.1s ease;
border-radius: 4px;
width: 3px;
}
.micIconContainer_mySeo > svg {
width: 14px;
height: 14px;
}
.micIconContainer_mySeo .micClosedIcon_YA6Dr {
color: rgba(255, 255, 255, 0.65);
}
.localMicState_bZKX7 {
width: 1em;
height: 1em;
}
.localMicState_bZKX7 .localMicVolume_Maxmh {
transition: height 0.2s ease-out, y 0.2s ease-out;
}
.videoContainer_J07eA {
width: 100%;
height: 100%;
position: absolute;
}
.coverContainer_d3Y24 {
position: absolute;
width: 100%;
height: 100%;
background: rgba(48, 52, 69, 0.9);
top: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.coverContainer_d3Y24 .title_u4shJ {
color: #fff;
text-align: center;
font-size: 18px;
font-weight: 600;
line-height: 30px;
margin-bottom: 4px;
}
.coverContainer_d3Y24 .subtitle_ZNgsG {
color: #fff;
text-align: center;
font-size: 14px;
line-height: 22px;
margin-bottom: 5%;
padding: 0px 24px;
word-break: break-word;
}
.coverContainer_d3Y24 .actionRow_7vVN8 {
text-align: center;
color: #fff;
}
.coverContainer_d3Y24 .actionRow_7vVN8 .continueBtn_Vx1Nd {
display: inline-block;
margin-right: 20px;
border-radius: 4px;
height: 36px;
text-align: center;
font-size: 14px;
padding: 7px 12px;
min-width: 72px;
cursor: pointer;
background-color: #2e73e5;
}
.coverContainer_d3Y24 .actionRow_7vVN8 .stopBtn_rV2kv {
display: inline-block;
border-radius: 4px;
height: 36px;
text-align: center;
font-size: 14px;
padding: 7px 12px;
min-width: 72px;
cursor: pointer;
border: 1px solid #DBDBDE;
}
.avatarContainer_lVlwn {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.cornerBtn_feHqi {
position: absolute;
right: 8px;
top: 8px;
color: white;
display: flex;
flex-direction: row;
justify-content: flex-end;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.45);
padding: 4px;
cursor: pointer;
}
.cornerBtn_feHqi > svg {
font-size: 20px;
}
.cornerBtn_feHqi.active_TpQ-o {
background-color: #2e73e5;
}
.morePanel_WmbQx {
padding: 8px 0px;
border-radius: 4px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
align-items: flex-start;
color: #0c1024;
z-index: 1;
position: absolute;
background-color: #fff;
}
.morePanel_WmbQx .bar_UONKC {
display: flex;
align-items: center;
padding: 9px 12px 9px 16px;
width: 100%;
gap: 8px;
pointer-events: auto;
}
.morePanel_WmbQx .bar_UONKC > svg {
font-size: 18px;
}
.morePanel_WmbQx .bar_UONKC > span {
white-space: nowrap;
font-size: 14px;
}
.morePanel_WmbQx .bar_UONKC:hover {
background-color: rgba(0, 0, 0, 0.06);
cursor: pointer;
}
.morePanel_WmbQx .hoverRoot_qHMfg {
width: 100%;
}
.morePanel_WmbQx .micBar_n7Bmu,
.morePanel_WmbQx .camBar_SHsb4 {
position: relative;
}
.morePanel_WmbQx .micBar_n7Bmu .volume_Jp8oT,
.morePanel_WmbQx .camBar_SHsb4 .volume_Jp8oT {
position: absolute;
background: #05caae;
transition: height 0.1s ease;
border-radius: 4px;
width: 2px;
bottom: 13px;
margin-left: 8px;
margin-bottom: 5px;
}
.morePanel_WmbQx .micBar_n7Bmu .volume_Jp8oT.hide_3jaIr,
.morePanel_WmbQx .camBar_SHsb4 .volume_Jp8oT.hide_3jaIr {
display: none;
}
.morePanel_WmbQx .micBar_n7Bmu.disabled_duaua,
.morePanel_WmbQx .camBar_SHsb4.disabled_duaua {
pointer-events: none;
}
.morePanel_WmbQx .micBar_n7Bmu.disabled_duaua svg,
.morePanel_WmbQx .camBar_SHsb4.disabled_duaua svg,
.morePanel_WmbQx .micBar_n7Bmu.disabled_duaua span,
.morePanel_WmbQx .camBar_SHsb4.disabled_duaua span {
color: var(--upime-disable) !important;
}
.morePanel_WmbQx .dividerLine_yiYKc {
height: 1px;
background-color: #e6e7e9;
width: 100%;
margin: 8px 0px;
}
.morePanel_WmbQx .permDeniedBox_ZNpgL {
bottom: auto !important;
bottom: initial !important;
}
.morePanel_WmbQx .permDeniedBox_ZNpgL {
right: calc(100% + 4px);
left: auto;
left: initial;
top: 0px;
transform: none;
transform: initial;
}
.morePanel_WmbQx .reachLimitRoot_iJ1Yf {
position: absolute;
background: black;
left: 40%;
transform: translate(-50%, 0);
width: 200px;
height: 50px;
padding: 7px 8px;
font-size: 12px;
color: white;
line-height: 18px;
bottom: 50px;
}
.morePanel_WmbQx .reachLimitRoot_iJ1Yf .triangle_donT- {
position: absolute;
width: 0;
height: 0;
border-top: 5px solid black;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
bottom: -5px;
left: calc(50% - 5px);
}
.draggableAvatar_mllqo {
position: fixed;
width: 360px;
height: 202px;
background: #303445;
border-radius: 4px;
}
.draggableAvatar_mllqo .videoContainer_J07eA > div {
border-radius: 4px;
}
.draggableAvatar_mllqo:hover .hoverTipRoot_9NdD8 {
visibility: visible;
}
.hoverTipRoot_9NdD8 {
width: 28px;
height: 28px;
background: rgba(0, 0, 0, 0.5);
margin-left: 12px;
border-radius: 2px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
visibility: hidden;
}
.hoverTipRoot_9NdD8 svg {
width: 18px;
height: 18px;
color: white;
}
.closeBtn_pSToV {
position: absolute;
top: 8px;
right: 8px;
}
.mirrorIconCon_qFa75 {
position: absolute;
top: 8px;
right: 46px;
}
.maxIconCon_SmJX2 {
position: absolute;
top: 8px;
right: 85px;
}
.maxIconCon_SmJX2 svg {
width: 22px;
height: 22px;
}
.detachedContent_U6jpm {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.detachedContent_U6jpm svg {
width: 24px;
height: 24px;
margin-bottom: 4px;
color: var(--upime-second-text);
}
.detachedContent_U6jpm span {
color: var(--upime-second-text);
line-height: 17px;
font-size: 12px;
}
.topLeftFloat_aWUzd {
position: absolute;
top: 8px;
left: 8px;
background: var(--upime-active);
width: 20px;
height: 20px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
}
.topLeftFloat_aWUzd svg {
width: 14px;
height: 14px;
color: white;
}
.unavailabeTipContainer_wsh1X {
position: absolute;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
font-size: 14px;
background-color: #fff;
width: 240px;
padding: 16px;
right: calc(100% + 4px);
top: 0px;
}
.unavailabeTipContainer_wsh1X .title_u4shJ {
font-weight: 600;
line-height: 22px;
margin-bottom: 8px;
}
.unavailabeTipContainer_wsh1X .desc_BAExR {
color: #616371;
line-height: 22px;
margin-bottom: 8px;
word-break: break-word;
}
.unavailabeTipContainer_wsh1X .action_Uu-zl {
color: #2e73e5;
cursor: pointer;
}
.hide_3jaIr {
display: none;
}
.shareScreenContainer_u7tqt {
position: absolute;
z-index: 21;
border-radius: 4px;
}
.shareScreenContainer_u7tqt .videoContainer_xuNBc {
width: 100%;
height: 100%;
}
.shareScreenContainer_u7tqt .optionBar_ZorKz {
position: absolute;
top: 8px;
right: 8px;
display: flex;
gap: 8px;
}
.shareScreenContainer_u7tqt .optionBar_ZorKz .hoverTipRoot_bcdca {
display: flex;
justify-content: center;
align-items: center;
padding: 8px;
background-color: #000;
cursor: pointer;
}
.shareScreenContainer_u7tqt .optionBar_ZorKz .hoverTipRoot_bcdca svg {
color: #fff;
}
.shareScreenContainer_u7tqt .optionBar_ZorKz .hoverTipRoot_bcdca.pinActive_oW1OL {
background-color: #2e73e5;
background-color: var(--upime-active, #2e73e5);
}
.shareScreenContainer_u7tqt .footer_oGcdf {
position: absolute;
bottom: 8px;
left: 8px;
font-size: 10px;
height: 22px;
color: #fff;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.5);
padding-right: 4px;
max-width: calc(100% - 16px);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.shareScreenContainer_u7tqt .footer_oGcdf .identity_WX7py {
padding: 2px 4px;
height: 100%;
white-space: nowrap;
display: flex;
align-items: center;
background-color: #e5920b;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.shareScreenContainer_u7tqt .footer_oGcdf > span {
max-width: 180px;
height: 18px;
font-size: 10px;
line-height: 16px;
color: white;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.shareScreenContainer_u7tqt .footer_oGcdf .shareIconBox_BYlHD {
display: flex;
justify-content: center;
align-items: center;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #00c78b;
margin-right: 4px;
width: 22px;
height: 22px;
}
.shareScreenContainer_u7tqt .footer_oGcdf .shareIconBox_BYlHD > svg {
font-size: 14px;
}
.shareScreenContainer_u7tqt.nonfullscreen_Lu61c {
z-index: 1;
border: 1px solid #424454;
}
.shareScreenContainer_u7tqt.nonfullscreen_Lu61c .videoContainer_xuNBc > div {
border-radius: 4px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.hide_t-TQs {
display: none;
}
.flash_og3mn {
animation: flashBorder_BKwZo 0.5s ease-in-out 4;
}
@keyframes flashBorder_BKwZo {
0% {
box-shadow: 0 0 0 3px rgba(0, 255, 0, 0);
}
50% {
box-shadow: 0 0 0 3px #00c78b;
}
100% {
box-shadow: 0 0 0 3px rgba(0, 255, 0, 0);
}
}
.moreCtrlBox_b-r8O {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
border-radius: 2px;
cursor: pointer;
padding: 2px 4px 4px 4px;
min-width: 40px;
}
.moreCtrlBox_b-r8O > svg {
font-size: 20px;
}
.moreCtrlBox_b-r8O span {
line-height: 12px;
font-size: 10px;
margin-top: 2px;
color: #303445;
}
.moreCtrlBox_b-r8O.active_hOZs0 {
color: #2e73e5;
background-color: #EAF1FC;
}
.moreCtrlBox_b-r8O.active_hOZs0 span {
color: #2e73e5;
}
.moreCtrlBox_b-r8O.active_hOZs0:hover {
background-color: #EAF1FC;
}
.moreCtrlBox_b-r8O.miniMode_cTolu {
min-width: 0;
min-width: initial;
padding: 2px;
}
.moreCtrlBox_b-r8O.slim_wksj- {
flex-direction: row;
justify-content: center;
align-items: center;
min-width: 0;
min-width: initial;
width: 36px;
height: 36px;
}
.moreCtrlBox_b-r8O.slim_wksj- > svg {
margin-top: 0;
margin-top: initial;
font-size: 24px;
width: 24px;
height: 24px;
}
.moreCtrlBox_b-r8O.bigScreen_0V-pI {
flex-direction: row;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
}
.moreCtrlBox_b-r8O.bigScreen_0V-pI.miniMode_cTolu {
width: auto;
width: initial;
height: auto;
height: initial;
}
.moreCtrlBox_b-r8O.bigScreen_0V-pI > svg {
margin-top: 0;
margin-top: initial;
font-size: 28px;
width: 28px;
height: 28px;
}
.shareCtrlBox_z25Oq {
height: 40px;
display: flex;
align-items: center;
border-radius: 4px;
cursor: pointer;
padding: 0 16px;
}
.shareCtrlBox_z25Oq svg {
font-size: 24px;
width: 24px;
height: 24px;
margin-right: 8px;
}
.shareCtrlBox_z25Oq span {
line-height: 18px;
height: 18px;
font-size: 14px;
margin-top: 2px;
color: #303445;
}
.shareCtrlBox_z25Oq .tipIconContainer_IcJKJ {
display: flex;
margin-left: 7px;
}
.shareCtrlBox_z25Oq .tipIconContainer_IcJKJ .tipIcon_AEF-H {
color: #91939c;
}
.shareCtrlBox_z25Oq .red_zM2V5 {
color: #fe5250;
}
.shareCtrlBox_z25Oq.disabled_ipfbm {
color: #c2c3c8;
}
.shareCtrlBox_z25Oq.disabled_ipfbm span {
color: #c2c3c8;
}
.shareCtrlBox_z25Oq:hover {
background-color: var(--upime-btn-bg-hover);
}
.panelRoot_7rAn3 {
min-width: 168px;
width: -moz-max-content;
width: max-content;
bottom: calc(100% + 6px);
top: auto;
top: initial;
padding: 8px 0px;
position: absolute;
left: 50%;
transform: translate(-50%);
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
}
.panelRoot_7rAn3.bigScreenMode_gQML7 {
bottom: calc(100% + 10px);
}
.panelRoot_7rAn3.slim_wksj- {
bottom: calc(100% + 8px);
}
.panelRoot_7rAn3 .row_5cNYF {
width: 100%;
}
.panelRoot_7rAn3 .memberCtrlIcon_JTKZb,
.panelRoot_7rAn3 .meetingAction_MQ0uy,
.panelRoot_7rAn3 .advanceSettingBox_51mTy {
display: flex;
gap: 8px;
padding: 8px 16px;
align-items: center;
cursor: pointer;
position: relative;
}
.panelRoot_7rAn3 .memberCtrlIcon_JTKZb .settingIcon_nH3VH,
.panelRoot_7rAn3 .meetingAction_MQ0uy .settingIcon_nH3VH,
.panelRoot_7rAn3 .advanceSettingBox_51mTy .settingIcon_nH3VH {
font-size: 24px;
}
.panelRoot_7rAn3 .memberCtrlIcon_JTKZb .text_M10mE,
.panelRoot_7rAn3 .meetingAction_MQ0uy .text_M10mE,
.panelRoot_7rAn3 .advanceSettingBox_51mTy .text_M10mE {
font-size: 14px;
color: #303445;
}
.panelRoot_7rAn3 .memberCtrlIcon_JTKZb:hover,
.panelRoot_7rAn3 .meetingAction_MQ0uy:hover,
.panelRoot_7rAn3 .advanceSettingBox_51mTy:hover {
background-color: var(--upime-btn-bg-hover);
}
.panelRoot_7rAn3 .meetingAction_MQ0uy .text_M10mE {
color: #fe5250;
}
.panelRoot_7rAn3 .meetingAction_MQ0uy.open_oyvPH {
background-color: #ffeeed;
}
.panelRoot_7rAn3 .meetingAction_MQ0uy:hover {
background-color: #ffeeed;
}
.panelRoot_7rAn3.bigScreen_0V-pI {
bottom: calc(100% + 10px);
}
.screenShareWidgetBox_I82IY {
position: absolute;
bottom: calc(100%);
transform: translate(-50%);
left: 50%;
max-width: 190px;
height: 32px;
border-radius: 4px;
background-color: #fff;
padding: 6px 12px;
border: 1px solid #c7d2e4;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
border-bottom: none;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.screenShareWidgetBox_I82IY > svg {
color: #00c78b;
font-size: 14px;
margin-right: 4px;
position: relative;
top: 3px;
}
.screenShareWidgetBox_I82IY .stopBox_qa7q5 {
color: #fe5250;
margin-left: 8px;
cursor: pointer;
}
.screenShareWidgetBox_I82IY > .rightArrow_VOfsz {
color: #000;
margin-right: 0;
}
.screenShareWidgetBox_I82IY.miniMode_cTolu {
bottom: 30px;
}
.screenShareWidgetBox_I82IY.phoneMode_XBiZB {
bottom: 59px;
pointer-events: auto;
}
.screenShareWidgetBox_I82IY.floatLeft_V7Bym {
left: 0;
transform: none;
transform: initial;
border-bottom: 0;
border-bottom: initial;
bottom: calc(100% + 4px);
border: 1px solid #c2c3c8;
}
.shareWarningModal_oZi6L {
width: 432px;
padding: 40px 24px;
padding-bottom: 24px;
border-radius: 12px;
background-color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.shareWarningModal_oZi6L .wordingBox_goEOT {
display: flex;
margin-bottom: 24px;
}
.shareWarningModal_oZi6L .wordingBox_goEOT > svg {
color: #ffa519;
margin-right: 12px;
font-size: 28px;
}
.shareWarningModal_oZi6L .wordingBox_goEOT > span {
word-break: break-word;
}
.shareWarningModal_oZi6L .actionBtn_cYDjJ {
width: 104px;
border-radius: 4px;
text-align: center;
background-color: #2e73e5;
color: #fff;
line-height: 40px;
margin: auto;
margin-right: 0px;
cursor: pointer;
font-size: 16px;
}
.shareChangeModal_qtOz4,
.permissionDenyModal_Pr8C0,
.requesterShareModal_pc0AD {
width: 432px;
padding: 24px;
border-radius: 12px;
background-color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.shareChangeModal_qtOz4 .wordingBox_goEOT,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT,
.requesterShareModal_pc0AD .wordingBox_goEOT {
display: flex;
margin-bottom: 8px;
}
.shareChangeModal_qtOz4 .wordingBox_goEOT > svg,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT > svg,
.requesterShareModal_pc0AD .wordingBox_goEOT > svg {
color: #ffa519;
margin-right: 12px;
font-size: 28px;
}
.shareChangeModal_qtOz4 .wordingBox_goEOT > span,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT > span,
.requesterShareModal_pc0AD .wordingBox_goEOT > span {
font-size: 20px;
font-weight: 500;
line-height: 28px;
word-break: break-word;
}
.shareChangeModal_qtOz4 .wordingBox_goEOT.useFlex_ThXr3,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT.useFlex_ThXr3,
.requesterShareModal_pc0AD .wordingBox_goEOT.useFlex_ThXr3 {
display: flex;
justify-content: space-between;
align-items: center;
}
.shareChangeModal_qtOz4 .wordingBox_goEOT.useFlex_ThXr3 > svg,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT.useFlex_ThXr3 > svg,
.requesterShareModal_pc0AD .wordingBox_goEOT.useFlex_ThXr3 > svg {
color: inherit;
margin-right: 0;
cursor: pointer;
}
.shareChangeModal_qtOz4 .wordingBox_goEOT.mb24_PaSeB,
.permissionDenyModal_Pr8C0 .wordingBox_goEOT.mb24_PaSeB,
.requesterShareModal_pc0AD .wordingBox_goEOT.mb24_PaSeB {
margin-bottom: 24px;
}
.shareChangeModal_qtOz4 .subtitle_Iwap5,
.permissionDenyModal_Pr8C0 .subtitle_Iwap5,
.requesterShareModal_pc0AD .subtitle_Iwap5 {
font-size: 14px;
color: #616371;
margin-left: 36px;
margin-bottom: 24px;
}
.shareChangeModal_qtOz4 .subtitle_Iwap5.noMarginLeft_w9vUv,
.permissionDenyModal_Pr8C0 .subtitle_Iwap5.noMarginLeft_w9vUv,
.requesterShareModal_pc0AD .subtitle_Iwap5.noMarginLeft_w9vUv {
margin-left: 0;
}
.shareChangeModal_qtOz4 .actionRow_seEXA,
.permissionDenyModal_Pr8C0 .actionRow_seEXA,
.requesterShareModal_pc0AD .actionRow_seEXA {
text-align: right;
}
.shareChangeModal_qtOz4 .actionRow_seEXA .cancel_jQxIJ,
.permissionDenyModal_Pr8C0 .actionRow_seEXA .cancel_jQxIJ,
.requesterShareModal_pc0AD .actionRow_seEXA .cancel_jQxIJ {
min-width: 72px;
height: 40px;
border-radius: 4px;
border: 1px solid #dbdbde;
text-align: center;
padding: 8px 20px;
display: inline-block;
margin-right: 12px;
cursor: pointer;
}
.shareChangeModal_qtOz4 .actionRow_seEXA .cancel_jQxIJ:hover,
.permissionDenyModal_Pr8C0 .actionRow_seEXA .cancel_jQxIJ:hover,
.requesterShareModal_pc0AD .actionRow_seEXA .cancel_jQxIJ:hover {
opacity: 0.7;
}
.shareChangeModal_qtOz4 .actionRow_seEXA .confirm_8micD,
.permissionDenyModal_Pr8C0 .actionRow_seEXA .confirm_8micD,
.requesterShareModal_pc0AD .actionRow_seEXA .confirm_8micD {
min-width: 72px;
height: 40px;
border-radius: 4px;
background-color: #2e73e5;
padding: 8px 20px;
color: #fff;
display: inline-block;
cursor: pointer;
}
.shareChangeModal_qtOz4 .actionRow_seEXA .confirm_8micD:hover,
.permissionDenyModal_Pr8C0 .actionRow_seEXA .confirm_8micD:hover,
.requesterShareModal_pc0AD .actionRow_seEXA .confirm_8micD:hover {
opacity: 0.7;
}
.endMeetingPanel_4riRb {
position: absolute;
width: 192px;
height: 120px;
padding: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.endMeetingPanel_4riRb .btn_EAMx8 {
width: 160px;
height: 36px;
line-height: 36px;
font-size: 14px;
text-align: center;
cursor: pointer;
}
.endMeetingPanel_4riRb .endBtn_vALvt {
background: var(--upime-danger);
color: white;
}
.endMeetingPanel_4riRb .endBtn_vALvt.active_hOZs0 {
border: none !important;
background: #d9383b !important;
}
.endMeetingPanel_4riRb .leaveBtn_qOizB {
border: 1px solid var(--upime-danger);
color: var(--upime-danger);
}
.endMeetingPanel_4riRb .leaveBtn_qOizB.active_hOZs0 {
border-color: #d9383b !important;
color: #d9383b !important;
}
.endMeetingPanel_4riRb .leaveBtn_qOizB.active_hOZs0 {
background-color: rgba(254, 82, 80, 0.1);
}
.endMeetingPanel_4riRb.isHost_0nlCs {
height: 68px;
}
.inviteCtrlRoot_9Eff1 .iconBox_1Glkq {
flex-direction: row;
padding: 0 16px;
width: auto;
height: 40px;
margin-left: 0;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.inviteCtrlRoot_9Eff1 .iconBox_1Glkq > svg {
margin-right: 8px;
margin-top: 0;
width: 24px;
height: 24px;
}
.inviteCtrlRoot_9Eff1 .iconBox_1Glkq > span {
font-size: 14px;
}
.inviteCtrlRoot_9Eff1 .iconBox_1Glkq.active_hOZs0 {
background-color: rgba(0, 0, 0, 0.06);
}
.inviteCtrlRoot_9Eff1 .iconBox_1Glkq:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.inviteCtrlRoot_9Eff1 .panel_0Uio- {
background-color: #fff;
position: absolute;
z-index: 1;
padding: 8px 0px;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.reddot_vp1-A::before {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #fe5250;
top: 7px;
left: 35px;
}
.aiThinkerRow_LOj-u {
display: flex;
gap: 8px;
padding: 8px 16px;
align-items: center;
cursor: pointer;
width: 100%;
}
.aiThinkerRow_LOj-u img {
width: 24px;
}
.aiThinkerRow_LOj-u span.activeText_dOfHP {
background: linear-gradient(96deg, rgba(204, 96, 255, 0.88) 14.04%, rgba(38, 112, 255, 0.88) 81.47%, rgba(50, 125, 255, 0.88) 94.95%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.aiThinkerRow_LOj-u:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .moreCtrlBox_b-r8O:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.groupPhotoNewFeatureTipOnBigScreen_--wF- {
bottom: 60px !important;
}
.cm_item_PSaTC {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_PSaTC.disabled_Jtfbz {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_PSaTC.autoWidth_ng8wk {
width: auto;
min-width: 40px;
}
.icon_box_oucn8 {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_oucn8.active_dv1M1 {
color: var(--upime-active);
}
.bling_item_8ntBR {
opacity: 0.8;
}
.hidden_g0465 {
visibility: hidden !important;
}
.hidden_all_6ol3K {
visibility: hidden !important;
}
.hidden_all_6ol3K * {
visibility: hidden !important;
}
.show_all_0sor3 {
visibility: visible !important;
}
.show_all_0sor3 * {
visibility: visible !important;
}
.pane_yt1Vu {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_ZpfpN {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_zJrlM {
visibility: hidden;
opacity: 0;
animation: show_ZpfpN 0.5s forwards;
}
@keyframes show_scale_1YIc9 {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_1YIc9 {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_1YIc9 0.3s forwards;
}
.show_scale_1YIc9.right_7rh-- {
transform-origin: left center;
}
.show_scale_1YIc9.left_BM9-V {
transform-origin: right center;
}
.show_scale_1YIc9.bottom_0QzUB {
transform-origin: center top;
}
.show_scale_1YIc9.top_3l-OW {
transform-origin: center bottom;
}
.show_scale_1YIc9.left_top_MYYH8 {
transform-origin: right top;
}
.show_scale_1YIc9.top_left_jYzQu {
transform-origin: bottom left;
}
.show_scale_1YIc9.bottom_left_GcpbB {
transform-origin: top left;
}
.show_scale_1YIc9.top_right_7F8Q- {
transform-origin: bottom right;
}
.show_scale_1YIc9.bottom_right_8BuZQ {
transform-origin: top right;
}
.show_scale_1YIc9.right_top_Puw1r {
transform-origin: left top;
}
.show_scale_1YIc9.right_bottom_AxwOH {
transform-origin: left bottom;
}
.show_scale_1YIc9.left_bottom_x8q6Z {
transform-origin: right bottom;
}
.btn_style_4iDEV {
cursor: pointer;
}
.btn_style_4iDEV:active,
.btn_style_4iDEV.on_u5NZ- {
color: var(--upime-active);
}
.btn_style_4iDEV.disabled_Jtfbz {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_Fg-C7 {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_oucn8:hover {
opacity: 1;
}
.do-hovers .bling_item_8ntBR:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_4iDEV:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_Fg-C7:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_Ox2fu:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_e6SR-:hover {
color: var(--upime-main-text);
}
.rotateY180_cr1VS {
transform: rotateY(180deg);
}
.titleIcon_Ox2fu {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_Ox2fu.active_dv1M1 {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_Ox2fu.active_dv1M1 {
color: var(--upime-active);
}
.moreIcon_e6SR- {
cursor: pointer;
}
.moreIcon_e6SR- svg {
color: #303445;
}
.moreIcon_e6SR-.active_dv1M1 svg {
color: var(--upime-main-text);
}
@keyframes loading_JimfF {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_kw8xr {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_JimfF 1s linear infinite forwards;
}
.AIButtonContainer_6YlKQ {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_6YlKQ.transparent_U-B9n {
opacity: 0;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes.AIShow_cuB7y {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes.AIHide_DBqUB {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes.AIButtonHover_KBt-8:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes.AIButtonDisabled_CF3JO {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_6YlKQ .AIButtonWrapper_4YZZW .AIButtonImageContainer_Thtes .AIButtonImage_1ybGd {
width: 32px;
height: 32px;
}
.sub_win_container_xc-38 {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_xc-38::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_xc-38::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_xc-38::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_xc-38 .sub_win_child_wrapper_170TZ:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_xc-38 .sub_win_child_wrapper_170TZ:not(:first-child) .sub_win_child_3eAsG {
padding-top: 0;
}
.sub_win_flexalbe_container_Y-tEH {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_Y-tEH * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo:not(:first-child) .flexable_scroll_inner_DBF1T {
padding-top: 0px;
}
.phoneMode .sub_win_container_xc-38 {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_Y-tEH {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_drBlo {
animation: safariUpdate_CEhVH 0.1s forwards;
}
.safariOn .sub_win_container_xc-38 {
animation: safariUpdate_CEhVH 0.1s forwards;
}
@keyframes safariUpdate_CEhVH {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_UNffO {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_UNffO .noColorStylePart_1BMV1 + .noColorStylePart_1BMV1 {
margin-top: 8px;
}
.noColorStyleContainer_UNffO .partlabel_oBBss {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_UNffO .partlabel_oBBss.disabled_Jtfbz {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_xc-38,
.phoneMode .sub_win_flexalbe_container_Y-tEH {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_xc-38 .flexable_scroll_wrapper_drBlo:not(:first-child),
.phoneMode .sub_win_flexalbe_container_Y-tEH .flexable_scroll_wrapper_drBlo:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_UNffO {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_UNffO .noColorStylePart_1BMV1 + .noColorStylePart_1BMV1 {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_UNffO .partlabel_oBBss {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_vr-CS {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_vr-CS.active_dv1M1 {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_ww27W.active_dv1M1 {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_vr-CS:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_vr-CS:hover.active_dv1M1 {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_ww27W:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_ww27W:hover.active_dv1M1 {
color: #2E73E5;
background-color: #dce3ed;
}
.iconWrap_xWILM {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrapActive_eYKTu {
color: var(--upime-active);
background-color: #EAF1FC;
}
.do-hovers .iconWrap_xWILM:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_eYKTu:hover {
color: var(--upime-active);
background-color: #EAF1FC;
}
.root_yjx2I {
position: relative;
}
.root_yjx2I.phoneMode_CDwj6 {
width: 44px;
height: 44px;
}
.draggableWrapper_EHmNf {
position: absolute;
}
.timer_root_wFCgA {
position: absolute;
width: 270px;
height: 86px;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 12px;
z-index: 20;
}
.timer_root_wFCgA .timer_icon_B6joy {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
left: 62px;
color: #0c1024;
}
.timer_root_wFCgA.hide_g8k4m {
visibility: hidden;
}
.none_1XfqL {
display: none;
}
.tip_root_qQIb- {
display: flex;
justify-content: center;
align-items: center;
padding: 2px 4px;
border-radius: 14px;
border: 1px solid #fff;
font-size: 10px;
font-weight: 500;
line-height: 10px;
white-space: nowrap;
position: absolute;
background-color: #2e73e5;
color: #fff;
top: 0;
margin-left: 8px;
}
.tip_root_qQIb-.phoneMode_CDwj6 {
bottom: 22px;
left: 18px;
}
.timer_root_cover_ZifBy {
position: absolute;
width: 270px;
height: 86px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.7);
z-index: 20;
}
.timer_root_cover_ZifBy .btn_box_5q29f {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 88px;
height: 36px;
border-radius: 4px;
text-align: center;
font-size: 14px;
line-height: 36px;
cursor: pointer;
}
.timer_root_cover_ZifBy .left_BM9-V {
background-color: #ffffff;
left: 39px;
}
.timer_root_cover_ZifBy .right_7rh-- {
background-color: #2e73e5;
left: 143px;
color: #fff;
}
.timer_anim_0jAc1 {
visibility: visible !important;
}
.timer_anim_0jAc1 {
position: fixed;
width: 270px;
height: 86px;
border-radius: 4px;
background-color: #fff;
}
.timer_anim_0jAc1 .timer_icon_B6joy {
visibility: visible !important;
}
.timer_anim_0jAc1 .timer_icon_B6joy {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
left: 62px;
color: #fe5250;
}
.timer_anim_0jAc1 .timer_icon_B6joy use {
visibility: visible !important;
}
.timer_anim_0jAc1 .text_CuCW7 {
visibility: visible !important;
}
.timer_anim_0jAc1 .text_CuCW7 {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 120px;
height: 36px;
line-height: 36px;
color: #fe5250;
font-size: 24px;
left: 102px;
}
.timer_anim_0jAc1 .anim_content_box_rMn1A {
visibility: visible !important;
}
.timer_anim_0jAc1 .anim_content_box_rMn1A {
position: absolute;
top: 50%;
transform: translateY(-50%);
animation: bounceUpDown_DLcmH 1s 2;
height: 36px;
}
.timerPortalInnerBox_oRT8W {
position: absolute;
top: 6px;
right: 8px;
}
@keyframes bounceUpDown_DLcmH {
0% {
transform: translateY(-50%);
}
30% {
transform: translateY(-120%);
}
100% {
transform: translateY(-50%);
}
}
.circle_Gegos {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
background-color: #eaf1fc;
cursor: pointer;
border-radius: 11px;
}
.circle_Gegos.disabled_Jtfbz {
background-color: rgba(234, 241, 252, 0.4);
pointer-events: none;
}
.circle_Gegos .ha_MR7qw {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-left: 5.5px;
width: 10.5px;
height: 1.5px;
border-radius: 1px;
background-color: #2e73e5;
}
.circle_Gegos .ha_MR7qw.disabled_Jtfbz {
background-color: rgba(46, 115, 229, 0.4);
}
.circle_Gegos .va_NlHPQ {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-left: 10px;
width: 1.5px;
height: 10.5px;
border-radius: 1px;
background-color: #2e73e5;
}
.circle_Gegos .va_NlHPQ.disabled_Jtfbz {
background-color: rgba(46, 115, 229, 0.4);
}
.time_root_Rsh8c {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 52px;
height: 48px;
cursor: text;
border-radius: 2px;
line-height: 36px;
color: #0c1024;
font-size: 36px;
border: none;
padding: 0px;
text-align: center;
touch-action: none;
}
.minutes_rd28p {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 52px;
height: 48px;
cursor: text;
border-radius: 2px;
line-height: 36px;
color: #0c1024;
font-size: 36px;
border: none;
padding: 0px;
text-align: center;
touch-action: none;
left: 38px;
}
.minutes_rd28p:focus {
background-color: #ececee;
}
.minutes_rd28p.move_left_JaQsG {
left: 16px;
top: 8px;
transform: none;
pointer-events: none;
}
.minutes_rd28p.grey_uFH5S {
color: #91939c;
}
.minutes_rd28p.read_only_N0Xf9 {
left: 102px;
width: 44px;
height: 44px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.seconds_YZKdc {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 52px;
height: 48px;
cursor: text;
border-radius: 2px;
line-height: 36px;
color: #0c1024;
font-size: 36px;
border: none;
padding: 0px;
text-align: center;
touch-action: none;
left: 100px;
}
.seconds_YZKdc:focus {
background-color: #ececee;
}
.seconds_YZKdc.move_left_JaQsG {
left: 78px;
top: 8px;
transform: none;
pointer-events: none;
}
.seconds_YZKdc.grey_uFH5S {
color: #91939c;
}
.seconds_YZKdc.read_only_N0Xf9 {
left: 164px;
width: 44px;
height: 44px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.colon_ww7cO {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 28px;
line-height: 28px;
color: #0c1024;
font-size: 20px;
left: 92px;
}
.colon_ww7cO.move_left_JaQsG {
left: 70px;
top: 18px;
transform: none;
}
.colon_ww7cO.grey_uFH5S {
color: #91939c;
}
.colon_ww7cO.read_only_N0Xf9 {
left: 152px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.divider_6YQGI {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 62px;
background-color: #dbdbde;
left: 190px;
}
.divider_6YQGI.move_left_JaQsG {
left: 169px;
}
.start_root_K3GTm {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
border-radius: 15px;
background-color: #2e73e5;
left: 216px;
cursor: pointer;
}
.start_root_K3GTm.goon_dVY00 {
left: 224px;
}
.start_root_K3GTm.disabled_Jtfbz {
background-color: rgba(46, 115, 229, 0.4);
pointer-events: none;
}
.start_root_K3GTm .triangle_ZF9NF {
position: absolute;
top: 50%;
transform: translateY(-50%);
border-left: 10px solid #fff;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
left: 12px;
}
.stop_root_cOVZP {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
border-radius: 15px;
border: 1.13px solid #2e73e5;
left: 186px;
cursor: pointer;
}
.stop_root_cOVZP .round_rect_T7OQ- {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 9px;
height: 9px;
border-radius: 1px;
background-color: #2e73e5;
left: 9.5px;
}
.pause_root_Yi1cN {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
border-radius: 15px;
background-color: #2e73e5;
left: 224px;
cursor: pointer;
}
.pause_root_Yi1cN .first_line_osbib {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 12px;
border-radius: 2px;
background-color: #fff;
left: 10px;
}
.pause_root_Yi1cN .second_line_HhnoU {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 12px;
border-radius: 2px;
background-color: #fff;
left: 18px;
}
.close_root_2-g8F {
width: 16px;
height: 16px;
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
}
.close_root_2-g8F .close_jb5op::before,
.close_root_2-g8F .close_jb5op::after {
position: absolute;
content: " ";
background-color: #0c1024;
left: 6px;
width: 2px;
height: 15px;
}
.close_root_2-g8F .close_jb5op::before {
transform: rotate(45deg);
}
.close_root_2-g8F .close_jb5op::after {
transform: rotate(-45deg);
}
.minify_root_iGdeA {
position: absolute;
width: 16px;
height: 16px;
left: 246px;
top: 4px;
cursor: pointer;
}
.minify_root_iGdeA .line_oefkD {
position: absolute;
width: 14.67px;
height: 1.33px;
border-radius: 1px;
background-color: #0c1024;
top: 8px;
}
.plus_root_CSQ6U {
left: 156px;
}
.addtime_root_q02r4 {
position: absolute;
width: 38px;
height: 16px;
top: 60px;
border-radius: 8px;
background-color: #eaf1fc;
cursor: pointer;
}
.addtime_root_q02r4 .content_6mq2P {
width: -moz-fit-content;
width: fit-content;
height: 16px;
line-height: 16px;
color: #2e73e5;
font-size: 12px;
margin: auto;
}
.addtime_root_q02r4.one_Z4g1e {
left: 24px;
}
.addtime_root_q02r4.five_HTSO3 {
left: 70px;
}
.addtime_root_q02r4 > .content_6mq2P:hover {
color: #fff;
}
.addtime_root_q02r4:hover {
background-color: #5798f2;
}
.addtime_root_q02r4:active {
background-color: #1d56bf;
}
.addtime_root_m_QUUHQ {
position: absolute;
width: 38px;
height: 16px;
top: 60px;
border-radius: 8px;
background-color: #eaf1fc;
cursor: pointer;
}
.addtime_root_m_QUUHQ .content_6mq2P {
width: -moz-fit-content;
width: fit-content;
height: 16px;
line-height: 16px;
color: #2e73e5;
font-size: 12px;
margin: auto;
}
.addtime_root_m_QUUHQ.one_Z4g1e {
left: 24px;
}
.addtime_root_m_QUUHQ.five_HTSO3 {
left: 70px;
}
.progress_fLS0q {
position: absolute;
left: 0px;
bottom: 0px;
height: 3px;
border-radius: 2px;
background-color: #2e73e5;
}
.progress_fLS0q.grey_uFH5S {
background-color: #91939c;
}
.va_center_nqvNQ {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.do-hovers .circle_Gegos:hover {
background-color: #2e73e5;
}
.do-hovers .circle_Gegos:hover .ha_MR7qw {
background-color: #fff;
}
.do-hovers .circle_Gegos:hover .va_NlHPQ {
background-color: #fff;
}
.do-hovers .minutes_rd28p:hover {
background-color: #ececee;
}
.do-hovers .seconds_YZKdc:hover {
background-color: #ececee;
}
.recordBox_R8m9h {
height: 40px;
display: flex;
align-items: center;
border-radius: 4px;
cursor: pointer;
padding: 0 16px;
justify-content: space-between;
}
.recordBox_R8m9h svg {
font-size: 24px;
width: 24px;
height: 24px;
margin-right: 8px;
}
.recordBox_R8m9h .wording_8RyL6 {
line-height: 18px;
height: 18px;
font-size: 14px;
margin-top: 2px;
color: #303445;
}
.recordBox_R8m9h.phone_WkX29 {
width: auto;
height: auto;
}
.recordBox_R8m9h.phone_WkX29 svg {
margin-top: 0;
}
.recordBox_R8m9h.disable_2a4Xx {
pointer-events: none;
}
.recordBox_R8m9h:hover {
background-color: var(--upime-btn-bg-hover);
}
.recordConfirmModal_kHsts,
.openAudioModal_TyfWf,
.endRecordConfirmModal_yZXdC,
.requestRecordModal_TYp1O,
.handleRequestRecordModal_SRH3z {
width: 480px;
border-radius: 12px;
padding: 24px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.recordConfirmModal_kHsts .headerRow_nYLcg,
.openAudioModal_TyfWf .headerRow_nYLcg,
.endRecordConfirmModal_yZXdC .headerRow_nYLcg,
.requestRecordModal_TYp1O .headerRow_nYLcg,
.handleRequestRecordModal_SRH3z .headerRow_nYLcg {
margin-bottom: 8px;
font-size: 20px;
font-weight: 500;
}
.recordConfirmModal_kHsts .headerRow_nYLcg > svg,
.openAudioModal_TyfWf .headerRow_nYLcg > svg,
.endRecordConfirmModal_yZXdC .headerRow_nYLcg > svg,
.requestRecordModal_TYp1O .headerRow_nYLcg > svg,
.handleRequestRecordModal_SRH3z .headerRow_nYLcg > svg {
margin-right: 12px;
position: relative;
top: 4px;
color: #ffa519;
}
.recordConfirmModal_kHsts .headerRow_nYLcg > span,
.openAudioModal_TyfWf .headerRow_nYLcg > span,
.endRecordConfirmModal_yZXdC .headerRow_nYLcg > span,
.requestRecordModal_TYp1O .headerRow_nYLcg > span,
.handleRequestRecordModal_SRH3z .headerRow_nYLcg > span {
word-break: break-word;
}
.recordConfirmModal_kHsts .bodyRow_ABmX4,
.openAudioModal_TyfWf .bodyRow_ABmX4,
.endRecordConfirmModal_yZXdC .bodyRow_ABmX4,
.requestRecordModal_TYp1O .bodyRow_ABmX4,
.handleRequestRecordModal_SRH3z .bodyRow_ABmX4 {
padding-left: 35px;
font-size: 14px;
color: #616371;
margin-bottom: 24px;
word-break: break-word;
}
.recordConfirmModal_kHsts .footerRow_DY904,
.openAudioModal_TyfWf .footerRow_DY904,
.endRecordConfirmModal_yZXdC .footerRow_DY904,
.requestRecordModal_TYp1O .footerRow_DY904,
.handleRequestRecordModal_SRH3z .footerRow_DY904 {
display: flex;
justify-content: flex-end;
}
.recordConfirmModal_kHsts .footerRow_DY904 .cancel_nMmIv,
.openAudioModal_TyfWf .footerRow_DY904 .cancel_nMmIv,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .cancel_nMmIv,
.requestRecordModal_TYp1O .footerRow_DY904 .cancel_nMmIv,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .cancel_nMmIv {
min-width: 72px;
height: 40px;
border-radius: 4px;
border: 1px solid #dbdbde;
background-color: #fff;
text-align: center;
font-size: 16px;
margin-right: 12px;
padding: 8px 20px;
cursor: pointer;
}
.recordConfirmModal_kHsts .footerRow_DY904 .cancel_nMmIv:hover,
.openAudioModal_TyfWf .footerRow_DY904 .cancel_nMmIv:hover,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .cancel_nMmIv:hover,
.requestRecordModal_TYp1O .footerRow_DY904 .cancel_nMmIv:hover,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .cancel_nMmIv:hover {
opacity: 0.7;
color: #2e73e5;
border-color: #2e73e5;
}
.recordConfirmModal_kHsts .footerRow_DY904 .cancel_nMmIv:active,
.openAudioModal_TyfWf .footerRow_DY904 .cancel_nMmIv:active,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .cancel_nMmIv:active,
.requestRecordModal_TYp1O .footerRow_DY904 .cancel_nMmIv:active,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .cancel_nMmIv:active {
opacity: 1;
color: #1d56bf;
border-color: #1d56bf;
}
.recordConfirmModal_kHsts .footerRow_DY904 .confirm_-1nP2,
.openAudioModal_TyfWf .footerRow_DY904 .confirm_-1nP2,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .confirm_-1nP2,
.requestRecordModal_TYp1O .footerRow_DY904 .confirm_-1nP2,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .confirm_-1nP2 {
min-width: 72px;
height: 40px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
text-align: center;
font-size: 16px;
padding: 8px 20px;
cursor: pointer;
}
.recordConfirmModal_kHsts .footerRow_DY904 .confirm_-1nP2:hover,
.openAudioModal_TyfWf .footerRow_DY904 .confirm_-1nP2:hover,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .confirm_-1nP2:hover,
.requestRecordModal_TYp1O .footerRow_DY904 .confirm_-1nP2:hover,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .confirm_-1nP2:hover {
opacity: 0.7;
}
.recordConfirmModal_kHsts .footerRow_DY904 .confirm_-1nP2:active,
.openAudioModal_TyfWf .footerRow_DY904 .confirm_-1nP2:active,
.endRecordConfirmModal_yZXdC .footerRow_DY904 .confirm_-1nP2:active,
.requestRecordModal_TYp1O .footerRow_DY904 .confirm_-1nP2:active,
.handleRequestRecordModal_SRH3z .footerRow_DY904 .confirm_-1nP2:active {
opacity: 1;
background-color: #1d56bf;
}
.requestRecordModal_TYp1O .headerRow_nYLcg,
.handleRequestRecordModal_SRH3z .headerRow_nYLcg {
display: flex;
align-items: center;
justify-content: space-between;
}
.requestRecordModal_TYp1O .headerRow_nYLcg > svg,
.handleRequestRecordModal_SRH3z .headerRow_nYLcg > svg {
color: #303445;
position: static;
position: initial;
margin-right: 0;
margin-right: initial;
cursor: pointer;
}
.requestRecordModal_TYp1O .bodyRow_ABmX4,
.handleRequestRecordModal_SRH3z .bodyRow_ABmX4 {
padding-left: 0;
}
.root_W1Svx {
bottom: 8px;
display: flex;
flex-direction: row;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
align-items: center;
z-index: 10;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.root_W1Svx .funcBar_uMtnr {
display: flex;
align-items: center;
padding: 2px 2px 2px 4px;
gap: 4px;
}
.root_W1Svx.mini_PVKfz {
height: 32px;
border: 1px solid #c7d2e4;
}
.root_W1Svx.mini_PVKfz .funcBar_uMtnr {
gap: 12px;
padding-right: 4px;
}
.root_W1Svx.pwa_CzyHS {
padding-bottom: 26px;
}
.root_W1Svx.visitorMode_NYppu {
padding: 10px 32px;
}
.root_W1Svx.medium_og54n,
.root_W1Svx.slim_xjno1 {
height: 56px;
border: none;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
gap: 8px;
padding-right: 6px;
padding-left: 6px;
}
.root_W1Svx.slim_xjno1 {
padding: 6px;
}
.root_W1Svx.nobigScreenMode_9ccj5.slim_xjno1 {
height: 44px;
padding: 4px;
gap: 2px;
}
.root_W1Svx.dragable_-ajEL .mini_btn_iR-Al .miniIconBox_6doml .mini_icon_r5V3u {
color: #C2C3C8;
}
.rowWrap_GnFxU {
display: flex;
align-items: center;
}
.draggableWrapper_B4SLY {
position: fixed;
}
.meetingActionContainer_IQQvu {
position: relative;
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3 {
border-radius: 4px;
cursor: pointer;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2px 4px 4px 4px;
min-width: 40px;
background-color: rgba(254, 82, 80, 0.1);
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3 > svg {
font-size: 20px;
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3 > span {
line-height: 12px;
font-size: 10px;
margin-top: 2px;
color: #fe5250;
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3:hover {
background-color: rgba(254, 82, 80, 0.16);
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3.open_zFoy6 {
background-color: rgba(254, 82, 80, 0.16);
}
.meetingActionContainer_IQQvu .meetingAction_tgIE3.medium_og54n {
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(254, 82, 80, 0.1);
}
.mini_PVKfz .meetingAction_tgIE3 {
min-width: 0;
min-width: initial;
padding: 2px;
}
.endMeetingPanel_--UKm {
position: absolute;
width: 192px;
height: 120px;
padding: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
top: auto;
top: initial;
bottom: calc(100% + 6px);
}
.endMeetingPanel_--UKm .btn_CC1s7 {
width: 160px;
height: 36px;
line-height: 36px;
font-size: 14px;
text-align: center;
cursor: pointer;
}
.endMeetingPanel_--UKm .endBtn_1Z4lt {
background: var(--upime-danger);
color: white;
}
.endMeetingPanel_--UKm .endBtn_1Z4lt.active_jpdl- {
border: none !important;
background: #d9383b !important;
}
.endMeetingPanel_--UKm .leaveBtn_LHUd9 {
border: 1px solid var(--upime-danger);
color: var(--upime-danger);
}
.endMeetingPanel_--UKm .leaveBtn_LHUd9.active_jpdl- {
border-color: #d9383b !important;
color: #d9383b !important;
}
.endMeetingPanel_--UKm .leaveBtn_LHUd9.active_jpdl- {
background-color: rgba(254, 82, 80, 0.1);
}
.endMeetingPanel_--UKm.isHost_8v8hV {
height: 68px;
}
.mini_PVKfz .endMeetingPanel_--UKm {
bottom: 32px;
}
.do-hovers .endMeeting_jqOA-:hover {
background-color: rgba(254, 82, 80, 0.1);
color: var(--upime-danger);
}
.do-hovers .cancelBtn_I8eBb:hover {
background-color: transparent;
background-color: initial;
color: var(--upime-active);
border: 1px solid var(--upime-active);
}
.do-hovers .leaveBtn_LHUd9:hover {
background-color: rgba(254, 82, 80, 0.1);
border-color: var(--upime-danger);
}
.do-hovers .endBtn_1Z4lt:hover {
border: none;
background-color: #FF7F78;
}
.do-hovers .miniIconBox_6doml:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.mini_btn_iR-Al {
height: 100%;
border-radius: 2px;
background: transparent;
padding: 2px;
border-right: 1px solid #E6E7E9;
}
.mini_btn_iR-Al .miniIconBox_6doml {
padding: 10px 0px;
cursor: pointer;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.mini_icon_r5V3u {
font-size: 20px;
color: #616371;
transition: transform 0.1s linear;
}
.root_W1Svx.mini_PVKfz .mini_icon_r5V3u {
transform: rotate(180deg);
}
.meetingCtrlHidden_5EuxT {
visibility: hidden;
position: absolute;
bottom: -52px;
z-index: 0;
}
.root_o5PVm {
position: absolute;
transform-origin: 0 0;
opacity: 0.9;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
background-size: cover;
}
.root_n1uKr {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
width: 412px;
height: 64px;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 20px;
left: 50%;
transform: translate(-50%);
bottom: 20px;
align-items: center;
pointer-events: auto;
}
.root_n1uKr .text_nLhiJ {
display: flex;
flex-direction: column;
}
.root_n1uKr .text_nLhiJ > span {
line-height: 22px;
font-size: 14px;
}
.root_n1uKr .text_nLhiJ span:nth-child(1) {
color: var(--upime-main-text);
}
.root_n1uKr .text_nLhiJ span:nth-child(2) {
color: var(--upime-second-text);
}
.root_n1uKr .actions_0SXj9 {
display: flex;
flex-direction: row;
justify-content: space-between;
min-width: 132px;
height: 36px;
gap: 12px;
}
.root_n1uKr .actions_0SXj9 .buttonWrapper_0LK-n {
display: flex;
}
.root_n1uKr .actions_0SXj9 .button_r4PAz {
min-width: 60px;
line-height: 22px;
font-size: 14px;
}
.follow_mask_r62z8 {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-style: solid;
border-width: 4px;
pointer-events: none;
}
.follow_mask_r62z8.increased_jJhXY {
z-index: 120;
}
.follow_target_-ggYg {
position: absolute;
top: -4px;
left: 50%;
transform: translate(-50%, 0);
color: var(--upime-main-text);
padding: 0 16px;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 0 0 4px 4px;
}
.follow_target_-ggYg svg {
width: 14px;
height: 14px;
margin-right: 4px;
}
.follow_target_-ggYg .loading_YSm8U {
animation: loading_YSm8U 1.5s linear infinite forwards;
}
.follow_target_-ggYg span {
font-size: 12px;
height: 24px;
line-height: 24px;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}
.notiRoot_8vKWM {
position: absolute;
top: 40px;
left: 50%;
transform: translate(-50%, 0);
border-radius: 4px;
min-width: 400px;
height: 48px;
display: flex;
flex-direction: row;
align-items: center;
padding: 8px 16px;
background: black;
pointer-events: auto;
}
.notiRoot_8vKWM.phoneNotiRoot_5gEqB {
min-width: 343px;
padding: 8px;
top: 68px;
}
.notiRoot_8vKWM.phoneNotiRoot_5gEqB .avatar_AXoUl {
flex-shrink: 0;
}
.notiRoot_8vKWM.phoneNotiRoot_5gEqB .button_zlH3D {
white-space: nowrap;
}
.notiRoot_8vKWM.phoneNotiRoot_5gEqB .button_zlH3D.confirm_CTgPA {
margin-left: 8px;
margin-right: 8px;
}
.notiRoot_8vKWM .avatar_AXoUl {
width: 32px;
height: 32px;
margin-right: 12px;
}
.notiRoot_8vKWM .name_RTUfN {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 50px;
margin-right: 4px;
}
.notiRoot_8vKWM > span {
line-height: 18px;
font-size: 14px;
color: white;
}
.notiRoot_8vKWM .button_zlH3D {
min-width: 52px;
height: 32px;
font-size: 14px;
line-height: 32px;
}
.notiRoot_8vKWM .button_zlH3D.confirm_CTgPA {
margin-right: 8px;
margin-left: 24px;
}
.notiRoot_8vKWM .reject_i7NYg {
color: white;
}
.do-hovers .notiRoot_8vKWM .reject_i7NYg:hover {
color: var(--upime-active);
}
.oneLine_w9bsj {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
.oneLine_w9bsj > div {
white-space: pre;
}
.oneLine_w9bsj .omit_qngX4 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.commLine_7QXP- {
width: 100%;
text-align: center;
white-space: pre-wrap;
word-break: normal;
word-wrap: normal;
}
.multiLine_SWWF3 {
width: -moz-max-content;
width: max-content;
max-width: 100%;
}
.inviteShareDialog_ao7No {
width: 480px;
padding: 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.inviteShareDialog_ao7No.pcMode_yg66m {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 12px;
background-color: #fff;
}
.inviteShareDialog_ao7No.phoneMode_N47Ay {
width: 100%;
padding: 30px 20px 21px 20px;
}
.inviteShareDialog_ao7No .multiLine_SWWF3 {
font-size: 20px;
line-height: 28px;
}
.inviteShareDialog_ao7No.phoneMode_N47Ay .multiLine_SWWF3 {
padding: 0 30px;
}
.inviteShareDialog_ao7No .imgBorder_WW2DS {
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.inviteShareDialog_ao7No .img_89xCo {
position: absolute;
width: 100%;
height: 100%;
}
.inviteShareDialog_ao7No .desc_k3jxr {
color: #424454;
font-size: 16px;
font-weight: 400;
line-height: 24px;
/* 150% */
}
.inviteShareDialog_ao7No .btn_D3eFn {
font-size: 16px;
border-radius: 4px;
}
.inviteShareDialog_ao7No.pcMode_yg66m .btn_D3eFn {
width: 280px;
height: 44px;
line-height: 44px;
}
.inviteShareDialog_ao7No.phoneMode_N47Ay .btn_D3eFn {
width: 100%;
height: 48px;
line-height: 48px;
}
.inviteShareDialog_ao7No .cancelBtn_7Bg2- {
position: absolute;
border-radius: 2px;
display: flex;
margin: auto;
color: #0C1024;
}
.inviteShareDialog_ao7No .cancelBtn_7Bg2- svg {
width: 20px;
height: 20px;
}
.inviteShareDialog_ao7No.pcMode_yg66m .cancelBtn_7Bg2- {
top: 16px;
right: 16px;
width: 36px;
height: 36px;
}
.inviteShareDialog_ao7No.phoneMode_N47Ay .cancelBtn_7Bg2- {
top: 4px;
right: 4px;
width: 44px;
height: 44px;
}
.phoneMode .followByGroupMask_VcLZU .corner_Es530 {
width: 28px;
height: 28px;
}
.followByGroupMask_VcLZU {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
}
.followByGroupMask_VcLZU.increased_jJhXY {
z-index: 260;
}
.followByGroupMask_VcLZU .corner_Es530 {
position: absolute;
width: 70px;
height: 70px;
border-color: #00C78B;
}
.followByGroupMask_VcLZU .left_9Ft0R {
border-left-style: solid;
border-left-width: 4px;
left: 0;
}
.followByGroupMask_VcLZU .top_2-VT2 {
top: 0;
border-top-style: solid;
border-top-width: 4px;
}
.followByGroupMask_VcLZU .bottom_xiWaO {
bottom: 0;
border-bottom-style: solid;
border-bottom-width: 4px;
}
.followByGroupMask_VcLZU .right_tyzE1 {
right: 0;
border-right-style: solid;
border-right-width: 4px;
}
@keyframes loading_YSm8U {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.resumeFollowToastContent_cC5xE {
display: flex;
align-items: center;
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.resumeFollowToastContent_cC5xE.phone_8M9Js {
width: calc(100% - 90px);
}
.resumeFollowToastContent_cC5xE.phone_8M9Js.en_NBaw2 {
width: calc(100% - 124px);
}
.resumeFollowToastContent_cC5xE.phone_8M9Js.en_NBaw2 .desc_k3jxr {
white-space: inherit;
flex: auto;
}
.resumeFollowToastContent_cC5xE .desc_k3jxr {
white-space: nowrap;
flex: none;
}
.resumeFollowToastContent_cC5xE .avatar_AXoUl {
width: 28px;
height: 28px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
margin-left: 8px;
flex: none;
}
.resumeFollowToastContent_cC5xE .name_RTUfN {
margin-left: 4px;
max-width: 138px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: auto;
}
.resumeFollowToast_cg2A8 {
width: calc(100% - 16px);
}
.root_yY8-D {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 520px;
height: 268px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px 40px;
border-radius: 12px;
background: white;
color: var(--upime-main-text);
}
.root_yY8-D.small_Z8XIX {
width: 480px;
height: 170px;
padding: 24px;
}
.root_yY8-D .header_28yHL {
display: flex;
flex-direction: row;
align-items: center;
}
.root_yY8-D .header_28yHL svg {
color: var(--upime-danger);
width: 28px;
height: 28px;
}
.root_yY8-D .header_28yHL > span {
margin-left: 8px;
color: var(--upime-main-text);
font-weight: 600;
font-size: 20px;
height: 28px;
line-height: 28px;
}
.root_yY8-D .content_V1er- {
margin-bottom: 16px;
margin-left: 32px;
font-size: 14px;
color: var(--upime-second-text);
line-height: 22px;
}
.root_yY8-D .content_V1er- em {
font-style: inherit !important;
}
.root_yY8-D .content_V1er- em {
color: var(--upime-main-text);
max-width: 160px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.root_yY8-D .closeIcon_osbF1 {
position: absolute;
right: 24px;
top: 24px;
width: 20px;
height: 20px;
cursor: pointer;
}
.root_yY8-D .title_MdyID {
display: block;
height: 28px;
line-height: 28px;
font-size: 20px;
font-weight: 600;
}
.root_yY8-D .inputBlock_anCwt > span {
height: 20px;
line-height: 20px;
font-size: 14px;
color: #303445;
}
.root_yY8-D .inputBlock_anCwt > input {
margin-top: 8px;
width: 100%;
border: 1px solid;
padding: 12px 16px;
font-size: 14px;
line-height: 20px;
border-color: var(--upime-second-text);
border-radius: 4px;
}
.root_yY8-D .inputBlock_anCwt > input:focus {
border-color: var(--upime-active);
}
.root_yY8-D .actions_0gHWS {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.root_yY8-D .actions_0gHWS .button_w5pPJ {
margin-left: 12px;
min-width: 72px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
}
.root_yY8-D .actions_0gHWS .button_w5pPJ.cancel_GFuRN {
border: 1px solid #e6e7e9;
}
.do-hovers .closeIcon_osbF1:hover {
color: var(--upime-active);
}
.do-hovers .inputBlock_anCwt > input:hover {
border-color: var(--upime-active);
}
.bottomTipContainer_A-XAX {
display: flex;
align-items: center;
color: white;
pointer-events: all;
}
.bottomTipContainer_A-XAX .btContainer_PkG-x {
display: flex;
padding: 5px 12px;
align-items: center;
gap: 6px;
line-height: 22px;
border-radius: 4px;
margin-left: 4px;
background: rgba(255, 255, 255, 0.18);
cursor: pointer;
}
.bottomTipContainer_A-XAX .divider_yKrp4 {
margin: 0 8px 0 16px;
height: 20px;
width: 1px;
background-color: rgba(255, 255, 255, 0.25);
}
.bottomTipContainer_A-XAX .closeContainer_6A55g {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.65);
}
.do-hovers .hoverContainer_WVkBE {
cursor: pointer;
}
.do-hovers .hoverContainer_WVkBE:hover {
background: rgba(255, 255, 255, 0.18);
}
.aiThinkingTipContainer_6LVcD {
position: absolute;
top: 64px;
z-index: 10;
height: 40px;
z-index: 9999;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
overflow: hidden;
}
.aiThinkingTipContainer_6LVcD .box_8pLSu {
position: relative;
height: 100%;
padding: 0 20px;
color: white;
z-index: 10;
display: flex;
align-items: center;
font-size: 14px;
border-radius: 24px;
overflow: hidden;
width: -moz-max-content;
width: max-content;
}
.aiThinkingTipContainer_6LVcD .box_8pLSu .tip_YVFO5 {
font-weight: 500;
position: relative;
z-index: 10;
word-break: keep-all;
height: 20px;
overflow: hidden;
}
.aiThinkingTipContainer_6LVcD .bgWrapper_6-eI1 {
width: calc(100% + 100px);
aspect-ratio: 1 / 1;
position: absolute;
left: -50px;
z-index: 0;
animation: bg-trans_Vo5TS infinite 10s linear;
}
.aiThinkingTipContainer_6LVcD .bg_Oy72G {
width: 100%;
height: 100%;
animation: bg-rotate_za6zs infinite 4s linear;
background-image: linear-gradient(61deg, #ff61d2, #ff5ca7, #36beff, #44ecff);
}
.aiThinkingTipContainer_6LVcD .bg_Oy72G .bgImage_HuPMy {
width: 100%;
height: 100%;
}
@keyframes bg-rotate_za6zs {
from {
transform: rotate(0);
transform-origin: 50% 50%;
}
to {
transform: rotate(360deg);
transform-origin: 50% 50%;
}
}
@keyframes bg-trans_Vo5TS {
from {
transform: translateX(-50px);
}
50% {
transform: translateX(50px);
}
to {
transform: translateX(-50px);
}
}
.fullscreenContainer_PxxQ8 {
width: 100%;
height: 100%;
position: absolute;
z-index: 31;
pointer-events: auto;
}
.fullscreenContainer_PxxQ8 iframe {
width: 100%;
height: 100%;
border: none;
}
.modalContainer_a8fVk {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.45);
display: flex;
align-items: center;
justify-content: center;
z-index: 31;
pointer-events: auto;
}
.modalContainer_a8fVk .modalBox_WvaEQ {
position: absolute;
top: 40px;
bottom: 40px;
left: auto;
right: auto;
background-color: white;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
width: min(1440px, calc(100vw - 200px));
}
.modalContainer_a8fVk .modalBox_WvaEQ .modalHead_2jW0P {
height: 44px;
padding: 0 12px;
display: flex;
align-items: center;
}
.modalContainer_a8fVk .modalBox_WvaEQ .modalHead_2jW0P .closeBox_bWEN5 {
margin-left: auto;
width: 28px;
height: 28px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #0c1024;
}
.modalContainer_a8fVk .modalBox_WvaEQ .modalContent_0Dgzj {
flex: 1;
overflow: hidden;
}
.modalContainer_a8fVk .modalBox_WvaEQ .modalContent_0Dgzj iframe {
width: 100%;
height: 100%;
border: none;
}
.do-hovers .closeBox_bWEN5:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.bodyContentWrap_melXz {
margin-top: 8px;
}
.inputWrap_Jab-a {
position: relative;
}
.inputWrap_Jab-a .inputTitle_rVAYH {
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.inputWrap_Jab-a .inputUserName_YbmOQ {
margin: 0;
margin-top: 8px;
height: 44px;
}
.inputWrap_Jab-a .inputUserName_YbmOQ.inputInvalid_seDfM {
border: 1px solid #FE5250 !important;
}
.inputWrap_Jab-a .inputInvalidTip_mZZ9Y {
min-width: 132px;
max-width: 200px;
padding: 16px 24px;
margin: 0;
color: #FFF;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
word-break: break-word;
border-radius: 8px;
background: rgba(0, 0, 0, 0.8);
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%, -50%);
}
.cancelBtn_BIDkF {
min-width: 0 !important;
min-width: initial !important;
}
.cancelBtn_BIDkF {
height: 40px;
}
.confirmBtn_GiYxW {
min-width: 0 !important;
min-width: initial !important;
}
.confirmBtn_GiYxW {
height: 40px;
}
.bodyContentWrap_gEbbM {
margin-top: 24px;
}
.inputWrap_soYrO {
position: relative;
}
.inputWrap_soYrO .inputUserName_t-wc4 {
margin: 0;
height: 44px;
}
.inputWrap_soYrO .inputUserName_t-wc4.inputInvalid_G-nFA {
border: 1px solid #FE5250 !important;
}
.inputWrap_soYrO .inputValidTip_lK1qv {
color: #FE5250;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 0;
position: absolute;
top: 100%;
left: 0;
}
.cancelBtn_Wd2qx {
min-width: 0 !important;
min-width: initial !important;
}
.cancelBtn_Wd2qx {
height: 40px;
}
.confirmBtn_k73Sv {
min-width: 0 !important;
min-width: initial !important;
}
.confirmBtn_k73Sv {
height: 40px;
}
.container_Gb49V {
background-color: #ffffff;
box-sizing: border-box;
display: flex;
gap: 12px;
align-items: flex-start;
padding: 24px;
border-radius: 12px;
width: -moz-fit-content;
width: fit-content;
max-width: 90vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.iconWrapper_rppo3 {
flex-shrink: 0;
width: 28px;
height: 28px;
overflow: hidden;
position: relative;
}
.iconWrapper_rppo3 img {
display: block;
width: 100%;
height: 100%;
max-width: none;
}
.content_fs3hK {
display: flex;
flex-direction: column;
gap: 24px;
align-items: flex-end;
flex-shrink: 0;
width: 392px;
align-self: stretch;
}
.textSection_Sb1Bw {
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
flex-shrink: 0;
width: 100%;
}
.title_vpjvM {
font-family: "PingFang SC", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #0c1024;
width: 100%;
flex-shrink: 0;
position: relative;
}
.issuesList_-cdHJ {
display: flex;
flex-direction: column;
align-items: flex-start;
flex-shrink: 0;
width: 100%;
}
.issueItem_DqLn1 {
font-family: "PingFang SC", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #303445;
width: 100%;
flex-shrink: 0;
position: relative;
}
.helpSection_Yp94R {
display: flex;
gap: 4px;
align-items: flex-start;
flex-shrink: 0;
width: 100%;
white-space: pre;
font-family: "PingFang SC", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.helpText_nKXWG {
color: #303445;
flex-shrink: 0;
position: relative;
}
.helpLink_IBSxN {
color: #0168ff;
text-decoration: underline;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-underline-position: from-font;
flex-shrink: 0;
position: relative;
cursor: pointer;
}
.do-hovers .helpLink_IBSxN:hover {
opacity: 0.8;
}
.buttonGroup_C6wEA {
display: flex;
gap: 12px;
align-items: flex-start;
justify-content: flex-end;
flex-shrink: 0;
width: 100%;
}
.cancelBtn_ok-4t {
background-color: #ffffff;
border: 1px solid #dbdbde;
border-radius: 4px;
min-width: 72px;
flex-shrink: 0;
position: relative;
}
.cancelBtn_ok-4t .btnInner_N5iep {
box-sizing: border-box;
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
min-width: inherit;
overflow: hidden;
padding: 8px 16px;
border-radius: inherit;
}
.cancelBtn_ok-4t .btnText_sWWm5 {
font-family: "PingFang SC", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #0c1024;
text-align: center;
flex: 1;
min-height: 1px;
min-width: 1px;
flex-shrink: 0;
position: relative;
}
.do-hovers .cancelBtn_ok-4t:hover {
background-color: #f9f9f9;
}
.confirmBtn_x1s9k {
background-color: #0168ff;
box-sizing: border-box;
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
min-width: 72px;
padding: 8px 16px;
border-radius: 4px;
flex-shrink: 0;
position: relative;
cursor: pointer;
}
.confirmBtn_x1s9k .btnText_sWWm5 {
font-family: "PingFang SC", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #ffffff;
text-align: center;
flex: 1;
min-height: 1px;
min-width: 1px;
flex-shrink: 0;
position: relative;
}
.do-hovers .confirmBtn_x1s9k:hover {
background-color: #0158e0;
}
.toolWrapper_JlEsG {
position: absolute;
left: 51px;
box-shadow: 0 8px 32px rgba(5, 0, 56, 0.08);
border-radius: 4px;
}
.toolWrapper_JlEsG.toolWrapperHorizMode_cnIoW {
left: 0;
bottom: calc(100% + 10px);
transform: translateX(calc(-50% + 20px));
}
.toolWrapper_JlEsG.hide_6u1-H {
opacity: 0;
}
.toolBox_Ud6XO {
width: 340px;
background-color: white;
border-radius: 4px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.toolBox_Ud6XO .boxHead_ovNvI {
padding: 16px;
border-bottom: 1px solid #dbdbde;
flex-shrink: 0;
}
.toolBox_Ud6XO .boxHead_ovNvI .boxHeadTitle_hJm58 {
color: #0c1024;
font-size: 18px;
line-height: 26px;
}
.toolBox_Ud6XO .boxHead_ovNvI .boxHeadTip_xUSfH {
color: #91939c;
font-size: 14px;
line-height: 22px;
}
.toolBox_Ud6XO .boxContent_C1bxh {
flex: 1;
padding: 12px;
overflow-y: auto;
overflow-x: hidden;
}
.toolBox_Ud6XO .boxContent_C1bxh::-webkit-scrollbar {
width: 4px;
}
.toolBox_Ud6XO .boxContent_C1bxh::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.toolBox_Ud6XO .boxContent_C1bxh::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.toolBox_Ud6XO .boxContent_C1bxh.noScroll_EvJYJ {
overflow-y: hidden;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w {
border-bottom: 1px solid #dbdbde;
padding-bottom: 12px;
margin-bottom: 12px;
position: relative;
transition: all 0.15s;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w.horiz_lTAk6 {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w.toolBoxPart_iZsXU {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO {
width: 100%;
display: flex;
flex-direction: row;
padding: 0 10px;
align-items: center;
color: var(--upime-main-text);
height: 44px;
cursor: pointer;
border-radius: 4px;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .itemIconWrap_3n01t {
display: flex;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
position: relative;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO.disable_SPpK1 {
pointer-events: none;
color: #d8d8d8;
cursor: inherit;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO > svg {
width: 24px;
height: 24px;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO > span {
margin-left: 3px;
line-height: 22px;
font-size: 16px;
font-weight: 400;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .tudingContainer_Vzicf {
margin-left: auto;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .tuding_8CGiK {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
color: #616371;
transition: all 0.15s;
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .tuding_8CGiK.pinned_xpBqZ {
color: var(--upime-active);
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .tuding_8CGiK:hover {
color: #2e73e5;
background-color: rgba(46, 115, 229, 0.1);
}
.toolBox_Ud6XO .boxContent_C1bxh .toolBarInBox_opU2w .item_UVPPO .tuding_8CGiK.showInHover_umo15 {
display: none;
}
.appContainer_kr5dJ {
margin-top: 12px;
border-top: 1px solid #dbdbde;
padding-top: 12px;
}
.emptyContainer_DDRkI {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 52px;
border-radius: 4px;
border: 1px dashed #91939c;
color: #303445;
font-size: 14px;
margin: 20px 0 8px;
}
.dragableWrapper_cy2aZ {
position: absolute;
left: 0;
right: 0;
}
.dragableWrapper_cy2aZ.ani_L5-uj {
transition: all 0.15s;
}
.do-hovers .toolBarInBox_opU2w .item_UVPPO:hover {
background: rgba(0, 0, 0, 0.06);
}
.do-hovers .toolBarInBox_opU2w .item_UVPPO:hover .tuding_8CGiK {
display: flex !important;
}
.do-hovers .toolBarInBox_opU2w .item_UVPPO:hover[\:has\(.tuding\)] .shortcutContainer_DQ3hv {
display: none !important;
}
.do-hovers .toolBarInBox_opU2w .item_UVPPO:hover:has(.tuding_8CGiK) .shortcutContainer_DQ3hv {
display: none !important;
}
.shortcutContainer_DQ3hv {
margin-left: auto;
min-width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid #91939c;
color: #91939c;
word-break: keep-all;
white-space: nowrap;
font-size: 12px;
line-height: 1;
}
.toolCornerBadgeWrap_R1yTD {
position: absolute;
top: 0;
right: 0;
width: 22px;
height: 22px;
z-index: 5;
}
.toolCornerBadgeWrap_R1yTD .iconCornerBadge_dI5pX {
width: 100%;
height: 100%;
}
.toolCornerBadgeWrap_R1yTD .imageCornerBadge_6ANWj {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.latestUsedToolWrap_dRQGr {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.divider_5X-P6 {
margin: 8px 0;
width: 24px;
height: 1px;
background-color: #e6e7e9;
}
.childrenWrap_QzxBV {
width: 38px;
height: 38px;
position: relative;
}
.iconWrap_8qka- {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrapActive_Apuvz {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .iconWrapActive_Apuvz:hover {
background-color: #eaf1fc;
}
.scaleToOriginWrap_-o2V7 {
width: -moz-max-content;
width: max-content;
}
.scaleStatusBar_j0rvL {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
pointer-events: auto;
align-self: flex-end;
white-space: nowrap;
position: relative;
}
.scaleStatusBar_j0rvL .map_FK7Qr {
position: absolute;
right: 0;
bottom: calc(100% + 4px);
transition: height 0.2s;
height: 0px;
width: 100%;
min-width: 292px;
border-radius: 4px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.scaleStatusBar_j0rvL .map_FK7Qr.show_pKkeu {
height: 160px;
}
.scaleStatusBar_j0rvL .btns_REIi0 {
position: relative;
padding: 4px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 2px;
}
.scaleStatusBar_j0rvL .btns_REIi0 .on_OeAjr {
color: var(--upime-active);
}
.scaleStatusBar_j0rvL .btns_REIi0 .minus_aBk5R {
margin-right: 0;
}
.scaleStatusBar_j0rvL .btns_REIi0 .plus_PvTc4 {
margin-left: 0;
}
.scaleStatusBar_j0rvL .btns_REIi0.bigScreenMode_ES09z {
height: auto;
height: initial;
padding: 6px;
}
.scaleStatusBar_j0rvL .btns_REIi0.bigScreenMode_ES09z .iconWrap_8qka- {
height: auto;
height: initial;
width: auto;
width: initial;
padding: 8px;
}
.scaleStatusBar_j0rvL .btns_REIi0.bigScreenMode_ES09z .iconWrap_8qka- svg {
width: 28px;
height: 28px;
}
.scaleStatusBar_j0rvL .btn_oJTK3 {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
.scaleStatusBar_j0rvL .btn_oJTK3 .zhiyin_dianji_z2NHc {
display: none;
}
.scaleStatusBar_j0rvL .scale_q5dvL {
min-width: 56px;
height: 36px;
font-size: 12px;
}
.bigScreenOn .scaleStatusBar_j0rvL .map_FK7Qr {
bottom: calc(100% + 8px);
width: 292px;
transition: none 0s ease 0s;
transition: initial;
}
.do-hovers.bigScreenOff .iconWrap_8qka-:not(.noHover_VtD-L):hover {
background-color: rgba(0, 0, 0, 0.06);
}
.learningCenter_dj1lW {
width: 36px;
height: 36px;
display: flex;
}
.learningCenter_dj1lW.textType_365ZS {
width: 100%;
position: relative;
}
.learningCenter_dj1lW.textType_365ZS .learningCenterPanel_-LeuL {
bottom: 100%;
}
.learningCenter_dj1lW.textType_365ZS .triggerTip_oeotQ {
bottom: calc(100% + 4px);
}
.learningCenter_dj1lW.textType_365ZS .triggerTip_oeotQ .arrow_L98w4 {
right: 160px;
}
.learningCenter_dj1lW .learningCenterPanel_-LeuL {
position: absolute;
bottom: calc(100% + 4px);
right: 0;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.learningCenter_dj1lW .triggerTip_oeotQ {
position: absolute;
bottom: calc(100% + 12px);
right: 0;
border-radius: 4px;
background-color: #000;
display: flex;
height: 42px;
padding: 10px 12px;
justify-content: flex-end;
align-items: center;
gap: 8px;
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.learningCenter_dj1lW .triggerTip_oeotQ .divider_I1LUL {
width: 1px;
height: 12px;
background: rgba(255, 255, 255, 0.45);
}
.learningCenter_dj1lW .triggerTip_oeotQ .closeIcon_uV8Fh {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 16px;
height: 16px;
color: #a6a6a6;
}
.learningCenter_dj1lW .triggerTip_oeotQ .arrow_L98w4 {
position: absolute;
top: 100%;
right: 50px;
}
.centerWrapper_OurTy {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.more_setting_D3wsf {
width: 36px;
height: 36px;
border-radius: 2px;
background-color: transparent;
cursor: pointer;
}
.more_setting_D3wsf .arrow_btn_jdd-L {
width: 100%;
height: 100%;
display: flex;
}
.more_setting_D3wsf.bigScreenMode_ES09z {
width: auto;
width: initial;
height: auto;
height: initial;
}
.setting_panel_2RW72 {
position: absolute;
bottom: calc(100% + 4px);
right: 0;
height: 52px;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
display: flex;
flex-direction: column;
width: 220px;
height: -moz-max-content;
height: max-content;
align-items: center;
justify-content: space-between;
cursor: default;
}
.setting_panel_2RW72 .label_M-Rt0 {
width: 100%;
height: 36px;
padding: 0 16px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
color: #0c1024;
cursor: pointer;
}
.setting_panel_2RW72 .label_M-Rt0 .iconWrap_8qka- {
width: 32px;
height: 32px;
}
.setting_panel_2RW72 .label_M-Rt0.iconLabel_w2jxU {
justify-content: flex-start;
gap: 8px;
}
.setting_panel_2RW72 .label_M-Rt0.iconLabel_w2jxU .labelIcon_B3rLk {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.setting_panel_2RW72 .label_M-Rt0.scaleStatus_KXA8J {
cursor: default;
}
.setting_panel_2RW72 .label_M-Rt0.scaleStatus_KXA8J .scaleBtns_fkqOZ {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.setting_panel_2RW72 .label_M-Rt0.scaleStatus_KXA8J .scaleBtns_fkqOZ .scaleToOriginWrap_-o2V7 {
width: 80px;
height: 32px;
}
.setting_panel_2RW72 .label_M-Rt0.scaleStatus_KXA8J .scaleBtns_fkqOZ .minus_aBk5R,
.setting_panel_2RW72 .label_M-Rt0.scaleStatus_KXA8J .scaleBtns_fkqOZ .plus_PvTc4 {
background-color: rgba(0, 0, 0, 0.06);
}
.setting_panel_2RW72 .divideLine_Ccdx6 {
height: 1px;
width: 100%;
background-color: #e6e7e9;
margin: 8px 0px;
}
.setting_panel_2RW72.bigScreenMode_ES09z {
flex-direction: column;
height: auto;
height: initial;
}
.setting_panel_2RW72.bigScreenMode_ES09z .label_M-Rt0 {
height: 40px;
}
.setting_panel_2RW72.bigScreenMode_ES09z .label_M-Rt0.scaleStatus_KXA8J .minus_aBk5R,
.setting_panel_2RW72.bigScreenMode_ES09z .label_M-Rt0.scaleStatus_KXA8J .plus_PvTc4 {
padding: 2px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .setting_panel_2RW72 .label_M-Rt0:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .setting_panel_2RW72 .label_M-Rt0:hover.scaleStatus_KXA8J {
background-color: transparent;
background-color: initial;
}
.triggerRenderContainer_Vve-4 {
display: flex;
align-items: center;
white-space: nowrap;
padding: 0 4px;
pointer-events: all;
}
.triggerRenderContainer_Vve-4 .divider_I1LUL {
height: 12px;
width: 1px;
margin: 0 8px;
background-color: rgba(255, 255, 255, 0.45);
}
.triggerRenderContainer_Vve-4 .closeIcon_uV8Fh {
cursor: pointer;
color: rgba(255, 255, 255, 0.65);
}
.zoomSelectorContainer_MXtN0 {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.zoomSelectorContainer_MXtN0.style2_QtWfR .zoomSelector_e9TYx {
transform: translateX(calc(-50% - 22px));
}
.zoomSelectorContainer_MXtN0 .iconWrap_8qka-.scale_q5dvL.active_HjgMr {
background: #EAF1FC;
color: #2E73E5;
}
.zoomSelectorContainer_MXtN0 .iconWrap_8qka-.scale_q5dvL.active_HjgMr:hover {
background: #EAF1FC;
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx {
display: flex;
width: 220px;
padding: 8px 0px;
flex-direction: column;
align-items: flex-start;
gap: 4px;
border-radius: 4px;
background: #FFF;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx.en_sSX-8 {
width: 240px;
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx .zoomOption_6hmPU {
display: flex;
height: 36px;
width: 100%;
padding: 0 16px;
align-items: center;
gap: 8px;
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
cursor: pointer;
position: relative;
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx .zoomOption_6hmPU:hover {
background: rgba(0, 0, 0, 0.06);
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx .zoomOption_6hmPU .icon_6eKIE {
width: 16px;
height: 16px;
}
.zoomSelectorContainer_MXtN0 .zoomSelector_e9TYx .zoomOption_6hmPU .tip_3MAoO {
position: absolute;
right: 16px;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.map_73Bn8 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
touch-action: none;
}
.map_73Bn8 .mapInner_bwmrd {
width: 100%;
height: 100%;
touch-action: none;
}
.map_73Bn8 canvas {
pointer-events: none;
}
.map_canvas_gsdKo {
width: 100%;
height: 100%;
}
.closeIconContainer_ReHbY {
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transform: translateX(-50%) translateY(-50%);
}
.do-hovers .closeIconContainer_ReHbY:hover {
background: rgba(0, 0, 0, 0.25);
}
.titleBar_U7EUA {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
height: 44px;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 4px;
}
.titleBar_U7EUA .menuContainer_AfsNg {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 4px;
}
.titleBar_U7EUA .menuContainer_AfsNg.noGap_UwyRH {
gap: 0px;
}
.titleBarTemplate_GtUmF {
padding-left: 8px;
font-size: 14px;
}
.titleBarTemplate_GtUmF .divider_yM1KF {
width: 1px;
height: 20px;
background-color: var(--upime-divider-bg);
margin-right: 8px;
margin-left: 8px;
}
.back_Z1ZP8 {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
cursor: pointer;
}
.iconWrap_9NQN- {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrapActive_EylEK {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .iconWrap_9NQN-:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_EylEK:hover {
color: var(--upime-active);
background-color: #eaf1fc;
}
.exportDialog_BVBOf {
left: 20px;
top: 20px;
position: absolute;
padding: 24px;
width: 320px;
font-size: 14px;
border-radius: 8px;
background-color: #fff;
box-shadow: #000;
display: flex;
flex-direction: column;
}
.exportDialog_BVBOf .title_C-EKw {
font-size: 20px;
height: 30px;
font-weight: 600;
color: #0c1024;
margin-bottom: 8px;
}
.exportDialog_BVBOf .tips_eg7B4 {
display: inline-block;
margin-top: 20px;
width: 100%;
padding: 8px 12px;
background-color: #eaf1fc;
min-height: 34px;
font-size: 12px;
color: #0c1024;
border-radius: 2px;
word-break: break-word;
}
.exportDialog_BVBOf .info_r5wIV {
margin-top: 8px;
width: 100%;
line-height: 22px;
font-size: 14px;
color: var(--upime-third-text);
}
.label_mi67d {
padding-left: 32px;
width: 92px;
display: inline-block;
}
.pdfDialog_0LXDv {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.pdfDialog_0LXDv .label_mi67d {
width: 100%;
}
.exportDialog_BVBOf .fileFormat_K4d5J {
width: 60px;
display: inline-block;
}
.exportDialog_BVBOf .btnContainer_7WcWJ {
direction: rtl;
}
.label_mi67d::before {
width: 16px;
height: 16px;
left: 28px;
margin-top: 2px;
border: 1px solid #616371;
background-color: #fff;
transition: border-color 250ms, background-color 250ms, opacity 250ms;
position: absolute;
content: "";
border-radius: 100%;
box-sizing: border-box;
}
.checked_pXbVU::before {
border: 5px solid var(--upime-active);
}
.disabled_Dmuot .label_mi67d {
color: #c2c3c8;
}
.disabled_Dmuot .label_mi67d::before {
border: 1px solid #dbdbde;
background-color: #f5f6f6;
}
.exportConfirm_ywrKW {
display: inline-block;
margin-top: 20px;
box-sizing: border-box;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
min-width: 60px;
font-size: 14px;
height: 36px;
text-align: center;
vertical-align: middle;
}
.exportingDiv_fmrlA {
margin: 0px;
width: 20px;
height: 20px;
animation-name: rotate_uZzni;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotate_uZzni {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.exportCancel_45bQK {
display: inline-block;
margin-top: 20px;
margin-right: 14px;
min-width: 60px;
font-size: 14px;
height: 36px;
box-sizing: border-box;
border: 1px solid #e6e7e9;
border-radius: 4px;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
line-height: 1;
cursor: pointer;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
outline: none;
box-shadow: none;
background-color: #fff;
}
.exportSettingItem_vk3OP {
height: 22px;
margin-top: 12px;
}
.exportSettingItem_vk3OP.disabled_Dmuot span {
color: #c2c3c8;
}
.exportSettingItem_vk3OP.disabled_Dmuot * {
cursor: not-allowed;
}
.do-hovers .exportCancel_45bQK:hover {
background-color: #f9f9f9;
}
.dimensions_sxeXM {
color: #616371;
}
.ultraHDWarning_-N8Tr {
display: block;
margin-top: 4px;
margin-left: 32px;
font-size: 11px;
color: #91939c;
color: var(--Neutral-colorText-Tertiary, #91939c);
line-height: 16px;
word-break: break-word;
}
.exportOptions_Q13-z {
margin-top: 4px;
width: -moz-max-content;
width: max-content;
min-width: 200px;
padding: 8px 0;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.exportOptions_Q13-z .exportOptionWrap_Z0Gih {
width: 100%;
position: relative;
}
.exportOptions_Q13-z .exportOption_gzrJU {
width: 100%;
height: 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 8px;
padding: 0 16px;
cursor: pointer;
}
.exportOptions_Q13-z .icon_UzH65 {
width: 20px;
height: 20px;
}
.exportOptions_Q13-z .name_b8a5S {
height: 20px;
font-size: 14px;
line-height: 20px;
color: #0c1024;
}
.exportOptions_Q13-z .iconArrow_0cUCu {
width: 16px;
height: 16px;
margin-left: auto;
}
.exportFrameOptions_ek6Cw {
width: -moz-max-content;
width: max-content;
padding: 8px 0;
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.exportFrameOptions_ek6Cw .exportFrameOption_-1kks {
width: 100%;
height: 36px;
padding: 0 16px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
cursor: pointer;
}
.exportFrameOptions_ek6Cw .exportFrameOption_-1kks .content_OOtmd {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.exportFrameOptions_ek6Cw .exportFrameOption_-1kks .upgradeAccountBtn_QNrt7 {
height: 18px;
display: flex;
padding: 0px 4px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 4px;
background: linear-gradient(280deg, #f1008c 0%, #b721ff 100%);
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.do-hovers .exportOptions_Q13-z .exportOption_gzrJU:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .exportFrameOptions_ek6Cw .exportFrameOption_-1kks:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.searchMenuWrap_n0mXT {
position: relative;
}
.searchPanel_hu-du {
margin-top: 8px;
}
.iconWrap_QnIDH {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.iconWrapActive_LeNwi {
color: var(--upime-active);
background-color: #EAF1FC;
}
.do-hovers .iconWrap_QnIDH:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_LeNwi:hover {
color: var(--upime-active);
background-color: #EAF1FC;
}
.shortcutContainer_eREFs {
display: flex;
align-items: center;
gap: 8px;
word-break: keep-all;
white-space: nowrap;
font-size: 12px;
line-height: 1;
}
.shortcutContainer_eREFs .shortcutBox_bSWF2 {
min-width: 16px;
height: 16px;
padding: 0 4px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid #91939c;
color: #91939C;
}
.searchPanelWrap_csWxT {
width: 360px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 12px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.searchPanelWrap_csWxT.noTabs_tF57X .searchSubPanelWrap_CXMiu {
padding-top: 12px;
}
.searchPanelWrap_csWxT .searchSubPanelWrap_CXMiu {
width: 100%;
}
.searchPanelTabsWrap_GjFCD {
width: 100%;
height: 40px;
padding: 0 16px;
display: flex;
flex-shrink: 0;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
gap: 28px;
border-bottom: 1px solid #dbdbde;
}
.searchPanelTabsWrap_GjFCD .tabItem_eUMwY {
height: 32px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
color: #91939C;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
padding: 0;
cursor: pointer;
position: relative;
}
.searchPanelTabsWrap_GjFCD .tabItem_eUMwY.activeTab_zELrX {
color: #0c1024;
font-weight: 600;
}
.searchPanelTabsWrap_GjFCD .tabItem_eUMwY.activeTab_zELrX::after {
content: '';
height: 2px;
position: absolute;
left: 0;
right: 0;
bottom: -1px;
background-color: #000;
}
.searchSubPanelWrap_-FIQi {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 12px;
}
.searchSubPanelWrap_-FIQi.showSearchResult_yxEkB,
.searchSubPanelWrap_-FIQi.searchResultEmpty_hSag6 {
padding-bottom: 0;
}
.searchInputWrap_OT3eM {
width: 100%;
padding: 0 16px;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 {
width: 100%;
height: 40px;
display: flex;
justify-content: flex-start;
align-items: center;
border: 1px solid #E6E7E9;
border-radius: 4px;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82[focus-within] {
border-color: #2E73E5;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82:focus-within {
border-color: #2E73E5;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 .searchInputLeftWrap_Wo-tJ {
height: 100%;
display: flex;
flex: 1;
justify-content: flex-start;
align-items: center;
gap: 8px;
padding-left: 12px;
padding-right: 32px;
border-right: 1px solid #E6E7E9;
position: relative;
overflow: hidden;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 .searchInputLeftWrap_Wo-tJ .searchInput_m6omq {
flex-grow: 1;
min-width: 0;
height: 100%;
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
border: none;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 .searchInputLeftWrap_Wo-tJ .searchInput_m6omq:placeholder {
color: #C2C3C8;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 .searchInputLeftWrap_Wo-tJ .clearInputIcon_Cy5nH {
color: #C2C3C8;
cursor: pointer;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
visibility: hidden;
}
.searchInputWrap_OT3eM .searchInputInnerWrap_Z-c82 .searchInputLeftWrap_Wo-tJ .clearInputIcon_Cy5nH.showClearInputIcon_KpZ2H {
visibility: visible;
}
.elementFilterWrap_TWCTU {
height: 100%;
display: flex;
flex-shrink: 0;
position: relative;
}
.elementFilterWrap_TWCTU .currentFilterInfo_MhLsX {
min-width: 98px;
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
padding: 0 12px;
}
.elementFilterWrap_TWCTU .currentFilterInfo_MhLsX.showList_BAxur {
background-color: rgba(0, 0, 0, 0.06);
}
.elementFilterWrap_TWCTU .currentFilterInfo_MhLsX .currentFilterName_CYIPE {
display: flex;
flex: 1;
justify-content: flex-start;
align-items: center;
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ {
min-width: 140px;
padding: 8px 0;
border-radius: 4px;
background: #FFF;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
position: absolute;
top: calc(100% + 1px);
left: 0;
z-index: 1;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW {
width: 100%;
height: 36px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 6px;
padding: 0 12px;
white-space: nowrap;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW.selected_xOhlO {
background-color: rgba(0, 0, 0, 0.06);
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW.selected_xOhlO .selectedIcon_XZDJf {
visibility: visible;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW.disabled_TUPxn .filterItemContent_ZLkTl .filterName_zbgtY {
color: #C2C3C8;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW .selectedIcon_XZDJf {
visibility: hidden;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW .filterItemContent_ZLkTl {
display: flex;
flex: 1;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 24px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW .filterItemContent_ZLkTl .filterName_zbgtY {
color: #0C1024;
}
.elementFilterWrap_TWCTU .filterInfoList_W49WQ .filterItem_vIbLW .filterItemContent_ZLkTl .elementCount_1kDuO {
color: #91939C;
}
.do-hovers .currentFilterInfo_MhLsX:hover {
cursor: pointer;
}
.do-hovers .currentFilterInfo_MhLsX:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .filterItem_vIbLW:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .filterItem_vIbLW:hover.disabled_TUPxn {
cursor: not-allowed;
}
.searchResultWrap_aVe9Z {
width: 100%;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y {
display: flex;
flex-direction: column;
padding-bottom: 8px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .navBarWrap_LWPen {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 14px 16px 6px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .navBarWrap_LWPen .resultCount_hglPV {
color: #91939C;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .navBarWrap_LWPen .navBtnsWrap_cRAT1 {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .navBarWrap_LWPen .navBtnsWrap_cRAT1 .prevBtn_84Lrg {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
transform: rotate(180deg);
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .navBarWrap_LWPen .navBtnsWrap_cRAT1 .nextBtn_SoUd6 {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j {
width: 100%;
max-height: 252px;
overflow-y: auto;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j .searchResultItem_4Vam8 {
width: 100%;
height: 39px;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 9px;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j .searchResultItem_4Vam8.selected_OF4Kr {
background-color: #EAF1FC;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j .searchResultItem_4Vam8.selected_OF4Kr .elementIcon_yHqP9,
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j .searchResultItem_4Vam8.selected_OF4Kr .elementSnippet_MdsDM {
color: #2E73E5;
}
.searchResultWrap_aVe9Z .searchResultListWrap_evK8Y .searchResultList_dSx-j .searchResultItem_4Vam8 .elementSnippet_MdsDM {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.searchResultWrap_aVe9Z .noResultTip_48bx- {
padding: 16px;
color: #91939C;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.do-hovers .prevBtn_84Lrg:hover,
.do-hovers .nextBtn_SoUd6:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .searchResultItem_4Vam8:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.06);
}
.replaceSubPanelWrap_i5M7L {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 12px;
}
.replaceSubPanelWrap_i5M7L.showSearchResult_31Hfb,
.replaceSubPanelWrap_i5M7L.searchResultEmpty_Gq2oi {
padding-bottom: 0;
}
.replaceSubPanelWrap_i5M7L .inputWrap_KGLon {
display: flex;
flex-direction: column;
gap: 12px;
}
.replaceSubPanelWrap_i5M7L .divider_rMAy6 {
width: 100%;
height: 1px;
background-color: #E6E7E9;
margin-top: 16px;
}
.replaceInputWrap_R6ViK {
width: 100%;
padding: 0 16px;
}
.replaceInputWrap_R6ViK .inputInnerWrap_AQDgY {
width: 100%;
height: 40px;
display: flex;
flex: 1;
gap: 8px;
justify-content: flex-start;
align-items: center;
padding-left: 12px;
padding-right: 12px;
border: 1px solid #E6E7E9;
border-radius: 4px;
position: relative;
overflow: hidden;
}
.replaceInputWrap_R6ViK .inputInnerWrap_AQDgY[focus-within] {
border-color: #2E73E5;
}
.replaceInputWrap_R6ViK .inputInnerWrap_AQDgY:focus-within {
border-color: #2E73E5;
}
.replaceInputWrap_R6ViK .inputInnerWrap_AQDgY .searchInput_e47EO {
flex-grow: 1;
min-width: 0;
height: 100%;
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
border: none;
}
.replaceInputWrap_R6ViK .inputInnerWrap_AQDgY .searchInput_e47EO:placeholder {
color: #C2C3C8;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.replaceButtonsWrap_mtIKG {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 16px;
}
.replaceButtonsWrap_mtIKG .leftPartWrap_SRxJd .checkboxWrap_rhvvQ {
display: flex;
flex-direction: row;
gap: 8px;
justify-content: flex-start;
align-items: center;
cursor: pointer;
}
.replaceButtonsWrap_mtIKG .leftPartWrap_SRxJd .checkboxWrap_rhvvQ .checkboxText_Zyv0W {
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.replaceButtonsWrap_mtIKG .rightPartWrap_-4AXI {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
.replaceButtonsWrap_mtIKG .rightPartWrap_-4AXI .replaceButton_SDmOP,
.replaceButtonsWrap_mtIKG .rightPartWrap_-4AXI .replaceAllButton_If9qP {
height: 32px;
padding-left: 12px;
padding-right: 12px;
}
.user_h-sqW {
position: relative;
width: 32px;
height: 32px;
border-width: 2px;
border-style: solid;
border-radius: 50%;
}
.user_h-sqW.clickAble_-raZL {
cursor: pointer;
}
.avatarRoot_MEzOD {
width: 100%;
height: 100%;
}
.follow_tag_RPPGd {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.avatar_wrapper_Oog-Q,
.follow_tag_RPPGd,
.avatar_15txz {
width: 100%;
height: 100%;
}
.avatar_wrapper_Oog-Q .mask_cVGWg {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 0;
opacity: 0.6;
}
.follow_tag_RPPGd {
border-radius: 50%;
color: white;
display: flex;
}
.follow_tag_RPPGd .sdk-icon {
font-size: 16px;
margin: auto;
}
.follow_count_wez3u {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: calc(100% + 4px);
min-width: 24px;
font-size: 12px;
height: 14px;
line-height: 14px;
text-align: center;
border-radius: 7px;
color: var(--upime-main-text);
}
.user_item_TvMGY {
display: flex;
height: 32px;
align-items: center;
color: var(--upime-main-text);
}
.user_item_TvMGY .name_hDRuv {
margin-left: 12px;
font-size: 14px;
line-height: 32px;
flex-shrink: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: calc(100% - 44px);
}
.user_item_TvMGY .name_hDRuv em {
font-style: inherit !important;
}
.user_item_TvMGY .name_hDRuv em.highlight_ygAqn {
color: var(--upime-active);
}
.tip_zXVFH {
margin-top: 10px;
}
.tip_zXVFH.followed_vlclC {
margin-top: 20px;
}
.follow_tip_tZdkK {
display: flex;
flex-direction: column;
align-items: flex-start;
width: -moz-max-content;
width: max-content;
}
.follow_tip_tZdkK .name_hDRuv {
color: var(--upime-tip);
font-size: 16px;
line-height: 24px;
text-align: left;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
max-width: 184px;
}
.follow_tip_tZdkK .split_oAH56 {
width: 100%;
height: 1px;
margin-top: 10px;
background-color: var(--upime-tip);
}
.follow_tip_tZdkK .info_JPAJs {
margin-top: 10px;
font-size: 12px;
line-height: 20px;
width: -moz-max-content;
width: max-content;
max-width: 184px;
}
.follow_tip_tZdkK .oneLine_0mhgQ {
text-align: left;
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
}
.follow_tip_tZdkK .oneLine_0mhgQ > div {
white-space: pre;
}
.follow_tip_tZdkK .oneLine_0mhgQ .omit_lpLHt {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.follow_tip_tZdkK .twoLine_d9-Gg {
white-space: pre;
text-align: left;
word-break: normal;
word-wrap: normal;
width: 100%;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.follow_tip_tZdkK .oneLine_0mhgQ:not(:first-child),
.follow_tip_tZdkK .twoLine_d9-Gg:not(:first-child) {
margin-top: 4px;
}
.hide_bPewF {
display: none;
}
.show_hBJWH {
display: block;
}
.optionBar_Fiwdm {
height: 44px;
padding: 0 6px 0 4px;
display: flex;
align-items: center;
margin-left: 8px;
gap: 4px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.optionBar_Fiwdm .endChild_A7S8- {
padding-right: 16px;
}
.optionBar_Fiwdm .customChild_UEvpK {
padding: 0 0 0 8px;
position: relative;
}
.members_S9WkB {
display: flex;
justify-content: space-around;
margin-left: 4px;
margin-right: 10px;
transition: all 0.38s;
height: 100%;
position: relative;
}
.members_S9WkB.none_1ccE3 {
margin-right: 0;
}
.members_S9WkB .member_hSwY0 {
flex-grow: 0;
flex-shrink: 1;
min-width: 20px;
display: flex;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
transition: all 0.2s;
}
.members_S9WkB .member_hSwY0.animate_pUwUP {
animation: showFromRight_HtUqh 0.2s ease-in-out;
}
.members_S9WkB .member_hSwY0.more_btn_0YPr2 {
cursor: pointer;
}
.members_S9WkB .member_hSwY0 .more_num_m2ENl {
font-size: 12px;
width: 34px;
height: 34px;
border: 2px solid white;
}
.members_S9WkB .member_hSwY0 .withBadge_-I1oV {
width: -moz-max-content;
width: max-content;
padding: 0px 5px;
border-radius: 25px;
}
@keyframes showFromRight_HtUqh {
from {
left: var(--aniRight);
}
to {
left: 0;
}
}
.more_list_icbDY,
.self_info_mEc-g,
.follow_list_gjbBO {
position: absolute;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.more_list_icbDY,
.self_info_mEc-g {
top: calc(44px + 4px);
right: 0;
width: 260px;
}
.follow_list_gjbBO {
position: absolute;
top: calc((44px + 4px) + 103px);
top: calc(calc(44px + 4px) + 103px);
right: calc(260px + 4px);
width: 260px;
}
.more_list_icbDY,
.follow_list_gjbBO {
padding: 0 2px;
}
.list_content_Qcy-c {
overflow: auto;
padding: 6px 14px 16px 14px;
}
.list_content_Qcy-c::-webkit-scrollbar {
width: 4px;
}
.list_content_Qcy-c::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.list_content_Qcy-c::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.list_content_Qcy-c .list_item_28YY7:not(:first-child) {
margin-top: 12px;
}
.more_list_icbDY .list_content_Qcy-c {
max-height: 208px;
}
.follow_list_gjbBO .list_content_Qcy-c {
max-height: 380px;
}
.self_info_mEc-g {
padding: 0 16px;
}
.self_info_mEc-g .self_name_yE90S {
height: 54px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.self_info_mEc-g .self_name_yE90S .name_wrap_f-Ugq {
display: flex;
flex-direction: row;
gap: 2px;
justify-content: flex-start;
align-items: center;
width: 100%;
overflow: hidden;
}
.self_info_mEc-g .self_name_yE90S .name_wrap_f-Ugq .name_iCfeG {
color: var(--upime-main-text);
line-height: 22px;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.self_info_mEc-g .self_name_yE90S .name_wrap_f-Ugq .modifyUserNameBtn_93bfm {
padding: 6px;
border-radius: 2px;
}
.self_info_mEc-g .self_name_yE90S .name_wrap_f-Ugq .modifyUserNameBtn_93bfm .modifyUserNameIcon_fgp5T {
display: flex;
flex-shrink: 0;
color: #91939C;
}
.self_info_mEc-g .owner_tag_xDomf {
color: var(--upime-second-text);
height: 18px;
line-height: 18px;
font-size: 12px;
white-space: nowrap;
}
.self_info_mEc-g .split_xQisy {
width: 100%;
height: 1px;
background-color: #dbdbde;
}
.self_info_mEc-g .followButtonsWrap_51fBk {
display: flex;
flex-direction: column;
padding: 8px 0;
}
.self_info_mEc-g .follow_me_btn_J2T9N {
height: 40px;
color: var(--upime-main-text);
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.self_info_mEc-g .follow_me_btn_J2T9N > svg {
width: 24px;
height: 24px;
}
.self_info_mEc-g .follow_me_btn_J2T9N > span {
margin-left: 8px;
font-size: 14px;
height: 24px;
line-height: 24px;
}
.self_info_mEc-g .follow_me_btn_J2T9N.disabled_OTlv9 {
color: var(--upime-disable);
pointer-events: none;
}
.do-hovers .modifyUserNameBtn_93bfm:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.06);
}
.userNameSearch_YIPKI {
margin: 12px 16px;
}
.noSearchRes_ByLU8 {
display: block;
width: 100%;
text-align: center;
font-size: 12px;
color: var(--upime-main-text);
height: 18px;
line-height: 18px;
}
.custonGuideRoot_x6X3Q {
position: absolute;
left: 12px;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
}
.cursor_btn_tp5h1 {
cursor: pointer !important;
}
.cursor_btn_tp5h1 {
position: relative;
}
.iconWrap_H0SK6 {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrapActive_i-4Wl {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .iconWrap_H0SK6:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_i-4Wl:hover {
color: var(--upime-active);
background-color: #eaf1fc;
}
.triggerRenderContainer_MMsA5 {
display: flex;
align-items: center;
white-space: nowrap;
padding: 0 4px;
pointer-events: all;
}
.triggerRenderContainer_MMsA5 .divider_O2Mx5 {
height: 12px;
width: 1px;
margin: 0 8px;
background-color: rgba(255, 255, 255, 0.45);
}
.triggerRenderContainer_MMsA5 .closeIcon_BLh8H {
cursor: pointer;
color: rgba(255, 255, 255, 0.65);
}
.iconBox_OJAQ4 {
padding: 6px;
cursor: pointer;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.iconBox_OJAQ4 > svg {
color: #0c1024;
}
.iconBox_OJAQ4:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.iconBox_OJAQ4.active_uxIUD {
background-color: #eaf1fc;
}
.iconBox_OJAQ4.active_uxIUD > svg {
color: #2e73e5;
}
.morePanel_gq9Md {
padding: 8px 0px;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
align-items: flex-start;
color: #0c1024;
position: absolute;
background-color: #fff;
top: calc(100% + 8px);
left: -8px;
min-width: 200px;
}
.morePanel_gq9Md .bar_qkNlG {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 8px 16px;
width: 100%;
white-space: nowrap;
height: 40px;
background-color: transparent;
background-color: initial;
gap: 8px;
}
.morePanel_gq9Md .bar_qkNlG > svg {
font-size: 24px;
}
.morePanel_gq9Md .bar_qkNlG > span {
white-space: nowrap;
font-size: 14px;
}
.morePanel_gq9Md .bar_qkNlG svg {
margin: 0;
}
.morePanel_gq9Md .bar_qkNlG:hover {
background-color: rgba(0, 0, 0, 0.06) !important;
}
.morePanel_gq9Md .bar_qkNlG:hover {
cursor: pointer;
}
.container_ickiY {
position: relative;
width: 100%;
height: 100%;
outline: 1px solid #cfdbed;
border-radius: 8px;
background: linear-gradient(200deg, rgba(202, 219, 255, 0.61) 4.64%, rgba(230, 238, 255, 0.76) 18.33%, rgba(255, 255, 255, 0.76) 42.78%, rgba(255, 255, 255, 0.76) 100%), #FFF;
background: linear-gradient(200deg, rgba(202, 219, 255, 0.61) 4.64%, rgba(230, 238, 255, 0.76) 18.33%, rgba(255, 255, 255, 0.76) 42.78%, rgba(255, 255, 255, 0.76) 100%), var(--Neutral-colorBg-Container, #FFF);
display: flex;
flex-direction: column;
overflow: hidden;
}
.container_ickiY.phoneModeContainer_QdIL4 {
padding-top: 12px;
}
.header_JKS07 {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 10px 12px 16px;
width: 100%;
flex-shrink: 0;
gap: 12px;
}
.header_JKS07.pcModeHeader_NrLBU {
padding: 0;
}
.header_JKS07.pcModeHeader_NrLBU .title_ZTzhU {
padding: 12px 0 12px 16px;
}
.header_JKS07.pcModeHeader_NrLBU .actions_xe4tB {
padding: 12px 10px 12px 0;
}
.header_JKS07 .title_ZTzhU {
font-family: PingFang SC, sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: #202022;
white-space: nowrap;
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.header_JKS07 .actions_xe4tB {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 4px;
}
.header_JKS07 .actions_xe4tB .actionBtn_kzyPj {
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
}
.header_JKS07 .actions_xe4tB .actionBtn_kzyPj.actionBtnActive_TWPHw {
background-color: rgba(0, 0, 0, 0.04);
}
.header_JKS07 .actions_xe4tB .actionBtn_kzyPj.disabled_0wGjM {
pointer-events: none;
color: rgba(0, 0, 0, 0.15);
color: var(--Neutral-colorCommon-black15, rgba(0, 0, 0, 0.15));
}
.header_JKS07.phoneModeHeader_GCeCz .leftActions_UNBsQ {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 4px;
justify-content: flex-start;
}
.header_JKS07.phoneModeHeader_GCeCz .title_ZTzhU {
flex: 1;
text-align: center;
}
.header_JKS07.phoneModeHeader_GCeCz .actionBtn_kzyPj {
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
}
.adContainer_P3M75 {
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
width: 100%;
flex-shrink: 0;
}
.adContainer_P3M75 .adBanner_hRIDu {
display: flex;
align-items: center;
justify-content: space-between;
background: linear-gradient(to right, rgba(49, 113, 255, 0.08), rgba(163, 66, 255, 0.08));
border-radius: 6px;
padding: 5px 5px 5px 9px;
width: 100%;
max-width: 780px;
overflow: hidden;
}
.adContainer_P3M75 .adBanner_hRIDu .adLeft_yceX1 {
display: flex;
align-items: center;
gap: 8px;
}
.adContainer_P3M75 .adBanner_hRIDu .adLeft_yceX1 .betaTag_MukLc {
display: flex;
align-items: center;
justify-content: center;
padding: 3px 4px;
border-radius: 4px;
background: linear-gradient(to right, #3171ff, #a342ff);
font-family: PingFang SC, sans-serif;
font-weight: 600;
font-size: 10px;
line-height: 12px;
color: white;
text-align: center;
white-space: nowrap;
}
.adContainer_P3M75 .adBanner_hRIDu .adLeft_yceX1 .adText_BHzpp {
font-family: PingFang SC, sans-serif;
font-size: 13px;
line-height: 20px;
color: #202022;
white-space: nowrap;
}
.adContainer_P3M75 .adBanner_hRIDu .adRight_1TJfA {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.adContainer_P3M75 .adBanner_hRIDu .adRight_1TJfA .tryBtn_svgxp {
font-family: PingFang SC, sans-serif;
font-size: 11px;
line-height: 16px;
color: rgba(0, 0, 0, 0.65);
white-space: nowrap;
cursor: pointer;
}
.adContainer_P3M75 .adBanner_hRIDu .adRight_1TJfA .closeBtn_kt3o6 {
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 2px;
cursor: pointer;
transition: background-color 0.2s;
}
.historyPopContainer_Mv1wY {
width: 320px;
max-height: 448px;
margin-right: -12px;
}
.body_AuSRR {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 29px 16px 12px 20px;
width: 100%;
overflow-y: scroll;
position: relative;
}
.mainContent_3t0xW {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
padding-top: 40px;
padding-bottom: 40px;
width: 100%;
}
.welcomeSection_r8t8i {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
width: 100%;
text-align: center;
}
.welcomeSection_r8t8i .welcomeTitle_HGpEK {
font-family: PingFang SC, sans-serif;
font-weight: 600;
font-size: 22px;
line-height: 30px;
color: #202022;
}
.welcomeSection_r8t8i .welcomeDesc_cnj69 {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: rgba(0, 0, 0, 0.45);
}
.skillsSection_agOsk {
margin-top: 40px;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 780px;
}
.skillsSection_agOsk .skillsTitle_LZA3N {
font-family: PingFang SC, sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #202022;
margin-bottom: 8px;
}
.skillsSection_agOsk .skillsGrid_YejwB {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
grid-gap: 8px;
gap: 8px;
width: 100%;
align-items: flex-start;
align-content: flex-start;
}
.phoneMode .skillsGrid_YejwB {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.inputBox_jMJk- {
margin-top: 28px;
}
.skillCard_ufV9G {
background-color: rgba(255, 255, 255, 0.6);
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 6px;
display: flex;
gap: 8px;
align-items: flex-start;
padding: 10px 12px;
cursor: pointer;
transition: all 0.2s;
}
.skillCard_ufV9G .skillIcon_rmDs3 {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
border-radius: 4px;
flex-shrink: 0;
}
.skillCard_ufV9G .skillInfo_-NknN {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex: 1;
min-width: 0;
}
.skillCard_ufV9G .skillInfo_-NknN .skillTitle_HSwhZ {
font-family: PingFang SC, sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 20px;
color: #202022;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.skillCard_ufV9G .skillInfo_-NknN .skillDesc_rtWfe {
font-family: PingFang SC, sans-serif;
font-size: 11px;
line-height: 16px;
color: #909399;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.disclaimer_39hlg {
font-family: PingFang SC, sans-serif;
font-size: 10px;
line-height: 18px;
color: #c2c3c8;
text-align: center;
white-space: nowrap;
width: 100%;
flex-shrink: 0;
margin-top: auto;
}
.do-hovers .skillCard_ufV9G:hover {
background-color: white;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.do-hovers .actionBtn_kzyPj:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .tryBtn_svgxp:hover {
text-decoration: underline;
}
.do-hovers .closeBtn_kt3o6:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .aiPointsView_z6JzP:hover::after {
opacity: 1;
}
.aiPointsViewContainer_yiMTb {
display: inline-block;
}
.aiPointsView_z6JzP {
height: 26px;
padding: 2px 6px;
justify-content: center;
align-items: center;
gap: 2px;
border-radius: 6px;
background: linear-gradient(90deg, rgba(255, 144, 0, 0.12) 0%, rgba(255, 144, 0, 0.2) 60.92%);
color: #cf642f;
display: flex;
margin-left: 8px;
font-size: 12px;
font-weight: 500;
line-height: 1;
cursor: pointer;
position: relative;
white-space: nowrap;
}
.aiPointsView_z6JzP::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.04);
border-radius: 6px;
z-index: 1;
opacity: 0;
transition: opacity 0.2s;
pointer-events: none;
}
.aIPointsInfoPop_Cr6Zi {
width: 304px;
background-color: white;
padding: 8px;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.aIPointsInfoPop_Cr6Zi .one_FTUEe {
display: flex;
padding: 6px 6px 6px 8px;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 6px;
background: rgba(255, 144, 0, 0.1);
color: #cf642f;
font-size: 13px;
font-weight: 600;
}
.aIPointsInfoPop_Cr6Zi .oneText_SKn4H {
flex: 1;
}
.aIPointsInfoPop_Cr6Zi .two_JTQmp {
padding-left: 32px;
padding-right: 8px;
margin-top: 12px;
color: #91939c;
font-size: 12px;
line-height: 20px;
}
.aIPointsInfoPop_Cr6Zi .two_JTQmp .twoItem_-Jt4F {
display: flex;
align-items: center;
justify-content: space-between;
gap: 4px;
}
.aIPointsInfoPop_Cr6Zi .two_JTQmp .twoItem_-Jt4F + .aIPointsInfoPop_Cr6Zi .two_JTQmp .twoItem_-Jt4F {
margin-top: 4px;
}
.aIPointsInfoPop_Cr6Zi .three_kHq1B {
margin-top: 12px;
padding-left: 5px;
}
.aIPointsInfoPop_Cr6Zi .three_kHq1B .threeTitle_9rkQ3 {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 4px;
}
.aIPointsInfoPop_Cr6Zi .three_kHq1B .threeTitle_9rkQ3 .threeContentTitle_f5tRZ {
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
font-family: "PingFang SC";
font-size: 13px;
line-height: 22px;
}
.aIPointsInfoPop_Cr6Zi .three_kHq1B .threeContent_1lNYi {
padding-left: 22px;
color: #91939c;
color: var(--Neutral-colorText-Tertiary, #91939c);
font-family: "PingFang SC";
font-size: 12px;
font-weight: 400;
line-height: 20px;
/* 166.667% */
}
.aIPointsInfoPop_Cr6Zi .three_kHq1B .threeContent_1lNYi .threeCountRow_-QTHj {
display: flex;
}
.aIPointsInfoPop_Cr6Zi .three_kHq1B .threeContent_1lNYi .threeContentNumber_U67Jc {
width: 14px;
flex-shrink: 0;
}
.aIPointsInfoPop_Cr6Zi .dashDivider_TOz8K {
width: 100%;
margin: 8px 0;
border-top: 1px dashed rgba(0, 0, 0, 0.08);
}
.aIPointsInfoPop_Cr6Zi .gotoRow_RNtTj {
display: flex;
align-items: center;
gap: 4px;
color: #0c1024;
color: var(--Neutral-colorText-Primary, #0c1024);
font-family: "PingFang SC";
font-size: 13px;
line-height: 22px;
/* 169.231% */
cursor: pointer;
border-radius: 4px;
padding: 7px 8px;
text-decoration: none;
}
.aIPointsInfoPop_Cr6Zi .gotoRow_RNtTj:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.aIPointsInfoPop_Cr6Zi .gotoRow_RNtTj .gotoIcon_q260m {
width: 16px;
height: 16px;
display: block;
margin-left: auto;
}
.aIPointsInfoPop_Cr6Zi .icon_Ich3j {
width: 16px;
height: 16px;
display: block;
}
.container_1tQjo {
position: relative;
width: 100%;
height: 100%;
background: white;
border: 1px solid #d0d5dd;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px 0;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.topBar_2g6o1 {
padding: 0 12px;
display: flex;
flex-direction: column;
gap: 8px;
}
.header_JcgW- {
display: flex;
align-items: center;
padding: 0 8px;
width: 100%;
flex-shrink: 0;
}
.header_JcgW- .title_Za1vL {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: #909399;
flex: 1;
}
.searchBar_Srz45 {
display: flex;
align-items: center;
gap: 6px;
background-color: #f2f4f7;
border-radius: 4px;
padding: 7px 12px;
width: 100%;
flex-shrink: 0;
}
.searchBar_Srz45 .searchIcon_PNbT4 {
color: #909399;
flex-shrink: 0;
}
.searchBar_Srz45 .searchInput_9pWkN {
flex: 1;
border: none;
outline: none;
background: transparent;
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
color: #606266;
}
.searchBar_Srz45 .searchInput_9pWkN::-moz-placeholder {
color: #909399;
}
.searchBar_Srz45 .searchInput_9pWkN::placeholder {
color: #909399;
}
.historyList_-pfkC {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
max-height: 356px;
flex: 1;
padding: 0 6px 0 12px;
overflow-y: scroll;
overflow-x: hidden;
}
.emptyState_xoTgV {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
padding: 20px;
width: 100%;
height: 100%;
}
.emptyState_xoTgV .emptyIcon_cXIsw {
width: 80px;
height: 80px;
-o-object-fit: contain;
object-fit: contain;
}
.emptyState_xoTgV .emptyText_l-tzE {
font-family: PingFang SC, sans-serif;
font-size: 12px;
line-height: 20px;
color: #91939C;
color: var(--Neutral-colorText-Tertiary, #91939C);
text-align: center;
}
.historyItem_9WmFS {
position: relative;
display: flex;
align-items: center;
gap: 6px;
padding: 6px 8px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
min-height: 32px;
}
.historyItem_9WmFS .iconWrapper_dvS5N {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 16px;
height: 16px;
}
.historyItem_9WmFS .iconWrapper_dvS5N img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.historyItem_9WmFS .itemContent_LYa7l {
flex: 1;
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
color: #606266;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
.historyItem_9WmFS .itemInput_f2r84 {
flex: 1;
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
color: #606266;
border: none;
border-radius: 2px;
background: transparent;
padding: 0 4px;
outline: none;
min-width: 0;
}
.historyItem_9WmFS .itemInput_f2r84::-moz-selection {
background-color: rgba(32, 32, 34, 0.2);
}
.historyItem_9WmFS .itemInput_f2r84::selection {
background-color: rgba(32, 32, 34, 0.2);
}
.historyItem_9WmFS .moreBtn_m6UqC {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
border-radius: 4px;
flex-shrink: 0;
opacity: 0;
transition: all 0.2s;
}
.historyItem_9WmFS .moreBtn_m6UqC.opened_mFOq4 {
opacity: 1;
background-color: rgba(0, 0, 0, 0.04);
}
.historyItem_9WmFS.active_7JGtM {
background-color: rgba(0, 0, 0, 0.04);
}
.historyItem_9WmFS.editing_aZ5UE {
cursor: default;
background-color: rgba(0, 0, 0, 0.04);
background-color: var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
}
.itemMenu_DJvOS {
position: relative;
background: white;
border-radius: 4px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
padding: 8px 0;
width: 120px;
margin-right: -12px;
}
.itemMenu_DJvOS .menuItem_08ldH {
position: relative;
display: flex;
align-items: center;
gap: 8px;
padding: 7px 12px;
cursor: pointer;
transition: background-color 0.2s;
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
color: #0C1024;
color: var(--Neutral-colorText-Primary, #0C1024);
white-space: nowrap;
}
.itemMenu_DJvOS .menuItem_08ldH.deleteItem_rz85W.deleteActive_U6MQN {
background: rgba(0, 0, 0, 0.04);
background: var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
}
.deleteConfirmWrapper_8dCiu {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 2px;
}
.deleteConfirmArrow_rSa5X {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid white;
margin-bottom: -1px;
position: absolute;
top: -6px;
right: 53px;
z-index: 1;
}
.deleteConfirm_jE0lR {
background: white;
border-radius: 8px;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
padding: 12px;
display: flex;
flex-direction: column;
gap: 12px;
min-width: 280px;
}
.deleteConfirm_jE0lR .confirmMessage_uA9Ok {
display: flex;
align-items: flex-start;
gap: 6px;
}
.deleteConfirm_jE0lR .confirmMessage_uA9Ok .confirmIcon_L6q2h {
display: flex;
align-items: center;
justify-content: center;
padding: 3px 0;
flex-shrink: 0;
color: #fe5250;
}
.deleteConfirm_jE0lR .confirmMessage_uA9Ok .confirmText_eFNL8 {
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 22px;
color: #202022;
flex: 1;
}
.deleteConfirm_jE0lR .confirmButtons_zaP5E {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.deleteConfirm_jE0lR .confirmButtons_zaP5E .cancelBtn_T5Bon {
background: white;
border: 1px solid #d0d5dd;
border-radius: 4px;
padding: 4px 8px;
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 20px;
color: #000000;
cursor: pointer;
transition: background-color 0.2s;
}
.deleteConfirm_jE0lR .confirmButtons_zaP5E .deleteBtn_F5r6m {
background: #fe5250;
border-radius: 4px;
padding: 4px 8px;
font-family: PingFang SC, sans-serif;
font-size: 14px;
line-height: 20px;
color: white;
cursor: pointer;
transition: background-color 0.2s;
}
.do-hovers .historyItem_9WmFS:not(.editing_aZ5UE):hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .historyItem_9WmFS:not(.editing_aZ5UE):hover .moreBtn_m6UqC {
opacity: 1;
}
.do-hovers .moreBtn_m6UqC:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .menuItem_08ldH:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.do-hovers .cancelBtn_T5Bon:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.do-hovers .deleteBtn_F5r6m:hover {
background-color: #e64745;
}
.fullscreenContainer_Hwyvd {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
z-index: 9999;
overflow: hidden;
}
.panel_BMZhP {
position: absolute;
left: 0;
top: 0;
width: 300px;
height: 100%;
background: white;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
padding: 16px;
gap: 8px;
overflow: hidden;
}
.header_8KDGO {
padding: 0 8px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.header_8KDGO .title_mOwFN {
color: #91939c;
font-size: 14px;
font-family: PingFang SC, sans-serif;
font-weight: 400;
line-height: 22px;
}
.searchBar_QA7Gw {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
background: #f5f6f6;
border-radius: 4px;
}
.searchBar_QA7Gw .searchIcon_3zMiF {
color: #91939c;
flex-shrink: 0;
}
.searchBar_QA7Gw .searchInput_JPps2 {
flex: 1;
border: none;
outline: none;
background: transparent;
color: #424454;
font-size: 15px;
font-family: PingFang SC, sans-serif;
font-weight: 400;
line-height: 24px;
}
.searchBar_QA7Gw .searchInput_JPps2::-moz-placeholder {
color: #91939c;
}
.searchBar_QA7Gw .searchInput_JPps2::placeholder {
color: #91939c;
}
.historyList_4X0CM {
flex: 1;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 4px;
}
.historyList_4X0CM::-webkit-scrollbar {
width: 4px;
}
.historyList_4X0CM::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.historyItemWrapper_OnYpl {
position: relative;
}
.historyItem_zTFtF {
display: flex;
align-items: center;
gap: 6px;
padding: 10px 8px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
}
@media (hover: hover) and (pointer: fine) {
.historyItem_zTFtF:hover {
background-color: #f5f6f6;
}
}
.historyItem_zTFtF.active_4EqYM {
background-color: #e8f0ff;
}
.historyItem_zTFtF.editing_1N2kZ {
background-color: #f5f6f6;
}
.historyItem_zTFtF.selected_sDHYz {
background: rgba(0, 0, 0, 0.04);
background: var(--Neutral-colorCommon-black04, rgba(0, 0, 0, 0.04));
}
.historyItem_zTFtF .iconWrapper_zNWPu {
width: 18px;
height: 18px;
flex-shrink: 0;
border-radius: 3.6px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.historyItem_zTFtF .iconWrapper_zNWPu img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.historyItem_zTFtF .itemContent_C9K-s {
flex: 1;
color: #424454;
font-size: 15px;
font-family: PingFang SC, sans-serif;
font-weight: 400;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.historyItem_zTFtF .itemInput_NTArN {
flex: 1;
border: none;
outline: none;
background: transparent;
color: #424454;
font-size: 15px;
font-family: PingFang SC, sans-serif;
font-weight: 400;
line-height: 24px;
padding: 0;
}
.itemMenu_-eUt3 {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 8px;
}
.itemMenu_-eUt3.menuBottom_aCfhP {
top: 100%;
margin-top: 4px;
flex-direction: column;
}
.itemMenu_-eUt3.menuBottom_aCfhP .menuArrow_AXnAZ {
clip-path: polygon(50% 0, 0 100%, 100% 100%);
order: -1;
}
.itemMenu_-eUt3.menuBottom_aCfhP .menuContent_ioFUT {
order: 0;
}
.itemMenu_-eUt3.menuTop_YcVXa {
bottom: 100%;
margin-bottom: 4px;
flex-direction: column;
}
.itemMenu_-eUt3.menuTop_YcVXa .menuArrow_AXnAZ {
clip-path: polygon(50% 100%, 0 0, 100% 0);
order: 1;
}
.itemMenu_-eUt3.menuTop_YcVXa .menuContent_ioFUT {
order: 0;
}
.itemMenu_-eUt3 .menuContent_ioFUT {
background: white;
border-radius: 8px;
padding: 8px 0;
display: flex;
flex-direction: column;
min-width: 120px;
background: #FFF;
background: var(--Neutral-colorBg-Container, #FFF);
box-shadow: 0 0 48px 0 rgba(0, 0, 0, 0.16);
}
.itemMenu_-eUt3 .menuItem_P-LjF {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
transition: background-color 0.2s;
}
@media (hover: hover) and (pointer: fine) {
.itemMenu_-eUt3 .menuItem_P-LjF:hover {
background-color: #f5f6f6;
}
}
.itemMenu_-eUt3 .menuItem_P-LjF span {
color: #0c1024;
font-size: 15px;
font-family: PingFang SC, sans-serif;
font-weight: 400;
line-height: 24px;
}
.itemMenu_-eUt3 .menuArrow_AXnAZ {
width: 26px;
height: 12px;
background: white;
}
.menuMask_0n7Uy {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background: transparent;
}
.emptyState_BJoXc {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
}
.emptyState_BJoXc .emptyIcon_KurDS {
width: 120px;
height: 120px;
margin-bottom: 16px;
opacity: 0.5;
}
.emptyState_BJoXc .emptyText_OBzD7 {
color: #91939c;
font-size: 14px;
font-family: PingFang SC, sans-serif;
font-weight: 400;
line-height: 22px;
text-align: center;
}
.container_skl9B {
width: 100%;
flex-grow: 1;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 6px 0 16px 0;
}
.chatListContainer_Ua5jC {
width: 100%;
overflow: hidden;
flex: 1;
position: relative;
}
.chatListContainer_Ua5jC .chatListView_GiWeZ {
width: 100%;
}
.chatListContainer_Ua5jC .newDialogPromptWrapper_Rjb9- {
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.inputBoxContainer_CPaBk {
width: 100%;
padding: 0 16px;
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
}
.container_lKQeO {
display: flex;
align-items: center;
gap: 12px;
padding: 4px 8px 4px 12px;
background: #fff;
border-radius: 6px;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}
.contentWrapper_XklKL {
display: flex;
align-items: center;
gap: 6px;
}
.warningIcon_-f-8V {
width: 18px;
height: 18px;
flex-shrink: 0;
}
.text_DGKG3 {
font-family: 'PingFang SC', sans-serif;
font-size: 13px;
line-height: 21px;
color: #202022;
white-space: pre;
}
.actionsWrapper_8Vs84 {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
}
.newSessionBtn_pGhRf {
display: flex;
align-items: center;
padding: 5px 12px;
height: 32px;
background: rgba(0, 0, 0, 0.04);
border-radius: 4px;
font-family: 'PingFang SC', sans-serif;
font-size: 13px;
line-height: 21px;
color: #202022;
white-space: pre;
cursor: pointer;
transition: background 0.2s;
}
.do-hovers .newSessionBtn_pGhRf:hover {
background: linear-gradient(to right, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
}
.closeBtn_KQJgG {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 2px;
cursor: pointer;
transition: background 0.2s;
}
.do-hovers .closeBtn_KQJgG:hover {
background: rgba(0, 0, 0, 0.04);
}
.root_xbdS5 {
height: 44px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
padding: 0 4px;
margin-left: 8px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.root_xbdS5 .iconBox_OVaUX {
padding: 6px;
cursor: pointer;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.root_xbdS5 .iconBox_OVaUX > svg {
color: #0c1024;
}
.root_xbdS5 .iconBox_OVaUX:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.root_xbdS5 .iconBox_OVaUX.active_7YxGa {
background-color: #eaf1fc;
}
.root_xbdS5 .iconBox_OVaUX.active_7YxGa > svg {
color: #2e73e5;
}
.root_xbdS5 .collapseBox_rQjLS > svg {
color: #91939c;
}
.root_xbdS5 .divider_kPtNH {
width: 1px;
height: 20px;
background-color: var(--upime-divider-bg);
margin: 0 4px;
}
.root_xbdS5.extension_XZjoa {
margin-right: 8px;
}
.root_xbdS5.extension_XZjoa .extensionItem_X7KSJ {
width: 40px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.root_xbdS5.extension_XZjoa .extensionItem_X7KSJ > svg {
width: 24px;
height: 24px;
cursor: pointer;
}
.root_xbdS5.extension_XZjoa .extensionItem_X7KSJ .active_7YxGa {
color: var(--upime-active);
}
.root_xbdS5.nogap_8RbEz {
gap: 0;
}
.blueDot_wOVyR {
position: absolute;
top: 0px;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #2e73e5;
}
.morePanel_vpMvo {
padding: 8px 0px;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
align-items: flex-start;
color: #0c1024;
position: absolute;
background-color: #fff;
top: calc(100% + 8px);
left: -8px;
min-width: 200px;
}
.morePanel_vpMvo .bar_ySB7B {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 8px 16px;
width: 100%;
white-space: nowrap;
height: 40px;
background-color: transparent;
background-color: initial;
gap: 8px;
}
.morePanel_vpMvo .bar_ySB7B > svg {
font-size: 24px;
}
.morePanel_vpMvo .bar_ySB7B > span {
white-space: nowrap;
font-size: 14px;
}
.morePanel_vpMvo .bar_ySB7B svg {
margin: 0;
}
.morePanel_vpMvo .bar_ySB7B::before {
top: 3px;
left: 24px;
}
.morePanel_vpMvo .bar_ySB7B:hover {
background-color: rgba(0, 0, 0, 0.06) !important;
}
.morePanel_vpMvo .bar_ySB7B:hover {
cursor: pointer;
}
.morePanel_vpMvo .timerBar_CFDFR {
position: relative;
}
.morePanel_vpMvo .timerBar_CFDFR .tip_root_OnP5p {
width: 34px;
height: 20px;
border-radius: 11px;
background-color: #2e73e5;
position: absolute;
bottom: 18px;
left: 19px;
color: #fff;
line-height: 20px;
text-align: center;
font-size: 12px;
cursor: pointer;
}
.morePanel_vpMvo .timerBar_CFDFR .tip_root_OnP5p.phoneMode_4mK-s {
bottom: 22px;
left: 18px;
}
.morePanel_vpMvo .timerBar_CFDFR.iconWrapActive_NEPcL {
color: var(--upime-active);
}
.foldableToolBoxRoot_zSTGJ {
display: flex;
justify-content: center;
align-items: center;
padding: 8px;
cursor: pointer;
border-radius: 2px;
pointer-events: auto;
position: relative;
}
.foldableToolBoxRoot_zSTGJ .morePanel_vpMvo {
top: 0;
left: 50%;
transform: translate(-50%, calc(-100% - 12px));
}
.foldableToolBoxRoot_zSTGJ.active_7YxGa {
background-color: #eaf1fc;
}
.foldableToolBoxRoot_zSTGJ.active_7YxGa > svg {
color: #2e73e5;
}
.foldableToolBoxRoot_zSTGJ.disabled_tRhB2 {
pointer-events: none;
color: #d8d8d8;
}
.do-hovers .extension_XZjoa .extensionItem_X7KSJ > svg:hover {
color: var(--upime-active);
}
.do-hovers.bigScreenOff .foldableToolBoxRoot_zSTGJ:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.pointer_auvPh {
cursor: pointer;
}
.iconWrap_okL-Z {
width: -moz-max-content;
width: max-content;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 8px;
gap: 8px;
cursor: pointer;
}
.iconInnerWrap_gvPHv {
width: 24px;
height: 24px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
.iconWrapActive_ErjL4 {
color: var(--upime-active);
background-color: #eaf1fc;
}
.iconWrapActive_ErjL4 .meetingTxt_h9tPO {
color: var(--upime-active);
}
.iconPhone_yZLMk {
width: 20px;
height: 20px;
margin: 0;
}
.iconWrapPhone_KPevu {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.iconWrapActivePhone_ztEx0 {
background-color: #eaf1fc;
}
.iconWrapActivePhone_ztEx0 .iconPhone_yZLMk {
color: #2e73e5;
}
.do-hovers .iconWrap_okL-Z:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_ErjL4:hover {
color: var(--upime-active);
background-color: #eaf1fc;
}
.iconContainer_nB2e5 {
position: relative;
}
.iconContainer_nB2e5.phone_TxqEj {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
pointer-events: auto;
}
.iconContainer_nB2e5.phone_TxqEj > svg {
font-size: 18px;
}
.iconContainer_nB2e5.large_o6tZ- {
width: 44px !important;
height: 44px !important;
}
.iconContainer_nB2e5.active_CQza3 {
color: var(--upime-active);
}
.iconContainer_nB2e5.active_CQza3 .meetingTxt_h9tPO {
color: var(--upime-active);
}
.iconContainer_nB2e5.disabled_Aw38h {
pointer-events: none;
color: var(--upime-disable);
}
.inMeetingIconBox_mhuft {
width: 88px;
height: 42px;
border-radius: 999px;
background-color: #fff;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
display: flex;
justify-content: center;
align-items: center;
pointer-events: auto;
position: relative;
}
.inMeetingIconBox_mhuft .yinshipin_FNnmf {
width: 20px;
height: 20px;
color: #2e73e5;
}
.inMeetingIconBox_mhuft .divider_g-9NH {
width: 1px;
height: 20px;
background-color: #e6e7e9;
margin: 0 12px;
}
.inMeetingIconBox_mhuft::before {
content: "";
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: var(--upime-active);
top: 5px;
left: 17px;
}
.inMeetingIconBox_mhuft.redDot_UnsO5::before {
background-color: #fe5250;
}
.tingzhiIcon_8vPEO {
color: #fe5250;
width: 22px;
height: 22px;
}
.inMeeting_V71hK::before {
content: "";
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: var(--upime-active);
top: 2px;
left: 16px;
}
.meetingRecording_ZZBde::before {
background-color: #fe5250;
}
.meetingsNumContainer_9hnLD {
height: 18px;
min-width: 18px;
background-color: #fe5250;
border: 1px solid white;
padding: 0 4px;
border-radius: 9px;
color: white;
font-size: 10px;
line-height: 16px;
text-align: center;
position: absolute;
top: -7px;
right: -7px;
}
.inMeetingTxt_fuwg4,
.meetingTxt_h9tPO {
margin-right: 6px;
font-size: 14px;
height: 20px;
line-height: 20px;
color: var(--upime-active);
width: -moz-max-content;
width: max-content;
}
.meetingTxt_h9tPO {
color: var(--upime-main-text);
}
.cm_item_X7miM {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_X7miM.disabled_MHz4v {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_X7miM.autoWidth_mosMG {
width: auto;
min-width: 40px;
}
.icon_box_6-GeC {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_6-GeC.active_TfE5l {
color: var(--upime-active);
}
.bling_item_LTEZk {
opacity: 0.8;
}
.hidden_HbJlw {
visibility: hidden !important;
}
.hidden_all_ts2zM {
visibility: hidden !important;
}
.hidden_all_ts2zM * {
visibility: hidden !important;
}
.show_all_lEhch {
visibility: visible !important;
}
.show_all_lEhch * {
visibility: visible !important;
}
.pane_ytf23 {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_ztSIV {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_sgPDn {
visibility: hidden;
opacity: 0;
animation: show_ztSIV 0.5s forwards;
}
@keyframes show_scale_Tl-wH {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_Tl-wH {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_Tl-wH 0.3s forwards;
}
.show_scale_Tl-wH.right_U-SRp {
transform-origin: left center;
}
.show_scale_Tl-wH.left_6AoAM {
transform-origin: right center;
}
.show_scale_Tl-wH.bottom_NpiGW {
transform-origin: center top;
}
.show_scale_Tl-wH.top_so2pM {
transform-origin: center bottom;
}
.show_scale_Tl-wH.left_top_sOW0- {
transform-origin: right top;
}
.show_scale_Tl-wH.top_left_uCMBX {
transform-origin: bottom left;
}
.show_scale_Tl-wH.bottom_left_YYOxP {
transform-origin: top left;
}
.show_scale_Tl-wH.top_right_PUECA {
transform-origin: bottom right;
}
.show_scale_Tl-wH.bottom_right_Cn4hw {
transform-origin: top right;
}
.show_scale_Tl-wH.right_top_gNULf {
transform-origin: left top;
}
.show_scale_Tl-wH.right_bottom_2sUiI {
transform-origin: left bottom;
}
.show_scale_Tl-wH.left_bottom_2e7Q6 {
transform-origin: right bottom;
}
.btn_style_ElI1I {
cursor: pointer;
}
.btn_style_ElI1I:active,
.btn_style_ElI1I.on_XiYCQ {
color: var(--upime-active);
}
.btn_style_ElI1I.disabled_MHz4v {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_7GkbB {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_6-GeC:hover {
opacity: 1;
}
.do-hovers .bling_item_LTEZk:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_ElI1I:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_7GkbB:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_-dp1f:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_T9-JU:hover {
color: var(--upime-main-text);
}
.rotateY180_rEVYt {
transform: rotateY(180deg);
}
.titleIcon_-dp1f {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_-dp1f.active_TfE5l {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_-dp1f.active_TfE5l {
color: var(--upime-active);
}
.moreIcon_T9-JU {
cursor: pointer;
}
.moreIcon_T9-JU svg {
color: #303445;
}
.moreIcon_T9-JU.active_TfE5l svg {
color: var(--upime-main-text);
}
@keyframes loading_Gj-k0 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_-LVUh {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_Gj-k0 1s linear infinite forwards;
}
.AIButtonContainer_NUKmb {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_NUKmb.transparent_eAwqg {
opacity: 0;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc.AIShow_H4TcT {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc.AIHide_lJph9 {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc.AIButtonHover_znjrE:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc.AIButtonDisabled_tkvSZ {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_NUKmb .AIButtonWrapper_k4-3o .AIButtonImageContainer_MeKFc .AIButtonImage_ZAdMH {
width: 32px;
height: 32px;
}
.sub_win_container_gAVv- {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_gAVv-::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_gAVv-::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_gAVv-::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_gAVv- .sub_win_child_wrapper_whGGc:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_gAVv- .sub_win_child_wrapper_whGGc:not(:first-child) .sub_win_child_zVe-q {
padding-top: 0;
}
.sub_win_flexalbe_container_8L5SM {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_8L5SM * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM:not(:first-child) .flexable_scroll_inner_ygrja {
padding-top: 0px;
}
.phoneMode .sub_win_container_gAVv- {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_8L5SM {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_OH7uM {
animation: safariUpdate_zvHzx 0.1s forwards;
}
.safariOn .sub_win_container_gAVv- {
animation: safariUpdate_zvHzx 0.1s forwards;
}
@keyframes safariUpdate_zvHzx {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_oA48W {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_oA48W .noColorStylePart_VHy4Q + .noColorStylePart_VHy4Q {
margin-top: 8px;
}
.noColorStyleContainer_oA48W .partlabel_uxjEx {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_oA48W .partlabel_uxjEx.disabled_MHz4v {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_gAVv-,
.phoneMode .sub_win_flexalbe_container_8L5SM {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_gAVv- .flexable_scroll_wrapper_OH7uM:not(:first-child),
.phoneMode .sub_win_flexalbe_container_8L5SM .flexable_scroll_wrapper_OH7uM:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_oA48W {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_oA48W .noColorStylePart_VHy4Q + .noColorStylePart_VHy4Q {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_oA48W .partlabel_uxjEx {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_FsYaO {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_FsYaO.active_TfE5l {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_XaHS9.active_TfE5l {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_FsYaO:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_FsYaO:hover.active_TfE5l {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_XaHS9:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_XaHS9:hover.active_TfE5l {
color: #2E73E5;
background-color: #dce3ed;
}
.iconWrap_EG1Ac {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrapActive_egbjR {
color: var(--upime-active);
background-color: #EAF1FC;
}
.activeColor_sHVQm {
color: var(--upime-active);
}
.do-hovers .iconWrap_EG1Ac:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_egbjR:hover {
color: var(--upime-active);
background-color: #EAF1FC;
}
.learning_center_31WPD {
position: relative;
min-width: 340px;
max-width: calc(100vw - 100px);
z-index: 100;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
margin-right: calc(0px - 340px);
margin-right: calc(0px - var(--panel-width, 340px));
transition: margin-right 0.3s;
}
.learning_center_31WPD .head_Lt9hY {
height: 46px;
padding: 16px 24px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.learning_center_31WPD .head_Lt9hY .title_wdFzr {
font-size: 20px;
font-weight: 500;
color: #0c1024;
}
.learning_center_31WPD .head_Lt9hY .close_EdqUe {
width: 24px;
height: 24px;
cursor: pointer;
}
.learning_center_31WPD iframe {
width: 100%;
height: calc(100% - 30px);
}
.learning_center_31WPD.opened_RnGmb {
margin-right: 8px;
}
.resizeHandle_erf1R {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
cursor: ew-resize;
z-index: 101;
transition: background-color 0.2s;
}
.resizeHandle_erf1R::after {
content: "";
position: absolute;
left: -4px;
right: -4px;
top: 0;
bottom: 0;
}
.aiDashboardContainer_hRRUr {
width: 100%;
height: 100%;
}
.do-hovers .learning_center_31WPD .close_EdqUe:hover {
color: var(--upime-active);
}
.agentflowRightMenu_g7o0v {
display: flex;
flex-direction: column;
width: 340px;
height: 100%;
background: #fff;
}
.header_L-m8z {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 12px 12px 24px;
height: 56px;
}
.headerLeft_ddQPz {
display: flex;
align-items: center;
gap: 12px;
}
.title_SzZ4F {
font-weight: 600;
font-size: 20px;
color: #0C1024;
}
.headerRight_H5D43 {
display: flex;
align-items: center;
gap: 12px;
}
.pendingTag_7zUKB {
display: flex;
align-items: center;
gap: 4px;
color: #FFA519;
}
.pendingIcon_P2pMm {
font-size: 12px;
}
.pendingText_FEGqa {
font-size: 12px;
}
.closeBtn_8rHO7 {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.segmentContainer_vzstQ {
display: flex;
align-items: center;
gap: 2px;
padding: 2px;
background: #F5F6F6;
border-radius: 4px;
margin: 4px 20px 8px;
}
.segmentItem_7G6MR {
flex: 1;
text-align: center;
padding: 5px 6px;
border-radius: 4px;
color: #91939C;
cursor: pointer;
}
.segmentItem_7G6MR.active_LCoi6 {
background: #fff;
color: #0C1024;
}
.contentContainer_n2Eog {
display: flex;
flex-grow: 1;
flex-direction: column;
gap: 8px;
overflow: scroll;
padding: 12px 16px 0 20px;
}
.selectInputParamsHeader_uJ-bD {
display: flex;
flex-direction: column;
gap: 2px;
width: 100%;
flex-shrink: 0;
}
.selectInputParamsTitle_x8HfZ {
font-family: PingFang SC;
font-weight: 600;
font-size: 14px;
line-height: 22px;
color: #000000;
text-align: left;
}
.selectInputParamsDesc_xU12Q {
font-family: PingFang SC;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #91939C;
text-align: left;
}
.paramCard_BYIno {
width: 300px;
padding: 12px 6px 12px 12px;
border-radius: 4px;
background: #F5F6F6;
position: relative;
align-items: center;
}
.paramCard_BYIno.currentFocusParam_T18Y- {
background: #EAF1FC;
}
.paramRowInCard_agkKI {
position: relative;
display: flex;
align-items: center;
}
.paramNameCol_dOvUd {
width: 136px;
display: flex;
flex-direction: column;
gap: 2px;
}
.fieldLabel_S-vVd {
font-size: 12px;
line-height: 20px;
color: #91939C;
}
.inputBox_UB8pY {
width: 100%;
height: 32px;
padding: 3.2px 9.6px;
border-radius: 4px;
border: 1px solid #DBDBDE;
background: #FFF;
outline: none;
color: #0C1024;
font-size: 13px;
line-height: 22px;
}
.inputBox_UB8pY.error_RN1B4 {
border: 1px solid #FE5250;
}
.paramTypeCol_6ObfT {
margin-left: 6px;
width: 92px;
display: flex;
flex-direction: column;
gap: 2px;
}
.selectBox_jE9xE {
width: 92px;
}
.docIconWrap_beOue {
position: absolute;
top: 28px;
right: 20px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #91939C;
}
.docIconWrap_beOue svg {
font-size: 14px;
}
.docIconWrap_beOue.active_LCoi6 {
background: #EAF1FC !important;
}
.docIconWrap_beOue.active_LCoi6 {
border-radius: 2px;
color: #2E73E5;
}
.deleteIconWrap_lpuxc {
position: absolute;
top: 28px;
right: 0px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #91939C;
}
.deleteIconWrap_lpuxc svg {
font-size: 16px;
}
.do-hovers .docIconWrap_beOue:hover,
.do-hovers .deleteIconWrap_lpuxc:hover {
border-radius: 2px;
background: rgba(0, 0, 0, 0.06);
}
.errorText_ukF9- {
width: 136px;
margin-top: 2px;
color: #FE5250;
font-size: 12px;
font-weight: 400;
line-height: 20px;
white-space: pre-wrap;
word-break: keep-word;
}
.descContainer_hOJ8R {
margin-top: 4px;
}
.descInputBox_KoymI {
margin-top: 2px;
width: 100%;
height: 62px;
padding: 4px 8px;
border-radius: 4px;
border: 0.8px solid #DBDBDE;
background: #FFF;
text-overflow: ellipsis;
font-size: 13px;
font-weight: 400;
line-height: 22px;
}
.descInputBox_KoymI::-moz-placeholder {
color: #C2C3C8;
}
.descInputBox_KoymI::placeholder {
color: #C2C3C8;
}
.addParamBtn_ODRG4 {
width: 300px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 8px 16px;
border-radius: 4px;
background: #2E73E5;
color: #fff;
cursor: pointer;
}
.addParamText_n7qJJ {
font-size: 16px;
}
.select_-pPug {
width: 92px;
height: 32px;
position: relative;
}
.select_-pPug .currentSelected_c8YuP {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 4px;
border: 1px solid #DBDBDE;
background: #FFF;
cursor: pointer;
padding: 4px 10px;
}
.select_-pPug.active_LCoi6 .currentSelected_c8YuP {
border: 1px solid #2E73E5;
}
.select_-pPug .selectedLabelWrap_eXmbl {
font-size: 13px;
line-height: 22px;
color: #0C1024;
}
.select_-pPug .iconWrap_Zh6Tp {
width: 12px;
height: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.select_-pPug .iconWrap_Zh6Tp svg {
font-size: 12px;
}
.selectTypeOptions_nN-do {
position: absolute;
top: calc(100% + 4px);
left: 0;
z-index: 1;
border-radius: 4px;
width: 100%;
padding: 8px 0;
background: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.selectTypeOptions_nN-do.top_en7qV {
top: auto;
top: initial;
bottom: calc(100% + 4px);
}
.selectTypeItem_DLS0y {
padding: 8px 16px;
color: #0C1024;
font-size: 14px;
line-height: 22px;
cursor: pointer;
}
.selectTypeItem_DLS0y.selected_1xXMO {
background: #eaf1fc;
color: #2E73E5;
}
.selectTypeItem_DLS0y.forbiden_hE0DX {
color: #C2C3C8;
cursor: inherit;
}
.do-hovers .selectTypeItem_DLS0y:hover {
background: #eaf1fc;
}
.footer_3S0EL {
flex-shrink: 0;
}
.outputAsCanvasRow_y13Pw {
padding: 16px 20px;
display: flex;
align-items: center;
}
.infoIconWrap_sv77D {
margin-left: 2px;
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #C2C3C8;
}
.do-hovers .infoIconWrap_sv77D:hover {
border-radius: 2px;
background: rgba(0, 0, 0, 0.06);
}
.outputAsCanvasText_5Ia74 {
margin-left: 6px;
font-size: 14px;
line-height: 22px;
color: #0C1024;
}
.infoIcon_SCfpa {
font-size: 16px;
}
.split_roMzU {
width: 100%;
height: 1px;
background: #E6E7E9;
margin-bottom: 12px;
}
.addParamBtnWrap_oDMGC {
padding: 8px 20px 20px ;
}
.paramsEmpty_1TMtQ {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.emptyImage_0qGRk {
width: 100px;
height: 100px;
}
.emptyImage_0qGRk img {
width: 100%;
height: 100%;
}
.emptyText_R5q6b {
margin-top: 4px;
font-size: 12px;
line-height: 20px;
color: #91939C;
}
.selectParamsEmptyImage_Fylq7 {
width: 140px;
height: 96px;
}
.selectParamsEmptyImage_Fylq7 img {
width: 100%;
height: 100%;
}
.selectInputParamsEmpty_8jz30 {
display: flex;
flex-direction: column;
gap: 12px;
padding: 12px 20px 0;
width: 300px;
height: 532px;
}
.selectInputParamsEmptyIconArea_dW6An {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 300px;
padding: 0 0 64px;
}
.selectInputParamsEmptyIcon_smuPq {
position: relative;
width: 140px;
height: 96px;
display: flex;
justify-content: center;
align-items: center;
}
.selectParamsEmptyInstructions_dbTBE {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
}
.selectParamsEmptyInstructionRow_Nyxdj {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
}
.selectParamsEmptyInstructionText_g9mHr {
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
line-height: 22px;
text-align: center;
color: #91939C;
}
.selectParamsEmptyInstructionHighlight_5zl4w {
color: #424454;
font-weight: 600;
}
.selectParamsEmptyAddAllBtn_8X3hr {
font-family: PingFang SC;
font-weight: 400;
font-size: 14px;
line-height: 22px;
text-align: center;
color: #2E73E5;
cursor: pointer;
}
.memberCtrlRoot_tzpBd {
display: flex;
align-items: center;
}
.memberCtrlRoot_tzpBd.medium_T3Brd,
.memberCtrlRoot_tzpBd.slim_xUiS5 {
justify-content: center;
}
.iconBox_V4-bk {
min-width: 40px;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 2px;
cursor: pointer;
padding: 2px 4px 4px 4px;
}
.iconBox_V4-bk > svg {
font-size: 20px;
}
.iconBox_V4-bk span {
line-height: 12px;
font-size: 10px;
margin-top: 2px;
color: #303445;
white-space: nowrap;
}
.iconBox_V4-bk.active_1PrAl {
color: #2e73e5;
background-color: #EAF1FC;
}
.iconBox_V4-bk.active_1PrAl span {
color: #2e73e5;
}
.iconBox_V4-bk.active_1PrAl:hover {
background-color: #EAF1FC;
}
.iconBox_V4-bk.phone_qJEvI {
width: auto;
height: auto;
min-width: 0;
min-width: initial;
}
.iconBox_V4-bk.phone_qJEvI svg {
margin-top: 0;
}
.iconBox_V4-bk.medium_T3Brd,
.iconBox_V4-bk.slim_xUiS5 {
min-width: 0;
min-width: initial;
flex-direction: row;
justify-content: center;
width: 44px;
height: 44px;
}
.iconBox_V4-bk.medium_T3Brd > svg,
.iconBox_V4-bk.slim_xUiS5 > svg {
font-size: 28px;
margin-top: 0;
margin-top: initial;
width: 28px;
height: 28px;
}
.iconBox_V4-bk.nobigScreenMode_laM4v.slim_xUiS5 {
width: 36px;
height: 36px;
}
.iconBox_V4-bk.nobigScreenMode_laM4v.slim_xUiS5 > svg {
font-size: 24px;
margin-top: 0;
margin-top: initial;
width: 24px;
height: 24px;
}
.iconBox_V4-bk.nobigScreenMode_laM4v.slim_xUiS5 .volume_ezaQA {
bottom: 16px;
}
.landscape_BCk7q {
flex-grow: 2;
}
.landscape_BCk7q .iconBox_V4-bk {
margin-left: 20px;
}
.subWin_aCRCA {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
top: auto;
top: initial;
bottom: calc(100% + 6px);
width: 420px;
}
.slim_xUiS5.subWin_aCRCA {
bottom: calc(100% + 10px);
}
.bigScreen_-nrsu.subWin_aCRCA {
bottom: calc(100% + 10px);
}
.reddot_dmVs2::before {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #fe5250;
top: 5px;
right: calc(50% - 15px);
}
.inMoreCtrl_CJAuI {
z-index: 0 !important;
}
.inMoreCtrl_CJAuI {
display: inline;
display: initial;
}
.inMoreCtrl_CJAuI .iconBox_V4-bk {
flex-direction: row;
padding: 0 16px;
width: auto;
height: 40px;
margin-left: 0;
}
.inMoreCtrl_CJAuI .iconBox_V4-bk > svg {
width: 24px;
height: 24px;
margin-right: 8px;
margin-top: 0;
}
.inMoreCtrl_CJAuI .iconBox_V4-bk > span {
font-size: 14px;
}
.inMoreCtrl_CJAuI::before {
right: auto;
right: initial;
left: 36px;
}
.panelRoot_Em4GD {
width: 100%;
height: 520px;
display: flex;
flex-direction: column;
padding-top: 16px;
color: var(--upime-main-text);
transform: translate(0, 0);
}
.panelRoot_Em4GD .title_uQK7- {
display: flex;
flex-direction: row;
height: 24px;
position: relative;
align-items: center;
justify-content: space-between;
margin: 0 16px;
margin-right: 4px;
}
.panelRoot_Em4GD .title_uQK7- .actionBox_b6Gs2 {
display: flex;
align-items: center;
}
.panelRoot_Em4GD .title_uQK7- .mainText_4XDfF {
font-size: 16px;
height: 24px;
line-height: 24px;
font-weight: 600;
}
.panelRoot_Em4GD .title_uQK7- .count_Y0oZE {
color: #616371;
margin-left: 4px;
height: 24px;
line-height: 24px;
font-size: 14px;
}
.panelRoot_Em4GD .title_uQK7- .inviteIconBox_rKeHG {
display: flex;
padding: 6px;
position: absolute;
right: 32px;
cursor: pointer;
}
.panelRoot_Em4GD .title_uQK7- .inviteIconBox_rKeHG:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.panelRoot_Em4GD .title_uQK7- .inviteIconBox_rKeHG:active {
background-color: #eaf1fc;
}
.panelRoot_Em4GD .title_uQK7- .divider_s2WjT {
width: 1px;
height: 20px;
background-color: #e6e7e9;
}
.panelRoot_Em4GD .title_uQK7- .closeBtnBox_ZrO0n {
display: flex;
padding: 8px;
border-radius: 2px;
cursor: pointer;
}
.panelRoot_Em4GD .title_uQK7- .closeBtnBox_ZrO0n:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.panelRoot_Em4GD .title_uQK7- .closeIcon_I4Dxx {
width: 20px;
height: 20px;
}
.panelRoot_Em4GD .footer_3CfxF {
padding: 8px 16px;
display: flex;
justify-content: space-between;
border-top: 1px solid #e6e7e9;
}
.panelRoot_Em4GD .footer_3CfxF .permissionSettingBatch_28w58 {
display: flex;
align-items: center;
padding: 8px 12px;
border: 1px solid #dbdbde;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
gap: 4px;
position: relative;
}
.panelRoot_Em4GD .footer_3CfxF .permissionSettingBatch_28w58 .settingPanel_DgyBn {
position: absolute;
bottom: calc(100% + 4px);
left: -4px;
padding: 8px 0;
display: flex;
flex-direction: column;
border-radius: 2px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
min-width: 130px;
color: #000000;
background-color: #fff;
}
.panelRoot_Em4GD .footer_3CfxF .permissionSettingBatch_28w58 .settingPanel_DgyBn .itemBar_vECF9 {
padding: 8px 16px;
cursor: pointer;
white-space: nowrap;
}
.panelRoot_Em4GD .footer_3CfxF .permissionSettingBatch_28w58 .settingPanel_DgyBn .itemBar_vECF9:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.panelRoot_Em4GD .footer_3CfxF .permissionSettingBatch_28w58:hover {
color: #5798f2;
border-color: #5798f2;
}
.panelRoot_Em4GD .footer_3CfxF .settingBtn_YI7vg {
padding: 8px 12px;
text-align: center;
border-radius: 4px;
font-size: 14px;
border: 1px solid #dbdbde;
cursor: pointer;
}
.panelRoot_Em4GD .footer_3CfxF .settingBtn_YI7vg:hover {
color: #5798f2;
border-color: #5798f2;
}
.panelRoot_Em4GD .footer_3CfxF .settingBtn_YI7vg:active {
color: #1d56bf;
border-color: #1d56bf;
}
.panelRoot_Em4GD .footer_3CfxF .settingBtn_YI7vg.phone_qJEvI:hover {
color: var(--upime-main-text);
border-color: #dbdbde;
}
.panelRoot_Em4GD .footer_3CfxF .settingBtn_YI7vg.phone_qJEvI:active {
color: var(--upime-main-text);
border-color: #dbdbde;
}
.panelRoot_Em4GD .footer_3CfxF.center_-Hity {
justify-content: center;
}
.panelRoot_Em4GD .footer_3CfxF .applyBtn_VnIsp {
padding: 8px 12px;
text-align: center;
color: #2e73e5;
font-size: 14px;
cursor: pointer;
}
.panelRoot_Em4GD .footer_3CfxF .applyBtn_VnIsp:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.panelRoot_Em4GD .footer_3CfxF.phone_qJEvI {
justify-content: space-around;
gap: 16px;
}
.panelRoot_Em4GD .footer_3CfxF.phone_qJEvI .settingBtn_YI7vg {
min-width: 163px;
}
.applyPermNoticeBox_b-mgq {
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 16px;
background-color: #eaf1fc;
margin-top: 12px;
z-index: 1;
}
.applyPermNoticeBox_b-mgq .infoBox_XYeiX {
display: flex;
align-items: center;
}
.applyPermNoticeBox_b-mgq .infoBox_XYeiX > span {
font-size: 14px;
}
.applyPermNoticeBox_b-mgq .infoBox_XYeiX .username_HwN-1 {
max-width: 269px;
word-break: break-word;
}
.applyPermNoticeBox_b-mgq .infoBox_XYeiX .jiesuo_UCY21 {
font-size: 20px;
color: #2e73e5;
margin-right: 8px;
}
.applyPermNoticeBox_b-mgq .infoBox_XYeiX .avatar_-Zj3b {
width: 28px;
height: 28px;
min-width: 28px;
margin-right: 8px;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 {
display: flex;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .refuse_ccJyf {
padding: 3px 12px;
border-radius: 4px;
border: 1px solid #dbdbde;
display: flex;
font-size: 14px;
margin-right: 8px;
cursor: pointer;
white-space: nowrap;
justify-content: center;
align-items: center;
background-color: #fff;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .refuse_ccJyf:hover {
color: #5798f2;
border-color: #5798f2;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .refuse_ccJyf:active {
color: #1d56bf;
border-color: #1d56bf;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .agree_AnwkM {
padding: 3px 12px;
border-radius: 4px;
display: flex;
font-size: 14px;
color: #fff;
background-color: #2e73e5;
cursor: pointer;
white-space: nowrap;
justify-content: center;
align-items: center;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .agree_AnwkM:hover {
background-color: #5798f2;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .agree_AnwkM:active {
background-color: #1d56bf;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .closeBox_5koMK {
display: flex;
align-items: center;
width: 28px;
height: 28px;
justify-content: center;
cursor: pointer;
margin-left: 6px;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .closeBox_5koMK .closeIcon_I4Dxx {
font-size: 16px;
}
.applyPermNoticeBox_b-mgq .actionBox_b6Gs2 .closeBox_5koMK:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.applyPermNoticeBox_b-mgq.independent_-TOJC {
gap: 16px;
position: absolute;
bottom: calc(100% + 4px);
background-color: #fff;
padding: 8px 6px;
border-radius: 4px;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
width: -moz-max-content;
width: max-content;
}
.permApplyListModalBox_fFRiJ {
width: 520px;
min-height: 286px;
max-height: calc(100% - 80px);
border-radius: 12px;
padding: 16px 12px 40px 40px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
}
.permApplyListModalBox_fFRiJ .titleBar_NzWBL {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
margin-bottom: 24px;
}
.permApplyListModalBox_fFRiJ .titleBar_NzWBL .text_jfJP- {
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.permApplyListModalBox_fFRiJ .titleBar_NzWBL .iconBox_V4-bk {
padding: 6px;
display: flex;
height: auto;
min-width: 0;
min-width: initial;
}
.permApplyListModalBox_fFRiJ .titleBar_NzWBL .iconBox_V4-bk .closeIcon_I4Dxx {
font-size: 20px;
margin-top: 0;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z {
padding-right: 24px;
overflow: auto;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z::-webkit-scrollbar {
width: 4px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 {
padding: 8px 0;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #e6e7e9;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .infoBox_XYeiX {
display: flex;
align-items: center;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .infoBox_XYeiX > span {
font-size: 14px;
max-width: 136px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .infoBox_XYeiX .jiesuo_UCY21 {
font-size: 20px;
color: #2e73e5;
margin-right: 8px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .infoBox_XYeiX .avatar_-Zj3b {
width: 28px;
height: 28px;
margin-right: 8px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 {
display: flex;
align-items: center;
font-size: 14px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .tip_cbKzc {
margin-right: 24px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .refuse_ccJyf {
padding: 3px 12px;
border-radius: 4px;
border: 1px solid #dbdbde;
display: flex;
font-size: 14px;
margin-right: 8px;
cursor: pointer;
background-color: #fff;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .refuse_ccJyf:hover {
color: #5798f2;
border-color: #5798f2;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .refuse_ccJyf:active {
color: #1d568f;
border-color: #1d568f;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .agree_AnwkM {
padding: 3px 12px;
border-radius: 4px;
display: flex;
font-size: 14px;
color: #fff;
background-color: #2e73e5;
cursor: pointer;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .agree_AnwkM:hover {
background-color: #5798f2;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .listitem_8NrT7 .actionBox_b6Gs2 .agree_AnwkM:active {
background-color: #1d568f;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .noneBox_DwlGy {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .noneBox_DwlGy > img {
width: 140px;
}
.permApplyListModalBox_fFRiJ .listBox_VAI-Z .noneBox_DwlGy > span {
font-size: 14px;
color: #616371;
}
.phonePannelRoot_-oRzH {
padding-top: 20px;
overflow: hidden;
flex: 1;
min-height: 300px;
}
.memberManageRoot_DtMrX {
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
overflow: hidden;
}
.memberManageRoot_DtMrX .header_Ph5ic {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
color: var(--upime-main-text);
margin-bottom: 12px;
padding: 0 16px;
}
.memberManageRoot_DtMrX .header_Ph5ic .tab_JijeR {
flex: 1;
background: #f5f6f6;
display: flex;
justify-content: center;
align-items: center;
height: 36px;
cursor: pointer;
border-radius: 2px;
}
.memberManageRoot_DtMrX .header_Ph5ic .tab_JijeR span {
text-align: center;
height: 22px;
line-height: 22px;
font-size: 14px;
}
.memberManageRoot_DtMrX .header_Ph5ic .tab_JijeR.active_1PrAl {
background: var(--upime-active);
color: white;
}
.memberManageRoot_DtMrX .toggle_ppoT6 {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-bottom: 12px;
padding-right: 16px;
}
.memberManageRoot_DtMrX .toggle_ppoT6 > span {
font-size: 14px;
color: var(--upime-main-text);
height: 20px;
margin-right: 8px;
}
.listRoot_PlqQn {
flex: 1;
width: 100%;
overflow-y: scroll;
position: relative;
padding: 0 16px;
padding-right: 8px;
display: flex;
}
.listRoot_PlqQn.search_7yA-F {
height: 396px;
padding: 0;
}
.listRoot_PlqQn > div {
width: 100%;
}
.listRoot_PlqQn::-webkit-scrollbar {
display: none;
-ms-overflow-style: none;
/* IE and Edge */
/* Firefox */
}
.listRoot_PlqQn .divider_s2WjT {
color: var(--upime-main-text);
width: 100%;
height: 30px;
line-height: 30px;
background-color: #f5f6f6;
font-size: 12px;
padding-left: 16px;
}
.listRoot_PlqQn .fullContainer_da1e8 {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.listRoot_PlqQn .fullContainer_da1e8 > span {
color: var(--upime-disable);
}
@keyframes loading_Lss7h {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loading_Lss7h {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_Lss7h 1s linear infinite forwards;
}
.absentMemberListEmptyTip_pPpzF {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.absentMemberListEmptyTip_pPpzF > img {
width: 140px;
}
.absentMemberListEmptyTip_pPpzF > span {
color: #91939C;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.phoneMode .panelRoot_Em4GD .title_uQK7- {
height: 26px;
line-height: 26px;
}
.phoneMode .panelRoot_Em4GD .title_uQK7- .mainText_4XDfF {
font-size: 18px;
}
.phoneMode .panelRoot_Em4GD .title_uQK7- .count_Y0oZE {
font-size: 16px;
}
.phoneMode .panelRoot_Em4GD .title_uQK7- .closeIcon_I4Dxx {
cursor: pointer;
width: 18px;
height: 18px;
}
.mb12_yKsHH {
margin-bottom: 12px;
}
.heighttop98_7yI6Y {
height: calc(100% - 98px);
}
.do-hovers .iconBox_V4-bk:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.setPermissionAllModalBox_thGPA {
width: 480px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 24px;
border-radius: 12px;
}
.setPermissionAllModalBox_thGPA .title_uQK7- {
font-size: 20px;
font-weight: 600;
margin-bottom: 24px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}
.setPermissionAllModalBox_thGPA .title_uQK7- > svg {
color: #ffa519;
position: relative;
top: 4px;
margin-right: 12px;
}
.setPermissionAllModalBox_thGPA .title_uQK7- .titleText_lJB5m {
word-break: break-word;
max-width: 390px;
}
.setPermissionAllModalBox_thGPA .actionBox_b6Gs2 {
text-align: right;
}
.setPermissionAllModalBox_thGPA .actionBox_b6Gs2 .cancel_sT5WZ {
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #e6e7e9;
border-radius: 4px;
display: inline-block;
font-size: 16px;
padding: 0 20px;
margin-right: 12px;
cursor: pointer;
}
.setPermissionAllModalBox_thGPA .actionBox_b6Gs2 .cancel_sT5WZ:hover {
opacity: 0.7;
}
.setPermissionAllModalBox_thGPA .actionBox_b6Gs2 .confirm_MirV6 {
height: 40px;
line-height: 40px;
border-radius: 4px;
color: #fff;
background-color: #2e73e5;
text-align: center;
display: inline-block;
font-size: 16px;
padding: 0 20px;
cursor: pointer;
}
.setPermissionAllModalBox_thGPA .actionBox_b6Gs2 .confirm_MirV6:hover {
opacity: 0.7;
}
.permSetDrawer_1P6vt {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.permSetDrawer_1P6vt .itemBar_vECF9 {
padding: 16px 24px;
text-align: center;
white-space: nowrap;
}
.phoneModal_9NFpL .phoneConfirm_DIAq8 {
color: var(--upime-active);
display: inline-block;
width: 100%;
}
.phoneModal_9NFpL .phoneConfirm_DIAq8.disableConfirm_uK7F2 {
opacity: 0.4;
pointer-events: none;
}
.phoneModal_9NFpL .desc_A5IFF {
text-align: center;
}
.root_Qi102 {
display: flex;
flex-direction: row;
width: 100%;
height: 48px;
padding: 6px 0;
align-items: center;
}
.root_Qi102 .avatarWrapper_JJF8V {
position: relative;
height: 36px;
width: 36px;
margin-right: 8px;
flex-shrink: 0;
}
.root_Qi102 .avatarWrapper_JJF8V .avatar_eDAKU {
width: 100%;
height: 100%;
}
.root_Qi102 .avatarWrapper_JJF8V .forceFollow_XFz7s {
position: absolute;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--upime-active);
}
.root_Qi102 .avatarWrapper_JJF8V .forceFollow_XFz7s svg {
width: 12px;
height: 12px;
color: white;
}
.root_Qi102 .textBlock_aO9gA {
display: flex;
flex-direction: column;
flex: 1;
overflow: hidden;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c {
height: 20px;
line-height: 20px;
color: var(--upime-main-text);
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
flex-direction: row;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c > svg {
font-size: 14px;
position: relative;
top: 3px;
color: #00c78b;
margin-right: 4px;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c em {
font-style: inherit !important;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c em.highlight_WODZY {
color: var(--upime-active);
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c .nameIcon_Sb0Sx {
flex-shrink: 0;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c .nameText_W0rRF {
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.root_Qi102 .textBlock_aO9gA .name_MjB-c .selfNameTip_R0OIK {
display: flex;
flex-shrink: 0;
}
.root_Qi102 .textBlock_aO9gA .note_lW34k {
height: 18px;
line-height: 18px;
color: var(--upime-second-text);
font-size: 11px;
}
.root_Qi102 .icon_CMvgq {
cursor: pointer;
width: 18px;
height: 18px;
position: relative;
}
.root_Qi102 .icon_CMvgq.disabled_69vaF {
pointer-events: none;
color: var(--upime-disable);
}
.root_Qi102 .iconBox_K-rDH {
position: relative;
display: flex;
width: 36px;
height: 36px;
align-items: center;
justify-content: center;
border-radius: 2px;
cursor: pointer;
}
.root_Qi102 .iconBox_K-rDH:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.root_Qi102 .iconBox_K-rDH:active {
background-color: #eaf1fc;
color: #2e73e5;
}
.root_Qi102 .iconBox_K-rDH.disabled_69vaF {
pointer-events: none;
color: var(--upime-disable);
}
.root_Qi102 .iconBox_K-rDH.active_pp8-1 {
background-color: #eaf1fc;
color: #2e73e5;
}
.root_Qi102 .permActionBox_ItwAD {
position: relative;
display: flex;
align-items: center;
padding: 7px 4px 7px 8px;
border-radius: 2px;
cursor: pointer;
}
.root_Qi102 .permActionBox_ItwAD .text_j0rj7 {
font-size: 14px;
white-space: nowrap;
}
.root_Qi102 .permActionBox_ItwAD .icon_CMvgq {
margin-left: 2px;
}
.root_Qi102 .permActionBox_ItwAD:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.root_Qi102 .permActionBox_ItwAD:active {
background-color: #eaf1fc;
color: #2e73e5;
}
.root_Qi102 .permActionBox_ItwAD.en_DmF9S {
min-width: 100px;
justify-content: flex-end;
}
.root_Qi102 .permActionBox_ItwAD.active_pp8-1 {
background-color: #eaf1fc;
color: #2e73e5;
}
.root_Qi102 .permTextBox_JgVtf {
font-size: 14px;
display: inline-block;
padding: 7px 8px;
min-width: 60px;
text-align: right;
}
.root_Qi102 .permTextBox_JgVtf.disabled_69vaF {
pointer-events: none;
color: var(--upime-disable);
}
.root_Qi102.phone_IWr8V .iconBox_K-rDH,
.root_Qi102.phone_IWr8V .permActionBox_ItwAD {
pointer-events: none;
}
.root_Qi102.phone_IWr8V .en_DmF9S {
min-width: 82px;
}
.root_Qi102.phone_IWr8V .infoBox_nDJh3 .textBlock_aO9gA {
max-width: 240px;
}
.root_Qi102.absent_xp7IK {
justify-content: space-between;
}
.root_Qi102.absent_xp7IK .infoBox_nDJh3 {
display: flex;
align-items: center;
}
.memberDetailPhoneModal_dD6ln {
left: 24px;
right: 24px;
transform: translateY(-50%);
width: auto;
width: initial;
padding-top: 8px;
padding-bottom: 12px;
display: flex;
flex-direction: column;
background-color: #f5f6f6;
}
.memberDetailPhoneModal_dD6ln .phoneModalBody_kIMYi {
padding: 0 16px;
}
.memberDetailPhoneModal_dD6ln > div {
border-bottom: none !important;
padding-bottom: 0 !important;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
margin-right: -11px;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .infoBox_nDJh3 {
display: flex;
align-items: center;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .infoBox_nDJh3 .avatar_eDAKU {
margin-right: 8px;
min-width: 32px;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .infoBox_nDJh3 .textBlock_aO9gA {
display: flex;
flex-direction: column;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .infoBox_nDJh3 .textBlock_aO9gA .name_MjB-c {
font-size: 15px;
line-height: 22px;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .infoBox_nDJh3 .textBlock_aO9gA .note_lW34k {
font-size: 13px;
line-height: 18px;
color: #91939c;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .titleBtnsWrap_Ir6V4 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .titleBtnsWrap_Ir6V4 .modifyUserNameBtn_dNu8b,
.memberDetailPhoneModal_dD6ln .titleBar_P5x3N .titleBtnsWrap_Ir6V4 .closeBox_Qitw6 {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.memberDetailPhoneModal_dD6ln .mediaBar_SwH4A {
background-color: #fff;
border-radius: 4px;
margin-bottom: 12px;
}
.memberDetailPhoneModal_dD6ln .mediaBar_SwH4A .itemRow_Azq4Q {
height: 48px;
display: flex;
gap: 10px;
align-items: center;
padding: 0 12px;
}
.memberDetailPhoneModal_dD6ln .mediaBar_SwH4A .itemRow_Azq4Q .icon_CMvgq {
font-size: 20px;
}
.memberDetailPhoneModal_dD6ln .mediaBar_SwH4A .itemRow_Azq4Q .text_j0rj7 {
font-size: 15px;
}
.memberDetailPhoneModal_dD6ln .mediaBar_SwH4A .itemRow_Azq4Q.micBox_DdGC- {
border-bottom: 1px solid #e6e7e9;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 {
padding: 4px 12px;
border-radius: 4px;
background-color: #fff;
display: flex;
flex-direction: column;
margin-bottom: 12px;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .keyRow_ACTk5 {
padding: 11px 0;
font-size: 15px;
color: #616371;
line-height: 22px;
display: flex;
justify-content: space-between;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .keyRow_ACTk5 .requestBox_4cPGG {
color: #2e73e5;
font-size: 15px;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .valRow_a-Xpd {
padding: 13px 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .valRow_a-Xpd .col_Qu-m- {
display: flex;
align-items: center;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .valRow_a-Xpd .col_Qu-m- > input {
margin-right: 6px;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .valRow_a-Xpd .col_Qu-m- > label {
white-space: nowrap;
}
.memberDetailPhoneModal_dD6ln .permBar_XfPq0 .valRow_a-Xpd .col_Qu-m- > label.disable_CTyJ8 {
color: #c2c3c8;
}
.memberDetailPhoneModal_dD6ln .moreBar_qd8Cb {
border-radius: 4px;
background-color: #fff;
display: flex;
flex-direction: column;
}
.memberDetailPhoneModal_dD6ln .moreBar_qd8Cb .dialogItem_gb50x {
padding: 0 12px;
height: 48px;
line-height: 22px;
font-size: 15px;
display: flex;
align-items: center;
}
.memberDetailPhoneModal_dD6ln .moreBar_qd8Cb .dialogItem_gb50x.cohostItem_9LkY5,
.memberDetailPhoneModal_dD6ln .moreBar_qd8Cb .dialogItem_gb50x.setPresenter_LzMWR {
border-bottom: 1px solid #e6e7e9;
}
.memberDetailPhoneModal_dD6ln .moreBar_qd8Cb .dialogItem_gb50x.kickoutItem_kI8jg {
color: #fe5250;
border-top: 1px solid #e6e7e9;
}
.hidden_Tf09I {
display: none;
}
.moreIcon_uIXzg {
width: 18px;
height: 18px;
}
.morePanel_dj9OL {
position: absolute;
min-width: 130px;
white-space: nowrap;
padding: 8px 0px;
display: flex;
background: white;
z-index: 10;
}
.morePanel_dj9OL > div {
padding: 0 16px;
width: 100%;
text-align: left;
line-height: 38px;
color: var(--upime-main-text);
font-size: 14px;
display: flex;
align-items: center;
}
.morePanel_dj9OL > div:hover {
background-color: rgba(0, 0, 0, 0.06);
color: #0c1024;
}
.morePanel_dj9OL > div:active {
background-color: #eaf1fc;
color: #2e73e5;
}
.kickoutModalBox_ZU2KX {
width: 480px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 24px;
border-radius: 12px;
}
.kickoutModalBox_ZU2KX .title_u75rE {
font-size: 20px;
font-weight: 600;
margin-bottom: 8px;
}
.kickoutModalBox_ZU2KX .title_u75rE > svg {
color: #fe5250;
position: relative;
top: 4px;
margin-right: 12px;
}
.kickoutModalBox_ZU2KX .tip_N-1QU {
font-size: 14px;
color: #616371;
margin-bottom: 8px;
margin-left: 37px;
}
.kickoutModalBox_ZU2KX .forbidBox_XB-9w {
font-size: 14px;
margin-bottom: 24px;
margin-left: 38px;
}
.kickoutModalBox_ZU2KX .forbidBox_XB-9w > input {
position: relative;
top: 1px;
margin-right: 8px;
accent-color: #0168FF;
}
.kickoutModalBox_ZU2KX .actionBox_M45bg {
text-align: right;
}
.kickoutModalBox_ZU2KX .actionBox_M45bg .cancel_5aGcN {
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #e6e7e9;
border-radius: 4px;
display: inline-block;
font-size: 14px;
padding: 0 20px;
margin-right: 12px;
cursor: pointer;
}
.kickoutModalBox_ZU2KX .actionBox_M45bg .cancel_5aGcN:hover {
opacity: 0.7;
}
.kickoutModalBox_ZU2KX .actionBox_M45bg .confirm_6--qH {
height: 40px;
line-height: 40px;
border-radius: 4px;
color: #fff;
background-color: #fe5250;
text-align: center;
display: inline-block;
font-size: 14px;
padding: 0 20px;
cursor: pointer;
}
.kickoutModalBox_ZU2KX .actionBox_M45bg .confirm_6--qH:hover {
opacity: 0.7;
}
.reachLimitRoot_GTEuH {
position: fixed;
top: 100px;
background: black;
width: 200px;
height: 50px;
padding: 7px 8px;
font-size: 12px;
color: white;
line-height: 18px;
}
.reachLimitRoot_GTEuH .triangle_a-Z3N {
position: absolute;
width: 0;
height: 0;
border-top: 5px solid black;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
bottom: -5px;
left: calc(50% - 5px);
}
.root_SBNNW {
position: relative;
}
.root_SBNNW.landscape_VQ7Eg {
flex-grow: 1;
}
.root_SBNNW.inMemberCtrl_759V0 {
cursor: pointer;
}
.root_SBNNW.inMemberCtrl_759V0:hover {
background-color: var(--upime-btn-bg-hover);
}
.root_SBNNW.inMemberCtrl_759V0 .iconBox_XXGWA {
width: auto;
width: initial;
height: auto;
height: initial;
margin-left: 0;
padding: 8px;
}
.root_SBNNW.inMemberCtrl_759V0 .iconBox_XXGWA > svg {
margin-top: 0;
width: 20px;
height: 20px;
font-size: 20px;
}
.root_SBNNW.inMemberCtrl_759V0 .iconBox_XXGWA:active {
color: #2e73e5;
}
.root_SBNNW.inMemberCtrl_759V0 .panelRoot_Ir5RN {
z-index: 1;
bottom: auto;
bottom: initial;
top: 38px;
}
.root_SBNNW.inMoreCtrl_C-JbJ .iconBox_XXGWA {
flex-direction: row;
padding: 0 16px;
width: auto;
height: 40px;
margin-left: 0;
}
.root_SBNNW.inMoreCtrl_C-JbJ .iconBox_XXGWA > svg {
margin-right: 8px;
margin-top: 0;
width: 24px;
height: 24px;
}
.root_SBNNW.inMoreCtrl_C-JbJ .iconBox_XXGWA > span {
font-size: 14px;
}
.root_SBNNW.inMoreCtrl_C-JbJ .panelRoot_Ir5RN {
top: -8px;
left: calc(100% + 2px);
bottom: auto;
bottom: initial;
right: auto;
right: initial;
transform: translateX(0);
}
.iconBox_XXGWA {
display: flex;
flex-direction: column;
align-items: center;
border-radius: 2px;
cursor: pointer;
padding: 2px 4px 4px 4px;
min-width: 40px;
}
.iconBox_XXGWA > svg {
font-size: 20px;
}
.iconBox_XXGWA span {
line-height: 12px;
font-size: 10px;
margin-top: 2px;
color: #303445;
}
.iconBox_XXGWA.active_ZujYH {
color: #2e73e5;
background-color: #EAF1FC;
}
.iconBox_XXGWA.active_ZujYH span {
color: #2e73e5;
}
.iconBox_XXGWA.active_ZujYH:hover {
background-color: #EAF1FC;
}
.iconBox_XXGWA.phone_Kexs9 {
width: auto;
height: auto;
}
.iconBox_XXGWA.phone_Kexs9 svg {
margin-top: 0;
}
.panelRoot_Ir5RN {
position: absolute;
padding: 8px 0;
display: flex;
flex-direction: column;
top: auto;
top: initial;
bottom: calc(100% + 6px);
z-index: 1;
}
.do-hovers .iconBox_XXGWA:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.root_20kZz {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
padding-left: 2px;
height: 40px;
}
.root_20kZz.phone_ZgZ3L {
margin-right: 0;
padding-left: 0;
height: auto;
height: initial;
max-height: 56px;
}
.root_20kZz.landscape_mX-aV {
flex-grow: 0.5;
margin-left: 28px;
}
.root_20kZz.medium_eI1pr {
margin-right: 0;
margin-right: initial;
height: 44px;
}
.root_20kZz.mini_P37q8 {
height: 24px;
}
.mainAvatar_yDO4A {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
}
.mainAvatar_yDO4A.offline_0RHYp {
opacity: 0.3;
}
.mainAvatar_yDO4A .text_o6Qh4 {
min-width: 48px;
display: flex;
flex-direction: column;
color: var(--upime-main-text);
margin-left: 2px;
}
.mainAvatar_yDO4A .text_o6Qh4 span {
line-height: 16px;
font-size: 12px;
white-space: nowrap;
}
.mainAvatar_yDO4A .text_o6Qh4 .top_6cij9 {
min-width: 48px;
}
.mainAvatar_yDO4A .text_o6Qh4 .bottom_5ZDgf {
max-width: 60px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mini_P37q8 .mainAvatar_yDO4A .text_o6Qh4 {
flex-direction: row;
}
.mini_P37q8 .mainAvatar_yDO4A .text_o6Qh4 .bottom_5ZDgf {
margin-left: 4px;
max-width: 48px;
}
.avatarWrapper_UTprY {
position: relative;
display: flex;
height: 36px;
width: 36px;
margin-left: 2px;
flex-shrink: 0;
}
.avatarWrapper_UTprY.big_kXVe- {
height: 40px;
width: 40px;
}
.avatarWrapper_UTprY.phone_ZgZ3L {
width: 30px;
height: 30px;
}
.avatarWrapper_UTprY .avatar_2p6IV {
width: 100%;
height: 100%;
}
.avatarWrapper_UTprY .eye_eXpzL {
position: absolute;
right: 0;
bottom: 0;
}
.avatarWrapper_UTprY .presenterIcon_ykI3h {
position: absolute;
bottom: 0;
padding: 0px 4px;
border-radius: 12px;
background-color: rgba(229, 146, 11, 0.69);
font-size: 10px;
line-height: 1.4;
color: #fff;
left: 50%;
transform: translate(-50%);
white-space: nowrap;
}
.avatarWrapper_UTprY .presenterIcon_ykI3h.onDesktop_fNvKT {
padding: 0px 6px;
}
.avatarWrapper_UTprY.medium_eI1pr {
width: 32px;
height: 32px;
}
.eye_eXpzL {
width: 14px;
height: 14px;
border-radius: 50%;
background-color: var(--upime-active);
display: flex;
justify-content: center;
align-items: center;
}
.eye_eXpzL svg {
width: 12px;
height: 12px;
color: white;
}
.avatarBtn_mnqkZ {
display: flex;
align-items: center;
gap: 4px;
height: 100%;
}
.avatarBtn_mnqkZ.open_v6Gsr {
background-color: #eaf1fc;
}
.toggleBtn_nxQcp {
width: 12px;
height: 100%;
display: flex;
border-radius: 2px;
cursor: pointer;
}
.toggleBtn_nxQcp > svg {
color: #91939c;
margin: auto;
}
.toggleBtn_nxQcp.open_v6Gsr > svg {
transform-origin: 50% 50%;
transform: rotate(180deg);
color: #2e73e5;
}
.toggleBtn_nxQcp.mini_P37q8 {
width: 16px;
}
.memberListCon_eMBm2 {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
position: absolute;
left: 0;
width: 300px;
top: auto;
top: initial;
bottom: calc(100% + 6px);
z-index: 2;
}
.mini_P37q8 .memberListCon_eMBm2 {
bottom: calc(100% + 6px);
}
.bigScreen_xy4n- .memberListCon_eMBm2 {
bottom: calc(100% + 10px);
}
.header_aI9bB {
display: flex;
flex-direction: column;
padding: 12px 16px 8px 16px;
width: 100%;
cursor: default;
}
.header_aI9bB .toggle_1dg3t {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
}
.header_aI9bB .toggle_1dg3t .title_4fs4P {
font-size: 14px;
height: 22px;
line-height: 22px;
font-weight: 600;
}
.header_aI9bB .subTitle_-uUvQ {
line-height: 20px;
color: var(--upime-second-text);
font-size: 12px;
white-space: pre-line;
margin-bottom: 12px;
word-break: break-word;
}
.header_aI9bB .search_-kiqK {
margin: 0;
}
.viewport_XUPmH {
width: 100%;
overflow-y: overlay;
overflow-y: auto;
max-height: 264px;
}
.viewport_XUPmH::-webkit-scrollbar {
width: 4px;
}
.viewport_XUPmH::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.viewport_XUPmH::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.viewport_XUPmH .list_bU-v4 {
display: flex;
flex-direction: column;
width: 100%;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR {
display: flex;
flex-direction: row;
padding: 6px 16px;
align-items: center;
width: 100%;
justify-content: space-between;
cursor: pointer;
overflow: hidden;
gap: 8px;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR.active_-cvnx {
background-color: var(--upime-btn-bg-hover);
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 {
display: flex;
flex-direction: row;
align-items: center;
flex: 1;
overflow: hidden;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T {
height: 100%;
align-items: flex-start;
margin-left: 12px;
overflow: hidden;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .name_Pq87Y {
display: flex;
flex-direction: row;
font-size: 14px;
line-height: 18px;
height: 18px;
color: var(--upime-main-text);
white-space: nowrap;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .name_Pq87Y .nameText_xCH3H {
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .name_Pq87Y .nameText_xCH3H em {
font-style: inherit !important;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .name_Pq87Y .nameText_xCH3H em.highlight_c60Xa {
color: var(--upime-active);
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .name_Pq87Y .selfNameTip_J-yLt {
display: flex;
flex-shrink: 0;
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .left_5OD67 .nameWrap_3aA3T .note_81M3f {
font-size: 12px;
display: block;
height: 14px;
line-height: 14px;
color: var(--upime-second-text);
}
.viewport_XUPmH .list_bU-v4 .row_GgqhR .followingMark_N3tl5 {
line-height: 18px;
color: var(--upime-active);
font-size: 12px;
flex-shrink: 0;
}
.viewport_XUPmH .list_bU-v4 .noRes_c8cLQ {
width: 100%;
height: 44px;
text-align: center;
font-size: 14px;
color: var(--upime-main-text);
line-height: 44px;
}
.do-hovers .avatarBtn_mnqkZ.hasBtn_xIvWu:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .avatarBtn_mnqkZ.hasBtn_xIvWu.open_v6Gsr:hover {
background-color: #eaf1fc;
}
.do-hovers .memberListCon_eMBm2 .row_GgqhR:hover {
background-color: var(--upime-btn-bg-hover);
}
.resumeFollow_WcNWx {
display: flex;
padding: 6px 8px;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
margin: 0 4px 0 0;
}
.resumeFollow_WcNWx svg {
width: 18px;
height: 18px;
margin-right: 4px;
}
.resumeFollow_WcNWx.phone_ZgZ3L {
height: 32px;
min-width: none;
}
.resumeFollow_WcNWx.medium_eI1pr {
padding: 9px 12px;
font-size: 14px;
}
.resumeFollow_WcNWx.medium_eI1pr svg {
width: 24px;
height: 24px;
}
.mini_P37q8 .resumeFollow_WcNWx {
height: 22px;
padding: 0 8px;
line-height: 22px;
font-size: 12px;
min-width: 90px;
}
.mini_P37q8 .resumeFollow_WcNWx svg {
width: 22px;
height: 22px;
}
.phoneMode .viewport_XUPmH {
max-height: none;
max-height: initial;
}
.breakLine_ChwJJ {
display: flex;
align-items: center;
width: 100%;
height: 32px;
gap: 8px;
}
.breakLine_ChwJJ .line_7R30a {
height: 1px;
flex-grow: 1;
background: #E6E7E9;
}
.breakLine_ChwJJ .text_o6Qh4 {
flex-shrink: 0;
white-space: nowrap;
color: #C2C3C8;
font-size: 11px;
line-height: 20px;
}
.absentIon_PQEpX {
position: absolute;
top: 0;
right: 0;
width: 11px;
height: 11px;
display: flex;
margin: auto;
border-radius: 50%;
overflow: hidden;
}
.absentIon_PQEpX svg {
width: 11px;
height: 11px;
}
.dialogContainer_NGsz6 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dialogContainer_NGsz6 .phoneReject_vP8fB {
color: var(--upime-danger);
}
.dialogContainer_NGsz6 .dialogItem_8UMK- {
height: 54px;
line-height: 54px;
text-align: center;
width: 100%;
}
.dialogContainer_NGsz6 .dialogItem_8UMK- .upgradeIcon_c4mOZ {
position: relative;
top: -1px;
}
.drawerContainer_7eZ1K {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
height: 100%;
width: 100%;
padding-top: 20px;
}
.drawerContainer_7eZ1K .drawerTitle_fYbZQ {
display: flex;
flex-direction: row;
height: 26px;
position: relative;
align-items: center;
margin: 0 16px;
}
.drawerContainer_7eZ1K .drawerTitle_fYbZQ .mainText_hltr5 {
font-size: 18px;
height: 24px;
line-height: 24px;
font-weight: 600;
}
.drawerContainer_7eZ1K .drawerTitle_fYbZQ .closeIcon_5yNyA {
cursor: pointer;
width: 18px;
height: 18px;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}
.drawerContainer_7eZ1K .drawerContent_LvO8C {
min-height: 200px;
display: flex;
flex-direction: column;
overflow: hidden;
}
.drawerContainer_7eZ1K .actionRow_kIOFx {
display: flex;
flex-direction: row;
position: relative;
padding: 0 24px;
justify-content: space-between;
margin-top: 17px;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .action_L82bS {
width: 166px;
height: 48px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
cursor: pointer;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .action_L82bS svg {
font-size: 24px;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .action_L82bS > span {
margin-left: 10px;
height: 21px;
line-height: 21px;
font-size: 15px;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .action_L82bS.disabled_COsj3 {
opacity: 0.4;
pointer-events: none;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .quickMeeting_2nOYT {
background-color: #eefaed;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .quickMeeting_2nOYT svg {
color: #28b81e;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .reserveMeeting_B7MRt {
background-color: #ebf3ff;
}
.drawerContainer_7eZ1K .actionRow_kIOFx .reserveMeeting_B7MRt svg {
color: var(--upime-active);
}
.iconBox_r7epH {
min-width: 40px;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 2px;
cursor: pointer;
padding: 2px 4px 4px 4px;
}
.iconBox_r7epH > svg {
font-size: 20px;
}
.iconBox_r7epH span {
line-height: 12px;
font-size: 10px;
margin-top: 2px;
color: #303445;
white-space: nowrap;
}
.iconBox_r7epH.mini_zh5PS {
width: 24px;
height: 24px;
min-width: 0;
min-width: initial;
}
.iconBox_r7epH.phoneItem_VWtt5 {
width: auto;
height: auto;
}
.iconBox_r7epH.phoneItem_VWtt5 svg {
margin-top: 0;
}
.iconBox_r7epH.landscape_KiW37 {
flex-grow: 1;
}
.do-hovers .iconBox_r7epH:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.groupPhotoCtrlWrap_pfbcV {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 8px 16px;
}
.groupPhotoCtrlWrap_pfbcV svg {
margin-right: 8px;
}
.groupPhotoCtrlWrap_pfbcV.disabled_pVYh2 {
color: #91939C;
}
.groupPhotoCtrlWrap_pfbcV.disabled_pVYh2:hover {
cursor: not-allowed !important;
}
.rowWrap_S-Czo {
display: flex;
align-items: center;
}
.do-hovers .groupPhotoCtrlWrap_pfbcV:hover {
background-color: rgba(0, 0, 0, 0.06);
cursor: pointer;
}
.drawerContainer_e-x9i {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
height: 100%;
width: 100%;
min-height: 500px;
}
.drawerContainer_e-x9i .drawerTitle_AwgtO {
display: flex;
flex-direction: row;
position: relative;
align-items: center;
padding: 4px 6px 4px 16px;
height: 52px;
justify-content: flex-start;
flex: none;
border-bottom: 1px solid #e6e7e9;
}
.drawerContainer_e-x9i .drawerTitle_AwgtO .mainText_OY-Fp {
font-size: 18px;
height: 24px;
line-height: 24px;
font-weight: 600;
}
.drawerContainer_e-x9i .drawerTitle_AwgtO .closeIcon_ipIsF {
cursor: pointer;
width: 24px;
height: 24px;
position: absolute;
right: 6px;
top: 50%;
transform: translate(0, -50%);
margin-right: 10px;
}
.drawerContainer_e-x9i .buttonGroup_1u40e {
display: flex;
padding: 8px 10px 6px 16px;
justify-content: space-between;
align-items: center;
}
.drawerContainer_e-x9i .drawerContent_tPGit {
min-height: 200px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex: 1;
overflow: hidden;
}
.drawerContainer_e-x9i .drawerContent_tPGit .sortableList_ZqSdn {
width: 100%;
height: 100%;
}
.frameItem_zCnb- {
height: 68px;
width: 100%;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 12px;
}
.frameItem_zCnb-.selectedFrameItem_bGP9i {
background-color: #eaf1fc;
}
.frameItem_zCnb- .snapshotWrap_sjapb {
width: 100px;
height: 56px;
flex-shrink: 0;
border: 1px solid #e6e7e9;
background-color: #fff;
border-radius: 2px;
position: relative;
}
.frameItem_zCnb- .snapshotWrap_sjapb .snapshot_MR9Nj {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.frameItem_zCnb- .snapshotWrap_sjapb .frameHideCon_wZEML {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
color: #c2c3c8;
background: #ececee;
justify-content: center;
align-items: center;
}
.frameItem_zCnb- .snapshotWrap_sjapb .frameHideCon_wZEML svg {
width: 20px;
height: 20px;
}
.frameItem_zCnb- .snapshotWrap_sjapb .frameHideCon_wZEML span {
margin-top: 2px;
line-height: 20px;
font-size: 12px;
}
.frameItem_zCnb- .frameInfoWrap_8TuvT {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 6px;
overflow: hidden;
}
.frameItem_zCnb- .frameInfoWrap_8TuvT .frameTitle_GvnGi {
width: 100%;
display: flex;
flex-direction: row;
}
.frameItem_zCnb- .frameInfoWrap_8TuvT .frameTitle_GvnGi .name_sxQfx {
flex: 1;
font-size: 14px;
line-height: 22px;
padding: 0;
color: #0c1024;
border: none;
cursor: default;
box-sizing: border-box;
background: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.frameItem_zCnb- .frameInfoWrap_8TuvT .toggleHideButton_j0a4L {
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
}
.frameItem_zCnb- .frameInfoWrap_8TuvT .toggleHideButton_j0a4L .toggleHideIcon_mmzdD {
width: 20px;
height: 20px;
}
.frameItem_zCnb- .presentationButtonWrap_f93VS {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.frameItem_zCnb- .presentationButtonWrap_f93VS .presentationButton_LLuv5 {
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 50%;
background-color: #2e73e5;
color: #fff;
}
.frameItem_zCnb- .presentationButtonWrap_f93VS .presentationButton_LLuv5 .presentationIcon_Yf5E- {
width: 14px;
height: 14px;
}
@keyframes loading_Jbcfq {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.loading_Jbcfq {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #e6e7e9;
display: flex;
}
.loading_Jbcfq > svg {
margin: auto;
width: 32px;
height: 32px;
animation: loading_Jbcfq 1s linear infinite forwards;
}
.start_btn_mY0ul {
position: relative;
width: -moz-max-content;
width: max-content;
height: 36px;
display: flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.start_btn_mY0ul span {
font-size: 14px;
line-height: 22px;
color: white;
}
.start_btn_mY0ul svg {
color: white;
font-size: 20px;
}
.control_bar_dOYCb {
position: relative;
pointer-events: auto;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
justify-content: center;
align-items: center;
height: 44px;
padding: 0 6px;
}
.btn_icon_7Q-Cl {
margin: auto;
font-size: 24px;
}
.btn_icon_7Q-Cl.small_T38GQ {
font-size: 16px;
}
.slide_info_pvDK7 .btn_icon_7Q-Cl {
font-size: 16px;
}
.page_info_Lx6K6 {
min-width: 58px;
text-align: center;
}
.page_info_Lx6K6 .page_info_large_RnFqr {
width: -moz-min-content;
width: min-content;
}
.setting_panel_gG0oN {
position: absolute;
bottom: calc(100% + 10px);
left: 50%;
transform: translate(-50%, 0);
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
align-items: center;
justify-content: space-between;
width: 200px;
height: 52px;
padding: 0 16px;
}
.setting_panel_gG0oN.inMoreSetting_UCV8Z {
left: 18px;
}
.setting_panel_gG0oN .label_ylriD {
width: 100%;
font-size: 14px;
color: #0c1024;
white-space: nowrap;
}
.iconWrap_jdQDd {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrapActive_mt17z {
color: var(--upime-active);
background-color: #eaf1fc;
}
.iconWrapDisabled_pvJf5 {
cursor: not-allowed;
color: var(--upime-disable);
}
.do-hovers .iconWrap_jdQDd:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_mt17z:hover {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .iconWrapDisabled_pvJf5:hover {
color: var(--upime-disable);
background-color: transparent;
background-color: initial;
}
.paginator_4-Xku {
pointer-events: auto;
display: flex;
align-items: center;
}
.centerDocumentPaginator_4WWcp {
display: flex;
padding: 4px 8px;
justify-content: center;
align-items: center;
border-radius: 4px;
background: #FFF;
/* 0，2，12，0.12 */
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.bigScreenOn .centerDocumentPaginator_4WWcp {
padding: 6px 8px;
}
.iconWrap_jdQDd.slide_info_pvDK7 {
width: -moz-min-content !important;
width: min-content !important;
}
.iconWrap_jdQDd.slide_info_pvDK7 {
position: relative;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
-moz-column-gap: 4px;
column-gap: 4px;
font-size: 12px;
padding: 0 8px;
white-space: nowrap;
text-align: center;
cursor: pointer;
}
.frameList_jj7eb {
position: absolute;
bottom: calc(100% + 11px);
left: 50%;
transform: translate(-50%, 0);
width: 320px;
height: 400px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.documentPageList_aeRcE {
position: absolute;
bottom: calc(100% + 11px);
left: 50%;
transform: translate(-50%, 0);
width: 136px;
height: 400px;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.documentPageList_aeRcE.documentPageListBigScreen_P2lI- {
width: 216px;
height: 540px;
}
.functionBtns_gIloM {
display: flex;
-moz-column-gap: 2px;
column-gap: 2px;
}
.stop_btn_NRPkS {
padding: 6px 8px;
white-space: nowrap;
font-size: 12px;
line-height: 20px;
border-width: 1px;
border-style: solid;
border-radius: 4px;
cursor: pointer;
text-align: center;
min-width: calc(3rem + 8px);
}
.finishPlay_jgri5 {
color: #fe5250;
border-color: #fe5250;
}
.finishPlay_jgri5:active {
color: #d9383b !important;
border-color: #d9383b !important;
}
.resumeFramePlay_bYLht {
color: #2e73e5;
border-color: #2e73e5;
}
.resumeFramePlay_bYLht:active {
color: #1d56bf !important;
border-color: #1d56bf !important;
}
.do-hovers .finishPlay_jgri5:hover {
color: #ff7f78;
border-color: #ff7f78;
}
.do-hovers .resumeFramePlay_bYLht:hover {
color: #5798f2;
border-color: #5798f2;
}
.rbCornerWrapper_nzy45 {
position: absolute;
bottom: 0px;
right: 0px;
pointer-events: none;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.rbCornerWrapper_nzy45 .slotBox_Fkv79 {
pointer-events: auto;
}
.rbCornerBar_lxZEf {
position: relative;
bottom: auto;
bottom: initial;
right: auto;
right: initial;
pointer-events: auto;
display: flex;
gap: 8px;
}
.rbCornerBar_lxZEf.opcacity5_WIWHg .canOpcacity5_cv7oz,
.rbCornerBar_lxZEf.opcacity5_WIWHg .hideToolBtn_WL0SC {
opacity: 0.5;
}
.rbCornerBar_lxZEf.opcacity5_WIWHg .pagiBox_BxURs {
background-color: rgba(255, 255, 255, 0.5);
}
.rbCornerBar_lxZEf.isPad_hV21P .pagiBox_BxURs {
padding: 4px;
padding-left: 4px;
padding-right: 4px;
}
.rbCornerBar_lxZEf.isPad_hV21P .stop_btn_NRPkS {
margin-right: 2px;
}
.rbCornerBar_lxZEf.isPad_hV21P .hideToolBtn_WL0SC {
padding: 4px;
}
.rbCornerBar_lxZEf.isPad_hV21P .hideToolBtn_WL0SC .iconBox_-2D6l {
padding: 6px;
}
.pagiBox_BxURs {
padding: 6px;
padding-left: 8px;
padding-right: 8px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
align-items: center;
gap: 8px;
}
.hideToolBtn_WL0SC {
padding: 6px;
background-color: #fff;
border-radius: 4px;
cursor: pointer;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.hideToolBtn_WL0SC .iconBox_-2D6l {
padding: 8px;
display: flex;
justify-content: center;
align-items: center;
}
.hideToolBtn_WL0SC .iconBox_-2D6l.rotate180_0gnf3 {
transform: rotate(180deg);
}
.bigScreenOn .control_bar_dOYCb {
height: 56px;
padding: 0 6px;
}
.bigScreenOn .v_split_R9iqn {
height: 36px;
}
.bigScreenOn .setting_panel_gG0oN {
height: 56px;
}
.bigScreenOn .frameList_jj7eb {
bottom: calc(100% + 14px);
height: 540px;
}
.bigScreenOn .iconWrap_jdQDd {
width: 44px;
height: 44px;
}
.bigScreenOn .btn_icon_7Q-Cl {
margin: auto;
font-size: 28px;
}
.bigScreenOn .btn_icon_7Q-Cl.small_T38GQ {
font-size: 18px;
}
.bigScreenOn .slide_info_pvDK7 .btn_icon_7Q-Cl {
font-size: 20px;
}
.bigScreenOn .iconWrap_jdQDd.slide_info_pvDK7 {
height: 44px;
font-size: 16px;
padding: 0 12px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.bigScreenOn .stop_btn_NRPkS {
padding: 9px 12px;
white-space: nowrap;
font-size: 14px;
line-height: 22px;
}
.v_split_R9iqn {
width: 1px;
height: 28px;
margin: 0 8px;
background: #e6e7e9;
}
.rotate180_0gnf3 {
transform: rotate(180deg);
}
.shadow_ctrl_container_RC1Sx {
position: fixed;
left: 0;
bottom: 0;
transform: translateX(100%) translateY(100%);
pointer-events: none;
z-index: -2;
}
.morePanel_kaaYg {
padding: 8px 0px;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
align-items: flex-start;
color: #0c1024;
position: absolute;
background-color: #fff;
bottom: calc(100% + 10px);
left: 50%;
transform: translate(-50%, 0);
min-width: 200px;
}
.morePanel_kaaYg .bar_uVGzV {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 8px 16px;
width: 100%;
white-space: nowrap;
height: 40px;
background-color: transparent;
background-color: initial;
gap: 8px;
}
.morePanel_kaaYg .bar_uVGzV > svg {
font-size: 24px;
}
.morePanel_kaaYg .bar_uVGzV > span {
white-space: nowrap;
font-size: 14px;
}
.morePanel_kaaYg .bar_uVGzV svg {
margin: 0;
}
.morePanel_kaaYg .bar_uVGzV::before {
top: 3px;
left: 24px;
}
.morePanel_kaaYg .bar_uVGzV:hover {
background-color: rgba(0, 0, 0, 0.06) !important;
}
.morePanel_kaaYg .bar_uVGzV:hover {
cursor: pointer;
}
.morePanel_kaaYg .timerBar_X2VQF {
position: relative;
}
.morePanel_kaaYg .timerBar_X2VQF .tip_root_y9NjM {
width: 34px;
height: 20px;
border-radius: 11px;
background-color: #2e73e5;
position: absolute;
bottom: 18px;
left: 19px;
color: #fff;
line-height: 20px;
text-align: center;
font-size: 12px;
cursor: pointer;
}
.morePanel_kaaYg .timerBar_X2VQF .tip_root_y9NjM.phoneMode_fAsPt {
bottom: 22px;
left: 18px;
}
.morePanel_kaaYg .timerBar_X2VQF.iconWrapActive_mt17z {
color: var(--upime-active);
}
.settingContainer_j24c4 {
position: relative;
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.frameTreeOptions_-6ket {
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
position: relative;
width: 36px;
height: 36px;
}
.frameTreeOptions_-6ket .icon_57sMU {
padding: 6px;
}
.frameTreeOptions_-6ket:hover {
background-color: #f5f5f5;
cursor: pointer;
}
.frameTreeOptions_-6ket .optionsContainer_HD1fA {
position: absolute;
z-index: 30;
top: 40px;
right: 0;
display: flex;
gap: 8px;
padding: 8px 0;
flex-direction: column;
align-items: flex-start;
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
}
.frameTreeOptions_-6ket .optionsContainer_HD1fA .option_tpB-h {
display: flex;
height: 40px;
padding: 0 18px 0 16px;
align-items: center;
gap: 8px;
align-self: stretch;
}
.frameTreeOptions_-6ket .optionsContainer_HD1fA .option_tpB-h:hover {
background-color: #f5f5f5;
cursor: pointer;
}
.frameTreeOptions_-6ket .optionsContainer_HD1fA .option_tpB-h .text_GNc4W {
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
white-space: nowrap;
}
.frameTreeOptions_-6ket .optionsContainer_HD1fA .divider_gYahz {
height: 1px;
width: 100%;
background-color: #e6e7e9;
}
.frameTreeList_cpol4 {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
overflow-y: overlay;
width: 100%;
position: relative;
padding-top: 2px;
padding-bottom: 2px;
outline: none;
}
.frameTreeList_cpol4 .rootContainer_Fb4ag {
position: relative;
}
.frameTreeList_cpol4 .children_lVpCU.hidden_-AosD {
display: none;
}
.frameTreeList_cpol4 .fakeItemContainer_mz8NF {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 2000;
}
.frameTreeList_cpol4.bigScreen_8fsxI.thumbnail_jdg0r .insertLine_KAOgR.depth1_N0ymU {
width: 276px;
}
.frameTreeList_cpol4.bigScreen_8fsxI.thumbnail_jdg0r .insertLine_KAOgR.depth2_FTnAr {
width: 257px;
}
.frameTreeList_cpol4.bigScreen_8fsxI.thumbnail_jdg0r .insertLine_KAOgR.depth3_TjPJI {
width: 235px;
}
.frameTreeList_cpol4.bigScreen_8fsxI .insertLine_KAOgR.depth1_N0ymU {
width: 276px;
}
.frameTreeList_cpol4.bigScreen_8fsxI .insertLine_KAOgR.depth2_FTnAr {
width: 252px;
}
.frameTreeList_cpol4.bigScreen_8fsxI .insertLine_KAOgR.depth3_TjPJI {
width: 228px;
}
.frameTreeList_cpol4.phoneMode_IKRbB.thumbnail_jdg0r .insertLine_KAOgR.depth1_N0ymU {
width: calc(100% - 40px);
}
.frameTreeList_cpol4.phoneMode_IKRbB.thumbnail_jdg0r .insertLine_KAOgR.depth2_FTnAr {
width: calc(100% - 60px);
}
.frameTreeList_cpol4.phoneMode_IKRbB.thumbnail_jdg0r .insertLine_KAOgR.depth3_TjPJI {
width: calc(100% - 80px);
}
.frameTreeList_cpol4.phoneMode_IKRbB .insertLine_KAOgR.depth1_N0ymU {
width: calc(100% - 40px);
}
.frameTreeList_cpol4.phoneMode_IKRbB .insertLine_KAOgR.depth2_FTnAr {
width: calc(100% - 63px);
}
.frameTreeList_cpol4.phoneMode_IKRbB .insertLine_KAOgR.depth3_TjPJI {
width: calc(100% - 88px);
}
.frameTreeList_cpol4.thumbnail_jdg0r .insertLine_KAOgR.depth1_N0ymU {
width: 298px;
}
.frameTreeList_cpol4.thumbnail_jdg0r .insertLine_KAOgR.depth2_FTnAr {
width: 278px;
}
.frameTreeList_cpol4.thumbnail_jdg0r .insertLine_KAOgR.depth3_TjPJI {
width: 257px;
}
.frameTreeList_cpol4 .insertLine_KAOgR.depth1_N0ymU {
width: 298px;
}
.frameTreeList_cpol4 .insertLine_KAOgR.depth2_FTnAr {
width: 274px;
}
.frameTreeList_cpol4 .insertLine_KAOgR.depth3_TjPJI {
width: 250px;
}
.frameToggleHideButton_iiQMp {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.presentationButton_iIalR {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
cursor: pointer;
}
.presentationButton_iIalR .circle_Qw6po {
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
border-radius: 99px;
background: #2e73e5;
}
.iconContainer_fDtnq {
position: absolute;
top: 6px;
left: 8px;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform 0.2s;
}
.iconContainer_fDtnq.rotate_JS9dB {
transform-origin: center;
transform: rotate(-90deg);
}
.iconContainer_fDtnq.p2_Z87Jw {
left: 29px;
}
.iconContainer_fDtnq.translucent_V46CS {
opacity: 0.2;
}
.iconContainer_fDtnq.middlePosition_ORH-e {
top: 15px;
}
.iconContainer_fDtnq .icon_SiduI {
color: #303445;
}
.skipPresentationIconWrap_VEdP1 {
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 3px;
left: 3px;
z-index: 1;
}
.skipPresentationIconWrap_VEdP1 .skipPresentationIcon_G0dBW {
color: #fff;
}
.cellContainer_R1f3q {
display: flex;
padding: 6px 20px 6px 32px;
align-items: center;
margin: auto;
width: 100%;
overflow: hidden;
position: relative;
}
.cellContainer_R1f3q.dragging_R07Jw {
background: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
transition: 0.4s;
visibility: hidden;
opacity: 0;
}
.cellContainer_R1f3q.dragging_R07Jw.bg1_GW3-p {
transform: rotate(-2deg);
}
.cellContainer_R1f3q.dragging_R07Jw.bg1_GW3-p.phone_v9d-p {
pointer-events: none;
transform: rotate(-2deg) translateY(-50%);
}
.cellContainer_R1f3q.dragging_R07Jw.bg2_Iafis {
transform: rotate(2deg);
}
.cellContainer_R1f3q.dragging_R07Jw.bg2_Iafis.phone_v9d-p {
pointer-events: none;
transform: rotate(2deg) translateY(-50%);
}
.cellContainer_R1f3q.dragging_R07Jw.visible_3xCXU {
visibility: visible;
opacity: 1;
}
.cellContainer_R1f3q.medium_lnVbe {
padding-left: 56px;
}
.cellContainer_R1f3q.small_7OIDH {
padding-left: 80px;
}
.cellContainer_R1f3q.hide_N-yrp .cell_Mafyp {
border-radius: 4px;
border-color: #dbdbde;
background: #e6e7e9;
}
.cellContainer_R1f3q.hide_N-yrp .cell_Mafyp .toolBox_m-12E {
background: rgba(0, 0, 0, 0);
}
.cellContainer_R1f3q.selected_PeBOe .cell_Mafyp {
border-color: #2e73e5;
}
.cellContainer_R1f3q.translucent_kLbZD .cell_Mafyp {
opacity: 0.1;
}
.cellContainer_R1f3q .cell_Mafyp {
display: flex;
flex: auto;
height: 44px;
border-radius: 4px;
border: 1px solid #dbdbde;
align-items: center;
color: #0c1024;
width: 100%;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
padding: 11px 12px;
gap: 8px;
position: relative;
transition: opacity 0.2s;
}
.cellContainer_R1f3q .cell_Mafyp .serial_ZNq0u {
flex: none;
font-weight: 600;
}
.cellContainer_R1f3q .cell_Mafyp .serial_ZNq0u.hide_N-yrp {
color: #c2c3c8;
}
.cellContainer_R1f3q .cell_Mafyp .title_PJayc {
flex: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: none;
padding: 0;
font-size: 14px;
font-family: "PingFang SC";
}
.cellContainer_R1f3q .cell_Mafyp .hideTip_CTYjR {
display: flex;
align-items: center;
gap: 4px;
}
.cellContainer_R1f3q .cell_Mafyp .hideTip_CTYjR .icon_Hq1Kj {
color: #c2c3c8;
}
.cellContainer_R1f3q .cell_Mafyp .hideTip_CTYjR .text_1et-d {
overflow: hidden;
color: #c2c3c8;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E {
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding: 0 3px 0 12px;
display: flex;
border-radius: 4px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, #fff 20%, #fff 100%);
align-items: center;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E.toolBoxHide_I2JQx {
display: none;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E .popWrapper_ekR1k {
display: flex;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E .buttonContainer_3hCGc {
display: flex;
padding: 8px;
cursor: pointer;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E .buttonContainer_3hCGc.more_VpIbM:hover {
background: rgba(0, 0, 0, 0.06);
border-radius: 2px;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E .bofang_Bjk9R {
display: flex;
width: 20px;
height: 20px;
padding: 4px;
justify-content: center;
align-items: center;
border-radius: 20px;
border: 1px solid #2e73e5;
background: #eaf1fc;
}
.cellContainer_R1f3q .cell_Mafyp .toolBox_m-12E .hideButton_r0a9i {
padding: 8px;
}
.do-hovers .hoverContainer_ju3si:hover {
background: rgba(0, 0, 0, 0.06);
border-radius: 2px;
}
.insertLineContainer_gP9Ka {
height: 0;
width: 100%;
position: absolute;
}
.insertLineContainer_gP9Ka .insertLine_QnN6p {
position: absolute;
top: 0;
right: 8px;
width: 297px;
max-width: 100%;
height: 2px;
transform: translateY(-50%);
background-color: #2e73e5;
transition: width 0.1s;
z-index: 999;
}
.frameTreeContextMenu_ruByq {
position: absolute;
top: 0;
left: 0;
display: flex;
padding: 8px 0;
flex-direction: column;
align-items: flex-start;
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
z-index: 100;
visibility: hidden;
opacity: 0;
transform-origin: top left;
}
.frameTreeContextMenu_ruByq.topRight_qgmv3 {
transform-origin: top right;
}
.frameTreeContextMenu_ruByq.bottomLeft_UdS3K {
transform-origin: bottom left;
}
.frameTreeContextMenu_ruByq.bottomRight_U4287 {
transform-origin: bottom right;
}
.frameTreeContextMenu_ruByq.beforeShow_rWWSO {
transform: scale(0);
}
.frameTreeContextMenu_ruByq.show_n238d {
transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
visibility: visible;
opacity: 1;
transform: scale(1);
}
.frameTreeContextMenu_ruByq .menuItem_jEO6F {
display: flex;
height: 40px;
padding: 0 16px;
align-items: center;
gap: 8px;
align-self: stretch;
color: #0c1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
white-space: nowrap;
}
.do-hovers .menuItem_jEO6F:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.06);
}
.media_ctrl_Vfqvv {
display: flex;
align-items: center;
}
.left_9pN48 {
margin-left: 4px;
}
.center_PInje {
margin-left: 8px;
}
.right_IqbMW {
margin-left: 8px;
display: flex;
}
.play_btn_fesNL {
width: 24px;
height: 24px;
border-radius: 12px;
display: flex;
color: #ffffff;
background-color: #2E73E5;
cursor: pointer;
}
.play_btn_fesNL .icon_s5MCJ {
font-size: 16px;
margin: auto;
}
.play_btn_fesNL.disabled_bMJCV {
cursor: not-allowed;
border-radius: 99px;
background: #ABC7F5;
}
.progress_bar_64dof {
height: 14px;
position: relative;
}
.progress_bar_64dof.disabled_bMJCV .bottom_layer_CTTH7 {
cursor: inherit;
}
.progress_bar_64dof.disabled_bMJCV .point_SxgQz {
pointer-events: none;
}
.progress_bar_64dof .bottom_layer_CTTH7 {
position: absolute;
cursor: pointer;
touch-action: none;
width: 100%;
height: 100%;
}
.progress_bar_64dof .background_duvaG {
position: absolute;
width: 100%;
height: 4px;
background-color: #EAF1FC;
border-radius: 4px;
top: 50%;
transform: translate(0, -50%);
}
.progress_bar_64dof .top_layer_8ONdU {
position: absolute;
top: 50%;
transform: translate(0, -50%);
height: 4px;
width: 100%;
pointer-events: none;
}
.progress_bar_64dof .content_I-0OS {
height: 4px;
background-color: #2E73E5;
border-radius: 4px;
}
.progress_bar_64dof .ball_HJAvR {
position: absolute;
width: 14px;
height: 14px;
border-radius: 7px;
top: 50%;
transform: translate(-50%, -50%);
background-color: rgba(46, 115, 229, 0.15);
}
.progress_bar_64dof .ball_HJAvR::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
border-radius: 4px;
background-color: #2E73E5;
}
.progress_bar_64dof .point_SxgQz {
position: absolute;
width: 6px;
height: 6px;
pointer-events: auto;
cursor: pointer;
}
.progress_bar_64dof .point_SxgQz .point_ball {
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #05CAAE;
}
.progress_bar_64dof .point_SxgQz .mark_list {
bottom: calc(100% + 24px);
}
.timeInfo_Q5lyl {
margin-top: 2px;
display: flex;
justify-content: space-between;
height: 10px;
}
.timeInfo_Q5lyl .text_pSFlp {
color: #616371;
line-height: 10px;
font-size: 10px;
}
.ctrlBtnWrapper_F56-- {
position: relative;
cursor: pointer;
}
.ctrlBtnWrapper_F56--.disabled_bMJCV {
cursor: not-allowed;
}
.ctrlBtn_m3i02 {
padding: 2px 4px;
font-size: 12px;
line-height: 20px;
border-radius: 2px;
text-align: center;
min-width: 32px;
white-space: nowrap;
}
.disabled_bMJCV .btnStyle_q7cKN {
color: #C2C3C8;
color: var(--Neutral-colorText-Quaternary, #C2C3C8);
}
.btnStyle_q7cKN {
color: #000;
}
.btnStyleActive_FLloD {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .btnStyle_q7cKN:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .disabled_bMJCV .btnStyle_q7cKN:hover {
color: #C2C3C8;
color: var(--Neutral-colorText-Quaternary, #C2C3C8);
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
background: initial;
}
.do-hovers .btnStyleActive_FLloD:hover {
color: var(--upime-active);
background-color: #eaf1fc;
}
.optionList_BqzyS {
position: absolute;
bottom: calc(100% + 14px);
left: 50%;
transform: translate(-50%, 0);
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
min-width: 76px;
padding: 8px 0;
}
.optionItem_LSCB- {
width: 100%;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.moreCtrl_s3h7U {
width: 200px;
}
.moreCtrl_s3h7U .optionItem_LSCB- {
padding: 0 16px;
justify-content: space-between;
}
.compressBtns_Gsfot {
min-width: 76px;
}
.compressBtns_Gsfot .optionItem_LSCB- {
text-align: center;
padding: 0 16px;
justify-content: space-between;
}
.optionLabel_tycCW {
font-size: 14px;
line-height: 22px;
color: #000;
white-space: nowrap;
}
.bigScreenOn .left_9pN48 {
margin-left: 6px;
}
.bigScreenOn .play_btn_fesNL {
width: 32px;
height: 32px;
border-radius: 16px;
}
.bigScreenOn .play_btn_fesNL .icon_s5MCJ {
font-size: 20px;
}
.bigScreenOn .center_PInje {
margin-left: 12px;
}
.bigScreenOn .right_IqbMW {
margin-left: 12px;
}
.bigScreenOn .progress_bar_64dof {
height: 24px;
}
.bigScreenOn .progress_bar_64dof .background_duvaG {
height: 6px;
}
.bigScreenOn .progress_bar_64dof .top_layer_8ONdU {
height: 6px;
}
.bigScreenOn .progress_bar_64dof .content_I-0OS {
height: 6px;
}
.bigScreenOn .progress_bar_64dof .ball_HJAvR {
width: 20px;
height: 20px;
border-radius: 10px;
}
.bigScreenOn .progress_bar_64dof .ball_HJAvR::after {
width: 12px;
height: 12px;
border-radius: 6px;
}
.bigScreenOn .progress_bar_64dof .point_SxgQz {
width: 12px;
height: 12px;
}
.bigScreenOn .progress_bar_64dof .point_SxgQz .point_ball {
width: 12px;
height: 12px;
border-radius: 6px;
}
.bigScreenOn .progress_bar_64dof .point_SxgQz .mark_list {
bottom: calc(100% + 26px);
}
.bigScreenOn .timeInfo_Q5lyl {
margin-top: 0;
height: 14px;
}
.bigScreenOn .timeInfo_Q5lyl .text_pSFlp {
line-height: 14px;
font-size: 14px;
}
.bigScreenOn .ctrlBtn_m3i02 {
padding: 11px 12px;
font-size: 14px;
line-height: 22px;
min-width: 52px;
}
.bigScreenOn .optionList_BqzyS {
bottom: calc(100% + 10px);
width: 120px;
}
.bigScreenOn .optionItem_LSCB- {
height: 40px;
}
.bigScreenOn .moreCtrl_s3h7U {
width: 200px;
}
.documentPageListWrap_oJc4z {
width: 100%;
height: 100%;
padding: 8px 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 8px;
overflow-y: hidden;
}
.documentPageListWrap_oJc4z.bigScreenMode_OE2pH .title_6TQ31 {
width: 192px;
}
.documentPageListWrap_oJc4z .title_6TQ31 {
width: 112px;
height: 32px;
display: flex;
justify-content: flex-start;
align-items: center;
flex-shrink: 0;
}
.documentPageListWrap_oJc4z .pageList_9RMYI {
width: 100%;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 8px;
overflow-y: auto;
}
.pageItem_N9ABa {
width: 110px;
height: 63px;
display: flex;
flex-shrink: 0;
box-sizing: border-box;
border: 2px solid #e6e7e9;
border-radius: 4px;
overflow: hidden;
position: relative;
cursor: pointer;
}
.pageItem_N9ABa.selected_BDQgv {
border-color: #2e73e5;
}
.pageItem_N9ABa.selected_BDQgv .index_qOUPm {
background-color: #2e73e5;
}
.pageItem_N9ABa.bigScreenMode_HpmP2 {
width: 190px;
height: 108px;
}
.pageItem_N9ABa .contentWrap_a7ZBU {
background-color: #fff;
width: 100%;
height: 100%;
border-radius: 4px;
position: relative;
}
.pageItem_N9ABa .contentWrap_a7ZBU .previewContent_oj-A8 {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 2px;
}
.pageItem_N9ABa .contentWrap_a7ZBU .previewContent_oj-A8.hide_vPYcm {
display: none;
}
@keyframes loading_iyXOX {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.pageItem_N9ABa .contentWrap_a7ZBU .loading_iyXOX {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
}
.pageItem_N9ABa .contentWrap_a7ZBU .loading_iyXOX > svg {
margin: auto;
width: 32px;
height: 32px;
animation: loading_iyXOX 1s linear infinite forwards;
}
.pageItem_N9ABa .index_qOUPm {
min-width: 24px;
height: 18px;
padding: 0 4px;
color: #fff;
text-align: center;
font-size: 12px;
font-weight: 400;
line-height: 18px;
background-color: rgba(0, 0, 0, 0.45);
border-top-left-radius: 4px;
position: absolute;
right: 0;
bottom: 0;
}
.wrap_My-z2 {
width: 100%;
height: 100%;
padding: 12px 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
overflow-y: hidden;
gap: 12px;
}
.wrap_My-z2 .title_vWxYy {
width: 100%;
flex-shrink: 0;
font-size: 14px;
color: #202022;
padding-left: 12px;
}
.wrap_My-z2 .list_vt31F {
width: 100%;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 8px;
overflow-y: auto;
padding: 0 12px;
}
.wrap_My-z2 .item_85YDU {
width: 100%;
height: 64px;
display: flex;
flex-shrink: 0;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 4px;
overflow: hidden;
position: relative;
cursor: pointer;
}
.wrap_My-z2 .item_85YDU.selected_oOuyK {
border: 1px solid #0168ff;
}
.wrap_My-z2 .item_85YDU .skipIconWrap_KbQoi {
width: auto;
height: auto;
top: -1px;
left: -1px;
padding: 4px;
background: rgba(0, 0, 0, 0.25);
border-radius: 4px 0 4px 0;
}
.wrap_My-z2 .contentWrap_tn-nt {
background-color: #fff;
width: 100%;
height: 100%;
border-radius: 4px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.wrap_My-z2 .contentWrap_tn-nt .previewContent_DsTr1 {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 2px;
}
.wrap_My-z2 .index_aMVKT {
min-width: 24px;
height: 18px;
padding: 0 4px;
color: #fff;
text-align: center;
font-size: 12px;
font-weight: 400;
line-height: 18px;
background-color: rgba(0, 0, 0, 0.45);
border-top-left-radius: 4px;
position: absolute;
right: 0;
bottom: 0;
}
.buttonWrapper_L-qlt {
padding: 6px;
display: flex;
cursor: pointer;
justify-content: center;
align-items: center;
}
.toggleTreeDisplayButton_yjYAx {
padding: 6px;
display: flex;
cursor: pointer;
}
.block_vyfmY {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 12px;
}
.block_vyfmY > span {
color: #303445;
font-size: 14px;
line-height: 22px;
height: 22px;
}
@keyframes loading_Swo9Y {
from {
transform: rotate(0);
}
to {
transform: rotate(-360deg);
}
}
.itemRoot_6UHv6 {
display: flex;
width: 100%;
flex-direction: column;
}
.itemRoot_6UHv6 .header_C884b {
display: flex;
flex-direction: row;
height: 28px;
align-items: center;
padding: 0 8px;
margin-top: 12px;
}
.itemRoot_6UHv6 .header_C884b .avatar_wA1bt {
width: 28px;
height: 28px;
}
.itemRoot_6UHv6 .header_C884b > span {
height: 22px;
line-height: 22px;
font-weight: 600;
font-size: 14px;
margin-left: 8px;
max-width: 240px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.itemRoot_6UHv6 .content_eo1D2 {
width: 100%;
padding-left: 36px;
display: flex;
flex-direction: column;
padding: 0 8px 0 44px;
margin-top: 8px;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .text_4-Vhd {
font-size: 14px;
line-height: 22px;
height: 22px;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 {
display: flex;
flex-direction: row;
height: 100%;
align-items: center;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 {
display: flex;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 svg {
width: 18px;
height: 18px;
cursor: pointer;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 .reverted_wXdob,
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 .forbidden_y4wB- {
color: #d8d8d8;
cursor: default;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 .reverted_wXdob {
pointer-events: none;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .revert_2VYC4 .reverting_Bu8px {
color: #d8d8d8;
pointer-events: none;
animation: loading_Swo9Y 1.5s linear infinite;
}
.itemRoot_6UHv6 .content_eo1D2 .title_6XNo1 .rightPart_Gpj21 .time_-5AZ0 {
color: var(--upime-second-text);
font-size: 12px;
line-height: 18px;
height: 18px;
margin-left: 12px;
}
.itemRoot_6UHv6 .subContent_mSV3w {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 5px 0;
word-break: break-all;
}
.itemRoot_6UHv6 .subContent_mSV3w.deleteType_ZwLuA {
justify-content: flex-start;
align-items: flex-start;
}
.itemRoot_6UHv6 .subContent_mSV3w.deleteType_ZwLuA > span {
max-width: 195px;
}
.itemRoot_6UHv6 .subContent_mSV3w .text_4-Vhd {
max-width: 224px;
padding-left: 8px;
color: var(--upime-second-text);
line-height: 22px;
font-size: 14px;
border-left: 2px solid #dbdbde;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.itemRoot_6UHv6 .subContent_mSV3w .text_4-Vhd.defaultSpan_jojSk {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.itemRoot_6UHv6 .subContent_mSV3w .text_4-Vhd.expanded_NfMIb {
white-space: pre-wrap;
}
.itemRoot_6UHv6 .subContent_mSV3w .expand_PFok4 {
width: 22px;
height: 22px;
color: var(--upime-second-text);
cursor: pointer;
}
.itemRoot_6UHv6 .subContent_mSV3w .expand_PFok4.expanded_NfMIb {
transform: rotate(180deg);
}
.itemRoot_6UHv6 .subContent_mSV3w .showMore_p00gL {
display: flex;
flex-direction: row;
align-items: center;
color: var(--upime-second-text);
margin-left: 8px;
cursor: pointer;
}
.itemRoot_6UHv6 .subContent_mSV3w .showMore_p00gL > span {
height: 22px;
line-height: 22px;
font-size: 14px;
white-space: nowrap;
}
.itemRoot_6UHv6 .subContent_mSV3w .showMore_p00gL svg {
width: 22px;
height: 22px;
}
.do-hovers .itemRoot_6UHv6 .content_eo1D2:hover {
background: var(--upime-btn-bg-hover);
}
.do-hovers .itemRoot_6UHv6 .rightPart_Gpj21 svg:hover {
color: var(--upime-active);
}
.root_W1Nw3 {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
color: var(--upime-main-text);
padding: 16px 16px 0px 16px;
overflow: hidden;
}
.root_W1Nw3 .title_liy5g {
line-height: 26px;
font-size: 20px;
height: 30px;
padding-left: 8px;
font-weight: 600;
}
.root_W1Nw3 .tabs_J5Akh {
margin: 30px 8px 12px 8px;
width: calc(100% - 16px);
height: 44px;
border-radius: 4px;
background: #ececee;
position: relative;
display: flex;
flex-direction: row;
}
.root_W1Nw3 .tabs_J5Akh .bg_Nic8- {
position: absolute;
transition: left 0.1s linear;
left: 0;
background: white;
width: 50%;
height: 100%;
border: 2px solid #ececee;
border-radius: 4px;
}
.root_W1Nw3 .tabs_J5Akh .tab_v6EFq {
z-index: 1;
width: 50%;
height: 100%;
text-align: center;
color: #303445;
height: 44px;
line-height: 44px;
font-size: 15px;
cursor: pointer;
}
.root_W1Nw3 .tabs_J5Akh .tab_v6EFq.active_ayAKm {
font-weight: 700;
color: var(--upime-main-text);
}
.listViewRoot_t30gn {
width: 100%;
flex-grow: 1;
overflow: hidden;
color: var(--upime-main-text);
position: relative;
display: flex;
flex-direction: column;
-ms-overflow-style: none;
}
.listViewRoot_t30gn.scrollable_VPqdM {
overflow-y: scroll;
}
.listViewRoot_t30gn::-webkit-scrollbar {
display: none;
}
.listViewRoot_t30gn .loadingCon_UJUtG {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.listViewRoot_t30gn .loadingCon_UJUtG svg {
color: var(--upime-active);
}
.listViewRoot_t30gn .list_qAZqz {
display: flex;
flex-direction: column;
position: relative;
}
.listViewRoot_t30gn .fetchingMore_S4g-z {
width: 100%;
height: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.listViewRoot_t30gn .fetchingMore_S4g-z .svg_kKmC0 {
width: 18px;
height: 18px;
}
.listViewRoot_t30gn .emptyPlaceholder_Tf2Mz {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, calc(-50% - 70px));
width: 292px;
display: flex;
flex-direction: column;
align-items: center;
}
.listViewRoot_t30gn .emptyPlaceholder_Tf2Mz img {
width: 140px;
height: 140px;
}
.listViewRoot_t30gn .emptyPlaceholder_Tf2Mz span {
margin-top: 8px;
line-height: 22px;
font-size: 14px;
text-align: center;
white-space: pre-line;
}
.listViewRoot_t30gn .emptyPlaceholder_Tf2Mz .button_u1c3e {
margin-top: 24px;
border-radius: 4px;
min-width: 104px;
height: 40px;
line-height: 40px;
font-size: 16px;
}
.viewport_N547W {
flex: 1;
width: 100%;
overflow-x: hidden;
overflow-y: scroll;
margin-top: 14px;
display: flex;
flex-direction: column;
align-items: center;
-ms-overflow-style: none;
}
.viewport_N547W::-webkit-scrollbar {
display: none;
}
.viewport_N547W .itemRoot_JBTCm {
width: 308px;
height: 56px;
padding: 4px 8px 5px 8px;
margin: 10px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.viewport_N547W .itemRoot_JBTCm > span {
display: block;
max-width: 100%;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.viewport_N547W .itemRoot_JBTCm .row_s3GZ- {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.viewport_N547W .itemRoot_JBTCm .row_s3GZ- > span {
height: 22px;
line-height: 22px;
font-size: 14px;
color: var(--upime-second-text);
max-width: 160px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.viewport_N547W .itemRoot_JBTCm .row_s3GZ- .actions_wCwpB {
display: flex;
flex-direction: row;
}
.viewport_N547W .itemRoot_JBTCm .row_s3GZ- .actions_wCwpB > div {
display: flex;
margin-left: 16px;
}
.viewport_N547W .itemRoot_JBTCm .row_s3GZ- .actions_wCwpB > div .iconBtn_y15O0 {
width: 18px;
height: 18px;
cursor: pointer;
color: var(--upime-second-text);
}
.viewport_N547W .selected_PIq-z {
background: var(--upime-btn-bg-hover);
}
.do-hovers .viewport_N547W .itemRoot_JBTCm:hover {
background: var(--upime-btn-bg-hover);
}
.do-hovers .viewport_N547W .iconBtn_y15O0:hover {
color: var(--upime-active) !important;
}
.do-hovers .viewport_N547W .iconBtn_y15O0:hover.deleteBtn_X8HMa {
color: var(--upime-danger) !important;
}
.addNew_xen9r {
margin-top: 12px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
width: calc(100% - 16px);
align-self: center;
}
.durationHint_N9d4N {
height: 46px;
width: calc(100% - 24px);
margin: 6px 0 8px 0;
align-self: center;
background: var(--upime-btn-bg-hover);
border-radius: 4px;
font-size: 14px;
line-height: 22px;
padding: 12px;
color: var(--upime-second-text);
}
.root_dhNtx {
position: relative;
padding-bottom: 16px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
overflow: hidden;
width: 340px;
margin-left: -340px;
transition: margin-left 0.3s;
}
.root_dhNtx.opened_9NHm6 {
margin-left: 8px;
}
.root_dhNtx .iconWrapper_jevDp {
display: flex;
cursor: pointer;
}
.root_dhNtx .closeIcon_nNwfJ {
position: absolute;
top: 10px;
right: 8px;
}
.root_dhNtx.nopb_9Wcey {
padding-bottom: 0;
}
.iconWrap_Uotkl {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrap_Uotkl.active_9UgSI {
color: var(--upime-active);
background-color: #eaf1fc;
}
.do-hovers .iconWrap_Uotkl:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrap_Uotkl.active_9UgSI:hover {
background-color: #eaf1fc;
}
.stickerSideContainer_yply9 {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.placeModeHint_1kxeZ {
flex-shrink: 0;
padding: 6px 20px 0px;
font-size: 12px;
line-height: 18px;
color: #91939c;
}
.title_kj70u {
padding-left: 20px;
padding-right: 54px;
height: 56px;
width: 100%;
background-color: var(--upime-pane-bg);
align-items: center;
display: flex;
flex-shrink: 0;
border-bottom: 1px solid #e6e7e9;
gap: 24px;
}
.title_kj70u .titleText_54Aco {
color: #91939c;
font-size: 20px;
font-style: normal;
cursor: pointer;
position: relative;
}
.title_kj70u .titleText_54Aco.activeText_GYOKn {
font-size: 20px;
color: var(--upime-main-text);
font-weight: 600;
height: 100%;
line-height: 56px;
}
.title_kj70u .titleText_54Aco.activeText_GYOKn::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
background-color: #0c1024;
}
.stickerMainContainer_9r4-B {
flex: 1;
overflow: hidden;
padding-top: 12px;
display: flex;
}
.stickerPannelContainer_AggkC {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.stickerPannelContainer_AggkC .inputContainer_1A4BN {
padding: 0 20px;
}
.stickerPannelContainer_AggkC .inputContainer_1A4BN .panel_search_myUzC {
height: 40px;
}
.scrollbar_jJRAt::-webkit-scrollbar {
width: 4px;
}
.scrollbar_jJRAt::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.scrollbar_jJRAt::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #c2c3c8;
}
.panel_content_3eIHU {
padding: 24px 0px 0 20px;
overflow: auto;
}
.panel_content_3eIHU::-webkit-scrollbar {
width: 4px;
}
.panel_content_3eIHU::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.panel_content_3eIHU::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #c2c3c8;
}
.panel_content_3eIHU .name_qko5i {
margin-bottom: 8px;
font-size: 14px;
color: #303445;
}
.panel_content_3eIHU .content_VFKdC {
display: grid;
grid-template-columns: repeat(4, 66px);
overflow: hidden;
grid-gap: 12px;
gap: 12px;
flex: 1;
overflow: auto;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin-bottom: 4px;
}
.panel_content_3eIHU .content_VFKdC .panel_content_item_img_zi-iQ {
width: 60px;
height: 60px;
-o-object-fit: contain;
object-fit: contain;
pointer-events: none;
}
.panel_content_3eIHU .content_VFKdC .panel_content_item_img_zi-iQ svg {
width: 100%;
height: 100%;
color: inherit;
}
.panel_content_3eIHU .content_VFKdC .drag_item_b2uww {
width: 100%;
height: 66px;
display: flex;
justify-content: center;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
}
.panel_content_3eIHU .license_HqKGG {
text-align: center;
margin-bottom: 24px;
}
.panel_footer_n9Da4 {
height: 30px;
line-height: 30px;
margin: auto;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.panel_footer_n9Da4 .source_BacZU {
margin-right: 8px;
color: #91939c;
}
.panel_footer_n9Da4 a {
color: #2e73e5;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
transition: color 0.3s;
-webkit-text-decoration-skip: objects;
}
.panel_footer_n9Da4 a:hover .panel_footer_n9Da4 a:active .panel_footer_n9Da4 a:focus {
text-decoration: none;
outline: 0;
}
.panel_footer_n9Da4 a:hover {
color: #5798f2;
}
.panel_footer_n9Da4 a:active {
color: #1d56bf;
}
.empty_F1iZt {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
color: #c2c3c8;
}
.emptyContainer_edZ3E {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
font-size: 14px;
color: #c2c3c8;
}
.emptyContainer_edZ3E img {
width: 100px;
}
.drag_content_item_active {
border: 1px solid #2e73e5;
border-radius: 4px;
background: #ececee;
}
.do-hovers .panel_content_3eIHU .content_VFKdC .drag_item_b2uww:hover {
background: #ececee;
border-radius: 4px;
}
.do-hovers .panel_header_4MJdV .closeIcon_AmtI-:hover {
color: var(--upime-active);
}
.filterRowContainer_xIvD- {
width: 100%;
height: 40px;
flex-shrink: 0;
margin-top: 12px;
padding: 0 20px;
display: grid;
grid-template-columns: 1fr 1fr auto;
grid-gap: 8px;
gap: 8px;
}
.filterRowContainer_xIvD- .selectContainer_IMiEf {
width: 100%;
height: 100%;
}
.colorSelectContainer_qlMmk {
width: 100%;
height: 40px;
border-radius: 4px;
border: 1px solid #e6e7e9;
position: relative;
font-size: 14px;
cursor: pointer;
}
.colorSelectContainer_qlMmk.active_AcnZt {
border-color: #2e73e5;
}
.colorSelectContainer_qlMmk .colorSelectInner_S9b8l {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 8px;
}
.colorSelectContainer_qlMmk .dropDownContainer_znG-W {
max-height: 520px;
border-radius: 2px;
background: #fff;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
position: absolute;
top: calc(100% + 4px);
left: -64px;
z-index: 1;
overflow: hidden;
display: flex;
flex-direction: column;
}
.colorSelectContainer_qlMmk .colorOpacityContainer_yq0WY {
position: relative;
padding: 12px 12px 0;
flex-shrink: 0;
overflow: hidden;
}
.colorSelectContainer_qlMmk .colorOpacityContainer_yq0WY .colorOpacityLabel_c5h4G {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: #0c1024;
padding: 0 6px;
}
.colorSelectContainer_qlMmk .colorPaletteContainer_D-i09 {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
margin-top: 8px;
}
.colorSelectContainer_qlMmk .colorPaletteContainer_D-i09::-webkit-scrollbar {
width: 4px;
}
.colorSelectContainer_qlMmk .colorPaletteContainer_D-i09::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.colorSelectContainer_qlMmk .colorPaletteContainer_D-i09::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.resetContainer_HBL-3 {
height: 40px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
border: 1px solid #e6e7e9;
cursor: pointer;
font-size: 14px;
color: #0c1024;
padding: 0 12px;
}
.resetContainer_HBL-3:active {
border-color: #1d56bf;
color: #1d56bf;
}
.iconListWrapper_45wIQ {
flex: 1;
overflow: hidden;
margin-top: 12px;
height: 100%;
}
.iconListWrapper_45wIQ .emptyContainer_edZ3E {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
font-size: 14px;
color: #c2c3c8;
}
.iconListWrapper_45wIQ .emptyContainer_edZ3E img {
width: 100px;
}
.iconListScroll_DBas5 {
width: 100%;
height: 100%;
overflow: auto;
padding: 12px 0px 12px 20px;
}
.iconListScroll_DBas5::-webkit-scrollbar {
width: 4px;
}
.iconListScroll_DBas5::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.iconListScroll_DBas5::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.iconListMid_6xKTn {
width: 100%;
}
.iconListContainer_Hbk1n {
display: grid;
grid-template-columns: repeat(6, 40px);
grid-auto-rows: 40px;
grid-gap: 12px;
gap: 12px;
}
.iconListContainer_Hbk1n .iconItem_X7RND {
width: 100%;
height: 100%;
cursor: pointer;
border-radius: 4px;
overflow: hidden;
background: #f5f6f6;
}
.iconListContainer_Hbk1n .iconItem_X7RND.activeIconItem_ac-Dr {
border: 1px solid #2e73e5;
background: rgba(0, 0, 0, 0.06);
}
.iconListContainer_Hbk1n .draggingIcon_uo1Hd {
position: fixed;
z-index: 9999;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 4px;
background-color: white;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
transform: translateX(-50%) translateY(-50%);
}
.iconListContainer_Hbk1n .clickIcon_igMYB {
position: fixed;
z-index: 1;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
transform: translateX(-50%) translateY(-50%);
cursor: pointer;
}
.iconListContainer_Hbk1n .svgContainer_C1HK2 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
overflow: hidden;
}
.iconListContainer_Hbk1n .svgContainer_C1HK2 svg {
width: 24px;
height: 24px;
}
.loadingContainer_-ZBVt {
height: 200px;
width: 100%;
display: flex;
align-items: center;
}
.loadingIcon_ZRca- {
margin: auto;
width: 32px;
height: 32px;
animation: loading_QLmoT 1s linear infinite forwards;
}
@keyframes loading_QLmoT {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.input_container_j3g6Y {
width: 100%;
height: 40px;
position: relative;
}
.input_container_j3g6Y .input_WHyNN {
width: 100%;
height: 100%;
font-size: 14px;
outline: none;
border: 1px solid #dbdbde;
border-radius: 4px;
padding: 0 40px;
color: #0c1024;
}
.input_container_j3g6Y .input_WHyNN::-moz-placeholder {
color: #c2c3c8;
}
.input_container_j3g6Y .input_WHyNN::placeholder {
color: #c2c3c8;
}
.input_container_j3g6Y .input_WHyNN:focus {
border: 1px solid #2e73e5;
}
.input_container_j3g6Y .searchIcon_yx9WP {
color: #0c1024;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
}
.input_container_j3g6Y .clearIcon_kwtG6 {
color: #c2c3c8;
position: absolute;
right: 2px;
top: 2px;
width: 36px;
height: 36px;
border-radius: 4px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.iconListFoot_ZhWhB {
padding: 5px 0;
display: flex;
justify-content: center;
align-items: center;
color: #c2c3c8;
font-size: 12px;
flex-shrink: 0;
}
.iconListFoot_ZhWhB .tipIconContainer_qF9Av {
width: 24px;
height: 24px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.do-hovers .input_WHyNN:hover {
border-color: #2e73e5;
}
.do-hovers .clearIcon_kwtG6:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .colorSelectContainer_qlMmk:hover {
border-color: #2e73e5;
}
.do-hovers .resetContainer_HBL-3:hover {
border-color: #2e73e5;
color: #2e73e5;
}
.do-hovers .resetContainer_HBL-3:hover:active {
border-color: #1d56bf;
color: #1d56bf;
}
.do-hovers .iconItem_X7RND:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .tipIconContainer_qF9Av:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.input_container_HUT33 {
display: flex;
align-items: center;
justify-content: center;
height: 36px;
border: 1px solid #dbdbde;
border-radius: 4px;
padding: 0 12px;
}
.input_container_HUT33 input {
width: 100%;
border: none;
font-size: 14px;
}
.input_container_HUT33 input:hover,
.input_container_HUT33 input:active,
.input_container_HUT33 input.focus-visible_nCDCl {
border: none;
outline: none;
}
.input_container_HUT33 input:hover,
.input_container_HUT33 input:active,
.input_container_HUT33 input:focus-visible {
border: none;
outline: none;
}
.input_container_HUT33 input::-moz-placeholder {
color: #c2c3c8;
}
.input_container_HUT33 input::placeholder {
color: #c2c3c8;
}
.input_container_HUT33:hover {
border: 1px solid #2e73e5;
}
.input_container_active_5zarz {
border: 1px solid #2e73e5;
}
.input_prefix_prCde {
margin-right: 8px;
font-size: 20px;
display: flex;
align-items: center;
}
.clearIcon_PbUK1 {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #c2c3c8;
}
.clearIcon_PbUK1 .sdk-icon {
width: 16px;
height: 16px;
font-size: 16px;
}
.do-hovers .clearIcon_PbUK1:hover {
color: var(--upime-active);
}
.drag_container_RVpqz {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.drag_element_aoOvy {
position: fixed;
-o-object-fit: contain;
object-fit: contain;
top: 0;
left: 0;
cursor: pointer;
z-index: 100;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
:root {
--upime-btn-bg-active: #090909;
--upime-btn-bg-hover: #F5F6F6;
--upime-tip: #fff;
--upime-tip-bg: #000;
--upime-pane-bg: #ffffff;
--upime-active: #2E73E5;
--upime-danger: #fe5250;
--upime-disable: #C2C3C8;
--upime-main-text: #0C1024;
--upime-second-text: #91939C;
--upime-third-text: #616371;
--upime-avatar-bg: #E6E7E9;
--upime-scrollbar-thumb: #C2C3C8;
--upime-divider-bg: #DBDBDE;
--upime-input-invalid: #fe5350;
--upime-input-border: #2e74e5;
--upime-primary-btn-hover-bg: #5798F2;
--upime-primary-btn-active-bg: #1D56BF;
--upime-primary-btn-disabled-bg: #abc7f5;
--upime-danger-btn-hover-bg: #ff7f78;
--upime-danger-btn-active-bg: #d9383b;
--upime-danger-btn-disabled-bg: #ffbab9;
--upime-secondary-btn-hover-bg: #5798F2;
--upime-secondary-btn-active-bg: #1D56BF;
--upime-secondary-btn-disabled-bg: #abc7f5;
}
.ui_layout_-BKxa {
position: absolute;
display: flex;
width: 100%;
}
.ui_layout_-BKxa.ui_layout_wrap_9C02a {
flex-wrap: wrap;
}
.ui_top_DYVFa {
top: 0;
pointer-events: none;
}
.remoteControlTopBar_0T4tk {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding: 8px;
pointer-events: none;
}
.remoteControlTopBar_0T4tk.landscape_hAdwF {
padding: 16px;
}
.remoteControlTopBar_0T4tk .topBarLeft_yfYXj {
display: flex;
gap: 20px;
}
.remoteControlTopBar_0T4tk .topBarLeft_yfYXj .titleBarSlot_4Ab7x {
width: -moz-max-content;
width: max-content;
height: -moz-max-content;
height: max-content;
}
.ui_bottom_OYk80 {
bottom: 0;
pointer-events: none;
}
.bottom_meeting_ui_t5d6f {
position: static;
transform: none;
display: flex;
flex-direction: row;
width: 100%;
max-height: 70px;
padding: 10px 12px;
background-color: #ffffff;
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: none;
pointer-events: auto;
align-items: center;
justify-content: space-between;
border: none;
}
.row_hp6q3 {
display: flex;
justify-content: space-between;
width: 100%;
padding: 10px 8px;
}
.row_hp6q3.landscapeRow_4-WkQ {
padding: 6px 16px;
}
.row_hp6q3.lastRow_-vxxd {
padding-bottom: 12px;
}
.row_hp6q3.fitBottom_9slGB {
padding-bottom: 42px;
}
.row_hp6q3 .hideToBottom_Z-O3S {
transition: all 0.1s;
transform: translateY(200%);
opacity: 0;
}
.col_ix5gB {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.followingUser_skU2c {
z-index: 20;
}
.landscape_hAdwF {
display: flex;
justify-content: space-between;
padding: 12px 16px;
}
.landscape_hAdwF .left_Tjq7B {
flex-basis: 300px;
display: flex;
}
.redoundoContainer_rMrbr {
width: 100%;
padding-left: 16px;
}
.undoRedo_yyLtG {
top: 8px;
}
.iconContainer_sOoSM {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
pointer-events: auto;
}
.iconContainer_sOoSM .iconWrap_wHYXu {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.iconContainer_sOoSM .iconWrap_wHYXu.active_G6x5- {
background-color: #eaf1fc;
}
.iconContainer_sOoSM .sdk-icon {
font-size: 18px;
}
.iconContainer_sOoSM.large_k18gN {
width: 44px;
height: 44px;
}
.iconContainer_sOoSM.hidden_3NMQF {
width: 0;
height: 0;
overflow: hidden;
}
.iconContainer_sOoSM .aIButtonImage_IYkFN {
width: 26px;
height: 26px;
}
.iconContainer_sOoSM.mb4_J5its {
margin-bottom: 4px;
}
.iconContainer_sOoSM.mr16_cuBUx {
margin-right: 16px;
}
.activeBgContainer_uTdjz {
background-color: var(--upime-active);
}
.svgIconJia_VUyi4 {
width: 24px;
height: 24px;
}
.timerIconContainer_X3Bkq {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
pointer-events: auto;
position: absolute;
right: 113px;
}
.timerIconContainer_X3Bkq.landscape_RC6Nz {
right: 120px;
}
.titleBar_JREPt {
pointer-events: auto;
}
.active_G6x5- {
color: var(--upime-active);
}
.row_jwdhj {
display: flex;
justify-content: space-between;
width: 100%;
padding: 8px 8px;
}
.row_jwdhj.landscape_RC6Nz {
padding: 16px;
}
.col_xyYi9 {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.phonePaneContainer_v2NH1 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background-color: white;
padding: 24px 0 40px;
border-radius: 20px 20px 0 0;
pointer-events: all;
transition: all 0.1s;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 8px 0;
gap: 8px 0;
box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
animation: showFromBottom_D6ijl 0.1s;
}
.phonePaneContainer_v2NH1.phonePaneContainerHide_4AnE1 {
transform: translateY(100%);
opacity: 0;
}
.phonePaneContainer_v2NH1.remoteControlMode_809M0 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.phonePaneContainer_v2NH1 .actionItem_s1bm0 {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 8px 4px;
gap: 6px;
}
.phonePaneContainer_v2NH1 .actionItem_s1bm0 .actionItemIcon_Rcsku {
width: 28px;
height: 28px;
}
.phonePaneContainer_v2NH1 .actionItem_s1bm0 .actionItemName_kVVqs {
font-size: 15px;
line-height: 24px;
color: #0c1024;
word-break: break-word;
text-align: center;
}
.phonePaneContainer_v2NH1.sixColumn_MrzWf {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.phonePaneContainer_v2NH1.fiveColumn_EhRHZ {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.phonePaneContainer_v2NH1 .phoneIconContainer_QsOdt {
padding: 12px 0;
display: flex;
align-items: center;
justify-content: center;
}
.phoneActionPaneContainer_u0wEn {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
padding: 0 8px 12px 8px;
display: flex;
flex-direction: column-reverse;
gap: 8px;
overflow: hidden;
align-items: center;
justify-content: center;
}
.phoneActionPaneContainer_u0wEn.pwa_Pg1hS {
padding-bottom: 32px;
}
.phoneMainActionPaneContainer_CkQU9 {
max-width: 100%;
height: 50px;
border-radius: 4px;
background-color: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
pointer-events: auto;
position: relative;
}
.phoneMainActionPaneContainer_CkQU9 .buttons_S35Kj {
display: flex;
align-items: center;
padding: 0 8px;
gap: 2px;
width: 100%;
height: 100%;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.phoneMainActionPaneContainer_CkQU9 .buttons_S35Kj::-webkit-scrollbar {
display: none;
}
.phoneMainActionPaneContainer_CkQU9 .extraBtWrapper_7Q4mc {
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding-left: 40px;
overflow: hidden;
pointer-events: none;
transition: all 0.4s;
border-radius: 0 4px 4px 0;
}
.phoneMainActionPaneContainer_CkQU9 .extraBtWrapper_7Q4mc.hide_z5laz {
transform: translateX(100%);
opacity: 0;
}
.phoneMainActionPaneContainer_CkQU9 .extraBtWrapper_7Q4mc .extraBtContainer_nTLSj {
background-color: white;
position: relative;
display: flex;
align-items: center;
gap: 2px;
pointer-events: all;
height: 100%;
padding: 0 8px;
}
.phoneMainActionPaneContainer_CkQU9 .extraBtWrapper_7Q4mc .extraBtContainer_nTLSj::after {
content: "";
width: 10px;
height: 200%;
position: absolute;
left: -8px;
top: -10px;
background: white;
box-shadow: -6px 0px 8px 0px rgba(0, 0, 0, 0.08);
transform: rotate(6deg);
}
.phoneMainActionPaneContainer_CkQU9 .MainActionPaneIconContainer_Mk0Jm {
padding: 0 6px;
}
.phoneMainActionPaneContainer_CkQU9 .MainActionPaneIconContainer_Mk0Jm .icon_irgZk {
display: block;
}
.phoneMainActionPaneContainer_CkQU9 .MainActionPaneIconContainer_Mk0Jm .icon_irgZk.activeIcon_59IE1 {
color: var(--upime-active);
}
.split-line_pB-OW {
width: 1px;
height: 20px;
background-color: #e6e6e6;
margin: 0 6px;
flex: none;
}
.penWrapper_nhFcI {
width: 26px;
height: 26px;
border: solid 1px #ccc;
border-radius: 50%;
position: relative;
cursor: pointer;
margin: 0 7px;
flex: none;
}
.penWrapper_nhFcI.active_G6x5- {
border-color: var(--upime-active);
}
.penWrapper_nhFcI .pen_iusry {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.penWrapper_nhFcI .pen_iusry .colorBorder_e-naY {
position: absolute;
width: 100%;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.undoButton_hpfm0 {
width: 26px;
height: 26px;
margin: 0 6px;
}
.undoButton_hpfm0.disabled_IoKky {
color: #d8d8d8;
}
.colorPaletteContainer_UpeAE {
margin-top: 16px;
display: flex;
overflow-y: hidden;
overflow-x: auto;
align-items: center;
gap: 8px;
padding: 4px 0;
-ms-overflow-style: none;
}
.colorPaletteContainer_UpeAE::-webkit-scrollbar {
display: none;
}
.colorPaletteContainer_UpeAE .colorPalette_79iPW {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
flex-shrink: 0;
}
.colorPaletteContainer_UpeAE .colorPalette_79iPW.selected_udWXL {
color: #4262ff;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #4262ff;
}
.dialogContainer_1g8pt {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dialogContainer_1g8pt .dialogItem_LNmeO {
height: 54px;
line-height: 54px;
text-align: center;
width: 100%;
}
.minimapContainer_Gm-G8 {
position: absolute;
z-index: 999;
left: 0;
right: 0;
bottom: 0;
box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
background-color: white;
border-radius: 20px 20px 0 0;
padding: 20px 20px 34px 20px;
overflow: hidden;
pointer-events: all;
animation: showFromBottom_D6ijl 0.1s;
}
.minimapContainer_Gm-G8 .minimapInner_m6Zq2 {
width: 100%;
height: 160px;
position: relative;
}
.aiCenterContainer_51iBo {
position: fixed;
z-index: 99;
left: 0;
right: 0;
bottom: 0;
box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
background-color: white;
border-radius: 20px 20px 0 0;
min-height: 416px;
overflow: hidden;
pointer-events: all;
animation: showFromBottom_D6ijl 0.1s;
}
.aiCenterContainer_51iBo .resizeHandler_GDGCj {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 50px;
height: 50px;
margin: auto;
z-index: 1;
}
.aiCenterContainer_51iBo .resizeHandler_GDGCj .line_z6mXh {
width: 40px;
height: 5px;
margin: auto;
margin-top: 8px;
border-radius: 6px;
background-color: rgba(0, 0, 0, 0.15);
}
.aiCenterContainer_51iBo.aiHide_pJAWd {
display: none;
}
.stickerPannelContainer_EPZ99 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: white;
border-radius: 12px 12px 0 0;
pointer-events: all;
transition: all 0.1s;
box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.05);
animation: showFromBottom_D6ijl 0.1s;
height: 400px;
}
.stickerPannelContainer_EPZ99 .headerBar_6eLGd {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 16px;
height: 50px;
border-bottom: 1px solid #E6E7E9;
}
.stickerPannelContainer_EPZ99 .headerBar_6eLGd .name_U9AZR {
font-size: 18px;
line-height: 26px;
font-weight: 600;
}
.stickerPannelContainer_EPZ99 .headerBar_6eLGd .closeBox_sTJTo {
font-size: 16px;
color: #303445;
padding: 12px;
display: flex;
justify-content: center;
align-items: center;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 {
padding: 12px 0px 0 16px;
overflow: auto;
height: calc(100% - 50px);
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9::-webkit-scrollbar {
width: 4px;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 .name_U9AZR {
margin-bottom: 8px;
font-size: 15px;
color: #303445;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 .content_ifDiV {
display: grid;
grid-template-columns: repeat(4, 1fr);
overflow: hidden;
grid-gap: 12px;
gap: 12px;
flex: 1;
overflow: auto;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin-bottom: 4px;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 .content_ifDiV .panel_content_item_img_YcBE9 {
width: 60px;
height: 60px;
-o-object-fit: contain;
object-fit: contain;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 .content_ifDiV .panel_content_item_img_YcBE9 svg {
width: 100%;
height: 100%;
color: inherit;
}
.stickerPannelContainer_EPZ99 .panel_content_Ezym9 .license_mCm2l {
text-align: center;
margin-bottom: 24px;
}
.container_iw1s5 {
display: flex;
gap: 20px;
}
.container_iw1s5 .childrenContainer_DSoGV {
display: flex;
width: 36px;
height: 36px;
overflow: hidden;
align-items: center;
justify-content: center;
}
@keyframes showFromBottom_D6ijl {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.toolArea_G629i {
display: flex;
padding: 4px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 22px;
background: #fff;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
pointer-events: auto;
position: relative;
}
.toolArea_G629i.vertical_I-DVQ {
flex-direction: column;
}
.toolBox_tCulp {
padding: 7px;
display: flex;
border-radius: 999px;
transition: background 0.1s, color 0.1s;
}
.toolBox_tCulp .iconWrapper_Q6pO0 {
display: flex;
position: relative;
}
.toolBox_tCulp .iconWrapper_Q6pO0 .dot_n0swc {
top: -5px;
}
.toolBox_tCulp.opened_puXoD {
background: #eaf1fc;
color: #2e73e5;
}
.toolBox_tCulp .menu_wc3QH {
position: absolute;
top: calc(100% + 8px);
right: 12px;
}
.dropdownMenu_C1okM {
display: none;
padding: 8px 0;
flex-direction: column;
align-items: flex-start;
border-radius: 8px;
background: #fff;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
}
.dropdownMenu_C1okM.open_WpPdH {
display: flex;
}
.inProgressDot_PhZi2 {
position: absolute;
top: 2px;
right: 0;
left: 0;
margin: auto;
width: 4px;
height: 4px;
border-radius: 50%;
}
.menuItem_Ph7Xr {
min-width: 180px;
height: 56px;
display: flex;
padding: 0 16px 0 10px;
align-items: center;
gap: 2px;
color: #0c1024;
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: -0.4px;
}
.menuItem_Ph7Xr.inProgress_Wp-ag {
color: #2e73e5;
}
.menuItem_Ph7Xr .iconWrapper_7s-mb {
width: 24px;
height: 24px;
padding: 6px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
box-sizing: content-box;
}
.menuItem_Ph7Xr .iconWrapper_7s-mb .dot_XjlV1 {
top: 0;
}
.menuItem_Ph7Xr .iconWrapper_7s-mb .notification_eDFGk {
position: absolute;
top: 1px;
right: 1px;
display: flex;
padding: 0 5px;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
height: 16px;
min-width: 16px;
border-radius: 8px;
font-size: 10px;
font-weight: 500;
line-height: 10px;
letter-spacing: normal;
letter-spacing: initial;
border: 1px solid #fff;
}
.menuItem_Ph7Xr .text_8vGgV {
white-space: nowrap;
}
.buttonDivider_CQuTW {
height: 28px;
width: 1px;
background: #e6e7e9;
}
.buttonDivider_CQuTW.horizontal_VSu2Y {
width: 28px;
height: 1px;
}
.endMeetingButton_g-KdY {
padding: 7px;
display: flex;
border-radius: 999px;
}
.userGroup_5nEtM {
display: flex;
justify-content: center;
align-items: center;
}
.userGroup_5nEtM .user_OHyxy:not(:first-child) {
margin-left: -16px;
}
.user_UxqSv {
width: 36px;
height: 36px;
position: relative;
border-radius: 50%;
border: 2px solid #fff;
}
.user_UxqSv .avatar_SflLp {
width: 100%;
height: 100%;
border: 2px solid #c7d2e4;
}
.user_UxqSv .avatar_SflLp.multiUser_6CgYW {
color: #000;
background-color: #fff;
font-size: 13px;
font-style: normal;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
}
.user_UxqSv .avatar_SflLp.multiUser_6CgYW.mSize_CClxN {
font-size: 9px;
}
.user_UxqSv .avatar_SflLp.multiUser_6CgYW.sSize_NA-tU {
font-size: 7px;
}
.user_UxqSv .followedTag_wfi72 {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #fff;
}
.user_UxqSv .followCount_y1-ik {
position: absolute;
margin: auto;
left: 16px;
bottom: -4px;
transform: translateX(-50%);
display: flex;
height: 14px;
min-width: 24px;
padding: 0 2px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 7px;
color: #000;
font-size: 12px;
font-weight: 400;
line-height: 12px;
}
.outline_7twOr {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 50%;
border: 2px solid #fff;
}
.userListDraw_zzYr8 .title_ih4Fy {
display: flex;
padding: 24px 32px;
align-items: center;
gap: 12px;
color: #0c1024;
border-bottom: 1px solid #e6e7e9;
}
.userListDraw_zzYr8 .title_ih4Fy.disabled_I-j1D {
color: #c2c3c8;
}
.userListDraw_zzYr8 .title_ih4Fy .text_t5IKS {
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.userListDraw_zzYr8 .list_LaLxp {
overflow-y: auto;
max-height: calc(1vh * 100 - 171px);
max-height: calc(var(--vh, 1vh) * 100 - 171px);
min-height: 120px;
padding: 8px 0 12px;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U {
display: flex;
padding: 8px 24px;
align-items: center;
gap: 12px;
position: relative;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .info_oooK- {
flex: auto;
position: relative;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .info_oooK- .name_nVd-j {
color: #0c1024;
font-size: 16px;
font-weight: 400;
line-height: 24px;
width: 170px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .info_oooK- .subText_8fcFT {
color: #91939c;
font-size: 13px;
font-weight: 400;
line-height: 20px;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .info_oooK- .following_sxwzV {
color: #2e73e5;
font-size: 13px;
line-height: 22px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .modifyUserNameBtn_Onn6z {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .modifyUserNameBtn_Onn6z .modifyUserNameIcon_0Xnwi {
color: #424454;
}
.userListDraw_zzYr8 .list_LaLxp .listItem_YqW0U .option_BPVRl {
display: flex;
justify-content: center;
align-items: center;
}
.menu_MhgcX {
position: fixed;
right: 24px;
z-index: 10;
}
.menu_MhgcX .menuItem_-BbMX {
display: flex;
height: 56px;
padding: 0 16px;
align-items: center;
overflow: hidden;
white-space: nowrap;
color: #0c1024;
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: -0.4px;
width: 120px;
}
.optionIconWrapper_qDTgU {
padding: 7px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.4s;
border-radius: 2px;
}
.optionIconWrapper_qDTgU:active {
background-color: #f0f0f0;
}
.optionIconWrapper_qDTgU .optionIcon_O8RY0 {
color: #424454;
}
.search_-QrSV {
display: flex;
padding: 7px;
border-radius: 50%;
position: relative;
}
.search_-QrSV .inputContainer_4cpc- {
position: fixed;
top: 0;
left: 0;
right: 0;
display: flex;
height: 53px;
padding: 4px 16px 4px 12px;
align-items: center;
gap: 4px;
background-color: #fff;
z-index: 30;
border-bottom: 1px solid #fff;
transition: 0.1s border-bottom-color;
}
.search_-QrSV .inputContainer_4cpc-.active_fxSiO {
border-bottom-color: #2e73e5;
}
.search_-QrSV .inputContainer_4cpc- .icon_tFQAv {
flex: none;
margin: 7px;
}
.search_-QrSV .inputContainer_4cpc- .icon_tFQAv.clear_BRAGd {
color: #c2c3c8;
}
.search_-QrSV .inputContainer_4cpc- .icon_tFQAv.hidden_U0I-7 {
visibility: hidden;
}
.search_-QrSV .inputContainer_4cpc- .input_oeQjm {
display: block;
height: 100%;
flex: auto;
color: #0c1024;
font-feature-settings: "clig" off, "liga" off;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
caret-color: #2e73e5;
border: none;
}
.search_-QrSV .inputContainer_4cpc- .input_oeQjm::-moz-placeholder {
color: #c2c3c8;
}
.search_-QrSV .inputContainer_4cpc- .input_oeQjm::placeholder {
color: #c2c3c8;
}
.search_-QrSV .inputContainer_4cpc- .cancel_NeTEf {
color: #0c1024;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
}
.resList_WJZAu {
background-color: #fff;
position: fixed;
top: 52px;
left: 0;
right: 0;
z-index: 100;
max-height: calc(1vh * 100 - 53px);
max-height: calc(var(--vh, 1vh) * 100 - 53px);
overflow-y: auto;
}
.resList_WJZAu .noRes_HoW-c {
color: #91939c;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
padding: 32px 0;
text-align: center;
}
.resItem_935v0 {
display: flex;
padding: 10px 16px 10px 20px;
align-items: center;
gap: 12px;
}
.resItem_935v0 .text_Xq94b {
white-space: nowrap;
overflow: hidden;
color: #0c1024;
text-overflow: ellipsis;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.searchMenu_nF-hm {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
width: 290px;
min-height: 50px;
display: flex;
flex-direction: column;
}
.searchMenu_nF-hm .inputContainer_J8urc {
padding: 0 16px;
width: 100%;
height: 50px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
/* Edge */
}
.searchMenu_nF-hm .inputContainer_J8urc input {
border: none;
width: 210px;
height: 20px;
font-size: 14px;
line-height: 20px;
}
.searchMenu_nF-hm .inputContainer_J8urc ::-moz-placeholder {
color: var(--upime-disable);
font-size: 14px;
}
.searchMenu_nF-hm .inputContainer_J8urc ::placeholder {
color: var(--upime-disable);
font-size: 14px;
}
.searchMenu_nF-hm .inputContainer_J8urc .clearInput_-qVPH {
width: 14px;
height: 14px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: var(--upime-disable);
cursor: pointer;
}
.searchMenu_nF-hm .inputContainer_J8urc .clearInput_-qVPH svg {
color: white;
width: 10px;
height: 10px;
}
.searchMenu_nF-hm .divider_8Mq4q {
width: 100%;
height: 1px;
background-color: var(--upime-divider-bg);
}
.searchMenu_nF-hm .searchRes_NYEH7 {
width: 100%;
min-height: 57px;
display: flex;
flex-direction: column;
overflow: auto;
overflow: overlay;
max-height: 340px;
}
.searchMenu_nF-hm .searchRes_NYEH7 .noRes_O9w3J {
width: 100%;
height: 100%;
font-size: 14px;
color: var(--upime-disable);
line-height: 56px;
text-align: center;
}
.searchMenu_nF-hm .searchRes_NYEH7::-webkit-scrollbar {
width: 4px;
border-radius: 2px;
}
.searchMenu_nF-hm .searchRes_NYEH7::-webkit-scrollbar-track-piece {
display: none;
}
.searchMenu_nF-hm .searchRes_NYEH7::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
.searchMenu_nF-hm .searchRes_NYEH7 .resList_wpz2d {
padding: 10px 0;
}
.resItem_elokY {
height: 36px;
padding: 0 16px;
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
.resItem_elokY > span {
max-width: 230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
height: 20px;
line-height: 20px;
margin-left: 8px;
}
.resItem_elokY svg {
font-size: 14px;
}
.resItemPhone_yLcIY {
display: flex;
padding: 10px 16px 10px 20px;
align-items: center;
gap: 12px;
overflow: hidden;
}
.resItemPhone_yLcIY .itemIcon_rlaAg {
width: 20px;
height: 20px;
}
.resItemPhone_yLcIY .text_9MaIf {
white-space: nowrap;
overflow: hidden;
color: #0c1024;
text-overflow: ellipsis;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.do-hovers .resItem_elokY:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.iconWrap_tnFDz {
width: 36px;
height: 36px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.iconWrapActive_rrLuN {
color: var(--upime-active);
background-color: #EAF1FC;
}
.do-hovers .iconWrap_tnFDz:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconWrapActive_rrLuN:hover {
color: var(--upime-active);
background-color: #EAF1FC;
}
.shortcutContainer_GFOn0 {
display: flex;
align-items: center;
gap: 8px;
word-break: keep-all;
white-space: nowrap;
font-size: 12px;
line-height: 1;
}
.shortcutContainer_GFOn0 .shortcutBox_Ht27n {
min-width: 16px;
height: 16px;
padding: 0 4px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
border: 1px solid #91939c;
color: #91939C;
}
.undoRedo_yM9Fb {
position: absolute;
left: 8px;
top: 64px;
}
.undoRedo_yM9Fb.landscape_GTmsF {
position: relative;
left: 0;
top: 0;
}
.undoRedo_yM9Fb .iconWrapper_zmd9E {
display: flex;
padding: 7px;
border-radius: 50%;
}
.undoRedo_yM9Fb .iconWrapper_zmd9E.disabled_I9q5F {
pointer-events: none;
color: #d8d8d8;
}
.undoRedo_yM9Fb .iconWrapper_zmd9E.active_ERAFH {
color: #2e73e5;
background-color: #eaf1fc;
}
.disabled_I9q5F {
pointer-events: none;
color: #d8d8d8;
}
.mobilePresentationLayoutWrap_hGTW1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.controlBarWrap_CXVq- {
width: 100%;
height: 48px;
padding-right: 4px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: #1d1f29;
position: absolute;
top: 0;
left: 0;
z-index: 20;
pointer-events: all;
}
.controlBarWrap_CXVq- .endPresentationWrap_9CE-e {
height: 100%;
width: -moz-max-content;
width: max-content;
position: relative;
z-index: 2;
}
.controlBarWrap_CXVq- .endPresentationWrap_9CE-e .endPresentationButton_Vaqu7 {
height: 100%;
padding: 0 12px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-shrink: 0;
gap: 4px;
}
.controlBarWrap_CXVq- .endPresentationWrap_9CE-e .endPresentationButton_Vaqu7 .endPresentationIcon_DIJGz {
width: 20px;
height: 20px;
color: #fe5250;
}
.controlBarWrap_CXVq- .endPresentationWrap_9CE-e .endPresentationButton_Vaqu7 .resumeFramePlayIcon_Y2Y29 {
width: 20px;
height: 20px;
color: #fff;
transform: rotate(180deg);
}
.controlBarWrap_CXVq- .endPresentationWrap_9CE-e .endPresentationButton_Vaqu7 .content_k7lIV {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.controlBarWrap_CXVq- .presentationInfoWrap_aDtVI {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex: 1;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.controlBarWrap_CXVq- .presentationInfoWrap_aDtVI .mainContent_YrThz {
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
}
.controlBarWrap_CXVq- .presentationInfoWrap_aDtVI .mainContent_YrThz.clickable_Z4eQd .elementContent_yDB3I {
text-decoration-line: underline;
}
.controlBarWrap_CXVq- .presentationInfoWrap_aDtVI .mainContent_YrThz .elementIcon_PNLPb {
width: 20px;
height: 20px;
color: #fff;
}
.controlBarWrap_CXVq- .presentationInfoWrap_aDtVI .mainContent_YrThz .elementContent_yDB3I {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.controlBarWrap_CXVq- .toolsWrap_HObM3 {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 4px;
position: relative;
z-index: 2;
}
.controlBarWrap_CXVq- .toolsWrap_HObM3 .laserButton_gVAC2,
.controlBarWrap_CXVq- .toolsWrap_HObM3 .penButton_OkZc- {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
}
.controlBarWrap_CXVq- .toolsWrap_HObM3 .laserButton_gVAC2.active_Ck3ib,
.controlBarWrap_CXVq- .toolsWrap_HObM3 .penButton_OkZc-.active_Ck3ib {
border-radius: 50%;
background-color: #2e73e5;
}
.controlBarWrap_CXVq- .toolsWrap_HObM3 .laserIcon_bpsyg,
.controlBarWrap_CXVq- .toolsWrap_HObM3 .penIcon_atWJd {
width: 20px;
height: 20px;
color: #fff;
}
.turnPageButtonWrap_FOXIh {
width: 100%;
padding: 0 14px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: absolute;
top: calc(50% + 24px);
left: 0px;
transform: translateY(-50%);
z-index: 10;
}
.turnPageButtonWrap_FOXIh .prevPageButton_Om2yn,
.turnPageButtonWrap_FOXIh .nextPageButton_hJ1K3 {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.3);
background-color: rgba(0, 0, 0, 0.3);
pointer-events: all;
}
.turnPageButtonWrap_FOXIh .prevPageButton_Om2yn.hide_xKw3b,
.turnPageButtonWrap_FOXIh .nextPageButton_hJ1K3.hide_xKw3b {
visibility: hidden;
pointer-events: none;
}
.turnPageButtonWrap_FOXIh .prevPageButton_Om2yn .icon_SGRX9,
.turnPageButtonWrap_FOXIh .nextPageButton_hJ1K3 .icon_SGRX9 {
width: 20px;
height: 20px;
color: #fff;
}
.turnPageButtonWrap_FOXIh .prevPageButton_Om2yn .leftIcon_ICexq,
.turnPageButtonWrap_FOXIh .nextPageButton_hJ1K3 .leftIcon_ICexq {
transform: rotate(180deg);
}
.backToPresentationWrap_3snK2 {
width: -moz-max-content;
width: max-content;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: #2e73e5;
pointer-events: all;
cursor: pointer;
}
.backToPresentationWrap_3snK2 .icon_q2LbP {
color: #fff;
}
.backToPresentationWrap_3snK2 .content_5XyNR {
color: #fff;
font-weight: 400;
}
.backToPresentationWrap_3snK2.sizeLarge_-XaY- {
height: 48px;
padding: 0px 20px;
gap: 8px;
border-radius: 24px;
}
.backToPresentationWrap_3snK2.sizeLarge_-XaY- .icon_q2LbP {
width: 23px;
height: 20px;
}
.backToPresentationWrap_3snK2.sizeLarge_-XaY- .content_5XyNR {
font-size: 16px;
line-height: 28px;
}
.backToPresentationWrap_3snK2.sizeNormal_D9YYN {
height: 34px;
padding: 0px 12px;
gap: 4px;
border-radius: 17px;
}
.backToPresentationWrap_3snK2.sizeNormal_D9YYN .icon_q2LbP {
width: 16px;
height: 14px;
}
.backToPresentationWrap_3snK2.sizeNormal_D9YYN .content_5XyNR {
font-size: 12px;
line-height: 22px;
}
.presentationPreviewWrap_jMDRP {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
pointer-events: all;
}
.presentationPreviewWrap_jMDRP .listWrap_srolO {
width: 100%;
height: 78px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
overflow: hidden;
background-color: rgba(48, 52, 69, 0.6);
}
.presentationPreviewWrap_jMDRP .listWrap_srolO .list_AImIF {
width: 100%;
padding: 0 6px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
overflow-x: auto;
}
.presentationPreviewWrap_jMDRP .listWrap_srolO .list_AImIF::-webkit-scrollbar {
display: none;
}
.previewItemWrap_S49Rj {
display: flex;
flex-shrink: 0;
box-sizing: content-box;
background-color: #fff;
background-clip: padding-box;
border: 2px solid transparent;
border-radius: 6px;
overflow: hidden;
position: relative;
}
.previewItemWrap_S49Rj.horizontal_AvWZv {
width: 110px;
height: 62px;
}
.previewItemWrap_S49Rj.vertical_ELV8e {
width: 58px;
height: 62px;
}
.previewItemWrap_S49Rj.selected_RGMyi {
border-color: #2e73e5;
}
.previewItemWrap_S49Rj.selected_RGMyi .index_QkieF {
background-color: #2e73e5;
}
.previewItemWrap_S49Rj .previewContent_fCcq4 {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.previewItemWrap_S49Rj .previewContent_fCcq4.hide_1J5LR {
display: none;
}
@keyframes loading_F4Rv3 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.previewItemWrap_S49Rj .loading_F4Rv3 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
}
.previewItemWrap_S49Rj .loading_F4Rv3 > svg {
margin: auto;
width: 32px;
height: 32px;
animation: loading_F4Rv3 1s linear infinite forwards;
}
.previewItemWrap_S49Rj .index_QkieF {
min-width: 24px;
height: 18px;
padding: 0 4px;
color: #fff;
text-align: center;
font-size: 12px;
font-weight: 400;
line-height: 18px;
background-color: rgba(0, 0, 0, 0.45);
border-top-left-radius: 4px;
position: absolute;
right: 0;
bottom: 0;
}
.firstTimeGestureHintWrap_8viR- {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.88);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 80px;
}
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .leftContent_a1O5a,
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .rightContent_hKGEb {
width: 200px;
height: 200px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .leftContent_a1O5a .tip_Jnjjj,
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .rightContent_hKGEb .tip_Jnjjj {
width: 100%;
text-align: center;
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 28px;
word-break: break-word;
}
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .leftContent_a1O5a .icon_aJZob,
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .rightContent_hKGEb .icon_aJZob {
width: 120px;
height: 120px;
}
.firstTimeGestureHintWrap_8viR- .contentWrap_Blh5p .divider_n8w2g {
width: 1px;
height: 90px;
background-color: rgba(255, 255, 255, 0.45);
}
.firstTimeGestureHintWrap_8viR- .confirmButton_ExIlO {
display: flex;
width: 100px;
height: 40px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 4px;
border: 1px solid #91939C;
color: #FFF;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
cursor: pointer;
position: absolute;
bottom: 100px;
left: 50%;
transform: translateX(-50%);
pointer-events: auto;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p {
gap: 180px;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .leftContent_a1O5a,
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .rightContent_hKGEb {
width: 400px;
height: 400px;
gap: 20px;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .leftContent_a1O5a .tip_Jnjjj,
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .rightContent_hKGEb .tip_Jnjjj {
font-size: 40px;
line-height: 48px;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .leftContent_a1O5a .icon_aJZob,
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .rightContent_hKGEb .icon_aJZob {
width: 240px;
height: 240px;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .contentWrap_Blh5p .divider_n8w2g {
height: 180px;
}
.firstTimeGestureHintWrap_8viR-.bigScreenMode_qTICs .confirmButton_ExIlO {
width: 200px;
height: 80px;
border-radius: 8px;
border-width: 2px;
font-size: 28px;
line-height: 48px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI {
background-color: rgba(0, 0, 0, 0.8);
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p {
gap: 16px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .leftContent_a1O5a,
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .rightContent_hKGEb {
width: 148px;
height: 148px;
gap: 8px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .leftContent_a1O5a .tip_Jnjjj,
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .rightContent_hKGEb .tip_Jnjjj {
font-size: 14px;
line-height: 22px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .leftContent_a1O5a .icon_aJZob,
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .rightContent_hKGEb .icon_aJZob {
width: 88px;
height: 88px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .contentWrap_Blh5p .divider_n8w2g {
height: 66px;
}
.firstTimeGestureHintWrap_8viR-.phoneMode_OJiJI .confirmButton_ExIlO {
width: 100px;
height: 40px;
border-radius: 4px;
border-width: 1px;
font-size: 14px;
line-height: 24px;
bottom: 60px;
}
.do-hovers .confirmButton_ExIlO:hover {
border-color: #5798F2;
color: #5798F2;
}
.laserToolButton_UnvI4 {
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
border: 4px solid #fff;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
pointer-events: auto;
}
.laserToolButton_UnvI4.active_JsQMC {
background-color: #eaf1fc;
}
.laserToolButton_UnvI4.active_JsQMC .icon_RR7Oc {
color: #2e73e5;
}
.laserToolButton_UnvI4 .icon_RR7Oc {
width: 20px;
height: 20px;
}
.waitingForControlleeTipWrap_-DAUp {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.45);
z-index: 1000;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.waitingForControlleeTipWrap_-DAUp .tipContent_gQhKh {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
max-width: 200px;
padding: 13px 20px;
color: #fff;
font-size: 14px;
font-weight: 400;
text-align: center;
line-height: 22px;
border-radius: 4px;
background-color: #000;
word-break: break-word;
}
.connectSuccessModal_FeTOu {
z-index: 1001;
}
.remoteControlAlertBox_uCSQ8 {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 4px solid #9069ff;
pointer-events: none;
}
.agentflowRightTopBar_ak-CQ {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 6px 8px 6px 10px;
height: 48px;
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
width: -moz-fit-content;
width: fit-content;
}
.apiConfigSection_OIo21 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
padding: 0px 6px;
height: 36px;
border-radius: 2px;
color: #0C1024;
cursor: pointer;
}
.apiConfigSection_OIo21.open_JkbzQ {
background: #EAF1FC;
color: #2E73E5;
}
.apiIcon_Vg5La {
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
}
.apiConfigText_9QI1O {
font-weight: 400;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
}
.publishButton_G-sbC {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 5px 12px;
border-radius: 4px;
background: #ABC7F5;
color: #ffffff;
}
.publishButton_G-sbC.canPublish_L3hx0 {
background: #2E73E5;
cursor: pointer;
}
.publishButton_G-sbC.publishing_eAVbV {
cursor: inherit !important;
}
.publishButton_G-sbC.publishing_eAVbV .publishIcon_Q7ZnV {
animation: loading_-YsTz 1s linear infinite;
}
.publishIcon_Q7ZnV {
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
}
.publishText_lkke7 {
font-weight: 500;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
}
@keyframes loading_-YsTz {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.upload_GkFeM {
flex: 1;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.upload_GkFeM .previewBox_p0Hwa {
flex: 1;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
overflow-y: auto;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 {
margin-bottom: 10px;
margin-right: 10px;
border-radius: 4px;
display: flex;
flex-direction: column;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj {
flex: 1;
background-color: #f5f6f6;
position: relative;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .status_5xJyn {
position: absolute;
bottom: 0;
width: 100%;
color: white;
font-size: 12px;
height: 20px;
text-align: center;
border-radius: 0 0 4px 4px;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .status_5xJyn.success_eNlEH {
background-color: #67c23a;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .status_5xJyn.fail_LieTS {
background-color: #fe5250;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .status_5xJyn.loading_5NAAH {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(245, 246, 246, 0.5);
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .close_x65n1 {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
color: white;
border-radius: 0 4px 0 4px;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .preview_N4tGj .close_x65n1 .closeIcon_o-C3P {
font-size: 14px;
}
.upload_GkFeM .previewBox_p0Hwa .box_item_T1gA1 .name_xgTwD {
font-size: 14px;
height: 24px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.upload_GkFeM .previewBox_p0Hwa .insertItem_i5qMu {
background-color: #f5f6f6;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.upload_GkFeM .previewBox_p0Hwa .insertItem_i5qMu::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 2px;
height: 25%;
background-color: #0c1024;
}
.upload_GkFeM .previewBox_p0Hwa .insertItem_i5qMu::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 25%;
height: 2px;
background-color: #0c1024;
}
.upload_GkFeM .uploadBtn_bnoJM {
height: 44px;
}
.errorRoot_SiOyu {
width: 100%;
min-height: calc(30vh + 98px);
padding-top: 30vh;
display: flex;
flex-direction: column;
align-items: center;
}
.errorRoot_SiOyu > svg {
width: 48px;
height: 48px;
}
.errorRoot_SiOyu > h1 {
margin-top: 24px;
line-height: 26px;
font-size: 18px;
color: var(--text-main-color);
}
.progressCon_V92S8 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px;
}
.progressCon_V92S8 canvas {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.border_26B6y {
position: absolute;
background: #5c6474;
display: flex;
}
.mirror_zwm1a video,
.mirror_zwm1a canvas {
transform: rotateY(180deg);
}
.root_UW3UV {
width: 40px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
.root_UW3UV svg {
width: 22px;
height: 22px;
cursor: pointer;
}
.root_UW3UV.active_JfCs8 {
color: #2e73e5;
}
.root_UW3UV:hover {
color: #2e73e5;
}
.root_UW3UV.phoneMode_FMIb- {
width: 44px;
height: 44px;
}
.gdIcon_KSkAw {
width: 24px;
height: 24px;
}
.createContainer_6-l0q {
position: relative;
height: 100%;
overflow: auto;
}
.createContainer_6-l0q .head_wel5H {
height: 64px;
padding: 17px 24px;
display: flex;
justify-content: space-between;
}
.createContainer_6-l0q .head_wel5H > span {
font-size: 20px;
}
.createContainer_6-l0q .head_wel5H .iconBtn_eaokr {
cursor: pointer;
}
.createContainer_6-l0q .head_wel5H .iconBtn_eaokr:hover {
color: #2e73e5;
}
.createContainer_6-l0q .body_BUKcJ {
padding: 12px 24px;
display: flex;
height: calc(100% - 56px);
flex-direction: column;
overflow: auto;
}
.createContainer_6-l0q .body_BUKcJ::-webkit-scrollbar {
width: 4px;
}
.createContainer_6-l0q .body_BUKcJ::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.createContainer_6-l0q .body_BUKcJ::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #c2c3c8;
}
.createContainer_6-l0q .body_BUKcJ .geshuContainer_cetNm {
margin-bottom: 48px;
}
.createContainer_6-l0q .body_BUKcJ .geshuContainer_cetNm > div:first-child {
font-size: 16px;
margin-bottom: 12px;
}
.createContainer_6-l0q .body_BUKcJ .geshuContainer_cetNm > svg {
width: 22px;
height: 22px;
position: relative;
top: 7px;
cursor: pointer;
}
.createContainer_6-l0q .body_BUKcJ .geshuContainer_cetNm input {
width: 60px;
height: 36px;
border-radius: 4px;
border: 1px solid #e6e7e9;
margin-left: 16px;
margin-right: 16px;
text-align: center;
}
.createContainer_6-l0q .body_BUKcJ .geshuContainer_cetNm input:focus {
border: 1px solid #2e73e5;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE {
margin-bottom: 48px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE > div:first-child {
font-size: 16px;
margin-bottom: 4px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE > div:nth-child(2) {
color: #91939c;
font-size: 14px;
margin-bottom: 12px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD {
width: 292px;
height: 64px;
position: relative;
padding-left: 16px;
padding-right: 16px;
line-height: 64px;
font-size: 14px;
text-decoration: underline;
border-radius: 4px;
border: 1px solid #e6e7e9;
cursor: pointer;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD:hover {
border: 1px solid #2e73e5;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD > span {
width: 216px;
height: 64px;
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD .lianjie_mIy6- {
width: 16px;
height: 16px;
margin-right: 4px;
position: relative;
top: -25px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD .iconBox_m7iit {
position: absolute;
right: 16px;
top: 20px;
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
border-radius: 2px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD .iconBox_m7iit .guanbi_36jIP {
width: 14px;
height: 14px;
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD .iconBox_m7iit:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.createContainer_6-l0q .body_BUKcJ .contentContainer_PN2TE .choose_0yBVD .nameTip_8TrF3 {
color: #2e73e5;
text-decoration: underline;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH {
margin-bottom: 12px;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH > div:first-child {
font-size: 16px;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH .row_2rd7p {
margin-top: 8px;
font-size: 14px;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH .row_2rd7p label {
cursor: pointer;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH .row_2rd7p input {
position: relative;
top: 1px;
margin-right: 8px;
cursor: pointer;
accent-color: #0168ff;
}
.createContainer_6-l0q .body_BUKcJ .memberContainer_spnZH .modedesc_0HMrZ {
width: 292px;
line-height: 22px;
color: #91939c;
font-size: 12px;
padding-left: 25px;
word-break: break-word;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV {
border-top: 1px solid #e6e7e9;
padding: 12px 0px;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .presetTitle_ut86Q {
font-size: 14px;
line-height: 22px;
color: #0c1024;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .presetSubTitle_NqKmm {
font-size: 12px;
line-height: 20px;
color: #91939c;
margin-bottom: 6px;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- {
border-radius: 2px;
background-color: #f5f6f6;
padding: 12px 0px;
display: flex;
flex-direction: column;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .noGroup_vU21Y {
color: #424454;
font-size: 12px;
line-height: 20px;
text-align: center;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU {
position: relative;
display: flex;
align-items: center;
padding: 0px 12px;
cursor: pointer;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU input {
cursor: pointer;
margin: 0;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU label {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
cursor: pointer;
flex: 1;
color: #0c1024;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU:hover,
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU.active_JfCs8 {
background-color: rgba(0, 0, 0, 0.06);
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU:hover .deleteStreak_pzms7,
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU.active_JfCs8 .deleteStreak_pzms7 {
display: flex;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU .deleteStreak_pzms7 {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: none;
justify-content: center;
align-items: center;
padding: 0 3px;
background-color: #e6e7e9;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU .deleteStreak_pzms7 .deleteBox_KXPm7 {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
border-radius: 2px;
cursor: pointer;
position: relative;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .presetGroupRow_7BWXU .deleteStreak_pzms7:hover .deleteBox_KXPm7 {
background-color: rgba(0, 0, 0, 0.06);
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp {
width: 205px;
height: 104px;
border-radius: 2px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
position: absolute;
right: -15px;
bottom: calc(100% + 15px);
z-index: 1;
padding: 14px;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp svg {
width: 18px;
height: 18px;
color: #fe5250;
margin-right: 5px;
position: relative;
top: 4px;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .action_mEJKM {
margin-top: 24px;
text-align: right;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .action_mEJKM div {
display: inline-block;
width: 50px;
line-height: 26px;
text-align: center;
border-radius: 4px;
border: 1px solid #e6e7e9;
cursor: pointer;
margin-left: 8px;
font-size: 12px;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .action_mEJKM .cancelBtn_-jAwc:hover {
color: #5798f2;
border-color: #5798f2;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .action_mEJKM .deleteBtn_j-NSt {
background-color: #fe5250;
color: #fff;
border: none;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .action_mEJKM .deleteBtn_j-NSt:hover {
background-color: #ff7f78;
}
.createContainer_6-l0q .body_BUKcJ .presetGroupContainer_J-cyV .groupList_-Z04- .deletePop_CNcCp .triangle_2yjXr {
position: absolute;
bottom: -10px;
right: 18px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid white;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}
.createContainer_6-l0q .createBtnBox_DASe5 {
justify-content: flex-end;
align-items: center;
height: 44px;
margin-bottom: 12px;
display: flex;
flex-direction: column;
}
.createContainer_6-l0q .createBtnBox_DASe5 .createBtn_ZF3dr {
position: static;
width: 292px;
height: 44px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
text-align: center;
line-height: 44px;
cursor: pointer;
}
.createContainer_6-l0q .createBtnBox_DASe5 .createBtn_ZF3dr:hover {
background-color: #5798f2;
}
.createContainer_6-l0q .createBtnBox_DASe5 .createBtn_ZF3dr.diabled_xl6H- {
opacity: 0.5;
cursor: no-drop;
background-color: #2e73e5;
}
.scrollBar_gJ20z::-webkit-scrollbar {
width: 4px;
}
.scrollBar_gJ20z::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.scrollBar_gJ20z::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #c2c3c8;
}
.listContainer_ke16U {
height: calc(100% - 60px);
padding-left: 24px;
padding-right: 20px;
display: flex;
flex-direction: column;
}
.listContainer_ke16U .bukelikai_TuGZu {
margin-bottom: 13px;
}
.listContainer_ke16U .bukelikai_TuGZu > svg {
width: 18px;
height: 18px;
color: #ffa519;
margin-right: 4px;
position: relative;
top: 3px;
}
.listContainer_ke16U .bukelikai_TuGZu > span {
color: #91939c;
font-size: 14px;
}
.listContainer_ke16U .shuomin_joY9i {
color: #91939c;
font-size: 14px;
margin-bottom: 10px;
word-break: break-word;
}
.listContainer_ke16U .opBar_vFm2a {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.listContainer_ke16U .opBar_vFm2a .countBox_BF7yI {
font-size: 16px;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
margin-right: 4px;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2:hover,
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2.active_JfCs8 {
background-color: rgba(0, 0, 0, 0.06);
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2.disable_sixSj {
pointer-events: none;
opacity: 0.6;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .gengduoDropdown_tyOAW {
position: absolute;
top: calc(100% + 5px);
right: -4px;
padding: 8px 0px;
background-color: #fff;
border-radius: 4px;
white-space: nowrap;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
z-index: 1;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .gengduoDropdown_tyOAW .bar_pR1w0 {
padding: 9px 16px;
cursor: pointer;
font-size: 14px;
line-height: 22px;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .gengduoDropdown_tyOAW .bar_pR1w0:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn {
position: absolute;
bottom: 35px;
right: -15px;
padding: 10px 12px;
border-radius: 4px;
display: flex;
gap: 8px;
align-items: center;
background-color: #000;
white-space: nowrap;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn .text_1VwMO {
color: #fff;
font-size: 14px;
line-height: 22px;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn .verticalLine_1g3-L {
width: 1px;
height: 12px;
background-color: rgba(255, 255, 255, 0.45);
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn .closeBox_PuYw3 {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn .closeBox_PuYw3 > svg {
color: rgba(255, 255, 255, 0.65);
}
.listContainer_ke16U .opBar_vFm2a .gengduoBox_j2VN2 .presetTipContainer_nXHSn .triangle_2yjXr {
position: absolute;
bottom: -8px;
right: 18px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}
.listContainer_ke16U .opBar_vFm2a .rechooseBox_KIv18 {
padding: 4px 8px;
border-radius: 2px;
font-size: 14px;
color: #2e73e5;
cursor: pointer;
}
.listContainer_ke16U .opBar_vFm2a .rechooseBox_KIv18.disable_sixSj {
pointer-events: none;
opacity: 0.6;
}
.listContainer_ke16U .groupArea_74C1g {
margin-bottom: 24px;
overflow: auto;
display: flex;
flex-direction: column;
flex: 1 1 0%;
}
.listContainer_ke16U .groupArea_74C1g::-webkit-scrollbar {
width: 4px;
}
.listContainer_ke16U .groupArea_74C1g::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.listContainer_ke16U .groupArea_74C1g::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #c2c3c8;
}
.listContainer_ke16U .groupArea_74C1g.notManager_-b3j6 {
height: 100%;
}
.listContainer_ke16U .plusRow_6--ay {
text-align: center;
}
.listContainer_ke16U .plusRow_6--ay > svg {
width: 32px;
height: 32px;
cursor: pointer;
}
.listContainer_ke16U .actionRow_Yb0zB {
margin-bottom: 24px;
}
.listContainer_ke16U .actionRow_Yb0zB > div {
display: inline-block;
}
.listContainer_ke16U .actionRow_Yb0zB .btn_Kb3K9 {
width: 140px;
height: 36px;
border-radius: 4px;
text-align: center;
line-height: 36px;
display: inline-block;
font-size: 14px;
cursor: pointer;
}
.listContainer_ke16U .actionRow_Yb0zB .jiesan_XC-ks {
color: #fe5250;
border: 1px solid #fe5250;
margin-right: 12px;
}
.listContainer_ke16U .actionRow_Yb0zB .jiesan_XC-ks:hover {
opacity: 0.8;
}
.listContainer_ke16U .actionRow_Yb0zB .kaishi_ftmD1 {
background-color: #2e73e5;
color: #fff;
}
.listContainer_ke16U .actionRow_Yb0zB .kaishi_ftmD1:hover {
background-color: #5798f2;
}
.listContainer_ke16U .actionRow_Yb0zB .kaishi_ftmD1.disabled_aSO1i {
opacity: 0.5;
cursor: not-allowed;
}
.listContainer_ke16U .actionRow_Yb0zB .kaishi_ftmD1.disabled_aSO1i:hover {
background-color: #2e73e5;
}
.savePresetModal_-oZGr {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 12px;
padding: 24px 40px;
width: 520px;
}
.savePresetModal_-oZGr .headerBar_Wf-aF {
font-size: 20px;
line-height: 28px;
font-weight: 600;
margin-bottom: 24px;
}
.savePresetModal_-oZGr .descBar_ZAg8y {
font-size: 14px;
line-height: 22px;
color: #424454;
margin-bottom: 8px;
}
.savePresetModal_-oZGr .inputRow_oEK1W {
position: relative;
}
.savePresetModal_-oZGr .inputRow_oEK1W .inputBar_8dfGU {
padding: 11px 12px;
padding-right: 30px;
border-radius: 4px;
border: 1px solid #e6e7e9;
margin-bottom: 24px;
width: 100%;
}
.savePresetModal_-oZGr .inputRow_oEK1W .inputBar_8dfGU:hover,
.savePresetModal_-oZGr .inputRow_oEK1W .inputBar_8dfGU:focus {
border: 1px solid #2e73e5;
}
.savePresetModal_-oZGr .inputRow_oEK1W .clearInput_H8uDD {
position: absolute;
right: 4px;
top: 8px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 4px;
border-radius: 2px;
}
.savePresetModal_-oZGr .inputRow_oEK1W .clearInput_H8uDD svg {
color: #c2c3c8;
}
.savePresetModal_-oZGr .inputRow_oEK1W .clearInput_H8uDD:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.savePresetModal_-oZGr .actionBar_VOmQi {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.savePresetModal_-oZGr .actionBar_VOmQi .cancelBtn_-jAwc {
min-width: 72px;
padding: 8px 16px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid #dbdbde;
cursor: pointer;
}
.savePresetModal_-oZGr .actionBar_VOmQi .cancelBtn_-jAwc:hover {
border-color: #5798f2;
color: #5798f2;
}
.savePresetModal_-oZGr .actionBar_VOmQi .saveBtn_kOEH7 {
min-width: 72px;
padding: 8px 16px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
cursor: pointer;
}
.savePresetModal_-oZGr .actionBar_VOmQi .saveBtn_kOEH7:hover {
background-color: #5798f2;
}
.savePresetModal_-oZGr .actionBar_VOmQi .saveBtn_kOEH7.disabled_aSO1i {
pointer-events: none;
background-color: #ABC7F5;
}
.savePresetModal_-oZGr .closeBox_PuYw3 {
position: absolute;
right: 12px;
top: 12px;
border-radius: 2px;
padding: 12px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.savePresetModal_-oZGr .closeBox_PuYw3:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.savePresetModal_-oZGr.hide_J6axZ {
visibility: hidden;
}
.replaceConfirmModal_IrHp1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 12px;
padding: 24px;
display: flex;
align-items: flex-start;
gap: 12px;
}
.replaceConfirmModal_IrHp1 .jingshiIconBox_VSsYy {
display: flex;
justify-content: center;
align-items: center;
}
.replaceConfirmModal_IrHp1 .jingshiIconBox_VSsYy > svg {
color: #ffa519;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .headerBar_Wf-aF {
font-size: 20px;
line-height: 28px;
font-weight: 600;
margin-bottom: 8px;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .descBar_ZAg8y {
font-size: 14px;
line-height: 22px;
color: #424454;
margin-bottom: 24px;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi .cancelBtn_-jAwc {
min-width: 72px;
padding: 8px 16px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid #dbdbde;
cursor: pointer;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi .cancelBtn_-jAwc:hover {
border-color: #5798f2;
color: #5798f2;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi .saveBtn_kOEH7 {
min-width: 72px;
padding: 8px 16px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
cursor: pointer;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi .saveBtn_kOEH7:hover {
background-color: #5798f2;
}
.replaceConfirmModal_IrHp1 .contentBox_F3z-R .actionBar_VOmQi .saveBtn_kOEH7.disabled_aSO1i {
pointer-events: none;
background-color: #ABC7F5;
}
.groupContainer_pRsHa {
width: 292px;
height: 120px;
border-radius: 8px;
background-color: #fff;
border: 1px solid #dbdbde;
padding: 12px 16px;
margin-bottom: 8px;
}
.groupContainer_pRsHa.noSelected_-RaBe {
background-color: #fff;
border: 1px solid #dbdbde;
}
.groupContainer_pRsHa.selected_Al0yv {
border: 1px solid #2e73e5 !important;
}
.groupContainer_pRsHa.selected_Al0yv {
background-color: #eaf1fc;
}
.groupContainer_pRsHa .name_rU2b8 {
font-size: 14px;
margin-bottom: 4px;
position: relative;
}
.groupContainer_pRsHa .name_rU2b8 .text_1VwMO {
display: inline-block;
border: none;
background-color: transparent;
background-color: initial;
width: 168px;
height: 26px;
border-radius: 4px;
padding: 2px 26px 2px 4px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 {
position: absolute;
right: 2px;
top: 0px;
display: flex;
gap: 4px;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .iconBox_m7iit {
padding: 5px;
border-radius: 2px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp {
width: 205px;
height: 104px;
border-radius: 2px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
position: absolute;
right: 0;
top: calc(100% + 4px);
z-index: 1;
padding: 14px;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp svg {
width: 18px;
height: 18px;
color: #fe5250;
margin-right: 5px;
position: relative;
top: 4px;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp .action_mEJKM {
margin-top: 24px;
text-align: right;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp .action_mEJKM div {
display: inline-block;
width: 50px;
line-height: 26px;
text-align: center;
border-radius: 4px;
border: 1px solid #e6e7e9;
cursor: pointer;
margin-left: 8px;
font-size: 12px;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp .action_mEJKM div:hover {
opacity: 0.7;
}
.groupContainer_pRsHa .name_rU2b8 .buttonBlock_rTdB2 .deletePop_CNcCp .action_mEJKM > div:last-child {
background-color: #fe5250;
color: #fff;
border: none;
}
.groupContainer_pRsHa .name_rU2b8 .clearInput_H8uDD {
position: absolute;
right: 98px;
top: 7px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #c2c3c8;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.groupContainer_pRsHa .name_rU2b8 .clearInput_H8uDD svg {
color: white;
width: 10px;
height: 10px;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI {
position: absolute;
right: 0;
top: 0px;
padding: 5px 12px;
font-size: 12px;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.leave_r8O0R {
border: 1px solid #2e73e5;
color: #2e73e5;
background-color: #fff;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.leave_r8O0R:hover {
opacity: 0.7;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.join_KCKnk {
border: 1px solid #e6e7e9;
background-color: #fff;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.join_KCKnk:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.lianmai_2oeJ4 {
background-color: #2e73e5;
color: #fff;
border: 1px solid #2e73e5;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.lianmai_2oeJ4:hover {
opacity: 0.7;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.disable_sixSj {
pointer-events: none;
display: flex;
top: 1px;
padding-left: 14px;
padding-right: 14px;
}
.groupContainer_pRsHa .name_rU2b8 .freeAction_Tb3GI.disable_sixSj > svg {
font-size: 16px;
}
.groupContainer_pRsHa .name_rU2b8 .oncalltip_2INch {
color: #2e73e5;
font-size: 12px;
position: absolute;
right: 0;
top: 3px;
}
.groupContainer_pRsHa .content_XQo1i {
font-size: 14px;
height: 30px;
margin-bottom: 8px;
padding-left: 4px;
display: flex;
align-items: center;
}
.groupContainer_pRsHa .content_XQo1i .frameName_dn6BN {
max-width: 200px;
height: 21px;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-right: 8px;
}
.groupContainer_pRsHa .content_XQo1i .lianjie_mIy6- {
width: 16px;
height: 16px;
margin-right: 4px;
}
.groupContainer_pRsHa .content_XQo1i .iconBox_m7iit {
padding: 4px;
border-radius: 2px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.groupContainer_pRsHa .content_XQo1i .iconBox_m7iit .guanbi_36jIP {
color: #91939c;
}
.groupContainer_pRsHa .content_XQo1i .iconBox_m7iit:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.groupContainer_pRsHa .content_XQo1i .noContent_VHpB9 {
color: #2e73e5;
font-size: 14px;
cursor: pointer;
line-height: 22px;
max-width: 150px;
padding: 4px 8px;
border-radius: 2px;
margin-left: -8px;
}
.groupContainer_pRsHa .content_XQo1i .noContent_VHpB9.notManager_-b3j6 {
color: #abc7f5;
cursor: auto;
}
.groupContainer_pRsHa .users_53yLS {
position: relative;
padding-left: 4px;
}
.groupContainer_pRsHa .users_53yLS .members_YTQr7 {
width: 168px;
}
.groupContainer_pRsHa .users_53yLS .members_YTQr7 .member_lRaVU {
display: inline-block;
position: relative;
width: 28px;
height: 28px;
cursor: pointer;
}
.groupContainer_pRsHa .users_53yLS .members_YTQr7 .member_lRaVU .moreCircle_oiHYW {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
background-color: #ececee;
border-radius: 28px;
line-height: 28px;
text-align: center;
font-size: 13px;
border: 1px solid #ececee;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0 {
width: 240px;
max-height: 256px;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 8px 16px;
position: absolute;
z-index: 1;
overflow: auto;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0::-webkit-scrollbar {
width: 4px;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #c2c3c8;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0 .row_2rd7p {
display: flex;
padding: 8px 0;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0 .row_2rd7p > div {
margin-right: 12px;
}
.groupContainer_pRsHa .users_53yLS .userList_XQYb0 .row_2rd7p > span {
flex: 1;
align-self: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.groupContainer_pRsHa .users_53yLS .addUser_MAzg3 {
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: 0px;
cursor: pointer;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 {
width: 280px;
max-height: 400px;
padding: 18px 15px 0px 15px;
border-radius: 4px;
background-color: #fff;
position: absolute;
z-index: 1;
right: -10px;
top: 36px;
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.2);
overflow: auto;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9::-webkit-scrollbar {
width: 4px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #c2c3c8;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .tabBar_1PgB1 {
display: flex;
width: 246px;
background-color: #ececee;
border-radius: 2px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .tabBar_1PgB1 > div {
flex: 1;
border-radius: 2px;
height: 36px;
font-size: 14px;
line-height: 32px;
color: #0c1024;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET {
margin-top: 10px;
position: relative;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET > svg {
position: absolute;
top: 7px;
left: 12px;
color: #979797;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET input {
width: 248px;
height: 36px;
border: 1px solid #dbdbde;
border-radius: 4px;
padding-left: 40px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET input::-moz-placeholder {
color: #c2c3c8;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET input::placeholder {
color: #c2c3c8;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET input:focus {
border: 1px solid #2e73e5;
box-shadow: 0px 0px 0px 2px rgba(46, 115, 229, 0.16);
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET .clearInput_H8uDD {
position: absolute;
right: 10px;
top: 12px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #c2c3c8;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .searchRow_AUsET .clearInput_H8uDD svg {
color: white;
width: 10px;
height: 10px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 {
padding: 14px 0px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .benzuRow_ORG7l {
height: 44px;
padding: 6px 0px;
position: relative;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .benzuRow_ORG7l .iconBox_m7iit {
padding: 6px;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: absolute;
right: 0;
top: 8px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .benzuRow_ORG7l .iconBox_m7iit:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .avatar_hOxCb {
display: inline-block;
border-radius: 50%;
margin-right: 12px;
position: relative;
bottom: 6px;
border-color: #fff;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .userName_KnUt5 {
display: inline-block;
vertical-align: 12px;
max-width: 160px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .subtitle_9hb5q {
color: #91939c;
font-size: 14px;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .otherRow_aAdCe {
padding-top: 10px;
position: relative;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .otherRow_aAdCe:hover {
color: #2e73e5;
}
.groupContainer_pRsHa .users_53yLS .addUserContainer_bpxh9 .list_zXoJ1 .noResult_2smjm {
font-size: 14px;
text-align: center;
margin: 10px;
}
.whiteBorder_kPOqx {
border-color: #fff !important;
border-width: 1px !important;
}
.whiteBorder_kPOqx {
width: 28px;
height: 28px;
}
.chooseTipContainer_Yhj5P {
height: 40px;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
padding: 8px 18px;
position: fixed;
bottom: 10px;
left: 50%;
transform: translate(-50%);
font-size: 14px;
z-index: 2;
pointer-events: auto;
display: flex;
gap: 16px;
justify-content: space-between;
align-items: center;
}
.chooseTipContainer_Yhj5P > div {
display: inline-block;
position: relative;
}
.chooseTipContainer_Yhj5P .divider_R-w19 {
width: 1px;
height: 20px;
background-color: #d8d8d8;
}
.chooseTipContainer_Yhj5P .tuichu_vFTQZ {
width: 60px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #e6e7e9;
text-align: center;
line-height: 26px;
cursor: pointer;
color: #fe5250;
border-color: #fe5250;
}
.chooseTipContainer_Yhj5P .tuichu_vFTQZ:hover {
opacity: 0.7;
}
.infoBar_gBUOC {
display: flex;
font-size: 14px;
align-items: center;
margin-bottom: 20px;
gap: 24px;
}
.infoBar_gBUOC .creatorBox_N3qGK {
display: flex;
align-items: center;
}
.infoBar_gBUOC .creatorBox_N3qGK .avatar_hOxCb {
width: 22px;
height: 22px;
border-radius: 22px;
margin-right: 4px;
}
.infoBar_gBUOC .creatorBox_N3qGK .nameBox_SHNXY {
max-width: 54px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.infoBar_gBUOC .timerContainer_XBBAm {
display: flex;
justify-content: center;
align-items: center;
color: #91939c;
}
.infoBar_gBUOC .timerContainer_XBBAm > svg {
width: 16px;
height: 16px;
margin-right: 4px;
position: relative;
}
.infoBar_gBUOC .timerContainer_XBBAm .daikaishi_tzpbk {
color: #0c1024;
}
.talkReminderToastContainer_Lo7o3 {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
gap: 16px;
}
.talkReminderToastContainer_Lo7o3 .msgBox_B2pqQ {
text-align: left;
word-break: break-word;
}
.talkReminderToastContainer_Lo7o3 .actionBox_1C3Ch {
display: inline-flex;
align-items: center;
gap: 8px;
}
.talkReminderToastContainer_Lo7o3 .actionBox_1C3Ch .ruhecaozuo_lHUvr {
white-space: nowrap;
}
.talkReminderToastContainer_Lo7o3 .actionBox_1C3Ch > svg {
width: 16px;
height: 16px;
color: #fff;
cursor: pointer;
}
.offline_ZVkeu {
opacity: 0.4;
}
.endTalk_-ZTj6 {
width: 292px;
height: 44px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #fe5250;
text-align: center;
color: #fe5250;
line-height: 44px;
font-size: 16px;
cursor: pointer;
margin-bottom: 24px;
}
.endTalk_-ZTj6:hover {
opacity: 0.8;
}
.modalBox_VZqEu {
width: 480px;
border-radius: 8px;
background-color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 24px;
}
.modalBox_VZqEu .contentRow_ttCnW {
margin-bottom: 54px;
}
.modalBox_VZqEu .contentRow_ttCnW > svg {
width: 28px;
height: 28px;
margin-right: 14px;
color: #ffa519;
position: relative;
top: 5px;
}
.modalBox_VZqEu .contentRow_ttCnW > span {
font-size: 20px;
font-weight: 600;
}
.modalBox_VZqEu .actionsRow_1DwW1 {
text-align: right;
}
.modalBox_VZqEu .actionsRow_1DwW1 > button {
width: 72px;
height: 40px;
border-radius: 4px;
margin-left: 12px;
cursor: pointer;
}
.modalBox_VZqEu .actionsRow_1DwW1 > button:hover {
opacity: 0.7;
}
.modalBox_VZqEu .actionsRow_1DwW1 > button:first-child {
background-color: #ffffff;
border: 1px solid #e6e7e9;
}
.modalBox_VZqEu .actionsRow_1DwW1 > button:last-child {
background-color: #fe5250;
border: none;
color: #fff;
}
.noPermisionContainer_cM-iv {
padding: 0 24px;
text-align: center;
margin-top: 190px;
}
.noPermisionContainer_cM-iv .imgBox_IKZJL > img {
width: 140px;
}
.noPermisionContainer_cM-iv .textBox_X0HR7 {
font-size: 14px;
}
.groupTalkIcon {
width: 24px !important;
height: 42px !important;
}
.do-hovers .rechooseBox_KIv18:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .noContent_VHpB9:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .iconBox_m7iit:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.toolbarBox_bx5Xw {
bottom: 8px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
padding-right: 12px;
pointer-events: auto;
}
.toolbarBox_bx5Xw .miniCtrlBox_19qJm {
padding: 2px;
border-right: 1px solid #e6e7e9;
display: flex;
align-items: center;
}
.toolbarBox_bx5Xw .miniCtrlBox_19qJm .miniIconBox_77ApB {
height: 40px;
cursor: pointer;
border-radius: 2px;
display: flex;
align-items: center;
}
.toolbarBox_bx5Xw .miniCtrlBox_19qJm .miniIconBox_77ApB > svg {
color: #616371;
}
.toolbarBox_bx5Xw .miniCtrlBox_19qJm .miniIconBox_77ApB:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.toolbarBox_bx5Xw .actionBar_VOmQi {
display: flex;
padding-left: 6px;
gap: 4px;
align-items: center;
white-space: nowrap;
}
.toolbarBox_bx5Xw .infoBox_sFLqR {
display: flex;
flex-direction: column;
padding: 5px 2px;
}
.toolbarBox_bx5Xw .infoBox_sFLqR .text_1VwMO {
color: #000;
margin-right: 4px;
margin-bottom: 4px;
font-size: 14px;
line-height: 14px;
}
.toolbarBox_bx5Xw .infoBox_sFLqR .timing_eeL1l {
color: #91939c;
font-size: 12px;
line-height: 12px;
}
.toolbarBox_bx5Xw .backtoframe_AoRW9 {
display: flex;
flex-direction: column;
align-items: center;
padding: 2px 4px 4px 4px;
border-radius: 2px;
cursor: pointer;
}
.toolbarBox_bx5Xw .backtoframe_AoRW9 > svg {
font-size: 20px;
}
.toolbarBox_bx5Xw .backtoframe_AoRW9 > span {
font-size: 10px;
margin-top: 2px;
color: #303445;
line-height: 12px;
}
.toolbarBox_bx5Xw .backtoframe_AoRW9:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.toolbarBox_bx5Xw .leaveBtn_r09On {
padding: 6px 8px;
display: flex;
justify-content: center;
border-radius: 4px;
border: 1px solid #fe5250;
color: #fe5250;
font-size: 12px;
line-height: 18px;
cursor: pointer;
margin-left: 6px;
}
.toolbarBox_bx5Xw .leaveBtn_r09On:hover {
opacity: 0.7;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v {
display: flex;
border-radius: 2px;
cursor: pointer;
margin-left: 8px;
padding: 2px 4px 4px 4px;
position: relative;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .iconBox_m7iit {
display: flex;
flex-direction: column;
align-items: center;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .iconBox_m7iit > svg {
font-size: 20px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .iconBox_m7iit > span {
font-size: 10px;
color: #303445;
line-height: 12px;
margin-top: 2px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- {
bottom: calc(100% + 6px);
width: 400px;
border-radius: 4px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding-top: 16px;
padding-bottom: 4px;
color: #0c1024;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 {
display: flex;
flex-direction: row;
height: 24px;
position: relative;
align-items: center;
justify-content: space-between;
margin: 0 16px;
margin-right: 8px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .actionBox_1C3Ch {
display: flex;
align-items: center;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .mainText_Oe0Ti {
font-size: 16px;
height: 24px;
line-height: 24px;
font-weight: 600;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .mainText_Oe0Ti .renshu_o6ZhA {
font-size: 14px;
color: #616371;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .closeBtnBox_Omzp5 {
display: flex;
padding: 6px;
border-radius: 2px;
cursor: pointer;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .closeBtnBox_Omzp5:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .panelRoot_cn5Xw .title_zm6j4 .closeIcon_TnzkP {
width: 20px;
height: 20px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .memberManageRoot_-DjLR {
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
overflow: hidden;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .memberManageRoot_-DjLR .header_ZwLL- {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
color: #0c1024;
margin-bottom: 12px;
padding: 0 16px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0 {
flex: 1;
background: #f5f6f6;
display: flex;
justify-content: center;
align-items: center;
height: 36px;
cursor: pointer;
border-radius: 2px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0 span {
text-align: center;
height: 22px;
line-height: 22px;
font-size: 14px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0.active_JfCs8 {
background: #2e73e5;
color: white;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 {
overflow: auto;
padding: 0 16px;
display: flex;
flex-direction: column;
height: 100%;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy {
display: flex;
justify-content: space-between;
align-items: center;
height: 40px;
margin: 4px 0;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW {
display: flex;
align-items: center;
gap: 8px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF {
display: flex;
flex-direction: column;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .nameBox_SHNXY {
max-width: 240px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .name_rU2b8 {
font-size: 15px;
line-height: 22px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .note_sdVt5 {
font-size: 13px;
line-height: 18px;
color: #91939c;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut {
display: flex;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit {
padding: 9px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit .icon_yLMaD {
cursor: pointer;
font-size: 18px;
position: relative;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit .icon_yLMaD.disabled_aSO1i {
pointer-events: none;
color: #c2c3c8;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .entityRow_LzSYy .onCall_dfOpx {
font-size: 14px;
color: #2e73e5;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .divider_R-w19 {
height: 30px;
line-height: 30px;
background-color: #f5f6f6;
font-size: 12px;
padding-left: 16px;
margin-left: -16px;
margin-right: -16px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .fullContainer_r6-2v {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8 .fullContainer_r6-2v > span {
color: #c2c3c8;
font-size: 14px;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v .subWin_HEa2- .listRoot_jVlS8::-webkit-scrollbar {
display: none;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v.active_JfCs8 {
background-color: #eaf1fc;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v.active_JfCs8 .iconBox_m7iit {
color: #2e73e5;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v.active_JfCs8 .iconBox_m7iit span {
color: #2e73e5;
}
.toolbarBox_bx5Xw .memberCtrlBox_SHI5v.active_JfCs8:hover {
background-color: #eaf1fc;
}
.toolbarBox_bx5Xw .onCallBox_8-YbX {
cursor: pointer;
padding: 2px 8px;
display: flex;
justify-content: center;
align-items: center;
background-color: #2e73e5;
border-radius: 4px;
color: #fff;
font-size: 12px;
line-height: 20px;
position: relative;
}
.toolbarBox_bx5Xw .onCallBox_8-YbX > svg {
width: 18px;
height: 16px;
}
.toolbarBox_bx5Xw .onCallBox_8-YbX:hover[\:not-has\(.lianmaiTipContainer\:hover\)] {
background-color: rgba(46, 115, 229, 0.7);
}
.toolbarBox_bx5Xw .onCallBox_8-YbX:hover:not(:has(.lianmaiTipContainer_aDBIL:hover)) {
background-color: rgba(46, 115, 229, 0.7);
}
.toolbarBox_bx5Xw.miniMode_TVtTi {
border: 1px solid #c7d2e4;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .miniCtrlBox_19qJm .miniIconBox_77ApB {
height: 28px;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .miniCtrlBox_19qJm .miniIconBox_77ApB > svg {
transform: rotate(180deg);
}
.toolbarBox_bx5Xw.miniMode_TVtTi .actionBar_VOmQi {
gap: 12px;
height: 32px;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .infoBox_sFLqR {
flex-direction: row;
align-items: center;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .infoBox_sFLqR .text_1VwMO {
margin-bottom: 0;
margin-bottom: initial;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .backtoframe_AoRW9 {
padding: 2px;
flex-direction: row;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .backtoframe_AoRW9 > svg {
margin-top: 0;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .memberCtrlBox_SHI5v {
margin-left: 0;
padding: 2px;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .memberCtrlBox_SHI5v .iconBox_m7iit > svg {
margin-top: 0;
}
.toolbarBox_bx5Xw.miniMode_TVtTi .leaveBtn_r09On {
padding: 2px 7px;
margin-left: -4px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 {
border: none;
padding: 0 6px;
gap: 8px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .actionBar_VOmQi {
gap: 8px;
padding-left: 0;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .infoBox_sFLqR {
margin-left: 0;
margin-left: initial;
padding: 6px;
gap: 4px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .infoBox_sFLqR .text_1VwMO {
margin-right: 0;
margin-right: initial;
line-height: 14px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .infoBox_sFLqR .timing_eeL1l {
line-height: 14px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .memberCtrlBox_SHI5v {
margin-left: 0 !important;
margin-left: initial !important;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .memberCtrlBox_SHI5v {
padding: 0;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .memberCtrlBox_SHI5v .iconBox_m7iit {
padding: 8px;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .memberCtrlBox_SHI5v .iconBox_m7iit > svg {
font-size: 28px;
margin-top: 0;
margin-top: initial;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .backtoframe_AoRW9 {
padding: 8px;
margin-left: 0;
margin-left: initial;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .backtoframe_AoRW9 > svg {
font-size: 28px;
margin-top: 0;
margin-top: initial;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .onCallBox_8-YbX {
padding: 9px 12px;
font-size: 14px;
margin-left: 0;
margin-left: initial;
border: 1px solid #2e73e5;
}
.toolbarBox_bx5Xw.bigScreenMode_SR5q1 .leaveBtn_r09On {
padding: 9px 12px;
margin-left: 0;
margin-left: initial;
font-size: 14px;
line-height: 20px;
}
.rtclistRoot_D7fb- {
pointer-events: auto;
}
.hide_J6axZ {
visibility: hidden;
}
.lianmaiTipContainer_aDBIL {
position: absolute;
bottom: 40px;
left: 50%;
transform: translate(-50%);
padding: 10px 12px;
border-radius: 4px;
display: flex;
gap: 8px;
align-items: center;
background-color: #000;
white-space: nowrap;
}
.lianmaiTipContainer_aDBIL.bigscreen_jc8cx {
bottom: 55px;
}
.lianmaiTipContainer_aDBIL .text_1VwMO {
color: #fff;
font-size: 14px;
line-height: 22px;
}
.lianmaiTipContainer_aDBIL .verticalLine_1g3-L {
width: 1px;
height: 12px;
background-color: rgba(255, 255, 255, 0.45);
}
.lianmaiTipContainer_aDBIL .closeBox_PuYw3 {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.lianmaiTipContainer_aDBIL .closeBox_PuYw3 > svg {
color: rgba(255, 255, 255, 0.65);
}
.lianmaiTipContainer_aDBIL .triangle_2yjXr {
position: absolute;
bottom: -8px;
left: 50%;
transform: translate(-50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}
.callModal_-3rX8 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 480px;
padding: 24px;
border-radius: 12px;
background-color: #fff;
}
.callModal_-3rX8 .titleRow_hahL5 {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.callModal_-3rX8 .titleRow_hahL5 > svg {
margin-right: 12px;
font-size: 28px;
color: #ffa519;
align-self: flex-start;
}
.callModal_-3rX8 .titleRow_hahL5 .title_zm6j4 {
font-size: 20px;
font-weight: 500;
}
.callModal_-3rX8 .subtitleRow_pi57H {
margin-bottom: 24px;
}
.callModal_-3rX8 .subtitleRow_pi57H > span {
color: #616371;
font-size: 14px;
margin-left: 40px;
}
.callModal_-3rX8 .actionRow_Yb0zB {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.callModal_-3rX8 .actionRow_Yb0zB > div {
border-radius: 4px;
padding: 8px 16px;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.callModal_-3rX8 .actionRow_Yb0zB .later_u2JyM {
border: 1px solid #dbdbde;
color: #0c1024;
}
.callModal_-3rX8 .actionRow_Yb0zB .enable_ETBPT {
background-color: #2e73e5;
color: #fff;
}
.enterModalBox_HcWYZ {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 24px;
border-radius: 12px;
background-color: #fff;
display: flex;
flex-direction: column;
width: 440px;
max-width: 90vw;
}
.enterModalBox_HcWYZ .titlebar_vHfLJ {
font-size: 20px;
font-weight: 500;
margin-bottom: 8px;
}
.enterModalBox_HcWYZ .subtitlebar_eWCae {
color: #616371;
font-size: 14px;
word-break: break-word;
margin-bottom: 24px;
}
.enterModalBox_HcWYZ .actionbar_oLKBp {
display: flex;
justify-content: flex-end;
}
.enterModalBox_HcWYZ .actionbar_oLKBp .okbtn_Gp3Gg {
padding: 8px 16px;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.enterModalBox_HcWYZ .actionbar_oLKBp .okbtn_Gp3Gg:hover {
opacity: 0.7;
}
.talkingToolbarHidden_Re61A {
visibility: hidden;
position: absolute;
z-index: 0;
bottom: -52px;
}
.moreCtrlRoot_aN9dz {
position: relative;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
border-radius: 2px;
cursor: pointer;
padding: 2px 4px 4px 4px;
min-width: 40px;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts > svg {
font-size: 20px;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts span {
line-height: 12px;
font-size: 10px;
margin-top: 2px;
color: #303445;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts.active_JfCs8 {
color: #2e73e5;
background-color: #eaf1fc;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts.active_JfCs8 span {
color: #2e73e5;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts.active_JfCs8:hover {
background-color: #eaf1fc;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts.miniMode_TVtTi {
min-width: 0;
min-width: initial;
padding: 2px;
}
.moreCtrlRoot_aN9dz .moreCtrlBox_KuRts.noLabelMode_Sq4JS {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j {
min-width: 168px;
width: -moz-max-content;
width: max-content;
bottom: calc(100% + 6px);
top: auto;
top: initial;
padding: 8px 0px;
position: absolute;
left: 50%;
transform: translate(-50%);
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .row_2rd7p {
display: flex;
gap: 8px;
padding: 8px 16px;
align-items: center;
cursor: pointer;
position: relative;
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .row_2rd7p .icon_yLMaD {
font-size: 24px;
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .row_2rd7p .text_1VwMO {
font-size: 14px;
color: #303445;
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .row_2rd7p:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .onCallBox_8-YbX,
.moreCtrlRoot_aN9dz .moreCtrlPanel_77r9j .leaveBtn_r09On {
margin: 8px 16px;
margin-bottom: 0px;
padding: 6px 8px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml {
width: 400px;
height: 520px;
bottom: calc(100% + 6px);
top: auto;
top: initial;
padding: 8px 0px;
position: absolute;
left: 50%;
transform: translate(-50%);
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding-top: 8px;
padding-bottom: 4px;
color: #0c1024;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 {
display: flex;
flex-direction: row;
height: 24px;
position: relative;
align-items: center;
justify-content: space-between;
margin: 0 16px;
margin-right: 8px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 .actionBox_1C3Ch {
display: flex;
align-items: center;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 .mainText_Oe0Ti {
font-size: 16px;
height: 24px;
line-height: 24px;
font-weight: 600;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 .closeBtnBox_Omzp5 {
display: flex;
padding: 6px;
border-radius: 2px;
cursor: pointer;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 .closeBtnBox_Omzp5:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .panelRoot_cn5Xw .title_zm6j4 .closeIcon_TnzkP {
width: 20px;
height: 20px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .memberManageRoot_-DjLR {
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
overflow: hidden;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .memberManageRoot_-DjLR .header_ZwLL- {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
color: #0c1024;
margin-bottom: 12px;
padding: 0 16px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0 {
flex: 1;
background: #f5f6f6;
display: flex;
justify-content: center;
align-items: center;
height: 36px;
cursor: pointer;
border-radius: 2px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0 span {
text-align: center;
height: 22px;
line-height: 22px;
font-size: 14px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .memberManageRoot_-DjLR .header_ZwLL- .tab_8WAU0.active_JfCs8 {
background: #2e73e5;
color: white;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 {
overflow: auto;
padding: 0 16px;
display: flex;
flex-direction: column;
height: 100%;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy {
display: flex;
justify-content: space-between;
align-items: center;
height: 40px;
margin: 4px 0;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW {
display: flex;
align-items: center;
gap: 8px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF {
display: flex;
flex-direction: column;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .nameBox_SHNXY {
max-width: 240px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .name_rU2b8 {
font-size: 15px;
line-height: 22px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .detailBox_GsNmW .textBlock_BZcoF .note_sdVt5 {
font-size: 13px;
line-height: 18px;
color: #91939c;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut {
display: flex;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit {
padding: 9px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit .icon_yLMaD {
cursor: pointer;
font-size: 18px;
position: relative;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy > .mediaBox_VmEut .iconBox_m7iit .icon_yLMaD.disabled_aSO1i {
pointer-events: none;
color: #c2c3c8;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .entityRow_LzSYy .onCall_dfOpx {
font-size: 14px;
color: #2e73e5;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .divider_R-w19 {
height: 30px;
line-height: 30px;
background-color: #f5f6f6;
font-size: 12px;
padding-left: 16px;
margin-left: -16px;
margin-right: -16px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .fullContainer_r6-2v {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8 .fullContainer_r6-2v > span {
color: #c2c3c8;
font-size: 14px;
}
.moreCtrlRoot_aN9dz .memberPanelBox_vH8ml .listRoot_jVlS8::-webkit-scrollbar {
display: none;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
.votingToolPanelContainer_gbMze {
width: 100%;
height: 100%;
overflow: hidden;
}
.cm_item_ZCY40 {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
cursor: pointer;
}
.cm_item_ZCY40.disabled_meV8J {
cursor: default;
color: var(--upime-disable);
pointer-events: none;
}
.cm_item_ZCY40.autoWidth_GgXfN {
width: auto;
min-width: 40px;
}
.icon_box_Vb2Q6 {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
}
.icon_box_Vb2Q6.active_5w4wt {
color: var(--upime-active);
}
.bling_item_5EyrO {
opacity: 0.8;
}
.hidden_CTw0v {
visibility: hidden !important;
}
.hidden_all_0Yhyp {
visibility: hidden !important;
}
.hidden_all_0Yhyp * {
visibility: hidden !important;
}
.show_all_rPNh2 {
visibility: visible !important;
}
.show_all_rPNh2 * {
visibility: visible !important;
}
.pane_riGQq {
background-color: var(--upime-pane-bg);
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
@keyframes show_lvK-R {
to {
visibility: visible;
opacity: 1;
}
}
.show_a_Bs3vE {
visibility: hidden;
opacity: 0;
animation: show_lvK-R 0.5s forwards;
}
@keyframes show_scale_mgIyu {
to {
transform: scale(1);
visibility: visible;
opacity: 1;
}
}
.show_scale_mgIyu {
visibility: hidden;
opacity: 0;
transform: scale(0);
animation: show_scale_mgIyu 0.3s forwards;
}
.show_scale_mgIyu.right_lNaxR {
transform-origin: left center;
}
.show_scale_mgIyu.left_V49xV {
transform-origin: right center;
}
.show_scale_mgIyu.bottom_1nB2p {
transform-origin: center top;
}
.show_scale_mgIyu.top_Fohr6 {
transform-origin: center bottom;
}
.show_scale_mgIyu.left_top_JHdZ9 {
transform-origin: right top;
}
.show_scale_mgIyu.top_left_tzoFv {
transform-origin: bottom left;
}
.show_scale_mgIyu.bottom_left_-Oc-3 {
transform-origin: top left;
}
.show_scale_mgIyu.top_right_Ck6RO {
transform-origin: bottom right;
}
.show_scale_mgIyu.bottom_right_dOZi2 {
transform-origin: top right;
}
.show_scale_mgIyu.right_top_0YULV {
transform-origin: left top;
}
.show_scale_mgIyu.right_bottom_vWls8 {
transform-origin: left bottom;
}
.show_scale_mgIyu.left_bottom_vlWjD {
transform-origin: right bottom;
}
.btn_style_1mmoc {
cursor: pointer;
}
.btn_style_1mmoc:active,
.btn_style_1mmoc.on_w-2Gq {
color: var(--upime-active);
}
.btn_style_1mmoc.disabled_meV8J {
color: var(--upime-disable);
pointer-events: none;
}
.propEditorIconBox_jypwv {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.do-hovers .icon_box_Vb2Q6:hover {
opacity: 1;
}
.do-hovers .bling_item_5EyrO:hover {
opacity: 1;
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .btn_style_1mmoc:hover {
color: var(--upime-active);
}
.do-hovers .propEditorIconBox_jypwv:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .titleIcon_qXQa9:hover {
color: var(--upime-active);
}
.do-hovers .moreIcon_dZxnZ:hover {
color: var(--upime-main-text);
}
.rotateY180_vfvVE {
transform: rotateY(180deg);
}
.titleIcon_qXQa9 {
height: 48px;
width: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.titleIcon_qXQa9.active_5w4wt {
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
background: initial !important;
}
.titleIcon_qXQa9.active_5w4wt {
color: var(--upime-active);
}
.moreIcon_dZxnZ {
cursor: pointer;
}
.moreIcon_dZxnZ svg {
color: #303445;
}
.moreIcon_dZxnZ.active_5w4wt svg {
color: var(--upime-main-text);
}
@keyframes loading_-VrbZ {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingIcon_VCUQJ {
width: 24px;
height: 24px;
color: var(--upime-active);
animation: loading_-VrbZ 1s linear infinite forwards;
}
.AIButtonContainer_C7BTe {
padding: 0 8px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.AIButtonContainer_C7BTe.transparent_yIzzj {
opacity: 0;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transform-origin: center center;
transition: 0.4s;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx.AIShow_dKVjB {
transform: scale(1) rotate(0);
opacity: 1;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx.AIHide_iB14M {
transform: scale(0) rotate(360deg);
opacity: 0;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx.AIButtonHover_fHEoI:hover {
background-color: var(--upime-btn-bg-hover);
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx.AIButtonDisabled_NXId- {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.AIButtonContainer_C7BTe .AIButtonWrapper_9Zqlu .AIButtonImageContainer_NnSpx .AIButtonImage_rQBqL {
width: 32px;
height: 32px;
}
.sub_win_container_MjhDm {
max-height: 520px;
position: relative;
width: -moz-fit-content;
width: fit-content;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_container_MjhDm::-webkit-scrollbar {
width: 4px;
}
.sub_win_container_MjhDm::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_container_MjhDm::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_container_MjhDm .sub_win_child_wrapper_-Ix43:not(:first-child) {
margin-top: 8px;
}
.sub_win_container_MjhDm .sub_win_child_wrapper_-Ix43:not(:first-child) .sub_win_child_iIXRn {
padding-top: 0;
}
.sub_win_flexalbe_container_fgbWk {
max-height: 520px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.sub_win_flexalbe_container_fgbWk * {
flex-shrink: 0;
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR {
width: 100%;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR::-webkit-scrollbar {
width: 4px;
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR::-webkit-scrollbar-track {
border-radius: 5px;
background-color: transparent;
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: var(--upime-scrollbar-thumb);
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR:not(:first-child) {
margin-top: 8px;
}
.sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR:not(:first-child) .flexable_scroll_inner_EuI71 {
padding-top: 0px;
}
.phoneMode .sub_win_container_MjhDm {
width: 100%;
}
.phoneMode .sub_win_flexalbe_container_fgbWk {
width: 100%;
}
.safariOn {
/** 神奇的safari
需要一个动画来触发dom的更新，
否则滚动区域会有问题
这个动画实际上什么都不做
*/
}
.safariOn .flexable_scroll_wrapper_Lz6cR {
animation: safariUpdate_p799- 0.1s forwards;
}
.safariOn .sub_win_container_MjhDm {
animation: safariUpdate_p799- 0.1s forwards;
}
@keyframes safariUpdate_p799- {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
* {
/* 定义滚动条的样式 */
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
*::-webkit-scrollbar {
width: 4px;
/* 滚动条的宽度 */
}
*::-webkit-scrollbar-track {
background: transparent;
/* 轨道的背景颜色 */
}
*::-webkit-scrollbar-thumb {
background: #dbdbde;
/* 滑块的背景颜色 */
border-radius: 4px;
}
.noColorStyleContainer_e-UPE {
padding: 12px 12px 0;
width: 100%;
}
.noColorStyleContainer_e-UPE .noColorStylePart_xdqKJ + .noColorStylePart_xdqKJ {
margin-top: 8px;
}
.noColorStyleContainer_e-UPE .partlabel_PPjEZ {
width: 100%;
font-size: 12px;
color: #0c1024;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 6px;
line-height: 20px;
}
.noColorStyleContainer_e-UPE .partlabel_PPjEZ.disabled_meV8J {
opacity: 0.2;
cursor: not-allowed;
}
.phoneMode .sub_win_container_MjhDm,
.phoneMode .sub_win_flexalbe_container_fgbWk {
background-color: white;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 4px;
pointer-events: auto;
}
.phoneMode .sub_win_container_MjhDm .flexable_scroll_wrapper_Lz6cR:not(:first-child),
.phoneMode .sub_win_flexalbe_container_fgbWk .flexable_scroll_wrapper_Lz6cR:not(:first-child) {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_e-UPE {
padding: 16px 14px 0;
}
.phoneMode .noColorStyleContainer_e-UPE .noColorStylePart_xdqKJ + .noColorStylePart_xdqKJ {
margin-top: 16px;
}
.phoneMode .noColorStyleContainer_e-UPE .partlabel_PPjEZ {
font-size: 15px;
line-height: 24px;
padding: 0 6px;
margin-bottom: 4px;
}
.newOption_fn8DS {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.newOption_fn8DS.active_5w4wt {
color: #2E73E5;
background-color: #eaf1fc;
}
.newItem_7Myhg.active_5w4wt {
color: #2E73E5;
background-color: #eaf1fc;
}
.do-hovers .newOption_fn8DS:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newOption_fn8DS:hover.active_5w4wt {
color: #2E73E5;
background-color: #dce3ed;
}
.do-hovers .newItem_7Myhg:hover {
background-color: var(--upime-btn-bg-hover);
}
.do-hovers .newItem_7Myhg:hover.active_5w4wt {
color: #2E73E5;
background-color: #dce3ed;
}
.votingListPanelContainer_i4l1U {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
background-color: #f5f6f6;
border-radius: 4px;
}
.bodyWrap_d6ZrD {
width: 100%;
display: flex;
flex-direction: column;
flex: 1;
overflow-y: auto;
}
.contentWrap_URkBm {
width: 316px;
margin: 0 auto;
padding-bottom: 12px;
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.contentWrap_URkBm .createVotingTip_mmff1 {
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px;
border-radius: 2px;
background: rgba(0, 0, 0, 0.04);
margin-top: 12px;
}
.contentWrap_URkBm .createVotingTip_mmff1 .firstRow_57aST {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 6px;
}
.contentWrap_URkBm .createVotingTip_mmff1 .firstRow_57aST .icon_LrBw0 {
width: 14px;
height: 14px;
}
.contentWrap_URkBm .createVotingTip_mmff1 .firstRow_57aST .content_wuMl- {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.contentWrap_URkBm .createVotingTip_mmff1 .secondRow_-ErvQ {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
gap: 4px;
}
.contentWrap_URkBm .createVotingTip_mmff1 .secondRow_-ErvQ .content_wuMl- {
color: #0c1024;
font-size: 12px;
font-weight: 400;
line-height: 20px;
word-break: break-word;
}
.contentWrap_URkBm .createVotingTip_mmff1 .secondRow_-ErvQ .content_wuMl- span {
word-break: break-word;
}
.contentWrap_URkBm .createVotingTip_mmff1 .secondRow_-ErvQ .content_wuMl- span.bold_qatsd {
font-weight: 600;
}
.contentWrap_URkBm .createVotingNoPermissionTip_pTHTV {
padding: 12px 16px;
margin: 12px 0 24px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.05);
}
.contentWrap_URkBm .createVotingNoPermissionTip_pTHTV .tipIcon_G-Fe1 {
width: 16px;
height: 16px;
flex-shrink: 0;
color: #2e73e5;
}
.contentWrap_URkBm .createVotingNoPermissionTip_pTHTV .tipContent_lcgoX {
color: #0c1024;
text-align: left;
font-size: 14px;
font-weight: 400;
line-height: 22px;
word-break: break-word;
}
.contentWrap_URkBm .createVotingButton_ptLZ- {
gap: 4px;
margin: 12px 0 8px 0;
}
.contentWrap_URkBm .createVotingButton_ptLZ- .createVotingButtonText_Colcs {
font-size: 16px;
line-height: 24px;
}
.votingListTitle_Zg4VZ {
width: 100%;
font-size: 14px;
line-height: 22px;
margin-bottom: 8px;
padding-top: 16px;
}
.votingList_W7Fvq {
display: flex;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
gap: 12px;
}
.container_jb3G3 {
display: flex;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
height: 56px;
padding: 0 12px 0 24px;
border-radius: 4px 4px 0 0;
background-color: #fff;
}
.leftPart_dK2LA {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 2px;
}
.leftPart_dK2LA .title_8mYfr {
color: #0c1024;
font-size: 20px;
font-weight: 600;
}
.tipContainer_XMxBz {
width: 28px;
height: 28px;
}
.tipIcon_HCn83 {
width: 16px;
height: 16px;
box-sizing: content-box;
padding: 6px;
cursor: pointer;
}
.hoverTipContent_sxWBX {
width: 220px;
padding: 7px 8px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
border-radius: 2px;
background-color: #000;
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 20px;
word-break: break-word;
}
.rightPart_K4iTm {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
}
.rightPart_K4iTm .viewHistoryVotingBtn_PNzj4 {
height: 36px;
padding: 0 8px;
display: flex;
justify-content: center;
align-items: center;
color: #0C1024;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
cursor: pointer;
}
.rightPart_K4iTm .divider_eYAMa {
width: 1px;
height: 20px;
background-color: #E6E7E9;
}
.rightPart_K4iTm .closeButton_aAfPl {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.do-hovers .tipIcon_HCn83:hover,
.do-hovers .viewHistoryVotingBtn_PNzj4:hover,
.do-hovers .closeButton_aAfPl:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.votingListEmptyTip_0d-Os {
height: 180px;
display: flex;
flex-direction: column;
flex-shrink: 0;
justify-content: center;
align-items: center;
margin: auto 0;
}
.votingListEmptyTip_0d-Os img {
width: 140px;
height: 140px;
}
.votingListEmptyTip_0d-Os > span {
font-size: 14px;
line-height: 22px;
height: 22px;
margin-top: 8px;
color: #0c1024;
}
.ongoingVotingItemContainer_BK9se {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 12px;
padding: 12px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);
}
.rowContainer_oMDP8 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}
.firstRowGroup_AXj-p {
display: flex;
flex-direction: column;
gap: 8px;
}
.firstRow_mUFOL {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 8px;
}
.firstRow_mUFOL .titleContainer_Kr7wR {
display: flex;
flex-direction: row;
flex: 1;
}
.firstRow_mUFOL .menuButtonWrap_JxAE- {
position: relative;
}
.firstRow_mUFOL .menuButton_-5RZj {
width: 22px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 2px;
cursor: pointer;
}
.firstRow_mUFOL .menuButton_-5RZj.active_9MBu3 {
background-color: rgba(0, 0, 0, 0.06);
}
.firstRow_mUFOL .submenuWrap_siOFv {
padding: 8px 0;
width: -moz-max-content;
width: max-content;
min-width: 120px;
border-radius: 4px;
}
.firstRow_mUFOL .submenuWrap_siOFv .submenuRow_PcKSy {
height: 36px;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 16px;
color: #0c1024;
font-size: 14px;
font-weight: 400;
cursor: pointer;
}
.do-hovers .firstRow_mUFOL .menuButton_-5RZj:hover,
.do-hovers .submenuWrap_siOFv .submenuRow_PcKSy:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.secondRow_DzbOM {
gap: 4px;
}
.secondRow_DzbOM .statusTag_bbtc7 {
height: 20px;
padding: 0 5px;
color: #0c1024;
font-size: 12px;
line-height: 20px;
text-align: center;
border-radius: 2px;
background-color: #ececee;
}
.secondRow_DzbOM .statusTag_bbtc7.notVoted_R-h5A {
color: #FE5250;
background-color: #FFEEED;
}
.secondRow_DzbOM .statusTag_bbtc7.voted_FzauZ {
color: #67C23A;
background-color: #F4FFE8;
}
.secondRow_DzbOM .statusTag_bbtc7.abstained_E7ODL {
color: #67C23A;
background-color: #F6FFEE;
outline: 1px dashed rgba(103, 194, 58, 0.5);
}
.thirdRow_nMIWR {
height: 40px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0 8px 0 12px;
border-radius: 4px;
background: #f5f6f6;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 6px;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationIcon_TWtZu {
color: #91939C;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDuration_XyWHg {
font-size: 16px;
line-height: 24px;
color: #0C1024;
font-weight: 600;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationNumber_zUBC3 {
width: 10px;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationColon_hdgkp {
width: 14px;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationTipWrap_PYGth,
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationHoverTip_rjA-v {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
overflow: hidden;
margin-left: auto;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationTipWrap_PYGth .durationOperationWrap_WsTnR,
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationHoverTip_rjA-v .durationOperationWrap_WsTnR {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationTipWrap_PYGth .durationOperationWrap_WsTnR .operationBtn_Hg64-,
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationHoverTip_rjA-v .durationOperationWrap_WsTnR .operationBtn_Hg64- {
height: 20px;
padding: 0 6px;
font-size: 12px;
line-height: 20px;
color: #2e73e5;
border-radius: 2px;
background-color: rgba(46, 115, 229, 0.1);
cursor: pointer;
}
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationTipWrap_PYGth .endTimeTip_lCi0l,
.thirdRow_nMIWR .leftDurationWrap_Q-sus .leftDurationHoverTip_rjA-v .endTimeTip_lCi0l {
color: #0C1024;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
white-space: nowrap;
}
.do-hovers .durationOperationWrap_WsTnR .operationBtn_Hg64-:hover {
color: #fff !important;
background-color: #5798F2 !important;
}
.fourthRow_MSTzc {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
.fourthRow_MSTzc .endVotingBtn_5Dll2,
.fourthRow_MSTzc .joinVotingBtn_R2w6E,
.fourthRow_MSTzc .viewResultBtn_d5cqP {
height: 32px;
padding: 0 12px;
font-size: 12px;
}
.endVotingBtn_5Dll2 {
color: #fe5250;
border-color: #fe5250;
}
.do-hovers .endVotingBtn_5Dll2:hover {
color: #ff7f78 !important;
border-color: #ff7f78 !important;
}
.do-hovers .endVotingBtn_5Dll2:active:not(.disabled_PalSU) {
color: #d9383b !important;
border-color: #d9383b !important;
}
.container_iAmgn {
font-size: 14px;
line-height: 22px;
color: #0c1024;
max-width: 100%;
min-height: 22px;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.leftDuration_tWsyu {
font-size: 24px;
line-height: 32px;
color: #0c1024;
font-weight: 600;
display: flex;
flex: 1;
flex-shrink: 0;
text-align: center;
white-space: nowrap;
}
.leftDuration_tWsyu .numberSpan_JKfGe {
width: 15px;
text-align: center;
}
.leftDuration_tWsyu .formattedString_mfufZ {
width: auto;
width: initial;
white-space: nowrap;
}
.leftDuration_tWsyu .leftDurationColon_1fg6k {
width: 21px;
text-align: center;
}
.miniLeftDuration_AapnH {
font-size: 14px;
line-height: 20px;
color: #0c1024;
font-weight: 400;
display: flex;
text-align: center;
}
.miniLeftDuration_AapnH .miniNumberSpan_odfYI {
width: 8px;
}
.miniLeftDuration_AapnH .miniLeftDurationColon_DbesD {
width: 4px;
}
.votingDetailPanelContainer_a7ZGK {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
position: relative;
background-color: #f5f6f6;
border-radius: 4px;
}
.header_GV32H {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
flex-shrink: 0;
width: 100%;
height: 164px;
background-color: #fff;
border-radius: 4px 4px 0 0;
}
.header_GV32H .titleWrap_iLMoF {
width: 100%;
height: 56px;
padding: 0 12px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 2px;
border-bottom: 1px solid #dbdbde;
}
.header_GV32H .titleWrap_iLMoF .backBtn_wc-F3,
.header_GV32H .titleWrap_iLMoF .closeBtn_9TqMM {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.header_GV32H .titleWrap_iLMoF .closeBtn_9TqMM {
margin-left: auto;
}
.header_GV32H .titleWrap_iLMoF .title_MZpXi {
color: #0c1024;
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
.header_GV32H .votingInfoWrap_1AVdW {
height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
gap: 4px;
padding: 0 20px;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 {
display: flex;
flex-direction: row;
gap: 8px;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .votingNameWrap_-XI7- {
flex: 1;
overflow: hidden;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .votingNameWrap_-XI7- .votingName_P4LtY {
width: -moz-max-content;
width: max-content;
max-width: 100%;
color: #0c1024;
font-size: 16px;
font-weight: 400;
line-height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .menuButtonWrap_EoMsu {
position: relative;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .menuButton_qU8ym {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 2px;
cursor: pointer;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .menuButton_qU8ym.active_NEnTY {
background-color: rgba(0, 0, 0, 0.06);
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .menuButton_qU8ym .menuIcon_DpaXz {
width: 20px;
height: 20px;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .submenuWrap_fi6sD {
padding: 8px 0;
width: -moz-max-content;
width: max-content;
min-width: 120px;
border-radius: 4px;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .submenuWrap_fi6sD .submenuRow_sJ-3j {
height: 36px;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 16px;
color: #0c1024;
font-size: 14px;
font-weight: 400;
cursor: pointer;
}
.header_GV32H .votingInfoWrap_1AVdW .firstRow_FFC64 .submenuWrap_fi6sD .submenuRow_sJ-3j.deleteBtn_fxgeB {
color: #fe5250;
}
.header_GV32H .votingInfoWrap_1AVdW .secondRow_kfGWo {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.header_GV32H .votingInfoWrap_1AVdW .thirdRow_xTzGQ {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.header_GV32H .votingInfoWrap_1AVdW .thirdRow_xTzGQ .statusTag_031o- {
height: 20px;
padding: 0 5px;
line-height: 20px;
border-radius: 2px;
text-align: center;
font-size: 12px;
color: #0c1024;
background-color: #ececee;
}
.header_GV32H .votingInfoWrap_1AVdW .thirdRow_xTzGQ .statusTag_031o-.votingStatus_klahW {
color: #fff;
background-color: #67c23a;
}
.do-hovers .backBtn_wc-F3:hover,
.do-hovers .closeBtn_9TqMM:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .moreBtn_w5TnZ:hover {
background-color: #5798f2;
}
.do-hovers .submenuWrap_fi6sD .submenuRow_sJ-3j:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.body_j8nKW {
display: flex;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: 100%;
margin-top: 8px;
background-color: #fff;
overflow-y: auto;
}
.body_j8nKW .resultList_JcmBB {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
height: 100%;
padding-top: 16px;
overflow-y: auto;
}
.footer_h6-DZ {
width: 100%;
height: 86px;
padding: 0 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 12px;
background-color: #fff;
}
.footer_h6-DZ .exportToExcelBtn_l6KQF {
height: 38px;
padding: 0 16px;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid #dbdbde;
background-color: #fff;
color: #0c1024;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
cursor: pointer;
}
.footer_h6-DZ .exportToBoardBtn_ogJ3d {
height: 38px;
padding: 0 16px;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
border-radius: 4px;
background-color: #2e73e5;
color: #fff;
font-size: 16px;
font-weight: 400;
white-space: nowrap;
cursor: pointer;
}
.do-hovers .exportToExcelBtn_l6KQF:hover {
color: #5798f2;
border-color: #5798f2;
}
.do-hovers .exportToExcelBtn_l6KQF:active {
color: #1d56bf;
border-color: #1d56bf;
}
.do-hovers .exportToBoardBtn_ogJ3d:hover {
background-color: #5798f2;
}
.do-hovers .exportToBoardBtn_ogJ3d:active {
background-color: #1d56bf;
}
.resultItem_DsuyT {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: 316px;
height: 104px;
margin: 0 auto;
padding: 14px 0 14px 16px;
border-radius: 4px;
border: 1px solid #e6e7e9;
background-color: #fff;
position: relative;
}
.resultItem_DsuyT.selected_l6HCk {
border-color: #2e73e5;
}
.resultItem_DsuyT .myVoteTip_pTfK- {
display: flex;
justify-content: center;
align-items: center;
padding: 0px 12px;
gap: 10px;
border-radius: 0px 4px;
background-color: #eaf1fc;
color: #2e73e5;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
position: absolute;
top: 0;
right: 0;
}
.resultItem_DsuyT .rankTrophy_oxq9E {
width: 56px;
height: 74px;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 0;
overflow: hidden;
}
.resultItem_DsuyT .rankTrophy_oxq9E .rankTrophyIcon_OUmf5 {
width: 80px;
height: 78px;
position: absolute;
top: 0;
right: 0;
}
.resultItem_DsuyT .rank_vIb26 {
width: 50px;
text-align: center;
color: #303445;
font-size: 14px;
font-weight: 600;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 2px;
}
.resultItem_DsuyT .rank_vIb26.no1_ne1HB {
color: #a8601e;
}
.resultItem_DsuyT .rank_vIb26.no2_r0SLT {
color: #5e6f92;
}
.resultItem_DsuyT .rank_vIb26.no3_icW6W {
color: #ca8576;
}
.resultItem_DsuyT .elementWrap_VVCAG {
width: 76px;
height: 76px;
border-radius: 4px;
margin-left: 16px;
position: relative;
}
.resultItem_DsuyT .elementWrap_VVCAG .elementSnapshotCointainer_zc4WP {
width: 100%;
height: 100%;
border-radius: 4px;
background: #f5f6f6;
padding: 10px;
}
.resultItem_DsuyT .elementWrap_VVCAG .elementSnapshot_2247p {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.resultItem_DsuyT .elementWrap_VVCAG .zoomInBtn_MCDqi {
display: flex;
width: 20px;
height: 20px;
justify-content: center;
align-items: center;
border-radius: 2px;
background: rgba(0, 0, 0, 0.45);
position: absolute;
right: 2px;
bottom: 2px;
cursor: pointer;
visibility: hidden;
}
.resultItem_DsuyT .elementWrap_VVCAG .zoomInBtn_MCDqi.zoomInBtnVisible_UGHVc {
visibility: visible;
}
.resultItem_DsuyT .elementWrap_VVCAG .zoomInBtn_MCDqi .zoomInIcon_huuFM {
width: 16px;
height: 16px;
color: #fff;
}
.resultItem_DsuyT .resultDetail_-X4fR {
margin-left: 8px;
position: relative;
top: 2px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voteCount_bKQC- {
color: v #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 12px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .avatarContainer_UoF9Y {
margin-left: -8px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .avatarContainer_UoF9Y:first-child {
margin-left: 0;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .avatar_SA-ms {
width: 24px;
height: 24px;
border-radius: 24px;
border: 1px solid #fff;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVotersContainer_Se0mY {
position: relative;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVotersButton_FOeco {
min-width: 24px;
height: 24px;
padding: 0 2px;
margin-left: -8px;
border-radius: 12px;
border: 1px solid #fff;
background-color: #f5f6f6;
color: #0c1024;
font-size: 12px;
font-weight: 400;
line-height: 22px;
text-align: center;
cursor: pointer;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVoterList_V-A8Y {
width: 200px;
max-height: 216px;
padding: 8px 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
overflow-y: auto;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVoterList_V-A8Y .userInfoWrap_vB-K0 {
width: 100%;
height: 40px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
flex-shrink: 0;
padding: 0 16px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVoterList_V-A8Y .userInfoWrap_vB-K0 .avatar_SA-ms {
flex-shrink: 0;
width: 24px;
height: 24px;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .moreVoterList_V-A8Y .userInfoWrap_vB-K0 .userName_rl-08 {
flex: 1;
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.resultItem_DsuyT .resultDetail_-X4fR .voters_F6Ifj .anonymousVotersCount_-LlTF {
color: #616371;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.do-hovers .resultItem_DsuyT:hover {
border-color: #2e73e5;
}
.do-hovers .elementWrap_VVCAG:hover .zoomInBtn_MCDqi {
visibility: visible;
}
.historyVotingItemContainer_MxuxU {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 16px 8px 16px 16px;
border-radius: 4px;
background-color: #fff;
position: relative;
}
.historyVotingItemContainer_MxuxU.hovering_rpK3c {
background-color: #eaf1fc;
}
.leftContainer_SnaEa {
width: 100%;
display: flex;
flex-direction: column;
gap: 4px;
justify-content: flex-start;
align-items: flex-start;
overflow: hidden;
}
.leftContainer_SnaEa .votingStartTime_myAVn {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 6px;
}
.leftContainer_SnaEa .votingStartTime_myAVn .votingStartDate_zLpeY,
.leftContainer_SnaEa .votingStartTime_myAVn .votingStartDay_lyLee {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
}
.leftContainer_SnaEa .votingStartTime_myAVn .votingStartHour_XC-Fy {
color: #0c1024;
font-size: 12px;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
}
.leftContainer_SnaEa .votingTitle_rq71H {
max-width: 230px;
height: 24px;
color: #0c1024;
font-size: 16px;
font-weight: 400;
line-height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.leftContainer_SnaEa .votingCreator_EI6y3 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 4px;
width: 100%;
overflow: hidden;
}
.leftContainer_SnaEa .votingCreator_EI6y3 .creatorTip_WvKRK {
color: #0c1024;
font-size: 12px;
font-weight: 400;
line-height: 20px;
flex-shrink: 0;
}
.leftContainer_SnaEa .votingCreator_EI6y3 .creatorAvatar_070oX {
width: 18px;
height: 18px;
border-radius: 50%;
flex-shrink: 0;
}
.leftContainer_SnaEa .votingCreator_EI6y3 .creatorUsername_Bzv7S {
color: #0c1024;
font-size: 12px;
font-weight: 400;
line-height: 20px;
white-space: nowrap;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
}
.rightContainer_2Z9-j {
display: flex;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.rightContainer_2Z9-j.showViewDetailButton_eLndx .leftGradientBg_-xdn3 {
width: 20px;
height: 100%;
background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, #eaf1fc 70%);
}
.rightContainer_2Z9-j.showViewDetailButton_eLndx .leftGradientBg_-xdn3.touchDevice_1XlCp {
background: linear-gradient(90deg, rgba(234, 241, 252, 0) 0%, #fff 70%);
}
.rightContainer_2Z9-j .arrowBtn_MFVCK {
width: 24px;
height: 24px;
color: #91939c;
}
.rightContainer_2Z9-j .viewDetailBtnWrap_TH8bn {
height: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
gap: 0;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i {
height: 28px;
display: flex;
flex-direction: row;
gap: 1px;
justify-content: flex-start;
align-items: stretch;
border-radius: inherit;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i.noMoreBtn_vHFBJ .viewDetailBtn_E-eHi {
border-radius: 4px;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .viewDetailBtn_E-eHi {
padding: 0px 8px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 20px;
background-color: #2e73e5;
border-radius: 4px 0px 0px 4px;
cursor: pointer;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .moreBtnWrap_kSQfE {
width: 32px;
position: relative;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .moreBtn_nHyYb {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0px 4px 4px 0;
background-color: #2e73e5;
cursor: pointer;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .moreBtn_nHyYb .moreIcon_tAY0x {
width: 8px;
height: 8px;
color: #fff;
transform: rotate(180deg);
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .moreBtn_nHyYb.moreBtnActive_APgLv {
background-color: #5798f2;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .moreBtn_nHyYb.moreBtnActive_APgLv .moreIcon_tAY0x {
transform: rotate(0deg);
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .submenuWrap_sKurO {
width: -moz-max-content;
width: max-content;
min-width: 120px;
padding: 8px 0px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
border-radius: 4px;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .submenuWrap_sKurO .submenuRow_PJixI {
height: 36px;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 16px;
color: #0c1024;
font-size: 14px;
font-weight: 400;
cursor: pointer;
}
.rightContainer_2Z9-j .operationsWrap_Wk56i .submenuWrap_sKurO .submenuRow_PJixI.deleteBtn_BQdzq {
color: #fe5250;
}
.do-hovers .viewDetailBtn_E-eHi:hover,
.do-hovers .moreBtn_nHyYb:hover {
background-color: #5798f2;
}
.do-hovers .submenuWrap_sKurO .submenuRow_PJixI:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.historyVotingListPanelContainer_TpKR- {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
background-color: #F5F6F6;
overflow: hidden;
}
.historyVotingListPanelContainer_TpKR- .titleWrap_E7yRU {
height: 56px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0 12px;
background-color: #fff;
}
.historyVotingListPanelContainer_TpKR- .titleWrap_E7yRU .backBtn_XAXZe,
.historyVotingListPanelContainer_TpKR- .titleWrap_E7yRU .closeBtn_obPt- {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.historyVotingListPanelContainer_TpKR- .titleWrap_E7yRU .closeBtn_obPt- {
margin-left: auto;
}
.historyVotingListPanelContainer_TpKR- .titleWrap_E7yRU .title_8V2CT {
color: #0C1024;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
margin-left: 2px;
}
.historyVotingListPanelContainer_TpKR- .votingListContainer_ArDZx {
display: flex;
flex: 1;
flex-direction: column;
overflow: hidden;
}
.historyVotingListPanelContainer_TpKR- .votingListContainer_ArDZx .votingListWrap_vktvs {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
overflow-y: auto;
}
.historyVotingListPanelContainer_TpKR- .votingListContainer_ArDZx .votingListWrap_vktvs .votingList_2WAVB {
width: 316px;
display: flex;
flex-direction: column;
gap: 12px;
padding: 12px 0;
}
.do-hovers .backBtn_XAXZe:hover,
.do-hovers .closeBtn_obPt-:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.container_F8Vod {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.createVotingPanelContainer_9BuBl {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 340px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
pointer-events: all;
position: absolute;
top: 8px;
right: 8px;
bottom: 8px;
}
.headWrap_Skwy4 {
height: 56px;
display: flex;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
padding: 0 12px 0 24px;
}
.headWrap_Skwy4 .title_CbipY {
color: #0c1024;
font-size: 20px;
font-weight: 400;
}
.headWrap_Skwy4 .closeButton_H1Q5O {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
cursor: pointer;
}
.do-hovers .headWrap_Skwy4 .closeButton_H1Q5O:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.bodyWrap_wwJ3P {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
overflow-y: auto;
}
.bodyContentWrap_fxtgS {
display: flex;
flex-direction: column;
gap: 20px;
width: 292px;
padding-top: 12px;
margin: 0 auto;
}
.bodyContentWrap_fxtgS .itemLabel_qWtxK {
color: #0c1024;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.bodyContentWrap_fxtgS .nameWrap_NI-ik {
display: flex;
flex-direction: column;
gap: 8px;
}
.bodyContentWrap_fxtgS .nameWrap_NI-ik .inputNameWrap_1tTlx {
height: 36px;
}
.bodyContentWrap_fxtgS .nameWrap_NI-ik .inputNameWrap_1tTlx .inputName_Iev9k {
height: 100%;
padding-top: 7px;
padding-bottom: 7px;
}
.bodyContentWrap_fxtgS .nameWrap_NI-ik .inputNameWrap_1tTlx .addInputClearBtn_saGYo {
top: 9px;
}
.bodyContentWrap_fxtgS .votesCountWrap_jA1fC {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.bodyContentWrap_fxtgS .votesCountWrap_jA1fC .votesCount_5yVMK {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.bodyContentWrap_fxtgS .votesCountWrap_jA1fC .votesCount_5yVMK .inputCount_mUsA3 {
width: 98px;
height: 36px;
border-radius: 4px;
border: 1px solid #e6e7e9;
color: #0c1024;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.bodyContentWrap_fxtgS .decreaseIcon_YVSDI,
.bodyContentWrap_fxtgS .increaseIcon_fPjqN {
width: 22px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #2e73e5;
background-color: #eaf1fc;
cursor: pointer;
}
.bodyContentWrap_fxtgS .decreaseIcon_YVSDI.disabled_t-7aH,
.bodyContentWrap_fxtgS .increaseIcon_fPjqN.disabled_t-7aH {
color: #dbdbde;
background-color: #f5f6f6;
cursor: not-allowed;
}
.bodyContentWrap_fxtgS .decreaseIcon_YVSDI .jianIcon_i-JS0,
.bodyContentWrap_fxtgS .increaseIcon_fPjqN .jianIcon_i-JS0,
.bodyContentWrap_fxtgS .decreaseIcon_YVSDI .jiaIcon_kbAxr,
.bodyContentWrap_fxtgS .increaseIcon_fPjqN .jiaIcon_kbAxr {
width: 18px;
height: 18px;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectDurationWrap_5iiZH {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 12px;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD {
width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih {
width: 100%;
display: flex;
flex-direction: row;
border-radius: 4px;
position: relative;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih.active_9l7hC .selectEndTimeDivider_OanLL {
background-color: #2e73e5;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih.invalid_ol9R2 .selectEndTimeDivider_OanLL {
background-color: #FE5250;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb {
width: 192px;
height: 40px;
border: 1px solid #DBDBDE;
border-right: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
position: relative;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb.active_9l7hC {
border-color: #2e73e5;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb.invalid_ol9R2 {
border-color: #FE5250;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb .selectedDateWrap_vrDAs {
width: 100%;
height: 100%;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 12px;
cursor: pointer;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb .selectedDateWrap_vrDAs .selectedDate_Av5hP {
max-width: 142px;
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectDateWrap_W5mCb .dateSelectorWrap_jDvDX {
width: 292px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
position: absolute;
top: calc(100% + 4px);
left: 0;
z-index: 1;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectEndTimeDivider_OanLL {
width: 1px;
background-color: #DBDBDE;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 {
height: 40px;
width: 100px;
box-sizing: border-box;
border: 1px solid #DBDBDE;
border-left: none;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding: 0 12px;
position: relative;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9.active_9l7hC {
border-color: #2e73e5;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9.invalid_ol9R2 {
border-color: #FE5250;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .selectedTimeWrap_TxOCz {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .selectedTimeWrap_TxOCz .selectedTime_jUTgP {
color: #0C1024;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .timeSelectorWrap_BqPAc {
width: 100px;
height: 284px;
padding: 4px 0;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
overflow: auto;
position: absolute;
top: calc(100% + 4px);
left: 0;
z-index: 1;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .timeSelectorWrap_BqPAc .timeSelector_cgeMN {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .timeSelectorWrap_BqPAc .timeSelector_cgeMN .timeItem_3AGtW {
width: 100%;
height: 36px;
padding-left: 12px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
cursor: pointer;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .timeSelectorWrap_BqPAc .timeSelector_cgeMN .timeItem_3AGtW.selected_PeK-c {
background-color: #eaf1fc;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .selectEndTimeInputs_93Vih .selectTimeWrap_c37w9 .timeSelectorWrap_BqPAc .timeSelector_cgeMN .timeItem_3AGtW .content_UXgMA {
width: 100%;
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
}
.bodyContentWrap_fxtgS .durationWrap_jPDOx .selectEndTimeWrap_wbKeD .invalidEndTimeTip_p-dPB {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #FE5250;
position: absolute;
top: calc(100% + 2px);
left: 0;
}
.bodyContentWrap_fxtgS .anonymousWrap_F7ao4 {
height: 36px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.bodyContentWrap_fxtgS .anonymousWrap_F7ao4 .switchBtn_OFLug {
position: relative;
width: 44px;
height: 22px;
border-radius: 11px;
background-color: #e6e7e9;
cursor: pointer;
}
.bodyContentWrap_fxtgS .anonymousWrap_F7ao4 .switchBtn_OFLug::before {
position: absolute;
content: "";
left: 2px;
top: 2px;
width: 18px;
height: 18px;
border-radius: 10px;
background-color: #ffffff;
transition: left 0.2s;
}
.bodyContentWrap_fxtgS .anonymousWrap_F7ao4 .switchBtn_OFLug.on_504j- {
background-color: #2e73e5;
}
.bodyContentWrap_fxtgS .anonymousWrap_F7ao4 .switchBtn_OFLug.on_504j-::before {
left: 24px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK {
display: flex;
flex-direction: column;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .firstRow_boxQs {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .firstRow_boxQs .selectAllBtn_IWL4H {
height: 24px;
padding: 0 8px;
display: flex;
justify-content: center;
align-items: center;
color: #2e73e5;
font-size: 14px;
font-weight: 400;
line-height: 22px;
border-radius: 2px;
cursor: pointer;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .secondRow_uW-LG {
color: #91939c;
font-size: 12px;
font-weight: 400;
line-height: 20px;
word-break: break-word;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF {
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px;
border-radius: 2px;
background-color: #f5f6f6;
margin-top: 12px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF .elementItem_vyEvI {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF .elementInfo_phEV4 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF .elementInfo_phEV4 .elementIcon_i50tU {
width: 16px;
height: 16px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF .elementInfo_phEV4 .elementName_mFkBx {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsList_vfhOF .elementInfo_phEV4 .elementCount_pE0iU {
color: #91939c;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsEmptyTip_bhiQa {
display: flex;
padding: 12px 12px 12px 9px;
align-items: flex-start;
align-content: flex-start;
gap: 5px;
border-radius: 2px;
background-color: rgba(254, 82, 80, 0.05);
margin-top: 12px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsEmptyTip_bhiQa .warningIcon_fFWpt {
width: 16px;
height: 16px;
color: #fe5250;
margin: 3px;
}
.bodyContentWrap_fxtgS .elementsWrap_RObTK .elementsEmptyTip_bhiQa .warningContent_W4Bni {
color: #fe5250;
font-size: 12px;
font-weight: 400;
line-height: 20px;
word-break: break-word;
}
.select_WtVBc {
width: 98px;
height: 36px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border-radius: 4px;
border: 1px solid #e6e7e9;
padding: 0 3px 0 7px;
position: relative;
}
.select_WtVBc.active_9l7hC {
border-color: #2e73e5;
}
.select_WtVBc .currentSelected_T6Mj7 {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.select_WtVBc .currentSelected_T6Mj7 .content_UXgMA {
max-width: 66px;
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
}
.select_WtVBc .currentSelected_T6Mj7 .iconWrap_4AKDX {
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.select_WtVBc .currentSelected_T6Mj7 .iconWrap_4AKDX .arrowIcon_R8BGH {
width: 10px;
}
.select_WtVBc .options_0Lwh0 {
padding: 4px 0;
position: absolute;
top: calc(100% + 4px);
left: 0;
z-index: 1;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.select_WtVBc .options_0Lwh0 .option_JdhWm,
.select_WtVBc .options_0Lwh0 .useEndTimeBtn_OyxHx {
width: 100%;
height: 36px;
padding: 0px 26px 0 12px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
cursor: pointer;
}
.select_WtVBc .options_0Lwh0 .option_JdhWm.selected_PeK-c,
.select_WtVBc .options_0Lwh0 .useEndTimeBtn_OyxHx.selected_PeK-c {
background-color: #eaf1fc;
}
.select_WtVBc .options_0Lwh0 .option_JdhWm .content_UXgMA,
.select_WtVBc .options_0Lwh0 .useEndTimeBtn_OyxHx .content_UXgMA {
width: 100%;
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
white-space: nowrap;
}
.select_WtVBc .options_0Lwh0 .optionsDivider_hKEEm {
width: 100%;
height: 1px;
background-color: #E6E7E9;
margin: 4px 0;
}
.do-hovers .select_WtVBc:hover {
border-color: #2e73e5;
}
.do-hovers .select_WtVBc .option_JdhWm:hover,
.do-hovers .select_WtVBc .useEndTimeBtn_OyxHx:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .select_WtVBc .option_JdhWm.selected_PeK-c:hover {
background-color: #eaf1fc;
}
.do-hovers .timeSelectorWrap_BqPAc .timeItem_3AGtW:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .timeSelectorWrap_BqPAc .timeItem_3AGtW.selected_PeK-c:hover {
background-color: #eaf1fc;
}
.do-hovers .selectEndTimeInputs_93Vih:not(.invalid_ol9R2):hover .selectEndTimeDivider_OanLL {
background-color: #2e73e5 !important;
}
.do-hovers .selectEndTimeInputs_93Vih:not(.invalid_ol9R2) .selectDateWrap_W5mCb:hover {
border-color: #2e73e5 !important;
}
.do-hovers .selectEndTimeInputs_93Vih:not(.invalid_ol9R2) .selectTimeWrap_c37w9:hover {
border-color: #2e73e5 !important;
}
.checkbox_hEKB3 {
width: 16px;
height: 16px;
border: 1px solid #dbdbde;
border-radius: 4px;
background-color: #fff;
cursor: pointer;
position: relative;
}
.checkbox_hEKB3.disabled_t-7aH {
background-color: #ececee;
cursor: not-allowed;
}
.checkbox_hEKB3.selectPart_4Bk4R:after {
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 2px;
background-color: #2e73e5;
position: absolute;
top: calc(50% - 3px);
left: calc(50% - 3px);
}
.checkbox_hEKB3.selectPart_4Bk4R.disabled_t-7aH:after {
background-color: #c2c3c8;
}
.checkbox_hEKB3.selectAll_kS8Jq {
border-color: #2e73e5;
background-color: #2e73e5;
}
.checkbox_hEKB3.selectAll_kS8Jq:after {
content: "";
display: block;
width: 9px;
height: 5px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
position: absolute;
top: 3px;
left: 3px;
}
.checkbox_hEKB3.selectAll_kS8Jq.disabled_t-7aH {
border-color: #dbdbde;
background-color: #ececee;
}
.checkbox_hEKB3.selectAll_kS8Jq.disabled_t-7aH:after {
border-color: #c2c3c8;
}
.do-hovers .inputNameWrap_1tTlx .inputName_Iev9k:hover,
.do-hovers .inputNameWrap_1tTlx .inputName_Iev9k:focus,
.do-hovers .votesCount_5yVMK .inputCount_mUsA3:hover,
.do-hovers .votesCount_5yVMK .inputCount_mUsA3:focus,
.do-hovers .votingNoteWrap_P--of .noteTextarea_sJ3ME:hover {
border-color: #2e73e5;
}
.do-hovers .clearInput_rIf-n:hover {
background: rgba(0, 0, 0, 0.06);
}
.do-hovers .increaseIcon_fPjqN:hover,
.do-hovers .decreaseIcon_YVSDI:hover {
color: #2e73e5;
background-color: #abc7f5;
}
.do-hovers .increaseIcon_fPjqN.disabled_t-7aH:hover,
.do-hovers .decreaseIcon_YVSDI.disabled_t-7aH:hover {
color: #dbdbde;
background-color: #f5f6f6;
}
.do-hovers .elementsWrap_RObTK .selectAllBtn_IWL4H:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.do-hovers .checkbox_hEKB3:hover:not(.disabled_t-7aH) {
border-color: #2e73e5;
}
.bottomButtonWrap_-efzS {
width: 292px;
padding: 12px 0;
margin: 0 auto;
}
.votingNoteWrap_P--of {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px;
}
.votingNoteWrap_P--of .noteHeader_y82jR {
display: flex;
flex-direction: column;
gap: 4px;
}
.votingNoteWrap_P--of .noteDescription_fkm8q {
font-size: 12px;
color: #999;
line-height: 1.4;
}
.votingNoteWrap_P--of .noteTextarea_sJ3ME {
width: 100%;
min-height: 80px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.5;
border: 1px solid #e6e7e9;
border-radius: 4px;
resize: vertical;
font-family: inherit;
}
.votingNoteWrap_P--of .noteTextarea_sJ3ME:focus {
outline: none;
border-color: #2e73e5;
}
.votingNoteWrap_P--of .noteTextarea_sJ3ME::-moz-placeholder {
color: #999;
}
.votingNoteWrap_P--of .noteTextarea_sJ3ME::placeholder {
color: #999;
}
.votingNoteWrap_P--of .charCount_kBxcy {
display: flex;
justify-content: flex-end;
font-size: 12px;
color: #999;
margin-top: 4px;
}
.votingNoteWrap_P--of .charCount_kBxcy.over_eILtB {
color: #ff4d4f;
}
.tipWrap_OgK9v {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
height: 38px;
padding: 0 12px;
border-radius: 4px;
background: #2e73e5;
pointer-events: all;
}
.tipContent_ERul8 {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.iconWrap_AWT0X {
width: 16px;
height: 16px;
color: #abc7f5;
cursor: pointer;
}
.icon_PaL5s {
font-size: 16px;
color: #fff;
}
.do-hovers .icon_PaL5s:hover {
color: #abc7f5;
}
.hoverTipContent_ZO9X3 {
width: 200px;
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 20px;
word-break: break-word;
}
.votingLayoutContainer_uRrNh {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.votingLayoutContainer_uRrNh.hideAll_JP54V {
display: none;
}
.toolbarWrap_UTUSY {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 8px;
height: 100%;
}
.toolbar_xv-BF,
.undoredo_0nzwX {
z-index: 0;
}
.bigScreenToolbarWrap_d2-1U {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
position: absolute;
bottom: 8px;
left: 50%;
transform: translateX(-50%);
}
.bigScreenToolbarWrap_d2-1U .bigScreenBoardToolbar_rHY5L {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 4px;
padding: 6px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.bigScreenToolbarWrap_d2-1U .bigScreenBoardToolbar_rHY5L .divideLine_arVkn {
width: 1px;
height: 36px;
background: #e6e7e9;
align-self: center;
margin: 0 8px;
}
.bigScreenToolbarWrap_d2-1U .bigScreenVotingToolBar_fCr5I {
position: static;
position: initial;
transform: none;
transform: initial;
}
.votingStatusPanelContainer_W4A6y {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 276px;
padding-top: 16px;
padding-bottom: 16px;
border-radius: 4px;
background: #fff;
pointer-events: all;
position: absolute;
top: 8px;
right: 8px;
}
.votingStatusPanelContainer_W4A6y.showEndTime_9TRcJ {
padding-bottom: 8px;
}
.firstRow_pmvwg {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
}
.firstRow_pmvwg .leftVotesWrap_qieda {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2px;
}
.firstRow_pmvwg .leftVotesWrap_qieda .leftVotesCount_wawFF {
font-size: 24px;
line-height: 32px;
color: #0c1024;
font-weight: 600;
}
.firstRow_pmvwg .leftVotesWrap_qieda .leftVotesTip_ywocA {
color: #91939c;
font-size: 12px;
line-height: 20px;
}
.firstRow_pmvwg .verticalDivider_jl-Lu {
width: 1px;
height: 47px;
background-color: #E6E7E9;
}
.firstRow_pmvwg .leftDurationWrap_attKg {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2px;
}
.firstRow_pmvwg .leftDurationWrap_attKg .leftDuration_U-OBK {
font-size: 24px;
line-height: 32px;
color: #0c1024;
font-weight: 600;
}
.firstRow_pmvwg .leftDurationWrap_attKg .leftDurationTipWrap_CvVuB {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
}
.firstRow_pmvwg .leftDurationWrap_attKg .leftDurationTipWrap_CvVuB .leftDurationTip_nxrS7 {
color: #91939c;
font-size: 12px;
line-height: 20px;
}
.firstRow_pmvwg .leftDurationWrap_attKg .leftDurationTipWrap_CvVuB .durationOperationWrap_5Awo5 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
}
.firstRow_pmvwg .leftDurationWrap_attKg .leftDurationTipWrap_CvVuB .durationOperationWrap_5Awo5 .operationBtn_-mT-0 {
height: 20px;
padding: 0 6px;
font-size: 12px;
line-height: 20px;
color: #2e73e5;
border-radius: 2px;
background-color: #eaf1fc;
cursor: pointer;
}
.do-hovers .durationOperationWrap_5Awo5 .operationBtn_-mT-0:hover {
color: #fff !important;
background-color: #5798f2 !important;
}
.horizontalDivider_HcN-0 {
margin: 16px auto 8px auto;
width: 244px;
height: 0;
background-color: transparent;
border-top: 1px dashed #E6E7E9;
}
.secondRow_GAevP {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
}
.secondRow_GAevP .endTimeTipIcon_TTM-w {
color: #91939C;
}
.secondRow_GAevP .endTimeTip_1QxWq {
color: #91939C;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.votingToolBarContainer_boxnn {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 8px;
height: 56px;
padding: 0 12px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #e6e7e9;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
pointer-events: all;
position: absolute;
bottom: 8px;
left: 50%;
transform: translateX(-50%);
}
.firstColumn_UbLcZ {
width: 140px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2px;
}
.firstColumn_UbLcZ .votingNameRow_M6yDO {
display: flex;
align-items: center;
gap: 6px;
}
.firstColumn_UbLcZ .votingName_VyKpz {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #0c1024;
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.firstColumn_UbLcZ .statusTags_l1LHI {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.firstColumn_UbLcZ .statusTags_l1LHI .statusTag_OUC3x {
height: 20px;
padding: 0 5px;
line-height: 20px;
border-radius: 2px;
text-align: center;
font-size: 12px;
color: #0c1024;
background-color: #ececee;
}
.backToVotingAreaBtn_D8Nbm {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 58px;
height: 48px;
}
.backToVotingAreaBtn_D8Nbm .icon_6AWue {
width: 22px;
height: 22px;
}
.backToVotingAreaBtn_D8Nbm .content_aZWF1 {
color: #0c1024;
text-align: center;
font-size: 10px;
font-weight: 400;
line-height: 18px;
white-space: nowrap;
}
.moreBtnWrap_U0XpN {
position: relative;
}
.moreBtn_swKxs {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
}
.moreBtn_swKxs .icon_6AWue {
width: 22px;
height: 22px;
}
.moreBtn_swKxs .content_aZWF1 {
color: #0c1024;
text-align: center;
font-size: 10px;
font-weight: 400;
line-height: 18px;
white-space: nowrap;
}
.moreBtnList_0xt7C {
width: -moz-max-content;
width: max-content;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding: 8px 0;
}
.moreBtnList_0xt7C .btnItem_k47IK {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
padding-left: 16px;
padding-right: 16px;
}
.moreBtnList_0xt7C .btnItem_k47IK .btnIcon_gcfZ3 {
font-size: 24px;
color: #0c1024;
}
.moreBtnList_0xt7C .btnItem_k47IK .btnContent_yUPgR {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.moreBtnList_0xt7C .btnItem_k47IK.endBtn_CR266 .btnIcon_gcfZ3 {
color: #fe5250;
}
.moreBtnList_0xt7C .btnItem_k47IK.endBtn_CR266 .btnContent_yUPgR {
color: #fe5250;
}
.do-hovers .thirdColumn_FL-Qg:hover {
background-color: #f5f6f6;
}
.leaveBtn_hfzKe {
width: 72px;
font-size: 14px;
}
.submitBtn_ghcnL {
width: 80px;
font-size: 14px;
}
.container_pH9xO {
margin-top: 20px;
}
.tagsLabel_3-uFd {
font-size: 14px;
color: #333;
margin-bottom: 8px;
font-weight: 500;
}
@media (max-width: 768px) {
.tagsLabel_3-uFd {
font-size: 13px;
margin-bottom: 6px;
}
}
.tagsWrapper_3aLil {
display: flex;
flex-wrap: wrap;
gap: 8px;
max-height: 200px;
overflow-y: auto;
padding-right: 4px;
}
.tagsWrapper_3aLil::-webkit-scrollbar {
width: 6px;
}
.tagsWrapper_3aLil::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.tagsWrapper_3aLil::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
.tagsWrapper_3aLil::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
@media (max-width: 768px) {
.tagsWrapper_3aLil {
gap: 6px;
max-height: 150px;
padding-right: 2px;
}
.tagsWrapper_3aLil::-webkit-scrollbar {
width: 4px;
}
}
.tagButton_b8hwn {
padding: 6px 12px;
font-size: 13px;
border: 1px solid #d9d9d9;
border-radius: 4px;
background-color: #fff;
color: #333;
cursor: pointer;
transition: all 0.2s ease;
outline: none;
white-space: nowrap;
}
.tagButton_b8hwn:hover:not(:disabled) {
border-color: #1890ff;
color: #1890ff;
}
.tagButton_b8hwn.selected_mbqsF {
background-color: #1890ff;
border-color: #1890ff;
color: #fff;
}
.tagButton_b8hwn.selected_mbqsF:hover {
background-color: #40a9ff;
border-color: #40a9ff;
}
.tagButton_b8hwn.disabled_6HWcs {
background-color: #f5f5f5;
border-color: #d9d9d9;
color: #bbb;
cursor: not-allowed;
opacity: 0.6;
}
@media (max-width: 768px) {
.tagButton_b8hwn {
padding: 5px 10px;
font-size: 12px;
}
}
.reasonInput_whk2u {
width: 100%;
height: 120px;
resize: none;
border: 1px solid #d9d9d9;
border-radius: 6px;
padding: 12px;
font-size: 14px;
line-height: 1.5;
font-family: inherit;
outline: none;
box-sizing: border-box;
}
.reasonInput_whk2u:focus {
border-color: #1890ff;
}
@media (max-width: 768px) {
.reasonInput_whk2u {
height: 100px;
padding: 10px;
font-size: 16px;
line-height: 1.4;
}
}
.charCount_99W-b {
display: flex;
justify-content: flex-end;
font-size: 12px;
color: #999;
margin-top: 8px;
}
.charCount_99W-b.over_jaJwg {
color: #ff4d4f;
}
@media (max-width: 768px) {
.charCount_99W-b {
margin-top: 6px;
}
}
.votingNoteDialogBox_9Dk8w {
position: absolute;
top: 80px;
left: calc(50% - 190px);
pointer-events: auto;
width: 380px;
min-height: 130px;
max-height: 450px;
padding: 20px 24px;
padding-top: 15px;
background-color: #fff;
border-radius: 12px;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
}
.headerRow_rfL01 {
display: flex;
align-items: center;
margin-bottom: 4px;
text-align: left;
gap: 4px;
font-size: 16px;
font-weight: 600;
color: #0c1024;
}
.headerRow_rfL01 span {
margin-bottom: 2px;
}
.bodyRow_MZbI5 {
padding-left: 30px;
margin-bottom: 16px;
text-align: left;
font-size: 14px;
color: #616371;
word-break: break-word;
white-space: pre-wrap;
max-height: 300px;
overflow-y: auto;
}
.footerRow_S6bwx {
display: flex;
justify-content: flex-end;
}
.confirm_wE0WO {
min-width: 56px;
height: 32px;
padding: 5px 12px;
background-color: #2e73e5;
color: #fff;
border-radius: 4px;
font-size: 14px;
text-align: center;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.confirm_wE0WO:hover {
opacity: 0.7;
}
.confirm_wE0WO:active {
opacity: 1;
background-color: #1d56bf;
}
.votingNoteDialogBoxPhone_7eSw9 {
position: absolute;
top: 90px;
left: calc(50% - 180px);
pointer-events: auto;
width: 359px;
min-height: 105px;
max-height: 450px;
padding: 16px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
}
.votingNoteDialogBoxPhone_7eSw9 .headerRow_rfL01 {
display: flex;
align-items: center;
margin-bottom: 4px;
text-align: left;
gap: 4px;
font-size: 16px;
font-weight: 600;
color: #0c1024;
}
.votingNoteDialogBoxPhone_7eSw9 .bodyRow_MZbI5 {
padding-left: 22px;
margin-bottom: 12px;
text-align: left;
font-size: 14px;
color: #616371;
word-break: break-word;
white-space: pre-wrap;
max-height: 300px;
overflow-y: auto;
}
.votingNoteDialogBoxPhone_7eSw9 .footerRow_S6bwx {
display: flex;
justify-content: flex-end;
}
.votingNoteDialogBoxPhone_7eSw9 .confirm_wE0WO {
min-width: 80px;
}
.votingLayoutContainer_7I1w6 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.votingLayoutContainer_7I1w6.hideAll_9KggG {
display: none;
}
.commentBtn_NeF7g {
position: absolute;
right: 8px;
bottom: 92px;
}
.votingToolBarContainer_XCsbS {
width: 100%;
padding: 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 12px;
background-color: #fff;
border: 1px solid #e6e7e9;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
pointer-events: all;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
.backToVotingAreaBtn_UTQ-G {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
position: absolute;
bottom: calc(100% + 8px);
left: 9px;
}
.firstColumn_BNm7e {
width: 140px;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
gap: 8px;
}
.firstColumn_BNm7e .firstRow_evyYQ {
width: 100%;
display: flex;
align-items: center;
gap: 6px;
}
.firstColumn_BNm7e .firstRow_evyYQ > span {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #0c1024;
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.firstColumn_BNm7e .secondRow_TC9-C {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 12px;
}
.firstColumn_BNm7e .secondRow_TC9-C .statusTag_VZtO1 {
max-width: 44px;
height: 20px;
display: flex;
flex-shrink: 0;
padding: 0 5px;
line-height: 20px;
border-radius: 2px;
text-align: center;
font-size: 12px;
color: #0c1024;
background-color: #ececee;
overflow: hidden;
}
.firstColumn_BNm7e .secondRow_TC9-C .leftDuration_CGsbT {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
white-space: nowrap;
}
.firstColumn_BNm7e .secondRow_TC9-C .leftDuration_CGsbT .icon_L2-Y4 {
width: 16px;
height: 16px;
color: #616371;
}
.firstColumn_BNm7e .secondRow_TC9-C .leftDuration_CGsbT .content_e-OXx {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.firstColumn_BNm7e .secondRow_TC9-C .ticketsTip_Cctli {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
white-space: nowrap;
}
.firstColumn_BNm7e .secondRow_TC9-C .ticketsTip_Cctli .icon_L2-Y4 {
width: 16px;
height: 16px;
color: #616371;
}
.firstColumn_BNm7e .secondRow_TC9-C .ticketsTip_Cctli .content_e-OXx {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.secondColumn_Pkd4s {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 8px;
}
.secondColumn_Pkd4s .leaveBtn_xSMyF {
width: 54px;
height: 34px;
white-space: nowrap;
}
.secondColumn_Pkd4s .submitBtn_Xng9t {
width: 54px;
height: 34px;
white-space: nowrap;
}
.newVotingNotificationContainer_peHJh {
min-width: 376px;
max-width: 395px;
padding: 8px 20px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 4px;
gap: 16px;
position: absolute;
top: 0;
left: 0;
z-index: 30;
background: black;
pointer-events: auto;
color: white;
}
.newVotingNotificationContainer_peHJh .leftPart_vZjJV {
display: flex;
flex: 1;
flex-direction: column;
overflow: hidden;
}
.newVotingNotificationContainer_peHJh .rightPart_qOiL5 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
}
.newVotingNotificationContainer_peHJh .rightPart_qOiL5 .action_kDYlf {
flex-shrink: 0;
height: 32px;
font-size: 14px;
line-height: 22px;
padding: 0 12px;
}
.newVotingNotificationContainer_peHJh .rightPart_qOiL5 .closeButton_B9HWr {
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
cursor: pointer;
}
.newVotingNotificationContainer_peHJh .rightPart_qOiL5 .closeButton_B9HWr .closeIcon_XgYlF {
width: 16px;
height: 16px;
}
.phoneMode .newVotingNotificationContainer_peHJh {
min-width: 344px;
width: 344px;
padding: 10px 0 10px 16px;
gap: 12px;
}
.phoneMode .newVotingNotificationContainer_peHJh .rightPart_qOiL5 {
gap: 0;
}
.phoneMode .newVotingNotificationContainer_peHJh .rightPart_qOiL5 .closeButton_B9HWr {
width: 36px;
height: 36px;
}
.votingEndedNotificationContainer_0usz4 {
min-width: 376px;
max-width: 395px;
padding: 8px 20px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 4px;
gap: 16px;
position: absolute;
top: 0;
left: 0;
z-index: 30;
background: black;
pointer-events: auto;
color: white;
}
.votingEndedNotificationContainer_0usz4 .leftPart_AeMGV {
display: flex;
flex: 1;
flex-direction: column;
overflow: hidden;
}
.votingEndedNotificationContainer_0usz4 .leftPart_AeMGV .text_jBP-n {
font-size: 14px;
line-height: 22px;
font-weight: 400;
word-break: break-word;
}
.votingEndedNotificationContainer_0usz4 .rightPart_xvgBw {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
}
.votingEndedNotificationContainer_0usz4 .rightPart_xvgBw .action_qI1w8 {
flex-shrink: 0;
height: 32px;
font-size: 14px;
line-height: 22px;
padding: 0 12px;
}
.votingEndedNotificationContainer_0usz4 .rightPart_xvgBw .closeButton_iQQic {
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
cursor: pointer;
}
.votingEndedNotificationContainer_0usz4 .rightPart_xvgBw .closeButton_iQQic .closeIcon_yfaA0 {
width: 16px;
height: 16px;
}
.phoneMode .votingEndedNotificationContainer_0usz4 {
min-width: 344px;
width: 344px;
padding: 10px 0 10px 16px;
gap: 12px;
}
.phoneMode .votingEndedNotificationContainer_0usz4 .rightPart_xvgBw {
gap: 0;
}
.phoneMode .votingEndedNotificationContainer_0usz4 .rightPart_xvgBw .closeButton_iQQic {
width: 36px;
height: 36px;
}
.placeholderForPWA_cTZ0- {
width: 100%;
height: 26px;
flex-shrink: 0;
}
.votingDrawerContainer_e4U-a {
min-height: calc(100vh - 200px);
display: flex;
flex-direction: column;
}
.historyVotingListPanelContainer_RL0eQ {
width: 100%;
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
border-radius: 12px 12px 0px 0px;
background-color: #fff;
overflow-y: auto;
}
.headContainer_NxvFa {
height: 58px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
padding: 0 4px 0 16px;
background-color: #fff;
}
.headContainer_NxvFa .headLeftPart_UGkhb {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 6px;
}
.headContainer_NxvFa .headLeftPart_UGkhb .backBtn_gU1tR {
width: 22px;
height: 22px;
position: relative;
top: 1px;
}
.headContainer_NxvFa .headLeftPart_UGkhb .title_85gpG {
color: #0c1024;
font-size: 18px;
font-weight: 600;
line-height: 26px;
}
.headContainer_NxvFa .closeBtn_J9w0- {
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
}
.bodyContainer_hoCL9 {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
flex: 1;
overflow-y: auto;
background-color: #F5F6F6;
}
.bodyContainer_hoCL9 .votingList_wGM0J {
display: flex;
flex-direction: column;
flex: 1;
background-color: #fff;
}
.historyVotingItemContainer_9DxNG {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 14px;
padding: 10px 8px 10px 16px;
border-radius: 4px;
background-color: #fff;
}
.leftContainer_RWJWD {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex: 1;
gap: 4px;
overflow: hidden;
}
.leftContainer_RWJWD .votingStartTime_yLgrW {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.leftContainer_RWJWD .votingStartTime_yLgrW .votingStartDate_dj1N6,
.leftContainer_RWJWD .votingStartTime_yLgrW .votingStartDay_g1ONr {
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.leftContainer_RWJWD .votingStartTime_yLgrW .votingStartHour_M2BFJ {
color: #0c1024;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.leftContainer_RWJWD .votingTitle_tzPHo {
max-width: 100%;
color: #0c1024;
font-size: 16px;
font-weight: 400;
line-height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.leftContainer_RWJWD .votingCreator_jHDnQ {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 4px;
width: 100%;
overflow: hidden;
}
.leftContainer_RWJWD .votingCreator_jHDnQ .creatorTip_9Z-G2 {
color: #0c1024;
font-size: 12px;
font-weight: 400;
line-height: 20px;
flex-shrink: 0;
}
.leftContainer_RWJWD .votingCreator_jHDnQ .creatorAvatar_4vxJ3 {
width: 18px;
height: 18px;
border-radius: 50%;
flex-shrink: 0;
}
.leftContainer_RWJWD .votingCreator_jHDnQ .creatorUsername_st70b {
color: #0c1024;
font-size: 12px;
font-weight: 400;
line-height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rightContainer_5gpBP {
flex-shrink: 0;
}
.rightContainer_5gpBP .viewDetailBtn_xHiiV {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.rightContainer_5gpBP .viewDetailBtn_xHiiV .content_RtYRT {
color: #91939c;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.rightContainer_5gpBP .viewDetailBtn_xHiiV .arrowIcon_t2r9i {
width: 24px;
height: 24px;
color: #91939c;
}
.votingDetailPanelContainer_1bTYc {
width: 100%;
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
position: relative;
background-color: #f5f6f6;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
overflow-y: hidden;
}
.header_u1UGg {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
flex-shrink: 0;
width: 100%;
height: 164px;
background-color: #fff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.header_u1UGg .titleWrap_ZsgqG {
width: 100%;
height: 58px;
padding: 0 16px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 4px;
border-bottom: 1px solid #dbdbde;
}
.header_u1UGg .titleWrap_ZsgqG .title_A8N1i {
color: #0c1024;
font-size: 20px;
font-weight: 400;
line-height: 28px;
margin-right: auto;
}
.header_u1UGg .titleWrap_ZsgqG .closeBtn_1ZVxu {
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
}
.header_u1UGg .votingInfoWrap_XzWeT {
height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
gap: 4px;
padding: 0 16px;
}
.header_u1UGg .votingInfoWrap_XzWeT .firstRow_ehOg4 {
display: flex;
flex-direction: row;
gap: 8px;
}
.header_u1UGg .votingInfoWrap_XzWeT .firstRow_ehOg4 .votingName_l56x6 {
width: 100%;
color: #0c1024;
font-size: 16px;
font-weight: 400;
line-height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header_u1UGg .votingInfoWrap_XzWeT .secondRow_i-GKR {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
color: #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.header_u1UGg .votingInfoWrap_XzWeT .thirdRow_mDFhX {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.header_u1UGg .votingInfoWrap_XzWeT .thirdRow_mDFhX .statusTag_NH9FO {
height: 20px;
padding: 0 5px;
line-height: 20px;
border-radius: 2px;
text-align: center;
font-size: 12px;
color: #0c1024;
background-color: #ececee;
}
.header_u1UGg .votingInfoWrap_XzWeT .thirdRow_mDFhX .statusTag_NH9FO.votingStatus_hFV4T {
color: #fff;
background-color: #67c23a;
}
.body_CgekO {
display: flex;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: 100%;
margin-top: 8px;
background-color: #fff;
overflow-y: auto;
}
.body_CgekO .resultList_YDAkA {
display: flex;
flex-direction: column;
align-items: stretch;
padding: 16px 0;
gap: 12px;
overflow-y: auto;
}
.resultItem_5FI4o {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
height: 104px;
margin: 0 16px;
padding: 14px 0 14px 16px;
border-radius: 4px;
border: 1px solid #e6e7e9;
background-color: #fff;
position: relative;
}
.resultItem_5FI4o .myVoteTip_L0orN {
display: flex;
justify-content: center;
align-items: center;
padding: 0px 12px;
gap: 10px;
border-radius: 0px 4px;
background-color: #eaf1fc;
color: #2e73e5;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
position: absolute;
top: 0;
right: 0;
}
.resultItem_5FI4o .rankTrophy_-iIRQ {
width: 56px;
height: 74px;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 0;
overflow: hidden;
}
.resultItem_5FI4o .rankTrophy_-iIRQ .rankTrophyIcon_Xssa- {
width: 80px;
height: 78px;
position: absolute;
top: 0;
right: 0;
}
.resultItem_5FI4o .rank_0Olw9 {
width: 50px;
text-align: center;
color: #303445;
font-size: 14px;
font-weight: 600;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 2px;
}
.resultItem_5FI4o .rank_0Olw9.no1_7okA3 {
color: #a8601e;
}
.resultItem_5FI4o .rank_0Olw9.no2_S8jT5 {
color: #5e6f92;
}
.resultItem_5FI4o .rank_0Olw9.no3_N-bM- {
color: #ca8576;
}
.resultItem_5FI4o .elementWrap_Ldbg7 {
width: 76px;
height: 76px;
border-radius: 4px;
background: #f5f6f6;
margin-left: 16px;
padding: 10px;
position: relative;
}
.resultItem_5FI4o .elementWrap_Ldbg7 .elementSnapshotCointainer_C0Npd {
width: 100%;
height: 100%;
}
.resultItem_5FI4o .elementWrap_Ldbg7 .elementSnapshot_-S-HL {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.resultItem_5FI4o .elementWrap_Ldbg7 .zoomInBtn_cMllP {
display: flex;
width: 20px;
height: 20px;
justify-content: center;
align-items: center;
border-radius: 2px;
background: rgba(0, 0, 0, 0.45);
position: absolute;
right: 2px;
bottom: 2px;
cursor: pointer;
}
.resultItem_5FI4o .elementWrap_Ldbg7 .zoomInBtn_cMllP .zoomInIcon_lMHeK {
width: 16px;
height: 16px;
color: #fff;
}
.resultItem_5FI4o .resultDetail_xqKEG {
margin-left: 8px;
position: relative;
top: 2px;
}
.resultItem_5FI4o .resultDetail_xqKEG .voteCount_vULle {
color: v #0c1024;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.resultItem_5FI4o .resultDetail_xqKEG .voters_ur14T {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 12px;
}
.resultItem_5FI4o .resultDetail_xqKEG .voters_ur14T .avatar_hU-9D {
width: 24px;
height: 24px;
border-radius: 24px;
border: 1px solid #fff;
margin-left: -8px;
}
.resultItem_5FI4o .resultDetail_xqKEG .voters_ur14T .avatar_hU-9D:first-child {
margin-left: 0;
}
.resultItem_5FI4o .resultDetail_xqKEG .voters_ur14T .moreVoters_S8CYi {
min-width: 24px;
height: 24px;
padding: 0 2px;
margin-left: -8px;
border-radius: 12px;
border: 1px solid #fff;
background-color: #f5f6f6;
color: #0c1024;
font-size: 12px;
font-weight: 400;
line-height: 22px;
text-align: center;
cursor: pointer;
}
.resultItem_5FI4o .resultDetail_xqKEG .voters_ur14T .anonymousVotersCount_quURc {
color: #616371;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
.container_piMOY {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 27;
background-color: rgba(0, 0, 0, 0.45);
}
.contentContainer_9chgn {
position: absolute;
top: 98px;
left: 0;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
}
.content_KKXlO {
width: 100%;
overflow: hidden;
}
.placeholderForPWA_Zdn8X {
width: 100%;
height: 26px;
flex-shrink: 0;
background-color: #fff;
}
.container_hZz-0 {
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
flex: 1;
overflow-y: hidden;
background-color: #fff;
border-radius: 12px 12px 0px 0px;
}
.container_hZz-0 .content_Ksk4t {
width: 100%;
height: 100%;
overflow-y: auto;
}
.container_hZz-0 .userInfoWrap_-IcY5 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
width: 100%;
height: 56px;
padding: 0 24px;
}
.container_hZz-0 .userInfoWrap_-IcY5 .avatar_xr3mg {
width: 28px;
height: 28px;
flex-shrink: 0;
}
.container_hZz-0 .userInfoWrap_-IcY5 .userName_OJBJn {
white-space: nowrap;
color: #0c1024;
font-size: 16px;
font-weight: 400;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
}
.ongoingVotingListPanelContainer_iFeTx {
width: 100%;
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
border-radius: 12px 12px 0px 0px;
background-color: #fff;
overflow: hidden;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym {
height: 58px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
padding: 0 4px 0 16px;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym .title_j4Wy- {
color: #0c1024;
font-size: 18px;
font-weight: 600;
line-height: 26px;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym .headRightPart_3lMcR {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym .headRightPart_3lMcR .historyVotingListBtn_ioeRP {
color: #000;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym .headRightPart_3lMcR .titleDivider_FNxFY {
width: 1px;
height: 19px;
background-color: #E6E7E9;
margin-left: 12px;
}
.ongoingVotingListPanelContainer_iFeTx .headContainer_0Koym .headRightPart_3lMcR .closeBtn_dyWgl {
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
flex: 1;
background-color: #F5F6F6;
overflow-y: auto;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .bodyContentWrap_F8ens {
display: flex;
flex: 1;
flex-direction: column;
padding: 16px 16px 12px 16px;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .bodyContentWrap_F8ens .votingListTitle_lMMtE {
width: 100%;
font-size: 14px;
line-height: 22px;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .bodyContentWrap_F8ens .votingList_0UP9R {
display: flex;
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 12px;
margin-top: 8px;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .unsupportTip_tjedV {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-shrink: 0;
gap: 8px;
padding: 4px 0 24px 0;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .unsupportTip_tjedV .icon_9DT-2 {
width: 16px;
height: 16px;
flex-shrink: 0;
color: #2e73e5;
}
.ongoingVotingListPanelContainer_iFeTx .bodyContainer_Ae36o .unsupportTip_tjedV .content_-vCrf {
color: #303445;
font-size: 15px;
font-weight: 400;
line-height: 22px;
word-break: break-word;
}
.ongoingVotingItemContainer_Q3Xq9 {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 12px;
padding: 12px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);
}
.rowContainer_1yE4I {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}
.firstRowGroup_q1-Mb {
display: flex;
flex-direction: column;
gap: 8px;
}
.firstRow_4z4Rc {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 8px;
}
.firstRow_4z4Rc .titleContainer_dt9UR {
display: flex;
flex-direction: row;
flex: 1;
}
.firstRow_4z4Rc .menuButtonWrap_rHh5H {
position: relative;
}
.firstRow_4z4Rc .menuButton_3wycd {
width: 22px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 2px;
cursor: pointer;
}
.firstRow_4z4Rc .menuButton_3wycd.active_GgVmH {
background-color: rgba(0, 0, 0, 0.06);
}
.firstRow_4z4Rc .submenuWrap_j7kXp {
padding: 8px 0;
width: -moz-max-content;
width: max-content;
min-width: 120px;
border-radius: 4px;
}
.firstRow_4z4Rc .submenuWrap_j7kXp .submenuRow_AJbhY {
height: 36px;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 16px;
color: #0c1024;
font-size: 14px;
font-weight: 400;
cursor: pointer;
}
.do-hovers .firstRow_4z4Rc .menuButton_3wycd:hover,
.do-hovers .submenuWrap_j7kXp .submenuRow_AJbhY:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.secondRow_lx-Cr {
gap: 4px;
}
.secondRow_lx-Cr .statusTag_XhY1G {
height: 20px;
padding: 0 5px;
color: #0c1024;
font-size: 12px;
line-height: 20px;
text-align: center;
border-radius: 2px;
background-color: #ececee;
}
.secondRow_lx-Cr .statusTag_XhY1G.notVoted_hvZAq {
color: #FE5250;
background-color: #FFEEED;
}
.secondRow_lx-Cr .statusTag_XhY1G.voted_SB5rc {
color: #67C23A;
background-color: #F4FFE8;
}
.secondRow_lx-Cr .statusTag_XhY1G.abstained_W5yJK {
color: #67C23A;
background-color: #F6FFEE;
outline: 1px dashed rgba(103, 194, 58, 0.5);
}
.thirdRow_iq8Sd {
height: 40px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0 8px 0 12px;
border-radius: 4px;
background: #f5f6f6;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 6px;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationIcon_SqZaJ {
color: #91939C;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDuration_LmfrK {
font-size: 16px;
line-height: 24px;
color: #0C1024;
font-weight: 600;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationNumber_AtjWr {
width: 10px;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationColon_-DRTa {
width: 14px;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationTipWrap_xLBG4,
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationHoverTip_i9PpV {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 8px;
overflow: hidden;
margin-left: auto;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationTipWrap_xLBG4 .durationOperationWrap_xoev0,
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationHoverTip_i9PpV .durationOperationWrap_xoev0 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationTipWrap_xLBG4 .durationOperationWrap_xoev0 .operationBtn_mHbpd,
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationHoverTip_i9PpV .durationOperationWrap_xoev0 .operationBtn_mHbpd {
height: 20px;
padding: 0 6px;
font-size: 12px;
line-height: 20px;
color: #2e73e5;
border-radius: 2px;
background-color: rgba(46, 115, 229, 0.1);
cursor: pointer;
}
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationTipWrap_xLBG4 .endTimeTip_7QL3r,
.thirdRow_iq8Sd .leftDurationWrap_CDnF- .leftDurationHoverTip_i9PpV .endTimeTip_7QL3r {
color: #0C1024;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
white-space: nowrap;
}
.do-hovers .durationOperationWrap_xoev0 .operationBtn_mHbpd:hover {
color: #fff !important;
background-color: #5798F2 !important;
}
.fourthRow_LWRix {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
.fourthRow_LWRix .endVotingBtn_0Qi-I,
.fourthRow_LWRix .joinVotingBtn_5KeTP,
.fourthRow_LWRix .viewResultBtn_knLCt {
height: 32px;
padding: 0 12px;
font-size: 12px;
}
.endVotingBtn_0Qi-I {
color: #fe5250;
border-color: #fe5250;
}
.do-hovers .endVotingBtn_0Qi-I:hover {
color: #ff7f78 !important;
border-color: #ff7f78 !important;
}
.do-hovers .endVotingBtn_0Qi-I:active:not(.disabled_RMHpd) {
color: #d9383b !important;
border-color: #d9383b !important;
}
.votedNotificationContainer_iAcXj {
min-width: 376px;
max-width: 395px;
padding: 8px 20px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 4px;
gap: 16px;
position: absolute;
top: 0;
left: 0;
z-index: 30;
background: black;
pointer-events: auto;
color: white;
}
.votedNotificationContainer_iAcXj .leftPart_kyLDL {
display: flex;
flex: 1;
flex-direction: column;
overflow: hidden;
}
.votedNotificationContainer_iAcXj .leftPart_kyLDL .text_qDiDY {
max-width: 272px;
font-size: 14px;
line-height: 22px;
font-weight: 400;
word-break: break-word;
}
.votedNotificationContainer_iAcXj .rightPart_9gHk2 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
}
.votedNotificationContainer_iAcXj .rightPart_9gHk2 .action_33QWv {
flex-shrink: 0;
height: 32px;
font-size: 14px;
line-height: 22px;
padding: 0 12px;
}
.votedNotificationContainer_iAcXj .rightPart_9gHk2 .closeButton_3yP3k {
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
cursor: pointer;
}
.votedNotificationContainer_iAcXj .rightPart_9gHk2 .closeButton_3yP3k .closeIcon_MRAhk {
width: 16px;
height: 16px;
}
.phoneMode .votedNotificationContainer_iAcXj {
min-width: 344px;
width: 344px;
padding: 10px 0 10px 16px;
gap: 12px;
}
.phoneMode .votedNotificationContainer_iAcXj .rightPart_9gHk2 {
gap: 0;
}
.phoneMode .votedNotificationContainer_iAcXj .rightPart_9gHk2 .closeButton_3yP3k {
width: 36px;
height: 36px;
}
.textDiagramContainer_oIS-1 {
width: 100%;
height: 100%;
position: absolute;
z-index: 31;
pointer-events: auto;
}
.textDiagramContainer_oIS-1 iframe {
width: 100%;
height: 100%;
border: none;
}
.imageUmlRoot_cymfW {
width: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.imageUmlRoot_cymfW .imageUmlIconBox_WL-Nd {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
}
.imageUmlRoot_cymfW .imageUmlIconBox_WL-Nd:hover {
background-color: #F5F6F6;
}
.slateContainer_EBT-g {
position: relative;
width: 100%;
height: 100%;
}
.editable_gTQDh {
width: 100%;
height: 100%;
overflow-y: auto;
outline: none;
word-break: break-word;
white-space: pre-wrap;
}
.editable_gTQDh p {
margin: 0;
padding: 0;
}
.autoHeightContainer_ft7Br {
overflow: hidden;
}
.autoHeightContainer_ft7Br .editable_gTQDh {
overflow-y: hidden;
height: auto;
}
.autoHeightContainer_ft7Br.overflowing_77h5x {
overflow: visible;
}
.autoHeightContainer_ft7Br.overflowing_77h5x .editable_gTQDh {
overflow-y: auto;
height: 100%;
}
.skillButtonWrapper_r4ht5 {
display: inline-flex;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin-right: 8px;
vertical-align: baseline;
}
.customPlaceholder_qcREq {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: #999;
opacity: 0.6;
}
.modal_u0yh4 {
pointer-events: auto;
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index: 999;
left: 0;
top: 0;
box-sizing: border-box;
}
.modal_u0yh4 * {
box-sizing: border-box;
}
.modal_u0yh4 .mask_u0yh4 {
background-color: rgba(0, 0, 0, 0.45);
height: 100%;
width: 100%;
}
.modal_u0yh4 .modal_content_u0yh4 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
padding: 24px;
background-color: #ffffff;
border-radius: 4px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
}
.modal_u0yh4 .modal_header_u0yh4 {
display: flex;
justify-content: space-between;
align-items: center;
}
.modal_u0yh4 .modal_header_u0yh4 .modal_title_u0yh4 {
height: 28px;
font-size: 20px;
line-height: 28px;
color: #0c1024;
font-weight: 600;
}
.modal_u0yh4 .modal_header_u0yh4 .modal_close_u0yh4 {
color: #979797;
cursor: pointer;
font-size: 20px;
}
.modal_u0yh4 .modal_header_u0yh4 .modal_close_u0yh4:hover {
color: #2e73e5;
}
.modal_u0yh4 .modal_header_u0yh4 .modal_close_u0yh4 .close_u0yh4 {
width: 1em;
height: 1em;
}
.modal_u0yh4 .modal_body_u0yh4 {
padding: 0;
}
.icon_fR41U {
fill: currentColor;
}
.tipRoot_fR41U {
position: fixed;
z-index: 1000;
pointer-events: none;
}
.tipRoot_fR41U .content_fR41U {
position: absolute;
padding: 8px;
background: black;
font-size: 12px;
line-height: 18px;
color: white;
max-width: 184px;
width: -moz-max-content;
width: max-content;
border-radius: 2px;
word-wrap: break-word;
}
.tipRoot_fR41U .content_fR41U::after {
content: ' ';
position: absolute;
display: block;
width: 8px;
height: 8px;
background: black;
z-index: 0;
transform: translate(-50%, -50%) rotate(45deg);
}
.tipRoot_fR41U .content_fR41U.top_fR41U {
left: 50%;
bottom: calc(100% + 12px);
transform: translate(-50%, 0);
}
.tipRoot_fR41U .content_fR41U.top_fR41U::after {
bottom: 0;
left: 50%;
transform: translate(-50%, 50%) rotate(45deg);
}
.tipRoot_fR41U .content_fR41U.left_fR41U {
top: 50%;
right: calc(100% + 12px);
transform: translate(0, -50%);
}
.tipRoot_fR41U .content_fR41U.left_fR41U::after {
top: 50%;
right: 0;
transform: translate(50%, -50%) rotate(45deg);
}
.tipRoot_fR41U .content_fR41U.right_fR41U {
top: 50%;
left: calc(100% + 12px);
transform: translate(0, -50%);
}
.tipRoot_fR41U .content_fR41U.right_fR41U::after {
top: 50%;
left: 0;
transform: translate(-50%, -50%) rotate(45deg);
}
.tipRoot_fR41U .content_fR41U.bottom_fR41U {
top: calc(100% + 12px);
left: 50%;
transform: translate(-50%, 0);
}
.tipRoot_fR41U .content_fR41U.bottom_fR41U::after {
top: 0;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.tipRoot_fR41U .content_fR41U.leftBottom_fR41U {
top: calc(100% + 12px);
}
.tipRoot_fR41U .content_fR41U.leftBottom_fR41U::after {
top: 0;
left: 25%;
transform: translate(-50%, -50%) rotate(45deg);
}
.button_fR41U {
border-color: transparent;
border-width: 0;
background-color: transparent;
cursor: pointer;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.button_fR41U.large_fR41U {
padding: 10px;
line-height: 24px;
font-size: 16px;
}
.button_fR41U.small_fR41U {
padding: 0;
}
.button_fR41U.disabled_fR41U {
pointer-events: none;
}
.primary_fR41U {
background-color: var(--websdk-active);
color: white;
}
.primary_fR41U:active {
background-color: var(--websdk-primary-btn-active-bg) !important;
}
.primary_fR41U.disabled_fR41U {
color: #ffffff;
background-color: var(--websdk-primary-btn-disabled-bg);
}
.danger_fR41U {
background-color: var(--websdk-danger);
color: white;
}
.danger_fR41U:active {
background-color: var(--websdk-danger-btn-active-bg) !important;
}
.danger_fR41U.disabled_fR41U {
color: #ffffff;
background-color: var(--websdk-danger-btn-disabled-bg);
}
.text_fR41U {
color: var(--websdk-primary-btn-active-bg);
}
.text_fR41U:active {
color: var(--websdk-primary-btn-active-bg) !important;
}
.text_fR41U.disabled_fR41U {
color: var(--websdk-primary-btn-disabled-bg);
}
.secondary_fR41U {
border: 1px solid #e6e7e9;
color: var(--websdk-main-text);
}
.secondary_fR41U:active {
color: var(--websdk-secondary-btn-active-bg) !important;
border: 1px solid var(--websdk-secondary-btn-active-bg);
}
.secondary_fR41U.disabled_fR41U {
color: var(--websdk-secondary-btn-disabled-bg);
border: 1px solid var(--websdk-secondary-btn-disabled-bg);
}
.do-hovers .button_fR41U:hover {
background-color: var(--websdk-btn-bg-hover);
}
.do-hovers .primary_fR41U:hover {
background-color: var(--websdk-primary-btn-hover-bg);
}
.do-hovers .text_fR41U:hover {
background-color: unset;
color: var(--websdk-primary-btn-hover-bg);
}
.do-hovers .danger_fR41U:hover {
background-color: var(--websdk-danger-btn-hover-bg);
}
.do-hovers .secondary_fR41U:hover {
border: 1px solid var(--websdk-secondary-btn-hover-bg);
color: var(--websdk-secondary-btn-hover-bg);
background-color: unset;
}
.toast_container_fR41U {
position: fixed;
left: 50%;
transform: translateX(-50%);
text-wrap: nowrap;
z-index: 1000;
width: 100%;
/* 使容器充满整个屏幕宽度 */
display: flex;
flex-direction: column;
align-items: center;
}
.toast_fR41U {
background-color: black;
color: white;
padding: 9px 12px;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
opacity: 0.9;
transition: opacity 0.3s ease-in-out;
max-width: 400px;
/* 设置最大宽度，避免过长的 Toast */
text-align: center;
/* 居中文本内容 */
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Teacher-only visual skin. Business markup, state classes and SDK surfaces stay intact.
Load last. Do not put unscoped element rules or student/screen overrides here. */
.teacher-layout {
--ui-canvas: #f4f5fb;
--ui-surface: #fff;
--ui-surface-subtle: #f2f1fa;
--ui-border: #e3e5ef;
--ui-text: #252d42;
--ui-text-2: #596279;
--ui-text-3: #757e92;
--ui-action: #252d42;
--ui-action-hover: #3a4561;
--ui-danger: #c44461;
--ui-dialog-shadow: 0 20px 64px rgb(37 45 66 / 16%);
--bg: var(--ui-canvas);
--ink: var(--ui-text);
--primary: var(--ui-action);
--muted: var(--ui-text-3);
--border: var(--ui-border);
--teacher-rail-width: 68px;
color: var(--ui-text);
background: radial-gradient(ellipse at 95% 0%, #dff1eb 0%, transparent 52%),
radial-gradient(ellipse at 4% 12%, #eae7fc 0%, transparent 56%), #f5f6fb;
min-height: 100dvh;
}
.teacher-layout--rail-expanded { --teacher-rail-width: 208px; }
.teacher-layout.teacher-layout--workspace { background-color: var(--ui-canvas); }
.teacher-layout.teacher-layout--workspace > .teacher-main {
margin-left: var(--teacher-rail-width);
min-width: 0;
min-height: 100dvh;
background: transparent;
transition: margin-left 180ms ease;
}
.teacher-layout.teacher-layout--workspace > .teacher-topbar {
position: fixed;
inset: 0 auto 0 0;
width: var(--teacher-rail-width);
height: 100dvh;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 22px;
padding: 18px 12px;
border: 0;
border-right: 1px solid rgb(227 229 239 / 85%);
border-radius: 0;
background: rgb(255 255 255 / 92%);
z-index: 100;
transition: width 180ms ease;
}
.teacher-layout--workspace .teacher-topbar .teacher-brand-with-guide { display: flex; justify-content: center; min-height: 36px; }
.teacher-layout--workspace .teacher-topbar .teacher-brand-logo { width: 36px; height: 36px; margin: 0; }
.teacher-layout--workspace .teacher-topbar .teacher-nav {
position: static; display: flex; flex-direction: column; align-items: stretch;
width: 100%; height: auto; gap: 10px; padding: 0; background: transparent; border: 0;
}
.teacher-layout--workspace .teacher-topbar .teacher-nav__item {
display: flex; align-items: center; justify-content: center; gap: 12px;
width: 100%; min-height: 44px; padding: 10px; border-radius: 13px;
color: var(--ui-text-2); font-size: 14px; font-weight: 600;
}
.teacher-layout--workspace .teacher-topbar .teacher-nav__icon {
display: block; flex: 0 0 22px; width: 22px; height: 22px;
}
.teacher-layout--workspace .teacher-topbar .teacher-nav__icon--library { fill: currentColor; stroke: none; }
.teacher-layout--workspace .teacher-topbar .teacher-nav__item:hover { background: #f0eef9; color: var(--ui-text); }
.teacher-layout--workspace .teacher-topbar .teacher-nav__item.is-active { background: var(--ui-action); color: #fff; }
.teacher-layout--workspace:not(.teacher-layout--rail-expanded) .teacher-topbar .teacher-nav__item > span,
.teacher-layout--workspace:not(.teacher-layout--rail-expanded) .teacher-topbar .teacher-account__name,
.teacher-layout--workspace:not(.teacher-layout--rail-expanded) .teacher-rail-toggle__label { display: none; }
.teacher-layout--workspace.teacher-layout--rail-expanded .teacher-topbar .teacher-nav__item { justify-content: flex-start; }
.teacher-layout .teacher-rail-toggle {
display: flex; justify-content: center; align-items: center; gap: 12px;
flex-shrink: 0; min-height: 44px; margin-top: auto; border: 1px solid var(--ui-border);
border-radius: 12px; background: #f7f7fc; color: var(--ui-text-2);
}
.teacher-layout .teacher-rail-toggle > span:first-child { font-size: 26px; line-height: 1; }
.teacher-layout .teacher-rail-toggle__label { font-size: 13px; white-space: nowrap; }
.teacher-layout--workspace .teacher-topbar .teacher-account { display: flex; justify-content: center; gap: 10px; margin: 0; padding: 0; min-width: 0; }
.teacher-layout--workspace .teacher-topbar .teacher-account__avatar { flex: 0 0 36px; width: 36px; height: 36px; color: #426d63; background: #e3f0ea; border: 2px solid #fff; }
.teacher-layout--workspace .teacher-topbar .teacher-account__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Compact headers and aligned panels, without changing any course filters/actions. */
.teacher-layout.teacher-layout--workspace .schedule-page,
.teacher-layout.teacher-layout--workspace .canvas-workspace-page { padding: 20px 24px 28px; }
.teacher-layout .teacher-class-workspace__topline { min-height: 40px; margin-bottom: 16px; }
.teacher-layout .teacher-class-workspace__context { gap: 8px; flex-wrap: wrap; }
.teacher-layout .teacher-workspace-class,
.teacher-layout .teacher-class-scope { background: rgb(255 255 255 / 85%); border: 1px solid var(--ui-border); border-radius: 11px; color: var(--ui-text-2); }
.teacher-layout .teacher-class-workspace__grid {
grid-template-columns: minmax(0, 1fr) 300px;
grid-template-areas: 'schedule activity';
grid-template-rows: minmax(0, 1fr);
height: max(580px, calc(100dvh - 100px)); gap: 16px; border: 0; background: transparent;
}
.teacher-layout .teacher-schedule-board { grid-area: schedule; border: 1px solid var(--ui-border); border-radius: 18px; background: #fff; min-width: 0; }
.teacher-layout .teacher-class-workspace__right { grid-area: activity; min-width: 0; display: block; border: 0; }
.teacher-layout .teacher-class-workspace__grid .teacher-workspace-panel { height: 100%; min-height: 0; border-radius: 18px; background: rgb(255 255 255 / 88%); overflow: hidden; }
.teacher-layout .teacher-class-workspace__right > .teacher-workspace-panel { border: 1px solid var(--ui-border); }
.teacher-layout .teacher-class-workspace__grid.is-personal { grid-template-columns: minmax(0,1fr); grid-template-areas: 'schedule'; grid-template-rows: minmax(0,1fr); }
.teacher-layout .teacher-class-workspace__grid .teacher-task-list,
.teacher-layout .teacher-class-workspace__grid .teacher-resource-list { align-content: start; overflow-x: hidden; }
.teacher-layout .teacher-class-workspace__grid .teacher-task-list { max-height: none; }
.teacher-layout .teacher-workspace-panel__header,
.teacher-layout .teacher-task-section > header { min-height: 56px; border-color: var(--ui-border); }
.teacher-layout .teacher-schedule-board__head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px 20px; min-height: auto; padding: 14px 20px; border-bottom: 1px solid var(--ui-border); }
.teacher-layout .teacher-schedule-board__tools { justify-self: end; }
.teacher-layout .teacher-schedule-board__tools { display: flex; flex-wrap: wrap; gap: 8px; }
.teacher-layout .teacher-schedule-board .schedule-filters { margin-left: 0; }
.teacher-layout .schedule-view-toggle,
.teacher-layout .teacher-schedule-board .schedule-filters,
.teacher-layout .canvas-workspace-toolbar .canvas-scope-tabs { background: #eeedf7; border: 0; padding: 4px; border-radius: 10px; }
.teacher-layout .schedule-view-toggle button.is-active,
.teacher-layout .teacher-schedule-board .schedule-filters button.is-active,
.teacher-layout .canvas-workspace-toolbar .canvas-scope-tabs button.is-active { background: #fff; color: var(--ui-text); box-shadow: 0 2px 6px rgb(37 45 66 / 7%); }
.teacher-layout .teacher-schedule-board .schedule-list { padding: 16px 20px; display: grid; gap: 12px; }
.teacher-layout .teacher-schedule-board__scroll { background: #f7f8fc; }
.teacher-layout .teacher-schedule-board .schedule-card { grid-template-columns: 104px minmax(130px,1fr) 132px; gap: 8px 16px; min-height: 154px; padding: 16px; border: 1px solid var(--ui-border); border-radius: 14px; background: #fff; }
.teacher-layout .teacher-schedule-board .schedule-card__time { grid-column: 1; grid-row: 1 / span 2; border-right: 1px solid var(--ui-border); padding-right: 10px; }
.teacher-layout .teacher-schedule-board .schedule-card + .schedule-card { margin-top: 12px; }
.teacher-layout .teacher-schedule-board .schedule-card__content { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.teacher-layout .teacher-schedule-board .schedule-card__canvas-shell { grid-column: 3; grid-row: 1; }
.teacher-layout .teacher-schedule-board .schedule-card__actions { grid-column: 3; grid-row: 2; flex-direction: row; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.teacher-layout .teacher-schedule-board .schedule-card__action-stack { flex-direction: row; align-items: center; gap: 8px; }
.teacher-layout .teacher-schedule-board .schedule-card__time strong { font-size: 16px; color: var(--ui-text); }
.teacher-layout .teacher-schedule-board .schedule-card__title-row h2 { font-size: 15px; line-height: 1.5; color: var(--ui-text); }
.teacher-layout .teacher-schedule-board .schedule-card__meta > span { color: var(--ui-text-2); background: transparent; line-height: 1.6; }
.teacher-layout .teacher-schedule-board .schedule-card__lesson { background: #f0eff8; color: #666185; }
.teacher-layout .teacher-schedule-board .schedule-card__canvas-shell { width: 132px; }
.teacher-layout .teacher-schedule-board .schedule-card__canvas { background: #f5f6fa; border: 1px solid var(--ui-border); }
/* No opacity, pointer-events or display overrides on preview overlays: preserve hover/focus logic. */
.teacher-layout .teacher-schedule-board .schedule-status--pending { color: #685d97; background: #efebfa; }
.teacher-layout .teacher-schedule-board .schedule-status--progress { color: #396f68; background: #e2f2ed; }
.teacher-layout .teacher-schedule-board .schedule-status--completed { color: #646f84; background: #edf0f5; }
.teacher-layout .teacher-schedule-board .schedule-status--cancelled { color: #aa4560; background: #faeaf0; }
.teacher-layout .teacher-schedule-board .schedule-status--unopened { color: #916422; background: #fcf1df; }
.teacher-layout .teacher-class-workspace .schedule-create,
.teacher-layout .teacher-schedule-board .schedule-card__primary:not(.is-outline) { background: var(--ui-action); border-color: var(--ui-action); color: #fff; border-radius: 10px; }
.teacher-layout .teacher-schedule-board .schedule-card__primary.is-outline { background: #f7f7fb; border-color: var(--ui-border); color: var(--ui-text); border-radius: 10px; }
.teacher-layout .schedule-pagination { border-color: var(--ui-border); padding: 10px 18px; }
.teacher-layout .teacher-workspace-panel__create { border-color: #dddbea; background: #f4f3fa; color: #55516f; border-radius: 10px; }
.teacher-layout .teacher-resource-item,
.teacher-layout .teacher-task-item { border-color: var(--ui-border); }
.teacher-layout .teacher-resource-item:hover,
.teacher-layout .teacher-task-item:hover { background: #f5f4fb; }
.teacher-layout .teacher-schedule-board .schedule-week-day > header { background: #f7f7fc; border-color: var(--ui-border); }
.teacher-layout .teacher-schedule-board .schedule-week-day.is-today > header { background: #ece9fa; color: #625683; }
/* Canvas workspace keeps the existing resizers, menus, role rules and thumbnail actions. */
.teacher-layout .canvas-workspace-title { min-height: 40px; margin-bottom: 16px; }
.teacher-layout .canvas-workspace-title h1 { font-size: 24px; color: var(--ui-text); }
.teacher-layout .canvas-workspace-grid { height: max(440px, calc(100dvh - 128px)); background: rgb(255 255 255 / 88%); border-color: var(--ui-border); border-radius: 18px; }
.teacher-layout .canvas-workspace-main { border-color: var(--ui-border); }
.teacher-layout .canvas-workspace-toolbar { padding: 14px; flex-wrap: wrap; gap: 10px; border-color: var(--ui-border); }
.teacher-layout .canvas-workspace-toolbar__tools,
.teacher-layout .canvas-workspace-toolbar .canvas-scope-tabs { flex-wrap: wrap; }
.teacher-layout .canvas-workspace-main .canvas-list-grid { grid-template-columns: repeat(auto-fill,minmax(min(180px,100%),1fr)); gap: 14px; padding: 16px; }
.teacher-layout .canvas-workspace-main .canvas-list-card { border-color: var(--ui-border); border-radius: 14px; box-shadow: 0 2px 5px rgb(37 45 66 / 2%); }
.teacher-layout .canvas-workspace-main .canvas-list-card__preview-shell { height: 132px; }
.teacher-layout .canvas-workspace-main .canvas-list-card__preview { background: #f4f5f9; }
.teacher-layout .canvas-workspace-main .canvas-list-card__body { padding: 12px; }
.teacher-layout .canvas-workspace-main .canvas-list-card__title { font-size: 14px; color: var(--ui-text); }
.teacher-layout .canvas-workspace-main .canvas-list-card__body time { font-size: 11px; }
.teacher-layout .canvas-workspace-types > button.is-active,
.teacher-layout .canvas-workspace-title__actions > .canvas-list-create { background: var(--ui-action); color: #fff; border-color: var(--ui-action); }
.teacher-layout .canvas-workspace-title__actions > .canvas-workspace-personal-button { background: #e9f3f0; color: #476e63; border-color: #d6e8e0; }
.teacher-layout .canvas-workspace-collaboration > header,
.teacher-layout .canvas-workspace-collaborators > button { border-color: var(--ui-border); }
.teacher-layout .canvas-workspace-side-action { background: #f1eef9; border-color: #e2dcef; color: #635882; }
/* Secondary pages use the same skin but retain their original back/close navigation. */
.teacher-layout .teacher-main--standalone { background: transparent; }
.teacher-layout .ui-secondary-page { padding-top: 22px; padding-bottom: 32px; }
.teacher-layout .ui-secondary-card { border-radius: 18px; box-shadow: 0 8px 30px rgb(37 45 66 / 4%); }
.teacher-layout .ui-secondary-card__header { padding-top: 18px; padding-bottom: 18px; }
.teacher-layout .ui-secondary-card__header h1 { font-size: 24px; }
.teacher-layout .screen-bind-page__card { padding: 28px; }
.teacher-layout .screen-bind-page__icon { background: #eeebfa; color: #76679e; }
.teacher-layout .task-mode-picker,
.teacher-layout .task-compose-page { padding-top: 22px; }
.teacher-layout .task-mode-picker > section { margin: 36px auto; }
.teacher-layout .task-mode-picker h1,
.teacher-layout .task-compose-page h1 { font-size: 26px; }
.teacher-layout .task-compose-page__header { padding-bottom: 18px; border-color: var(--ui-border); }
.teacher-layout .task-compose-layout { padding-top: 20px; gap: 22px; }
.teacher-layout .task-mode-picker__choices > button,
.teacher-layout .task-compose-settings > section,
.teacher-layout .quiz-editor,
.teacher-layout .task-media-preview { border-color: var(--ui-border); border-radius: 16px; background: #fff; }
.teacher-layout .task-mode-picker__choices i { background: #eeebfa; color: #716394; }
.teacher-layout .task-compose-settings > section { background: rgb(255 255 255 / 88%); }
.teacher-layout .task-publish-button { background: var(--ui-action); border-color: var(--ui-action); border-radius: 11px; }
.teacher-layout .task-manager { padding-top: 22px; }
.teacher-layout.teacher-layout--workspace .task-manager { max-width: none; margin: 0; padding: 20px 24px 28px; }
.teacher-layout .task-manager__grid { grid-template-columns: minmax(280px,.8fr) minmax(0,1.6fr); align-items: start; }
.teacher-layout .task-manager__grid > main { display: grid; align-content: start; gap: 8px; }
.teacher-layout .task-manager__item { border-radius: 12px; }
.teacher-layout .task-compose-page__header .task-page-back { display: block; width: fit-content; }
.teacher-layout .task-manager > header { margin-bottom: 16px !important; }
.teacher-layout .task-manager__grid > main,
.teacher-layout .task-manager__grid > aside { border-radius: 18px !important; border-color: var(--ui-border) !important; }
.teacher-layout .task-manager__item.is-selected { background: #efedf9 !important; }
.teacher-layout .personal-resources-page { color: var(--ui-text); }
.teacher-layout .personal-resources-page > ul { background: #fff; border: 1px solid var(--ui-border); border-radius: 16px; padding: 0 16px; }
.teacher-layout .personal-resources-page > header h1 { font-size: 24px; }
.teacher-layout .personal-resources-page .primary { background: var(--ui-action); border-radius: 10px; }
.teacher-layout .record-card { background: #fff; border: 1px solid var(--ui-border); border-radius: 18px; }
.teacher-layout .record-stats { background: #f0edf8; }
.teacher-layout .record-filters button.is-active { background: var(--ui-action); }
/* Modals keep all existing stacking levels, dismissal handlers and nested dialogs. */
.teacher-layout .ui-modal,
.teacher-layout .modal-backdrop,
.teacher-layout .teacher-dialog-backdrop { background: rgb(37 45 66 / 32%) !important; }
.teacher-layout .ui-modal__card,
.teacher-layout .modal-card,
.teacher-layout .teacher-dialog,
.teacher-layout .canvas-template-dialog,
.teacher-layout .canvas-workspace-dialog,
.teacher-layout .personal-resource-target { border: 1px solid var(--ui-border); border-radius: 18px !important; box-shadow: var(--ui-dialog-shadow); }
.teacher-layout .teacher-dialog__header,
.teacher-layout .teacher-dialog__actions,
.teacher-layout .class-manager-toolbar,
.teacher-layout .class-manager-tabs { border-color: var(--ui-border); }
.teacher-layout .class-manager-tabs button.is-active { color: #675985; border-color: #8779ad; }
.teacher-layout .class-manager-form { border-color: var(--ui-border); background: #fff; border-radius: 14px; }
.teacher-layout :is(.ui-primary-button,.ui-secondary-button,.ui-danger-button,.teacher-dialog__confirm,.teacher-dialog__cancel) { border-radius: 10px !important; }
.teacher-layout :is(.ui-field,.personal-resources-search,.course-dialog__control > input) { border-color: var(--ui-border); border-radius: 10px; }
.teacher-layout :is(.teacher-topbar,.schedule-page,.canvas-workspace-page,.ui-secondary-page,.task-compose-page,.task-mode-picker,.task-manager,.ui-modal,.teacher-dialog) :is(button,a,input,select,textarea):focus-visible { outline: 2px solid #8073b1; outline-offset: 3px; }
/* Management workspaces: layout only, using the existing forms and handlers. */
.teacher-layout .class-manager-modal > .ui-modal__card {
width: min(1120px, calc(100vw - 48px)); height: min(720px, calc(100dvh - 48px));
max-height: calc(100dvh - 48px); display: grid;
grid-template-columns: 224px minmax(0,1fr); grid-template-rows: 86px 152px minmax(0,1fr);
overflow: hidden; background: #f6f7fc;
}
.teacher-layout .class-manager-modal .ui-modal__header { grid-column: 1 / -1; padding: 20px 26px; background: #fff; border-bottom: 1px solid var(--ui-border); }
.teacher-layout .class-manager-modal .ui-modal__header h2 { font-size: 22px; margin: 0; }
.teacher-layout .class-manager-toolbar { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 10px; padding: 24px 16px; background: #fff; border-bottom: 0; border-right: 1px solid var(--ui-border); }
.teacher-layout .class-manager-toolbar select { grid-column: 1 / -1; width: 100%; min-width: 0; min-height: 42px; border-radius: 10px; background: #f4f2fb; color: var(--ui-text); font-weight: 650; }
.teacher-layout .class-manager-toolbar button { min-height: 36px; padding: 0 6px; border-radius: 8px; white-space: nowrap; }
.teacher-layout .class-manager-tabs { grid-column: 1; grid-row: 3; display: flex; flex-direction: column; gap: 8px; padding: 0 16px 20px; background: #fff; border-bottom: 0; border-right: 1px solid var(--ui-border); }
.teacher-layout .class-manager-tabs button { flex: 0 0 44px; padding: 0 16px; text-align: left; border: 0; border-radius: 10px; }
.teacher-layout .class-manager-tabs button.is-active { background: var(--ui-action); color: #fff; }
.teacher-layout .class-manager-content { grid-column: 2; grid-row: 2 / 4; min-width: 0; min-height: 0; overflow: auto; padding: 24px; }
.teacher-layout .class-member-search { background: #fff; padding: 18px; border: 1px solid var(--ui-border); border-radius: 14px; gap: 14px; }
.teacher-layout .class-member-search label { gap: 10px; }
.teacher-layout .class-member-search input { min-width: 0; min-height: 42px; background: #f8f9fc; border-radius: 9px; }
.teacher-layout .class-member-search button { min-height: 42px; }
.teacher-layout .class-manager-modal .class-member-list--plain { margin-top: 20px; padding: 0 18px 8px; border: 1px solid var(--ui-border); border-radius: 14px; background: #fff; }
.teacher-layout .class-manager-modal .class-member-list--plain > header { min-height: 58px; margin: 0; }
.teacher-layout .class-manager-modal .class-member-list--plain > header > span { padding: 4px 10px; background: #eeebfa; color: #6b608d; border-radius: 20px; }
.teacher-layout .class-member-list--labels { background: #f3f4fa; border: 0; border-radius: 7px; }
.teacher-layout .class-manager-modal .class-member-list--plain article { min-height: 60px; }
.teacher-layout .class-manager-modal .class-member-list--plain article button { color: #a24c65; border-color: #ecdce2; background: #fff8fa; }
.teacher-layout .class-manager-section-head { align-items: center; padding: 18px; border: 1px solid var(--ui-border); border-radius: 14px; background: #fff; }
.teacher-layout .class-manager-section-head p { line-height: 1.6; }
.teacher-layout .class-managed-groups { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(260px,100%),1fr)); gap: 14px; border: 0; background: transparent; }
.teacher-layout .class-managed-groups article { display: grid; grid-template-columns: 12px minmax(0,1fr) auto auto; gap: 10px; min-height: 110px; padding: 20px 16px; border: 1px solid var(--ui-border); border-radius: 14px; background: #fff; }
.teacher-layout .class-managed-groups article:last-child { border-bottom: 1px solid var(--ui-border); }
.teacher-layout .class-managed-groups article strong { font-size: 15px; }
.teacher-layout .class-managed-groups article small { margin-top: 6px; }
.teacher-layout .class-managed-groups article > span { min-width: 0; overflow-wrap: anywhere; }
.teacher-layout .class-manager-subdialog { overflow: auto; }
.teacher-layout .class-manager-form { max-height: 100%; overflow: auto; padding: 26px; }
.teacher-layout .task-manager > header { min-height: 80px; align-items: center; gap: 20px; }
.teacher-layout .task-manager h1 { font-size: 24px; margin: 5px 0; }
.teacher-layout .task-manager header p { font-size: 13px; }
.teacher-layout .task-manager > header > .schedule-create { min-height: 42px; padding: 0 20px; border-radius: 11px; background: var(--ui-action); color: #fff; }
.teacher-layout .task-manager__grid { grid-template-columns: minmax(270px,340px) minmax(0,1fr); align-items: stretch; gap: 20px; min-height: max(480px,calc(100dvh - 150px)); }
.teacher-layout .task-manager__grid > main { padding: 14px; background: #eeedf7; }
.teacher-layout .task-manager__item { min-width: 0; padding: 20px 18px; gap: 12px; border: 1px solid var(--ui-border); background: #fff; box-shadow: 0 2px 6px rgb(37 45 66 / 3%); }
.teacher-layout .task-manager__item strong { font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.teacher-layout .task-manager__item span { font-size: 12px; }
.teacher-layout .task-manager__item small { font-size: 11px; }
.teacher-layout .task-manager__item.is-selected { background: #fff !important; border-color: #8f83ba; box-shadow: inset 4px 0 #8f83ba,0 3px 12px rgb(98 79 145 / 8%); }
.teacher-layout .task-manager__grid > aside { min-width: 0; padding: 0 24px 24px; overflow-wrap: anywhere; }
.teacher-layout .task-manager__grid > aside > h2 { margin: 0 -24px 22px; padding: 22px 24px; font-size: 17px; color: var(--ui-text); background: #f8f8fc; border-bottom: 1px solid var(--ui-border); border-radius: 18px 18px 0 0; }
.teacher-layout .task-manager__metrics { gap: 14px; margin: 0 0 24px; }
.teacher-layout .task-manager__metrics span { border-radius: 12px; padding: 18px; background: #eeebfa; font-size: 12px; }
.teacher-layout .task-manager__metrics span:nth-child(2) { background: #e8f3ef; }
.teacher-layout .task-manager__metrics b { font-size: 28px; margin-bottom: 5px; font-weight: 650; }
.teacher-layout .task-manager__grid aside article { padding: 18px 0; gap: 10px; border-bottom-color: var(--ui-border); }
.teacher-layout .task-manager__grid aside article > strong { font-size: 14px; }
.teacher-layout .task-manager__grid aside article > span { font-size: 12px; padding: 4px 10px; background: #f0eef8; color: #70638d; border-radius: 20px; }
.teacher-layout .task-manager__grid aside article p { padding: 14px 16px; background: #f7f8fc; border-radius: 10px; color: var(--ui-text-2); line-height: 1.75; }
.teacher-layout .task-manager__grid > aside > .ui-page-state { min-height: 300px; border: 1px dashed #e0dfeb; border-radius: 14px; background: #fcfcfe; }
/* A file has FIVE cells (icon, name, metadata, insert, download). Folders have four. */
.teacher-layout .personal-resources-page { max-width: none; margin: 0; padding: 24px; display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,360px); gap: 20px; align-content: start; }
.teacher-layout .personal-resources-page > header { grid-column: 1 / -1; min-height: 70px; gap: 20px; }
.teacher-layout .personal-resources-page > header p { margin: 8px 0 0; font-size: 13px; }
.teacher-layout .personal-resources-page > header .primary { min-height: 42px; padding: 0 20px; flex-shrink: 0; }
.teacher-layout .personal-resources-page > nav { grid-column: 1; margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; }
.teacher-layout .personal-resources-page > nav button { padding: 8px 12px; border-radius: 8px; color: var(--ui-text-2); background: #fff; overflow-wrap: anywhere; }
.teacher-layout .personal-resources-page > .personal-resources-search { grid-column: 2; margin: 0; min-width: 0; background: rgb(255 255 255 / 90%); }
.teacher-layout .personal-resources-page > ul,
.teacher-layout .personal-resources-page > .ui-page-state,
.teacher-layout .personal-resources-page > footer { grid-column: 1 / -1; margin: 0; }
.teacher-layout .personal-resources-page > ul { padding: 8px 20px; overflow: hidden; }
.teacher-layout .personal-resources-page li { grid-template-columns: 40px minmax(0,1fr) 150px 96px 60px; min-height: 84px; padding: 16px 4px; gap: 16px; }
.teacher-layout .personal-resources-page li > span { display: grid; place-items: center; width: 40px; height: 44px; border-radius: 10px; background: #f0eef9; font-size: 23px; }
.teacher-layout .personal-resources-page li > strong { min-width: 0; overflow-wrap: anywhere; font-size: 14px; line-height: 1.6; }
.teacher-layout .personal-resources-page li > small { font-size: 12px; }
.teacher-layout .personal-resources-page li > button,
.teacher-layout .personal-resources-page li > a { display: inline-flex; justify-content: center; align-items: center; min-height: 36px; padding: 6px 8px; border: 1px solid var(--ui-border); border-radius: 8px; color: #675988; white-space: nowrap; font-size: 12px; }
.teacher-layout .personal-resources-page li > a { background: #f0eef9; border-color: transparent; }
.teacher-layout .personal-resources-page li:not([draggable="true"]) > button { grid-column: 5; }
.teacher-layout .personal-resources-page li:last-child { border-bottom: 0; }
.teacher-layout .personal-resources-page > .ui-page-state { background: #fff; border: 1px solid var(--ui-border); border-radius: 16px; min-height: 300px; }
.teacher-layout .personal-resource-target { z-index: 110; max-height: calc(100dvh - 48px); overflow: auto; }
@media (max-width: 900px) {
.teacher-layout .personal-resources-page li { grid-template-columns: 36px minmax(0,1fr) 86px 54px; gap: 8px 12px; }
.teacher-layout .personal-resources-page li > span { grid-column: 1; grid-row: 1 / span 2; width: 36px; }
.teacher-layout .personal-resources-page li > strong { grid-column: 2; grid-row: 1; }
.teacher-layout .personal-resources-page li > small { grid-column: 2; grid-row: 2; }
.teacher-layout .personal-resources-page li > button { grid-column: 3; grid-row: 1 / span 2; }
.teacher-layout .personal-resources-page li > a,
.teacher-layout .personal-resources-page li:not([draggable="true"]) > button { grid-column: 4; grid-row: 1 / span 2; }
}
@media (max-width: 760px) {
.teacher-layout .class-manager-modal > .ui-modal__card { display: flex; flex-direction: column; width: calc(100vw - 24px); height: calc(100dvh - 32px); max-height: calc(100dvh - 32px); }
.teacher-layout .class-manager-modal .ui-modal__header { padding: 16px 20px; flex-shrink: 0; }
.teacher-layout .class-manager-toolbar { grid-template-columns: minmax(0,1fr) auto auto; padding: 14px 16px; border: 0; flex-shrink: 0; }
.teacher-layout .class-manager-toolbar select { grid-column: auto; }
.teacher-layout .class-manager-tabs { flex-direction: row; padding: 0 16px 12px; border: 0; flex-shrink: 0; }
.teacher-layout .class-manager-tabs button { flex: 1; text-align: center; min-height: 40px; }
.teacher-layout .class-manager-content { padding: 16px; flex: 1; }
.teacher-layout .task-manager__grid { min-height: 0; }
.teacher-layout .task-manager__grid > aside { min-height: 360px; }
.teacher-layout .personal-resources-page { padding: 16px; grid-template-columns: minmax(0,1fr); gap: 16px; }
.teacher-layout .personal-resources-page > nav,
.teacher-layout .personal-resources-page > .personal-resources-search { grid-column: 1; }
.teacher-layout .personal-resources-page > ul { padding: 6px 12px; }
}
@media (max-width: 480px) {
.teacher-layout .personal-resources-page li { grid-template-columns: 36px minmax(0,1fr) 60px; }
.teacher-layout .personal-resources-page li > button { grid-column: 2; grid-row: 3; justify-self: start; }
.teacher-layout .personal-resources-page li > a,
.teacher-layout .personal-resources-page li:not([draggable="true"]) > button { grid-column: 3; grid-row: 3; }
.teacher-layout .class-manager-toolbar { grid-template-columns: 1fr 1fr; }
.teacher-layout .class-manager-toolbar select { grid-column: 1 / -1; }
}
/* The same resource component also lives in the editor's 420px popover.
Its layout must follow the host width, not the desktop viewport breakpoint. */
.teacher-layout .canvas-personal-resource-popover .personal-resources-page { display: block; max-width: 100%; margin: 0; padding: 0; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page > header { gap: 12px; min-height: 60px; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page > header h1 { font-size: 18px; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page > header .primary { padding: 0 12px; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page > nav { margin: 14px 0; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page > ul { padding: 0; margin: 12px 0; border: 0; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page li { grid-template-columns: 36px minmax(0,1fr) 60px; gap: 8px 10px; padding: 14px 0; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page li > span { grid-column: 1; grid-row: 1 / span 2; width: 36px; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page li > strong { grid-column: 2 / -1; grid-row: 1; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page li > small { grid-column: 2 / -1; grid-row: 2; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page li > button { grid-column: 2; grid-row: 3; justify-self: start; }
.teacher-layout .canvas-personal-resource-popover .personal-resources-page li > a,
.teacher-layout .canvas-personal-resource-popover .personal-resources-page li:not([draggable="true"]) > button { grid-column: 3; grid-row: 3; }
@media (max-width: 1050px) {
.teacher-layout .task-manager__grid { grid-template-columns: minmax(0,1fr); min-height: 0; }
}
/* Only our own chrome is themed; never restyle SDK canvas descendants. */
.teacher-layout .canvas-workspace-collaboration > header { height: var(--canvas-toolbar-height,68px); min-height: var(--canvas-toolbar-height,68px); box-sizing: border-box; }
.teacher-layout .canvas-workspace-main .canvas-list-card__body { display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: 30px auto 32px; gap: 8px; padding: 14px; }
.teacher-layout .canvas-workspace-main .canvas-list-card__title { grid-column: 1; grid-row: 1; padding-right: 0; align-self: center; }
.teacher-layout .canvas-workspace-main .canvas-list-card__actions { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: 3px; }
.teacher-layout .canvas-workspace-main .canvas-list-card__menu-wrap { position: relative; top: auto; right: auto; width: 30px; height: 30px; }
.teacher-layout .canvas-workspace-main .canvas-list-card__favorite { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #8b91a0; font-size: 22px; line-height: 1; }
.teacher-layout .canvas-workspace-main .canvas-list-card__favorite:hover { background: #f2f0e8; color: #c49317; }
.teacher-layout .canvas-workspace-main .canvas-list-card__favorite.is-active { color: #d9a928; }
.teacher-layout .canvas-workspace-main .canvas-list-card__favorite:focus-visible { outline: 2px solid #8171bd; outline-offset: 1px; }
.teacher-layout .canvas-workspace-main .canvas-list-card__menu-trigger { width: 30px; height: 30px; min-height: 30px; }
.teacher-layout .canvas-workspace-main .canvas-list-card__meta-row { display: contents; }
.teacher-layout .canvas-workspace-main .canvas-list-card__body time { grid-column: 1 / -1; grid-row: 2; white-space: normal; line-height: 1.6; }
.teacher-layout .canvas-workspace-main .canvas-list-card__origin { grid-column: 1; grid-row: 3; align-self: center; justify-self: start; margin: 0; white-space: nowrap; }
.teacher-layout .canvas-workspace-main .canvas-collaboration-badge { grid-column: 2; grid-row: 3; align-self: center; justify-self: end; margin: 0; padding: 2px 6px; font-size: 11px; white-space: nowrap; }
.teacher-layout .canvas-workspace-main .canvas-list-grid { grid-template-columns: repeat(auto-fill,minmax(min(220px,100%),1fr)); align-items: start; }
.teacher-layout .canvas-workspace-resource-drawer { width: min(780px,calc(100vw - 32px)); padding: 24px; background: #f7f8fc; }
.teacher-layout .canvas-workspace-resource-drawer > header { min-height: 44px; margin-bottom: 16px; }
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page { display: block; padding: 0; }
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page > header { min-height: 52px; }
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page > nav { margin: 16px 0; }
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page > ul { margin-top: 16px; padding: 0 14px; }
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page li { grid-template-columns: 36px minmax(0,1fr) 86px 56px; gap: 8px 12px; padding: 16px 0; }
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page li > span { grid-column: 1; grid-row: 1 / span 2; width: 36px; }
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page li > strong { grid-column: 2; grid-row: 1; }
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page li > small { grid-column: 2; grid-row: 2; }
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page li > button { grid-column: 3; grid-row: 1 / span 2; justify-self: stretch; }
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page li > a,
.teacher-layout .canvas-workspace-resource-drawer .personal-resources-page li:not([draggable="true"]) > button { grid-column: 4; grid-row: 1 / span 2; }
.teacher-layout .task-submission-list { overflow-x: auto; border: 1px solid var(--ui-border); border-radius: 12px; }
.teacher-layout .task-submission-list table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
.teacher-layout .task-submission-list th { background: #f5f4fa; color: var(--ui-text-2); font-weight: 500; }
.teacher-layout .task-submission-list th,
.teacher-layout .task-submission-list td { padding: 16px; border-bottom: 1px solid var(--ui-border); }
.teacher-layout .task-submission-list tr:last-child td { border-bottom: 0; }
.teacher-layout .task-submission-list td:last-child,
.teacher-layout .task-submission-list th:last-child { text-align: right; }
.teacher-layout .task-submission-list button { padding: 8px 12px; border: 1px solid #ddd6ee; border-radius: 8px; background: #f4f1fa; color: #675589; white-space: nowrap; }
.teacher-layout .task-submission-status { display: inline-block; padding: 5px 10px; background: #f1f2f6; border-radius: 20px; color: #747c8c; white-space: nowrap; }
.teacher-layout .task-submission-status.is-submitted { background: #e6f1ec; color: #42725f; }
.teacher-layout .task-answer-dialog { position: fixed; inset: 0; margin: auto; width: min(720px,calc(100vw - 48px)); max-height: calc(100dvh - 48px); border: 1px solid var(--ui-border); border-radius: 18px; padding: 0; color: var(--ui-text); background: #fff; box-shadow: var(--ui-dialog-shadow); }
.teacher-layout .task-answer-dialog::backdrop { background: rgb(37 45 66 / 36%); }
.teacher-layout .task-answer-dialog header { display: flex; justify-content: space-between; align-items: start; padding: 22px 26px; border-bottom: 1px solid var(--ui-border); background: #f8f7fc; }
.teacher-layout .task-answer-dialog h2 { margin: 0; font-size: 20px; }
.teacher-layout .task-answer-dialog header p { margin: 8px 0 0; color: var(--ui-text-2); font-size: 13px; }
.teacher-layout .task-answer-dialog header button { background: transparent; border: 0; font-size: 24px; padding: 0 8px; }
.teacher-layout .task-answer-body { padding: 26px; overflow-wrap: anywhere; }
.teacher-layout .task-answer-text { white-space: pre-wrap; line-height: 1.8; margin: 0; }
.teacher-layout .task-answer-question { padding: 16px; margin-bottom: 12px; border-radius: 12px; background: #f7f8fc; }
.teacher-layout .task-answer-question h3 { font-size: 14px; margin: 0; }
.teacher-layout .task-answer-attachment { display: block; padding: 12px 0; color: #675589; }
.teacher-layout .task-answer-dialog footer { padding: 16px 26px; text-align: right; border-top: 1px solid var(--ui-border); }
.teacher-layout .task-answer-dialog footer button { background: var(--ui-action); color: white; padding: 10px 24px; border: 0; border-radius: 10px; }
.teacher-layout .canvas-editor-bar { background: #f8f8fd !important; border-color: var(--ui-border) !important; }
.teacher-layout .teacher-classroom-commandbar { background: #f8f8fd; border-color: var(--ui-border); box-shadow: 0 3px 14px rgb(37 45 66 / 5%); }
.teacher-layout .teacher-classroom-nav { background: #fff; }
/* Keep the left splitter width while the canvas area fills all remaining
horizontal space. */
@media (min-width: 901px) {
.teacher-layout .canvas-workspace-grid { grid-template-columns: var(--canvas-left-width,200px) minmax(0,1fr); }
}
@media (max-width: 1200px) {
.teacher-layout .teacher-class-workspace__grid { grid-template-columns: minmax(0,1fr) 260px; }
.teacher-layout .teacher-schedule-board .schedule-card { grid-template-columns: minmax(0,1fr) 120px; }
.teacher-layout .teacher-schedule-board .schedule-card__time { grid-column: 1 / -1; grid-row: 1; display: flex; flex-direction: row; align-items: center; gap: 12px; border: 0; padding: 0; }
.teacher-layout .teacher-schedule-board .schedule-card__content { grid-column: 1; grid-row: 2; }
.teacher-layout .teacher-schedule-board .schedule-card__canvas-shell { grid-column: 2; grid-row: 2; width: 120px; }
.teacher-layout .teacher-schedule-board .schedule-card__actions { grid-column: 1 / -1; grid-row: 3; }
.teacher-layout .teacher-class-workspace__right { display: block; }
.teacher-layout .teacher-class-workspace__grid .teacher-workspace-panel { max-height: none; }
}
@media (max-width: 1050px) {
.teacher-layout .teacher-class-workspace__grid { height: auto; grid-template-columns: minmax(0,1fr); grid-template-areas: 'schedule' 'activity'; grid-template-rows: minmax(480px,calc(100dvh - 100px)) 420px; }
.teacher-layout .teacher-schedule-board { height: auto; }
}
@media (max-width: 760px) {
.teacher-layout.teacher-layout--workspace .schedule-page,
.teacher-layout.teacher-layout--workspace .canvas-workspace-page { padding: 14px 12px 24px; }
.teacher-layout--rail-expanded.teacher-layout--workspace > .teacher-main { margin-left: 68px; }
.teacher-layout .teacher-class-workspace__grid { grid-template-columns: minmax(0,1fr); grid-template-areas: 'schedule' 'activity'; grid-template-rows: minmax(480px,calc(100dvh - 100px)) 420px; }
.teacher-layout .teacher-schedule-board .schedule-card { min-width: 0; padding: 12px; }
.teacher-layout .teacher-schedule-board__head { padding: 12px; display: flex; flex-wrap: wrap; }
.teacher-layout .task-manager__grid { grid-template-columns: minmax(0,1fr); }
.teacher-layout .teacher-schedule-board .schedule-filters { margin-left: 0; }
.teacher-layout .canvas-workspace-grid { height: auto; }
.teacher-layout .task-compose-layout { grid-template-columns: minmax(0,1fr); }
.teacher-layout .task-compose-settings { position: static; }
}
@media (prefers-reduced-motion: reduce) {
.teacher-layout.teacher-layout--workspace > .teacher-main,
.teacher-layout.teacher-layout--workspace > .teacher-topbar { transition: none; }
}
/* Desktop course rows reserve separate thumbnail and action columns. */
@media (min-width: 1051px) {
.teacher-layout .teacher-schedule-board .schedule-card { grid-template-columns: 104px minmax(0,1fr) 132px 88px; grid-template-rows: auto; min-height: 128px; gap: 14px; align-items: center; }
.teacher-layout .teacher-schedule-board .schedule-card__time { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; border-right: 1px solid var(--ui-border); padding-right: 8px; }
.teacher-layout .teacher-schedule-board .schedule-card__content { grid-column: 2; grid-row: 1; }
.teacher-layout .teacher-schedule-board .schedule-card__canvas-shell { grid-column: 3; grid-row: 1; width: 132px; }
.teacher-layout .teacher-schedule-board .schedule-card__actions { grid-column: 4; grid-row: 1; justify-content: center; }
.teacher-layout .teacher-schedule-board .schedule-card__action-stack { flex-direction: column; width: 88px; gap: 10px; }
.teacher-layout .teacher-schedule-board .schedule-card__primary { width: 88px; min-height: 36px; padding: 0 6px; }
}
/* Student home visual layer. Business state, request flows and classroom entry
remain in the existing student components. */
.student-layout {
background:
radial-gradient(ellipse at 8% 100%, rgba(219, 211, 248, .9), transparent 46%),
radial-gradient(ellipse at 100% 0, rgba(213, 240, 235, .82), transparent 43%),
#f4f5fc;
}
.student-home .student-schedule-page {
width: min(1440px, calc(100% - 44px));
min-height: calc(100dvh - 44px);
margin: 22px auto;
overflow: visible;
border: 0;
border-radius: 0;
color: #202942;
background: transparent;
box-shadow: none;
}
.student-home .student-schedule-topbar {
height: 52px;
padding: 0 4px;
border: 0;
background: transparent;
}
.student-home .student-schedule-logo {
width: 40px;
height: 40px;
}
.student-home .student-schedule-account {
padding: 5px 7px 5px 5px;
border: 1px solid rgba(255, 255, 255, .8);
border-radius: 999px;
background: rgba(255, 255, 255, .48);
}
.student-home .student-schedule-account__avatar {
width: 30px;
height: 30px;
border: 0;
color: #6b66a6;
background: #ece9fb;
font-size: 12px;
}
.student-home .student-schedule-account__name { font-size: 13px; line-height: 20px; }
.student-home .student-schedule-main { width: 100%; max-width: none; padding: 22px 4px 40px; }
.student-home-greeting {
align-items: flex-start;
min-height: 44px;
margin-bottom: 16px;
}
.student-home-greeting h1 {
color: #222b46;
font-size: 27px;
font-weight: 750;
letter-spacing: -.06em;
}
.student-home-greeting p { margin-top: 4px; color: #7e879f; font-size: 13px; }
.student-home-active-class {
min-height: 62px;
max-width: 490px;
margin-left: auto;
padding: 12px 16px 12px 20px;
border: 1px solid rgba(255, 255, 255, .7);
border-radius: 16px;
color: #263047;
background: rgba(255, 255, 255, .72);
box-shadow: 0 8px 24px rgba(74, 83, 128, .08);
}
.student-home-active-class small { color: #838ba0; }
.student-home-active-class button { min-height: 38px; border-radius: 11px; color: #fff; background: #273149; }
.student-home-workspace {
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(290px, .8fr);
align-items: stretch;
min-height: 690px;
gap: 24px;
}
.student-home .student-home-schedule,
.student-home .student-home-panel {
box-sizing: border-box;
min-width: 0;
border: 1px solid rgba(255, 255, 255, .86);
border-radius: 22px;
background: rgba(255, 255, 255, .94);
box-shadow: 0 14px 38px rgba(80, 87, 131, .08);
}
.student-home .student-home-schedule {
min-height: 0;
height: 100%;
padding: 26px;
}
.student-home-sidebar {
display: grid;
grid-template-rows: minmax(0, 1fr);
min-height: 0;
height: 100%;
gap: 24px;
}
.student-home .student-home-panel {
display: flex;
flex-direction: column;
min-height: 0;
padding: 19px 22px;
overflow: hidden;
}
.student-home .student-home-panel__header { min-height: 28px; margin-bottom: 3px; }
.student-home .student-home-panel__header h2 { color: #222b46; font-size: 19px; font-weight: 750; }
.student-home .student-home-panel__header > span,
.student-home .student-home-resource-class { color: #818ba5; font-size: 12px; }
.student-home .student-home-resource-class { margin: 1px 0 7px; }
.student-home .student-home-task-filters {
margin: 8px 0 4px;
padding: 4px;
border-radius: 12px;
background: #eff0fa;
}
.student-home .student-home-task-filters button {
min-height: 34px;
padding: 0 13px;
border-radius: 9px;
color: #67718a;
font-size: 13px;
font-weight: 650;
}
.student-home .student-home-task-filters button.is-active {
color: #263047;
background: #fff;
box-shadow: 0 2px 7px rgba(50, 62, 96, .1);
}
.student-home .student-home-panel__items {
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
}
.student-home .student-home-panel__items::-webkit-scrollbar { width: 5px; }
.student-home .student-home-panel__items::-webkit-scrollbar-thumb { border-radius: 99px; background: #d8dceb; }
.student-home .student-home-task { min-height: 70px; padding: 8px 0; gap: 8px; }
.student-home .student-home-task strong { color: #273149; font-size: 13px; }
.student-home .student-home-task small { margin-top: 2px; color: #8c95ac; }
.student-home .student-home-task > button { min-width: 58px; min-height: 29px; border-radius: 8px; color: #6370bd; background: transparent; font-size: 12px; }
.student-home .student-home-task > button:hover { background: #eff1fb; }
.student-home .student-home-task__check { width: 19px; height: 19px; border-color: #c8cde2; }
.student-home .student-home-resource { min-height: 62px; padding: 9px 0; }
.student-home .student-home-resource__icon { width: 34px; height: 34px; border-radius: 9px; color: #7672af; background: #eeecff; }
.student-home .student-home-resource strong { color: #273149; font-size: 13px; }
.student-home .student-home-resource small { color: #8c95ac; }
.student-home .student-schedule-section__header { min-height: 42px; margin-bottom: 14px; }
.student-home .student-schedule-section__header h2 { color: #222b46; font-size: 20px; font-weight: 750; }
.student-home .student-schedule-section__header h2 span { color: #858fa8; font-size: 13px; }
.student-home .student-schedule__global-join { min-width: 128px; min-height: 44px; border-radius: 12px; background: #273149; font-size: 14px; }
.student-home .student-schedule-section__list { gap: 0; }
.student-home .student-course-row {
grid-template-columns: 72px minmax(0, 1fr) auto;
min-height: 126px;
padding: 17px 0;
column-gap: 18px;
border-top: 1px solid #e9ebf3;
border-radius: 0;
background: transparent;
}
.student-home .student-course-row__rail { display: none; }
.student-home .student-course-row__time { height: auto; padding-right: 0; border: 0; }
.student-home .student-course-row__start { color: #25304a; font-size: 21px; line-height: 25px; }
.student-home .student-course-row__end { color: #8a94ad; font-size: 13px; line-height: 18px; }
.student-home .student-course-row__content { align-items: flex-start; flex-direction: column; gap: 7px; }
.student-home .student-course-row__content h2 { flex: none; width: 100%; color: #273149; font-size: 16px; line-height: 22px; }
.student-home .student-course-row__content p { min-height: 0; padding: 0; border-radius: 0; color: #8992a8; background: transparent; font-size: 12px; line-height: 18px; }
.student-home .student-course-row__meta-icon { display: none; }
.student-home .student-course-row__button { min-width: 108px; min-height: 40px; border-radius: 11px; font-size: 13px; }
.student-home .student-course-row__button--active { background: #273149; }
.student-home .student-course-row__button--pending { color: #4d8a77; background: #e7f4ee; }
.student-home .student-course-row__button--progress { color: #606cba; background: #eef0ff; }
.student-home .student-schedule-empty,
.student-home .student-schedule-state { min-height: 380px; border: 0; border-radius: 0; background: transparent; }
.student-home .student-home-active-class button:focus-visible,
.student-home .student-home-resource:focus-visible,
.student-home .student-home-task button:focus-visible { outline: 3px solid rgba(111, 119, 202, .35); outline-offset: 2px; }
@media (min-width: 961px) {
.student-home .student-schedule-page {
width: min(1340px, calc(100% - 136px));
margin: 22px 28px 22px 108px;
}
}
.student-home-rail {
position: fixed;
z-index: 20;
top: 26px;
bottom: 26px;
left: 20px;
display: flex;
width: 64px;
flex-direction: column;
align-items: center;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .82);
border-radius: 22px;
background: rgba(255, 255, 255, .8);
box-shadow: 0 12px 34px rgba(70, 78, 121, .1);
backdrop-filter: blur(18px);
transition: width .22s ease, box-shadow .22s ease;
}
.student-home-rail.is-expanded { width: 176px; align-items: stretch; }
.student-home-rail__brand { display: grid; width: 64px; height: 70px; flex: 0 0 70px; place-items: center; }
.student-home-rail__brand img { width: 38px; height: 38px; object-fit: contain; }
.student-home-rail__links { display: grid; width: 100%; gap: 8px; padding: 8px 10px; }
.student-home-rail button {
display: flex;
width: 100%;
height: 44px;
align-items: center;
gap: 12px;
justify-content: flex-start;
padding: 0 11px;
overflow: hidden;
border: 0;
border-radius: 12px;
color: #8d96ad;
background: transparent;
cursor: pointer;
transition: color .18s ease, background .18s ease, transform .18s ease;
}
.student-home-rail button:hover { color: #4f5b9d; background: #f0f1fb; }
.student-home-rail button:active { transform: scale(.96); }
.student-home-rail button.is-active { color: #fff; background: #273149; box-shadow: 0 7px 15px rgba(39, 49, 73, .18); }
.student-home-rail button svg { width: 22px; height: 22px; flex: 0 0 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.85; }
.student-home-rail button span { display: none; overflow: hidden; white-space: nowrap; font-size: 13px; font-weight: 680; }
.student-home-rail.is-expanded button span { display: block; }
.student-home-rail__bottom { display: grid; width: 100%; margin-top: auto; gap: 12px; padding: 12px 10px 14px; }
.student-home-rail__toggle { color: #7f88a0 !important; }
.student-home-rail__avatar { display: grid; width: 34px; height: 34px; margin: 0 auto; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #706ca4; background: #ece9fb; font-size: 12px; font-weight: 700; box-shadow: 0 3px 9px rgba(89, 86, 140, .12); }
.modal-backdrop .student-task-dialog,
.student-join-dialog__panel {
border: 1px solid rgba(255, 255, 255, .92);
border-radius: 20px;
background: #fff;
box-shadow: 0 22px 66px rgba(42, 51, 81, .2);
}
.modal-backdrop .student-task-dialog header,
.modal-backdrop .student-task-dialog footer { border-color: #eceef5; }
.modal-backdrop .student-task-dialog footer button:last-child { border-radius: 10px; background: #273149; }
@media (max-width: 960px) {
.student-home .student-schedule-page { width: min(100% - 28px, 860px); margin: 14px auto; }
.student-home-rail { position: sticky; top: 8px; bottom: auto; width: min(100%, 860px); height: 58px; margin: 8px auto 0; flex-direction: row; border-radius: 16px; }
.student-home-rail.is-expanded { width: min(100%, 860px); }
.student-home-rail__brand { width: 58px; height: 58px; flex-basis: 58px; }
.student-home-rail__brand img { width: 32px; height: 32px; }
.student-home-rail__links { display: flex; height: 100%; flex: 1; gap: 4px; padding: 7px 4px; }
.student-home-rail button { height: 44px; justify-content: center; padding: 0 9px; }
.student-home-rail__bottom { display: flex; width: auto; margin: 0; padding: 7px 8px 7px 2px; }
.student-home-rail__toggle { display: none !important; }
.student-home-rail__avatar { width: 30px; height: 30px; margin: 7px 0; }
.student-home .student-home-workspace { grid-template-columns: 1fr; min-height: 0; }
.student-home .student-home-schedule { height: auto; }
.student-home-sidebar { height: auto; grid-template-rows: auto; }
.student-home .student-home-panel { min-height: 280px; max-height: 380px; }
}
@media (max-width: 640px) {
.student-home .student-schedule-page { width: 100%; min-height: 100dvh; margin: 0; }
.student-home .student-schedule-topbar { padding: 0 18px; }
.student-home .student-schedule-main { padding: 18px 16px 30px; }
.student-home-rail { width: calc(100% - 32px); }
.student-home-rail.is-expanded { width: calc(100% - 32px); }
.student-home-greeting { flex-direction: column; gap: 12px; }
.student-home-active-class { width: 100%; max-width: none; margin: 0; }
.student-home .student-home-workspace { gap: 16px; }
.student-home .student-home-schedule { padding: 18px; }
.student-home .student-home-panel { padding: 16px 18px; }
.student-home .student-course-row { grid-template-columns: 54px minmax(0, 1fr); min-height: 142px; column-gap: 10px; }
.student-home .student-course-row__action { grid-column: 2; justify-content: flex-start; }
.student-home .student-course-row__button { min-width: 104px; }
}
/* Bounded workspace: all three lists scroll independently and share the rail's bottom. */
.student-home { display:flow-root; --student-gap: 20px; }
.student-home *, .student-home *::before, .student-home *::after { box-sizing: border-box; }
.student-home .student-schedule-page { display:flex; flex-direction:column; position:relative; width:auto; max-width:none; height:calc(100dvh - 40px); min-height:0; margin:20px 20px 20px 108px; overflow:visible; transition:margin-left .2s ease; }
.student-home .student-schedule-page.has-expanded-nav { margin-left:224px; }
.student-home .student-schedule-topbar { display:flex; align-items:center; justify-content:space-between; flex:0 0 48px; height:48px; min-height:0; padding:0 0 12px; }
.student-home .student-home-greeting { display:flex; flex-direction:row; align-items:baseline; min-width:0; gap:16px; min-height:0; margin:0; }
.student-home .student-home-greeting h1 { flex:none; margin:0; font-size:23px; line-height:30px; letter-spacing:-.025em; }
.student-home .student-home-greeting p { margin:0; overflow:hidden; color:#8790a8; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.student-home .student-schedule-account { flex:none; padding:0; border:0; background:transparent; }
.student-home .student-schedule-account__name { display:none; }
.student-home .student-schedule-main { display:flex; flex:1; min-height:0; width:100%; max-width:none; padding:0; }
.student-home .student-home-workspace { display:grid; grid-template-columns:minmax(0,1.9fr) minmax(286px,1fr); grid-template-rows:minmax(0,1fr); width:100%; height:100%; min-height:0; gap:var(--student-gap); }
.student-home .student-home-sidebar { display:grid; grid-template-rows:minmax(0,1fr); min-width:0; min-height:0; height:100%; gap:var(--student-gap); }
.student-home .student-home-schedule, .student-home .student-home-panel { display:flex; flex-direction:column; min-width:0; min-height:0; height:100%; max-height:none; padding:20px; overflow:hidden; box-shadow:none; }
.student-home [hidden] { display:none !important; }
.student-home .student-home-tasks { grid-column:auto; }
.student-home .student-schedule, .student-home .student-schedule-section { display:flex; flex-direction:column; flex:1; min-height:0; height:100%; }
.student-home .student-schedule-section__header { display:flex; flex:none; align-items:center; min-height:48px; margin:0 0 18px; padding:0; gap:12px; }
.student-home .student-schedule-section__header h2 { margin:0; font-size:18px; line-height:26px; }
.student-home .student-schedule-section__header p { margin:4px 0 0; color:#8790a8; font-size:12px; line-height:18px; }
.student-home .student-schedule__global-join { flex:none; min-width:114px; min-height:44px; }
.student-home .student-home-active-class { flex:none; width:100%; max-width:none; min-height:72px; margin:0 0 18px; padding:14px 18px; gap:12px; border:0; border-radius:14px; color:#30354b; background:#eeebfa; box-shadow:none; }
.student-home .student-home-active-class strong { font-size:14px; }
.student-home .student-home-active-class small { color:#8882af; font-size:12px; }
.student-home .student-home-active-class button { flex:none; min-width:88px; min-height:44px; padding:0 10px; color:#726abb; background:transparent; font-size:13px; }
.student-home .student-schedule-section__list, .student-home .student-home-panel__items { display:block; flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:#d7d8e7 transparent; scrollbar-gutter:stable; touch-action:pan-y; }
.student-home .student-schedule-section__list::-webkit-scrollbar { width:5px; }
.student-home .student-schedule-section__list::-webkit-scrollbar-thumb { background:#d7d8e7; border-radius:8px; }
.student-home .student-course-row { grid-template-columns:64px minmax(0,1fr) auto; min-height:148px; padding:20px 0; gap:16px; }
.student-home .student-course-row__content { min-width:0; padding-left:14px; gap:7px; border-left:3px solid #bab3df; }
.student-home .student-course-row--ended .student-course-row__content { border-color:#aacbc0; }
.student-home .student-course-row__content h2 { margin:0; white-space:normal; font-size:15px; line-height:22px; }
.student-home .student-course-row__content p { margin:0; white-space:normal; font-size:11px; line-height:18px; }
.student-home .student-course-row__class { color:#8790a8; font-size:11px; }
.student-course-row__tags { display:flex; flex-wrap:wrap; gap:6px; }
.student-course-row__tags span { padding:3px 8px; border-radius:6px; color:#7970b9; background:#eeeafe; font-size:11px; line-height:18px; }
.student-course-row__tags .student-status--active { color:#4c8e77; background:#e5f4ec; }
.student-course-row__tags .student-status--ended, .student-course-row__tags .student-status--cancelled, .student-course-row__tags .student-status--unopened { color:#858da1; background:#f0f1f6; }
.student-home .student-course-row__button { min-width:88px; min-height:44px; }
.student-home .student-home-panel__header { flex:none; align-items:flex-start; margin:0 0 8px; min-height:26px; }
.student-home .student-home-panel__header h2 { font-size:18px; line-height:26px; }
.student-home .student-home-panel__header small { display:block; margin-top:2px; color:#8790a8; font-size:12px; line-height:18px; }
.student-home .student-panel-more { flex:none; min-height:30px; padding:0 2px; border:0; background:transparent; color:#7970b9; font-size:12px; }
.student-home .student-home-task-filters { flex:none; width:fit-content; margin:0 0 6px; padding:3px; border-radius:10px; }
.student-home .student-home-task-filters button { min-height:30px; padding:0 13px; font-size:12px; font-weight:500; }
.student-home .student-home-task { display:grid; grid-template-columns:minmax(0,1fr) auto; min-height:76px; padding:8px 0; gap:4px 8px; }
.student-home-task__meta { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.student-home-task__meta > span { padding:2px 6px; color:#8175b7; background:#f0ecfe; border-radius:5px; font-size:10px; line-height:16px; }
.student-home .student-home-task__meta small { margin:0; color:#8b93a8; font-size:10px; }
.student-home .student-home-task strong { font-size:13px; line-height:20px; }
.student-home .student-home-task small { margin-top:2px; color:#8b93a8; font-size:10px; line-height:16px; }
.student-home .student-home-task > button { min-width:52px; min-height:40px; padding:0 5px; font-size:12px; font-weight:500; }
.student-home .student-home-resource-class { flex:none; margin:2px 0 8px; line-height:20px; }
.student-home .student-home-resource { min-height:68px; padding:10px 0; gap:12px; background:transparent; }
.student-home .student-home-resource__icon { width:36px; height:40px; font-size:20px; }
.student-home-resource__text { flex:1; min-width:0; }
.student-home-resource > svg { flex:none; width:20px; height:20px; color:#41465b; }
.student-home .student-schedule-empty, .student-home .student-schedule-state { flex:1; min-height:0; }
.student-home .student-schedule-empty { display:flex; align-items:center; justify-content:center; padding:24px 16px; overflow:auto; text-align:center; }
.student-home .student-empty-content { width:100%; max-width:390px; margin:auto; }
.student-home .student-empty-illustration { position:relative; display:flex; align-items:center; justify-content:center; height:146px; margin:0 auto 20px; background:radial-gradient(ellipse at center,#eeebfb 0%,#f5f7fc 45%,transparent 70%); }
.student-home .student-empty-calendar { display:grid; place-items:center; width:88px; height:88px; border:1px solid #e4e2f2; border-radius:24px; background:#fff; color:#9892c6; box-shadow:0 12px 26px #7062a010; transform:rotate(-7deg); }
.student-home .student-empty-calendar svg { width:48px; height:48px; }
.student-home .student-empty-note { position:absolute; bottom:8px; left:50%; transform:translateX(-28%) rotate(3deg); padding:8px 12px; border:1px solid #e3eee9; border-radius:10px; background:#f0f8f5; color:#658c80; font-size:11px; white-space:nowrap; }
.student-home .student-schedule-empty h2 { margin:0 0 10px; color:#30364c; font-size:20px; line-height:1.4; font-weight:600; }
.student-home .student-schedule-empty p { margin:0; color:#8a91a5; font-size:13px; line-height:1.9; }
.student-home .student-empty-join { min-height:44px; margin-top:22px; padding:10px 20px; border:1px solid #dfdcef; border-radius:12px; background:#f5f3fc; color:#6f68aa; font:inherit; font-size:13px; cursor:pointer; }
.student-home .student-empty-join:hover:not(:disabled) { background:#ede9f9; }
.student-home .student-empty-join:focus-visible { outline:3px solid #c6c0e9; outline-offset:3px; }
.student-home .student-empty-join:disabled { opacity:.5; cursor:wait; }
.student-home [data-student-view="tasks"] .student-home-workspace { grid-template-columns:minmax(0,1fr); }
.student-home [data-student-view="tasks"] .student-home-sidebar { grid-template-rows:minmax(0,1fr); }
.student-home [data-student-view="tasks"] .student-home-task { min-height:96px; }
.student-home .student-home-rail { position:absolute; top:0; bottom:0; left:-88px; width:68px; height:auto; margin:0; flex-direction:column; padding:8px 10px 12px; background:rgba(255,255,255,.92); }
.student-home .student-home-rail.is-expanded { left:-204px; width:184px; align-items:stretch; }
.student-home .student-home-rail button { justify-content:flex-start; }
.student-home .student-home-rail button svg { width:24px; height:24px; flex:0 0 24px; fill:currentColor; stroke:none; }
.student-home .student-home-rail .student-home-rail__brand { display:flex; flex:none; width:100%; height:68px; margin-bottom:10px; padding:0 5px; background:transparent; }
.student-home .student-home-rail__brand img { width:38px; height:38px; }
.student-home .student-home-rail__links { display:grid; flex:none; width:100%; height:auto; gap:10px; padding:0; }
.student-home .student-home-rail__bottom { display:grid; width:100%; gap:16px; margin-top:auto; padding:0; }
.student-home .student-home-rail__toggle { display:flex !important; }
.student-home .student-home-rail__avatar { margin:0 auto; }
.student-home button:focus-visible, .student-home [tabindex="0"]:focus-visible { outline:2px solid #9187c7; outline-offset:2px; }
.student-home .student-task-quiz__progress b { background:#9187c7; }
.student-home .student-task-quiz label.is-picked { border-color:#9187c7; background:#f3f0ff; }
@media (min-width:701px) and (max-width:1000px) {
.student-home { --student-gap:14px; }
.student-home .student-schedule-page, .student-home .student-schedule-page.has-expanded-nav { margin:14px 14px 14px 86px; height:calc(100dvh - 28px); }
.student-home .student-home-rail { left:-72px; width:58px; padding:8px 5px 12px; }
.student-home .student-home-rail.is-expanded { left:-72px; width:184px; box-shadow:12px 0 32px #39385524; }
.student-home .student-home-workspace { grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr); }
.student-home .student-home-schedule, .student-home .student-home-panel { padding:16px; border-radius:18px; }
.student-home .student-course-row { grid-template-columns:48px minmax(0,1fr); column-gap:10px; padding:16px 0; }
.student-home .student-course-row__action { grid-column:2; justify-content:flex-start; }
.student-home .student-course-row__start { font-size:18px; }
.student-home .student-home-greeting { gap:10px; }
.student-home .student-home-greeting h1 { font-size:20px; }
.student-home .student-schedule-section__header { align-items:flex-start; }
.student-home .student-schedule__global-join { min-width:88px; padding:0 10px; font-size:12px; }
}
@media (max-width:700px) {
.student-home .student-schedule-page, .student-home .student-schedule-page.has-expanded-nav { height:auto; min-height:calc(100dvh - 24px); margin:12px 12px 12px 78px; }
.student-home .student-home-rail { position:fixed; left:12px; top:12px; bottom:12px; width:54px; padding:8px 3px; }
.student-home .student-home-rail.is-expanded { left:12px; width:174px; box-shadow:12px 0 32px #39385524; }
.student-home .student-schedule-topbar { min-height:58px; height:auto; }
.student-home .student-home-greeting { display:block; }
.student-home .student-home-greeting h1 { font-size:20px; }
.student-home .student-home-greeting p { max-width:210px; font-size:10px; }
.student-home .student-home-workspace { display:flex; flex-direction:column; height:auto; gap:14px; }
.student-home .student-home-schedule { height:540px; flex:none; padding:16px; }
.student-home .student-home-sidebar { display:flex; flex-direction:column; height:auto; gap:14px; }
.student-home .student-home-panel { height:360px; flex:none; padding:16px; }
.student-home .student-course-row { grid-template-columns:46px minmax(0,1fr); gap:10px; }
.student-home .student-course-row__action { grid-column:2; justify-content:flex-start; }
.student-home .student-course-row__start { font-size:17px; }
.student-home .student-schedule__global-join { min-width:88px; padding:0 8px; font-size:12px; }
.student-home .student-home-active-class { flex-wrap:wrap; padding:12px; }
.student-home [data-student-view="tasks"] .student-home-panel { height:calc(100dvh - 92px); }
}
@media (prefers-reduced-motion:reduce) { .student-home *, .student-home *::before, .student-home *::after { transition:none !important; scroll-behavior:auto !important; } }