.wb-tooltip{border-radius:var(--wb-tooltip-border-radius);padding:var(--wb-tooltip-padding-TB) var(--wb-tooltip-padding-LR);background:var(--wb-tooltip-bg);max-width:var(--wb-tooltip-max-width);pointer-events:none;outline:none;box-sizing:border-box;text-align:left;-webkit-backdrop-filter:blur(var(--wb-tooltip-backdrop-blur, 4px));backdrop-filter:blur(var(--wb-tooltip-backdrop-blur, 4px))}@media(prefers-reduced-motion: reduce){.wb-tooltip{-webkit-backdrop-filter:none;backdrop-filter:none}}.wb-tooltip--interactive{pointer-events:auto}.wb-tooltip--no-padding{padding:0}.wb-tooltip--fade-initial,.wb-tooltip--fade-open,.wb-tooltip--fade-close{opacity:0;transition:opacity var(--wb-tooltip-duration-in) var(--wb-tooltip-easing)}.wb-tooltip--fade-open{opacity:1}.wb-tooltip--fade-close{opacity:0;transition:opacity var(--wb-tooltip-duration-out) var(--wb-tooltip-easing)}@media(prefers-reduced-motion: reduce){.wb-tooltip--fade-initial,.wb-tooltip--fade-open,.wb-tooltip--fade-close{transition-duration:1ms}}.wb-tooltip__content{color:var(--wb-tooltip-text-color);font-size:var(--wb-tooltip-font-size);line-height:var(--wb-tooltip-line-height);word-break:break-word}.wb-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid}.wb-tooltip--placement-top .wb-tooltip__arrow{border-left:calc(var(--wb-tooltip-arrow-width)/2) solid rgba(0,0,0,0);border-right:calc(var(--wb-tooltip-arrow-width)/2) solid rgba(0,0,0,0);border-top:var(--wb-tooltip-arrow-height) solid var(--wb-tooltip-bg);border-bottom:0}.wb-tooltip--placement-bottom .wb-tooltip__arrow{border-left:calc(var(--wb-tooltip-arrow-width)/2) solid rgba(0,0,0,0);border-right:calc(var(--wb-tooltip-arrow-width)/2) solid rgba(0,0,0,0);border-bottom:var(--wb-tooltip-arrow-height) solid var(--wb-tooltip-bg);border-top:0}.wb-tooltip--placement-left .wb-tooltip__arrow{border-top:calc(var(--wb-tooltip-arrow-width)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--wb-tooltip-arrow-width)/2) solid rgba(0,0,0,0);border-left:var(--wb-tooltip-arrow-height) solid var(--wb-tooltip-bg);border-right:0}.wb-tooltip--placement-right .wb-tooltip__arrow{border-top:calc(var(--wb-tooltip-arrow-width)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--wb-tooltip-arrow-width)/2) solid rgba(0,0,0,0);border-right:var(--wb-tooltip-arrow-height) solid var(--wb-tooltip-bg);border-left:0}.wb-tooltip--bare{background:none !important;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0;max-width:none}.wb-tooltip--bare .wb-tooltip__arrow{display:none}
/* Template base styles for MindX app */
:where( .mindx-web-root, .mindx-web-root :where(
      address,
      article,
      aside,
      blockquote,
      button,
      div,
      fieldset,
      figure,
      footer,
      form,
      header,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      input,
      label,
      li,
      main,
      nav,
      ol,
      option,
      p,
      pre,
      section,
      select,
      span,
      table,
      tbody,
      td,
      textarea,
      tfoot,
      th,
      thead,
      tr,
      ul
    )) {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  overflow: hidden;
  overscroll-behavior: none;
}
#root {
  width: 100%;
  height: 100%;
}
/* 全局细滚动条：4px、淡灰色常驻、hover 时加深
 * 覆盖系统默认粗滚动条，所有可滚动区域统一风格（含 SDK portal 弹窗）。
 * scrollbar-width: thin 是标准属性，优先级高于 webkit 私有属性。
 */
:where( .mindx-web-root, .mindx-web-root :where(
      address,
      article,
      aside,
      blockquote,
      button,
      div,
      fieldset,
      figure,
      footer,
      form,
      header,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      input,
      label,
      li,
      main,
      nav,
      ol,
      option,
      p,
      pre,
      section,
      select,
      span,
      table,
      tbody,
      td,
      textarea,
      tfoot,
      th,
      thead,
      tr,
      ul
    )) {
  scrollbar-width: thin;
  scrollbar-color: var(--wb-scrollbar-thumb) transparent;
}
:where( .mindx-web-root, .mindx-web-root :where(
      address,
      article,
      aside,
      blockquote,
      button,
      div,
      fieldset,
      figure,
      footer,
      form,
      header,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      input,
      label,
      li,
      main,
      nav,
      ol,
      option,
      p,
      pre,
      section,
      select,
      span,
      table,
      tbody,
      td,
      textarea,
      tfoot,
      th,
      thead,
      tr,
      ul
    ))::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
:where( .mindx-web-root, .mindx-web-root :where(
      address,
      article,
      aside,
      blockquote,
      button,
      div,
      fieldset,
      figure,
      footer,
      form,
      header,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      input,
      label,
      li,
      main,
      nav,
      ol,
      option,
      p,
      pre,
      section,
      select,
      span,
      table,
      tbody,
      td,
      textarea,
      tfoot,
      th,
      thead,
      tr,
      ul
    ))::-webkit-scrollbar-thumb {
  background: var(--wb-scrollbar-thumb);
  border-radius: var(--radius-sm-val);
}
:where( .mindx-web-root, .mindx-web-root :where(
        address,
        article,
        aside,
        blockquote,
        button,
        div,
        fieldset,
        figure,
        footer,
        form,
        header,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        input,
        label,
        li,
        main,
        nav,
        ol,
        option,
        p,
        pre,
        section,
        select,
        span,
        table,
        tbody,
        td,
        textarea,
        tfoot,
        th,
        thead,
        tr,
        ul
      ))::-webkit-scrollbar-thumb:hover {
  background: var(--wb-scrollbar-thumb-hover);
}
:where( .mindx-web-root, .mindx-web-root :where(
      address,
      article,
      aside,
      blockquote,
      button,
      div,
      fieldset,
      figure,
      footer,
      form,
      header,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      input,
      label,
      li,
      main,
      nav,
      ol,
      option,
      p,
      pre,
      section,
      select,
      span,
      table,
      tbody,
      td,
      textarea,
      tfoot,
      th,
      thead,
      tr,
      ul
    ))::-webkit-scrollbar-track {
  background: transparent;
}

