/* ---------------------------------------------------------------------------
* File: @tencent/smartcanvas-common/src/styles/theme-settings/color/local/tdoc-dark.js
* Created Date: 2023-07-27 20:54:39
* Author: <<leoricxu@tencent.com>>
* Description: C 端本地新增 token
----------------------------------------------------------------------------- */
:root {
  --shadow-default: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 6px 2px rgba(0, 0, 0, 0.04), 0 6px 32px 2px rgba(0, 0, 0, 0.16);
  --shadow-medium: 0 0 8px 2px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
  /* from accentDefault + 0.24 */
  --bg-text-selection: rgba(30, 111, 255, 0.24);
  --block-bright: none;
  /* palette */
  --text-default: #1f1f1f;
  --text-grey: #858585;
  --text-blue: #2972f4;
  --text-skyblue: #00a3f5;
  --text-green: #45b076;
  --text-yellow: #f5c400;
  --text-orange: #f88825;
  --text-red: #de3c36;
  --text-rosered: #dd4097;
  --text-purple: #9a38d7;
  --text-code: #d34097;
  --text-reminder: #e07800;
  --border-default: transparent;
  --border-grey: #80868f;
  --border-blue: #b0cdff;
  --border-skyblue: #96deee;
  --border-green: #a8e0c2;
  --border-yellow: #f9e38b;
  --border-orange: #ffba85;
  --border-red: #ffa6a3;
  --border-rosered: #ffaeda;
  --border-purple: #e7b4ff;
  --bg-default: transparent;
  --bg-grey: #ebebeb;
  --bg-dark: #dcdfe4;
  --bg-light-grey: #f3f5f7;
  --bg-blue: #c7dcff;
  --bg-light-blue: #e5efff;
  --bg-table-blue: #e5f3fe;
  --bg-skyblue: #c7ecff;
  --bg-light-skyblue: #e5f6ff;
  --bg-green: #ace2c5;
  --bg-light-green: #eafaf1;
  --bg-yellow: #ffeead;
  --bg-light-yellow: #fff9e3;
  --bg-orange: #ffdcc4;
  --bg-light-orange: #fff3eb;
  --bg-red: #ffc9c7;
  --bg-light-red: #ffe9e8;
  --bg-rosered: #ffc7e2;
  --bg-light-rosered: #ffecf4;
  --bg-purple: #f2c7ff;
  --bg-light-purple: #fdebff;
  --bg-error: #ffeadb;
  --bg-lv4-default: #ffffff;
  --divider-default: rgba(0, 0, 0, 0.12);
  --divider-black: #000000;
  --divider-grey: #858585;
  --divider-light-grey: #dcdfe4;
  --divider-blue: #2972f4;
  --divider-light-blue: #b0cdff;
  --divider-table-blue: #66b7fc;
  --divider-sky-blue: #00a3f5;
  --divider-light-sky-blue: #96deee;
  --divider-green: #00b371;
  --divider-light-green: #9ce4c3;
  --divider-yellow: #fec100;
  --divider-light-yellow: #ffeda5;
  --divider-orange: #ff8000;
  --divider-light-orange: #ffdac1;
  --divider-red: #f22329;
  --divider-light-red: #ffc6c5;
  --divider-rose-red: #dd4097;
  --divider-light-rose-red: #ffaeda;
  --divider-purple: #a72edf;
  --divider-light-purple: #fac5ff;
  /* chart */
  --chart-bg1: #ffffff;
  --chart-accent1-start: #8e4be0;
  --chart-accent1-stop: #c87ffa;
  --chart-accent2-start: #3e53eb;
  --chart-accent2-stop: #7691ff;
  --chart-accent3-start: #175ceb;
  --chart-accent3-stop: #5c98ff;
  --chart-accent4-start: #2ca1e5;
  --chart-accent4-stop: #66d1ff;
  --chart-accent5-start: #118f58;
  --chart-accent5-stop: #00d689;
  --chart-accent6-start: #eb3639;
  --chart-accent6-stop: #ff7272;
  --chart-dk1-start: #eb4825;
  --chart-dk1-stop: #ff8246;
  --chart-dk2-start: #eb9000;
  --chart-dk2-stop: #ffcd00;
  /* linear colorful icon */
  --icon-blue-start: #1e6fff;
  --icon-blue-stop: #195cf4;
  --icon-green-start: #01cd7f;
  --icon-green-stop: #018c47;
  /* table */
  --table-active-grey: #e9ebed;
  --icon-share-bg: var(--bg-lv2-medium);
  --icon-invert: none;
  --text-ultrastrong-invert: rgba(255, 255, 255, 0.92);
  --icon-strong-invert: #dcdee0;
  --publish-page-logo-pc: url(//docs.gtimg.com/smartcanvas/image/logo_combination-3f851561d1.svg);
  --publish-page-logo-mobile: url(//docs.gtimg.com/smartcanvas/image/logo_combination-1df9e7cbe2.svg);
  --primary-blue: #edf4ff;
  /* space 用到的 */
  --bg-lv1-default-trans: rgba(255, 255, 255, 0.64);
  /** 资源包里缺失的设计统一颜色值 */
  --mask-pc-ultrastrong: rgba(255, 255, 255, 0.8);
  --tsp-fill-invert: rgba(255, 255, 255, 0.64);
}

/* ---------------------------------------------------------------------------
* File: @tencent/smartcanvas-common/src/styles/theme-settings/color/local/tdoc-dark.js
* Created Date: 2023-07-27 20:54:39
* Author: <<leoricxu@tencent.com>>
* Description: C 端本地新增 token
----------------------------------------------------------------------------- */
.__DARK__ {
  --shadow-default: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 6px 2px rgba(0, 0, 0, 0.08), 0 6px 32px 2px rgba(0, 0, 0, 0.32);
  --shadow-medium: 0 0 8px 2px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  /* from accentDefault + 0.24 */
  --bg-text-selection: rgba(13, 97, 242, 0.24);
  --block-bright: brightness(0.8);
  /* 公共库的图标暗色方案，转成灰度，使图标在深色下不会泛蓝*/
  --invert-on-dark-mode: invert() hue-rotate(180deg) brightness(120%) grayscale(50%);
  /* palette */
  --text-default: #ededed;
  --text-grey: #7b7b7b;
  --text-blue: #4ea8f6;
  --text-skyblue: #25b8f7;
  --text-green: #72c092;
  --text-yellow: #f7d425;
  --text-orange: #f9a24a;
  --text-red: #e5645a;
  --text-rosered: #e464a6;
  --text-purple: #b15cdf;
  --text-code: #e464a6;
  --text-reminder: #e69223;
  --border-default: transparent;
  --border-grey: #5b5c5c;
  --border-blue: #2f4a88;
  --border-skyblue: #2b6c81;
  --border-green: #317c58;
  --border-yellow: #866c25;
  --border-orange: #884925;
  --border-red: #882c30;
  --border-rosered: #882f66;
  --border-purple: #652d88;
  --bg-default: transparent;
  --bg-grey: #3a3a3a;
  --bg-dark: #41444a;
  --bg-light-grey: #2f3134;
  --bg-blue: #223b6c;
  --bg-light-blue: #1c2b48;
  --bg-table-blue: #4274a5;
  --bg-skyblue: #14486e;
  --bg-light-skyblue: #14334a;
  --bg-green: #1b523a;
  --bg-light-green: #17392b;
  --bg-yellow: #5b4a0c;
  --bg-light-yellow: #3e340f;
  --bg-orange: #62351c;
  --bg-light-orange: #422718;
  --bg-red: #6f282b;
  --bg-light-red: #4a2022;
  --bg-rosered: #6f2750;
  --bg-light-rosered: #4a1f38;
  --bg-purple: #5b2871;
  --bg-light-purple: #3e204c;
  --bg-lv4-default: #242529;
  --bg-error: rgba(50, 42, 37);
  --divider-default: #ededed;
  --divider-black: #41444a;
  --divider-grey: #7b7b7b;
  --divider-lightgrey: #5b5c5c;
  --divider-blue: #4ea8f6;
  --divider-light-blue: #2f4a88;
  --divider-table-blue: #205da4;
  --divider-sky-blue: #25b8f7;
  --divider-light-sky-blue: #2b6c81;
  --divider-green: #72c092;
  --divider-light-green: #317c58;
  --divider-yellow: #f7d425;
  --divider-light-yellow: #866c25;
  --divider-orange: #f9a24a;
  --divider-light-orange: #884925;
  --divider-red: #e5645a;
  --divider-light-red: #882c30;
  --divider-rose-red: #e464a6;
  --divider-light-rose-red: #882f66;
  --divider-purple: #b15cdf;
  --divider-light-purple: #652d88;
  /* chart */
  --chart-bg1: #ffffff;
  --chart-accent1-start: #4b1c96;
  --chart-accent1-stop: #6927a3;
  --chart-accent2-start: #161c9c;
  --chart-accent2-stop: #2536a6;
  --chart-accent3-start: #0f349c;
  --chart-accent3-stop: #1e47a6;
  --chart-accent4-start: #145f99;
  --chart-accent4-stop: #2576a6;
  --chart-accent5-start: #0c6e4a;
  --chart-accent5-stop: #0c9169;
  --chart-accent6-start: #9c1621;
  --chart-accent6-stop: #a62730;
  --chart-dk1-start: #9c200f;
  --chart-dk1-stop: #a63c1a;
  --chart-dk2-start: #9c5a09;
  --chart-dk2-stop: #a67d0a;
  /* linear colorful icon */
  --icon-blue-start: #448fff;
  --icon-blue-stop: #3e7bf6;
  --icon-green-start: #2cd790;
  --icon-green-stop: #22a35d;
  --icon-share-bg: #eaeaea;
  --icon-invert: invert(1) hue-rotate(180deg);
  --text-ultrastrong-invert: rgba(0, 0, 0, 0.88);
  --icon-strong-invert: #464d5a;
  /* table */
  --table-active-grey: #3a3a3a;
  --publish-page-logo-pc: url(//docs.gtimg.com/smartcanvas/image/logo_combination_white-ebee6957cd.svg);
  --publish-page-logo-mobile: url(//docs.gtimg.com/smartcanvas/image/logo_combination_whitefonts_48-84869f5413.svg);
  --primary-blue: #0f254d;
  /* space 用到的 */
  --bg-lv1-default-trans: rgba(19, 20, 20, 0.64);
  /** 资源包里缺失的设计统一颜色值 */
  --mask-pc-ultrastrong: rgba(0, 0, 0, 0.64);
  --tsp-fill-invert: rgba(0, 0, 0, 0.4);
}

[data-workbench-theme='tdocs'] {
  --workbench-theme-toolbar-icon-primary-color: var(--icon-strong) !important;
  --workbench-theme-titlebar-background: var(--bg-lv2-default) !important;
  color: var(--text-ultrastrong) !important;
}
.__DARK__ {
  --workbench-theme-menu-arrow-filter: invert(1) hue-rotate(180deg);
}

#smartsheet-comments .card-center-btn {
  display: inline-block;
  width: 74px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  border: 1px solid var(--border-ultrastrong);
  background-color: var(--bg-lv1-default);
  color: var(--text-ultrastrong);
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
#smartsheet-comments .card-center-btn-disabled,
#smartsheet-comments .card-center-btn:disabled {
  pointer-events: none !important;
  background-color: var(--bg-lv4-strong) !important;
  border-color: var(--border-ultrastrong) !important;
  color: var(--text-medium) !important;
}
#smartsheet-comments .card-center-btn:hover {
  background-color: var(--bg-lv4-strong);
  border: 1px solid var(--border-ultrastrong);
}
#smartsheet-comments .card-center-btn:active {
  background-color: var(--bg-lv4-strong);
  border: 1px solid var(--border-ultrastrong);
}
#smartsheet-comments .card-center-btn-private {
  border-color: var(--accent-default);
  background-color: var(--accent-default);
  color: hsl(0, 0%, 100%);
  transition: none;
}
#smartsheet-comments .card-center-btn-private:hover {
  border-color: #5391ff;
  background-color: var(--accent-hover);
  color: hsla(0, 0%, 100%, 0.64);
}
#smartsheet-comments .card-center-btn-private:active {
  border-color: var(--accent-default);
  background-color: var(--accent-default);
}
#smartsheet-comments .card-center-btn-loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -7px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 100%;
  -webkit-animation: rotateAni 2s infinite linear;
          animation: rotateAni 2s infinite linear;
}
@-webkit-keyframes rotateAni {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotateAni {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

#smartsheet-comments .comment-item {
  font-size: 14px;
  line-height: 20px;
  word-break: break-all;
  white-space: pre-wrap;
}
#smartsheet-comments .comment-item .textarea-readonly {
  overflow: hidden;
  padding: 2px 0;
  margin-left: 30px;
}
#smartsheet-comments .comment-item .textarea-readonly .code-editor {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important;
  padding: 0 !important;
}
#smartsheet-comments .comment-item .comment-text-folded .editor-container,
#smartsheet-comments .comment-item .comment-text-folded .textarea-readonly {
  cursor: pointer;
  overflow: hidden;
}
#smartsheet-comments .comment-item .comment-text-folded .editor-container .code-editor,
#smartsheet-comments .comment-item .comment-text-folded .textarea-readonly .code-editor {
  max-height: 60px;
}
#smartsheet-comments .comment-item .comment-text-folded .editor-container .code-editor *,
#smartsheet-comments .comment-item .comment-text-folded .textarea-readonly .code-editor * {
  line-height: 20px;
}
#smartsheet-comments .comment-item .comment-text-folded .editor-container .code-editor::after,
#smartsheet-comments .comment-item .comment-text-folded .textarea-readonly .code-editor::after {
  content: '...';
  position: absolute;
  right: 0;
  padding-right: 10px;
  top: 40px;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #ffffff 40px);
  width: 50px;
  text-align: right;
  color: var(--text-strong);
}
#smartsheet-comments .comment-item .comment-text-expanded {
  cursor: default;
}
#smartsheet-comments .panel-textarea {
  padding: 0 0px 17px !important;
}
#smartsheet-comments .panel-textarea > p {
  font-size: 12px;
  color: var(--text-strong);
  padding-top: 8px;
  padding-bottom: 8px;
}
#smartsheet-comments .panel-textarea .comment-item {
  padding: 0;
}
#smartsheet-comments .comment-textarea-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  overflow: hidden;
}
#smartsheet-comments .comment-textarea-group .sync-qq-group {
  padding-top: 15px;
}
#smartsheet-comments .comment-textarea-group .sync-qq-group .dui-checkbox-icon {
  top: 3px;
  width: 14px;
  height: 14px;
}
#smartsheet-comments .comment-textarea-group .qq-group-name {
  font-size: 12px;
  color: var(--text-ultrastrong);
  opacity: 0.64;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#smartsheet-comments .comment-textarea-group .error-msg {
  color: var(--text-error);
  font-size: 12px;
  padding-top: 10px;
  font-weight: bold;
}
#smartsheet-comments .comment-card-wrap .comment-textarea-wrap,
#smartsheet-comments .comment-card-wrap .comment-textarea-container {
  position: relative;
}
#smartsheet-comments .comment-card-wrap .textarea {
  position: relative;
  box-sizing: border-box;
  min-height: 40px;
  max-height: 80px;
  color: var(--text-ultrastrong);
  background-color: var(--bg-lv4-strong);
  padding: 0 0;
  font-size: 14px;
  line-height: 20px;
  word-break: break-all;
  white-space: pre-wrap;
  overflow-x: hidden;
  overflow-y: scroll;
  resize: none;
  border: none;
  -webkit-appearance: none;
  cursor: text;
  width: auto;
}
#smartsheet-comments .comment-card-wrap .textarea.isIE::after {
  position: absolute;
  top: 10px;
  left: 7px;
}
#smartsheet-comments .comment-card-wrap .textarea .editor-container {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
#smartsheet-comments .comment-card-wrap .textarea .editor-container .code-editor {
  border: none;
  padding: 0 4px;
  background: transparent;
}
#smartsheet-comments .comment-card-wrap .textarea .editor-container .code-editor.core-blank::before {
  left: 5px !important;
  color: var(--text-weak);
}
#smartsheet-comments .comment-card-wrap .textarea-placeholder {
  font-size: 14px;
  position: absolute;
  color: var(--text-weak);
  line-height: 40px;
  padding-left: 12px;
  top: 0;
  width: calc(100% - 12px);
}
#smartsheet-comments .comment-textarea-group .btn-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row-reverse;
      flex-flow: row-reverse;
  -ms-flex-pack: start;
      justify-content: flex-start;
  overflow: hidden;
  height: 0;
  margin: 0;
}
#smartsheet-comments .comment-textarea-group .btn-group.btn-group-show {
  margin-top: 14px;
  height: auto;
}
#smartsheet-comments .comment-textarea-group .btn-cancel {
  margin-right: 10px;
}
#smartsheet-comments .editor-container .core-disabled {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.chart-title-input-tip {
  line-height: 17px;
  font-size: 12px;
  color: var(--text-error);
  margin-top: 3px;
}
.chart-title-input-error-wrap .dui-input-input {
  border: 1px solid #ef4e2f !important;
}
.chart-title-input-error-wrap .dui-input-input:focus {
  border: 1px solid #ef4e2f !important;
}

#smartsheet-comments {
  padding-bottom: 0 !important;
  /* 用户信息 */
}
#smartsheet-comments .header {
  width: 100%;
}
#smartsheet-comments .comments {
  width: 100%;
}
#smartsheet-comments .comment-user-info-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#smartsheet-comments .comment-user-info {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
#smartsheet-comments .comment-user-info-img {
  overflow: hidden;
  display: inline-block;
  background: var(--bg-lv1-default, white);
  width: 28px;
  height: 28px;
  border: 1px solid var(--border-medium);
  border-radius: 50%;
  margin-right: 10px;
}
#smartsheet-comments .comment-user-info-nickName {
  font-size: 12px;
  color: var(--text-medium);
}
#smartsheet-comments .comment-btn-group {
  display: inline-block;
}
#smartsheet-comments .comment-item {
  position: relative;
  padding: 8px 0px 8px 0px;
}
#smartsheet-comments .comment-item.highlight-comment {
  background: var(--notice-bg-default);
}
#smartsheet-comments .comment-item.highlight-comment:hover {
  background: var(--notice-bg-default) !important;
}
#smartsheet-comments .comments {
  width: 100%;
}
#smartsheet-comments .comment-header {
  -ms-flex-pack: start;
      justify-content: flex-start;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  border-top: 1px solid var(--border-strong);
  border-bottom: none;
  visibility: visible;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  padding-right: 24px;
  font-weight: 500;
  line-height: 20px;
  font-feature-settings: 'fina' on, 'init' on;
  color: var(--text-ultrastrong);
  padding-bottom: 24px;
  padding-top: 16px;
}
#smartsheet-comments .comment-header .clear-btn-box {
  color: var(--text-strong);
  cursor: pointer;
  transition: all 0.2s;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
#smartsheet-comments .comment-header .clear-btn-box:hover {
  color: var(--text-link);
}
#smartsheet-comments .comment-header .clear-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZmxvYXRpbmd0b29sYmFyX2NsZWFyY29tbWVudHNfZ3JleTwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yNSw3IEwyNSw5IEwyMSw5IEwyMSwyMyBDMjEsMjQuMDU0MzYxOCAyMC4xODQxMjIyLDI0LjkxODE2NTEgMTkuMTQ5MjYyMywyNC45OTQ1MTQzIEwxOSwyNSBMOSwyNSBDNy45NDU2MzgyLDI1IDcuMDgxODM0ODgsMjQuMTg0MTIyMiA3LjAwNTQ4NTc0LDIzLjE0OTI2MjMgTDcsMjMgTDcsOSBMMyw5IEwzLDcgTDI1LDcgWiBNMTksOSBMOSw5IEw5LDIzIEwxOSwyMyBMMTksOSBaIE0xMywxMSBMMTMsMjEgTDExLDIxIEwxMSwxMSBMMTMsMTEgWiBNMTcsMTEgTDE3LDIxIEwxNSwyMSBMMTUsMTEgTDE3LDExIFogTTE5LDMgTDE5LDUgTDksNSBMOSwzIEwxOSwzIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiM3Nzc3NzciPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat center center;
  background-size: 100%;
  transition: background 0.3s ease-in;
  margin-right: 5px;
}
#smartsheet-comments .comment-header .clear-btn {
  display: inline-block;
  height: 18px;
}
#smartsheet-comments .comment-header .clear-btn-box:hover .clear-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZmxvYXRpbmd0b29sYmFyX2NsZWFyY29tbWVudHNfYmx1ZTwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yNSw3IEwyNSw5IEwyMSw5IEwyMSwyMyBDMjEsMjQuMDU0MzYxOCAyMC4xODQxMjIyLDI0LjkxODE2NTEgMTkuMTQ5MjYyMywyNC45OTQ1MTQzIEwxOSwyNSBMOSwyNSBDNy45NDU2MzgyLDI1IDcuMDgxODM0ODgsMjQuMTg0MTIyMiA3LjAwNTQ4NTc0LDIzLjE0OTI2MjMgTDcsMjMgTDcsOSBMMyw5IEwzLDcgTDI1LDcgWiBNMTksOSBMOSw5IEw5LDIzIEwxOSwyMyBMMTksOSBaIE0xMywxMSBMMTMsMjEgTDExLDIxIEwxMSwxMSBMMTMsMTEgWiBNMTcsMTEgTDE3LDIxIEwxNSwyMSBMMTUsMTEgTDE3LDExIFogTTE5LDMgTDE5LDUgTDksNSBMOSwzIEwxOSwzIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiMxRTZGRkYiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
}
#smartsheet-comments .comment-btn-group {
  line-height: 12px;
  position: relative;
}
#smartsheet-comments .comment-btn-group .comment-more {
  position: absolute;
  top: -1px;
  right: 0;
  border-radius: 2px;
  cursor: pointer;
}
#smartsheet-comments .comment-btn-group .comment-more:hover {
  background-color: var(--tsp-fill-medium);
}
#smartsheet-comments .comment-btn-group .comment-edit {
  margin-right: 10px;
}
#smartsheet-comments .comment-list-scroll {
  max-height: 330px;
  min-height: 17px;
  overflow-y: auto;
  overflow-x: hidden;
}
#smartsheet-comments .commentPanel-focus {
  cursor: default;
  box-shadow: none;
}
#smartsheet-comments .commentPanel-focus .comment-list {
  max-height: 330px;
  min-height: 17px;
}
#smartsheet-comments .commentPanel-focus .comment-item:not(.editing):hover {
  background-color: var(--bg-lv3-medium);
}
#smartsheet-comments .commentPanel-focus .comment-item .comment-btn-group {
  display: none;
}
#smartsheet-comments .commentPanel-focus .comment-item:not(.readonly):not(.editing):hover .comment-btn-group {
  display: inline-block;
}
#smartsheet-comments .commentPanel-focus .comment-item:not(.readonly):hover .comment-user-info-times,
#smartsheet-comments .commentPanel-focus .comment-item.editing .comment-user-info-times {
  display: none;
}
#smartsheet-comments .commentPanel-focus .comment-item.highlight {
  background: var(--notice-bg-default);
}
#smartsheet-comments .commentPanel-focus .comment-item.highlight:hover {
  background: var(--notice-bg-default) !important;
}
#smartsheet-comments .commentPanel-preview {
  cursor: pointer;
  box-shadow: none;
}
#smartsheet-comments .commentPanel-preview .comment-item .comment-btn-group {
  display: none;
}
#smartsheet-comments .commentPanel-preview:hover {
  box-shadow: none;
}
#smartsheet-comments .folded-tips {
  position: relative;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: var(--text-medium);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
#smartsheet-comments .folded-tips .icon {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 12px;
  -ms-flex-align: center;
      align-items: center;
}
#smartsheet-comments .folded-tips .icon svg {
  margin-right: 4px;
}
#smartsheet-comments .folded-tips .comment-item-top-border,
#smartsheet-comments .comment-item .comment-item-top-border {
  position: absolute;
  top: 0;
  width: 393px;
  border-bottom: 1px solid var(--border-strong);
}
#smartsheet-comments .folded-tips .comment-item-bottom-border,
#smartsheet-comments .comment-item .comment-item-bottom-border {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  bottom: 0;
  width: 440px;
  border-bottom: 1px solid var(--border-strong);
  left: 0;
}
#smartsheet-comments .comment-user-info {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
#smartsheet-comments .comment-user-info-img {
  overflow: hidden;
  display: inline-block;
  background: var(--bg-lv3-default);
  width: 28px;
  height: 28px;
  border: 1px solid var(--border-medium);
  border-radius: 50%;
  margin-right: 10px;
}
#smartsheet-comments .comment-user-info-nickName {
  font-size: 12px;
  color: var(--text-ultrastrong);
}
#smartsheet-comments .comment-btn-group {
  display: inline-block;
  -webkit-filter: var(--icon-invert);
          filter: var(--icon-invert);
}
#smartsheet-comments .comment-item:last-child .comment-item-bottom-border {
  border-bottom: none;
}
#smartsheet-comments .comment-textarea-group .comment-textarea-container .bottom-textarea {
  position: fixed;
  bottom: 33px;
  width: 393px;
}
.comment-edit,
.comment-del {
  line-height: 30px;
  font-size: 12px;
  cursor: pointer;
  color: var(--text-ultrastrong);
  padding-left: 16px;
}
.comment-edit:hover,
.comment-del:hover {
  background-color: var(--tsp-fill-weak);
}


/*# sourceMappingURL=chunk_package_common-af2a2381b3.css.map*/