@fesjs/fes-design/es/tooltip/style/index.css

fes-design for PC

.fes-tooltip {
  margin: 0;
  padding: 0;
  outline: none;
  color: var(--f-text-color);
  font-size: var(--f-font-size-base);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-variant: tabular-nums;
  line-height: 22px;
  font-feature-settings: 'tnum';
  padding: var(--f-padding-xsmall);
  border-radius: var(--f-border-radius-base);
}
.fes-tooltip-text {
  color: var(--f-white);
  word-break: break-all;
  overflow-wrap: break-word;
  background-color: var(--f-tooltip-text-bg-color);
}
.fes-tooltip-confirm,
.fes-tooltip-popover {
  padding: var(--f-padding-middle);
  background-color: var(--f-white);
  zoom: 1;
}
.fes-tooltip-confirm::before,
.fes-tooltip-popover::before,
.fes-tooltip-confirm::after,
.fes-tooltip-popover::after {
  display: table;
  content: '';
}
.fes-tooltip-confirm::after,
.fes-tooltip-popover::after {
  clear: both;
}
.fes-tooltip-modal-header {
  display: flex;
  font-weight: 500;
  font-size: calc(var(--f-font-size-base) + 2px);
}
.fes-tooltip-modal-header.is-confirm {
  font-weight: 400;
  font-size: var(--f-font-size-base);
}
.fes-tooltip-modal-icon {
  display: flex;
  align-items: center;
  padding-right: var(--f-padding-xsmall);
  color: var(--f-warning-color);
}
.fes-tooltip-modal-body.has-header {
  margin-top: var(--f-padding-middle);
}
.fes-tooltip-modal-body.is-confirm {
  padding-left: calc(var(--f-padding-large) - 2);
}
.fes-tooltip-modal-btn {
  float: right;
  margin: var(--f-padding-middle) 0 0 var(--f-padding-xsmall);
}