/*
  *** 本scss样式为构建后样式，不直接修改，请修改less
  *** 修改后，请修改index.tsx的样式引入为index.less，执行构建，然后将dist内样式拷贝到这里覆盖
  *** 然后修改index.tsx的样式引入为index.scss，再执行发布
*/

.teamix-typography {
  word-wrap: break-word;
}
.teamix-typography-copy,
.teamix-typography-edit {
  visibility: hidden;
}
.teamix-typography:hover .teamix-typography-copy,
.teamix-typography:hover .teamix-typography-edit {
  visibility: visible;
}
.teamix-typography.teamix-typography-secondary {
  color: var(--color-text1-2);
}
.teamix-typography.teamix-typography-success {
  color: var(--color-success-5);
}
.teamix-typography.teamix-typography-warning {
  color: var(--color-warning-5);
}
.teamix-typography.teamix-typography-danger {
  color: var(--color-error-5);
}
a.teamix-typography.teamix-typography-danger:active,
a.teamix-typography.teamix-typography-danger:focus,
a.teamix-typography.teamix-typography-danger:hover {
  color: var(--color-error-6);
  cursor: pointer;
}
.teamix-typography.teamix-typography-disabled {
  color: var(--color-text1-1);
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.teamix-typography p,
div.teamix-typography {
  margin-bottom: 1em;
}
a.teamix-typography-ellipsis,
span.teamix-typography-ellipsis {
  display: inline-block;
}
.teamix-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: hsla(0, 0%, 58.8%, 0.1);
  border: 1px solid hsla(0, 0%, 39.2%, 0.2);
  border-radius: 3px;
}
.teamix-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: hsla(0, 0%, 58.8%, 0.06);
  border: solid hsla(0, 0%, 39.2%, 0.2);
  border-width: 1px 1px 2px;
  border-radius: 3px;
}
.teamix-typography mark {
  padding: 0;
  background-color: var(--color-warning-2);
}
.teamix-typography ins,
.teamix-typography u {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}
.teamix-typography del,
.teamix-typography s {
  text-decoration: line-through;
}
.teamix-typography strong {
  font-weight: 700;
  font-weight: var(--font-weight-3, 700);
}
.teamix-typography-copy,
.teamix-typography-edit,
.teamix-typography-expand {
  color: var(--color-link-1);
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin-left: 4px;
}
.teamix-typography-copy:focus,
.teamix-typography-copy:hover,
.teamix-typography-edit:focus,
.teamix-typography-edit:hover,
.teamix-typography-expand:focus,
.teamix-typography-expand:hover {
  color: var(--color-link-2);
}
.teamix-typography-copy:active,
.teamix-typography-edit:active,
.teamix-typography-expand:active {
  color: var(--color-link-3);
}
.teamix-typography-copy-success,
.teamix-typography-copy-success:focus,
.teamix-typography-copy-success:hover {
  color: var(--color-success-5);
}
.teamix-typography-edit-content {
  position: relative;
}
div.teamix-typography-edit-content {
  left: -9px;
  margin-top: calc(var(--input-multiple-font-size) / 2 - 9px);
  margin-bottom: calc(1em - 2px);
}
.teamix-typography-edit-content-confirm {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: var(--color-text1-2);
  pointer-events: none;
}
.teamix-typography-edit-content textarea {
  -moz-transition: none;
}
.teamix-typography ol,
.teamix-typography ul {
  margin: 0 0 1em;
  padding: 0;
}
.teamix-typography ol li,
.teamix-typography ul li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.teamix-typography ul {
  list-style-type: circle;
}
.teamix-typography ul ul {
  list-style-type: disc;
}
.teamix-typography ol {
  list-style-type: decimal;
}
.teamix-typography blockquote,
.teamix-typography pre {
  margin: 1em 0;
}
.teamix-typography pre {
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: hsla(0, 0%, 58.8%, 0.1);
  border: 1px solid hsla(0, 0%, 39.2%, 0.2);
  border-radius: 3px;
}
.teamix-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}
.teamix-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid hsla(0, 0%, 39.2%, 0.2);
  opacity: 0.85;
}
.teamix-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
a.teamix-typography-ellipsis-single-line,
span.teamix-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.teamix-typography-ellipsis-multiple-line {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.teamix-typography-rtl {
  direction: rtl;
}
.teamix-typography-rtl .teamix-typography-copy,
.teamix-typography-rtl .teamix-typography-edit,
.teamix-typography-rtl .teamix-typography-expand {
  margin-right: 4px;
  margin-left: 0;
}
.teamix-typography-rtl .teamix-typography-expand {
  float: left;
}
div.teamix-typography-edit-content.teamix-typography-rtl {
  right: -9px;
  left: auto;
}
.teamix-typography-rtl .teamix-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}
.teamix-typography-rtl.teamix-typography ol li,
.teamix-typography-rtl.teamix-typography ul li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}