.text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.multiline-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

a {
  text-decoration: none;
}

#SM_BTN_1 {
  width: auto !important;
  background-color: #21222D !important;
  border-radius: 4px;
  text-align: center;
}
.out-silder-circle {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  top: 3px !important;
}
.sm-ico-wave {
  width: 20px !important;
  height: 20px !important;
  top: 8px !important;
}
.shield {
  top: 1px !important;
  left: 9px !important;
}

.sm-txt {
  color: #fff !important;
  vertical-align: initial !important;
}

.ant-image-preview-img {
  background-color: #fff;
}

.upload-wrap {
  .ant-upload,
  .ant-upload-list-item-container {
    width: 60px !important;
    height: 60px !important;
    border-radius: 4px !important;
  }

  .ant-upload-list-item-container {
    width: 60px !important;
    height: 60px !important;
    border-radius: 4px !important;
  }

  .ant-upload-list-item {
    padding: 0 !important;
    border: none !important;

    &::before {
      width: 100% !important;
      height: 100% !important;
      border-radius: 4px;
    }
  }
}

.upload-banner-wrap {
  .ant-upload,
  .ant-upload-list-item-container {
    width: 244px !important;
    height: 60px !important;
    border-radius: 4px !important;
  }

  .ant-upload-list-item {
    padding: 0 !important;
    border: none !important;

    &::before {
      width: 100% !important;
      height: 100% !important;
      border-radius: 4px;
    }
  }
}

.ant-modal .ant-modal-header {
  margin-bottom: 24px !important;
}

@font-face {
  font-family: 'Monoid';
  font-display: swap;
  src:
    url('//cdn.jsdelivr.net/npm/@typopro/web-monoid@3.7.5/TypoPRO-Monoid-Regular.woff')
      format('woff2'),
    url('//cdn.jsdelivr.net/npm/@typopro/web-monoid@3.7.5/TypoPRO-Monoid-Regular.woff')
      format('woff');
}

@font-face {
  font-family: 'Fantasque Sans Mono';
  font-display: swap;
  src:
    url('//cdn.jsdelivr.net/npm/@typopro/web-fantasque-sans-mono@3.7.5/TypoPRO-FantasqueSansMono-Regular.woff')
      format('woff2'),
    url('//cdn.jsdelivr.net/npm/@typopro/web-fantasque-sans-mono@3.7.5/TypoPRO-FantasqueSansMono-Regular.woff')
      format('woff');
}

@font-face {
  font-family: 'Hack';
  font-display: swap;
  src:
    url('//cdn.jsdelivr.net/font-hack/2.020/fonts/woff2/hack-regular-webfont.woff2?v=2.020')
      format('woff2'),
    url('//cdn.jsdelivr.net/font-hack/2.020/fonts/woff/hack-regular-webfont.woff?v=2.020')
      format('woff');
}

@font-face {
  font-family: 'Fira Code';
  font-display: swap;
  src:
    url('//cdn.jsdelivr.net/npm/firacode@latest/distr/woff2/FiraCode-Regular.woff2')
      format('woff2'),
    url('//cdn.jsdelivr.net/npm/firacode@latest/distr/woff/FiraCode-Regular.woff')
      format('woff');
}

@font-face {
  font-family: 'JetBrains Mono';
  font-display: swap;
  src:
    url('//cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2')
      format('woff2'),
    url('//cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff')
      format('woff2');
}

@font-face {
  font-family: 'Cascadia Code';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src:
    local('Cascadia Code'),
    url('//cdn.jsdelivr.net/npm/@fontsource/cascadia-code@latest/files/cascadia-code-latin-ext-400-normal.woff2')
      format('woff2'),
    url('//cdn.jsdelivr.net/npm/@fontsource/cascadia-code@latest/files/cascadia-code-latin-ext-400-normal.woff')
      format('woff');
}

/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-display: swap;
  font-weight: 500;
  src:
    local('IBM Plex Mono Regular'),
    local('IBMPlexMono-Regular'),
    url(//cdn.jsdelivr.net/gh/ibm/plex@latest/IBM-Plex-Mono/fonts/complete/woff2/IBMPlexMono-Regular.woff2)
      format('woff2');
}

/* latin */
@font-face {
  font-family: 'Anonymous Pro';
  font-display: swap;
  src:
    local('Anonymous Pro Regular'),
    local('AnonymousPro-Regular'),
    url(//fonts.gstatic.com/s/anonymouspro/v11/Zhfjj_gat3waL4JSju74E3n3cbdKJftHIk87C9ihfO8.woff2)
      format('woff2');
}

/* latin */
@font-face {
  font-family: 'Droid Sans Mono';
  font-display: swap;
  src:
    local('Droid Sans Mono Regular'),
    local('DroidSansMono-Regular'),
    url(//fonts.gstatic.com/s/droidsansmono/v9/ns-m2xQYezAtqh7ai59hJVlgUn8GogvcKKzoM9Dh-4E.woff2)
      format('woff2');
}

/* latin */
@font-face {
  font-family: 'Inconsolata';
  font-display: swap;
  src:
    local('Inconsolata Regular'),
    local('Inconsolata-Regular'),
    url(//fonts.gstatic.com/s/inconsolata/v16/BjAYBlHtW3CJxDcjzrnZCIgp9Q8gbYrhqGlRav_IXfk.woff2)
      format('woff2');
}

/* latin */
@font-face {
  font-family: 'Source Code Pro';
  font-display: swap;
  src:
    local('Source Code Pro'),
    local('SourceCodePro-Regular'),
    url(//fonts.gstatic.com/s/sourcecodepro/v7/mrl8jkM18OlOQN8JLgasD5bPFduIYtoLzwST68uhz_Y.woff2)
      format('woff2');
}

/* latin */
@font-face {
  font-family: 'Ubuntu Mono';
  font-display: swap;
  src:
    local('Ubuntu Mono'),
    local('UbuntuMono-Regular'),
    url(//fonts.gstatic.com/s/ubuntumono/v7/ViZhet7Ak-LRXZMXzuAfkYgp9Q8gbYrhqGlRav_IXfk.woff2)
      format('woff2');
}

/* latin */
@font-face {
  font-family: 'Space Mono';
  font-display: swap;
  src:
    local('Space Mono'),
    local('SpaceMono-Regular'),
    url(https://fonts.gstatic.com/s/spacemono/v2/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2)
      format('woff2');
}

.rmel-icon-keyboard:before {
  font-size: 12px;
  content: '切换为编辑模式' !important;
}

.rmel-icon-visibility:before {
  font-size: 12px;
  content: '切换为预览模式' !important;
}

.navigation-nav.left::before {
  font-size: 12px;
  content: '支持 markdown 格式' !important;
}

.rc-md-editor .rc-md-navigation .button-wrap .button {
  color: rgba(32, 108, 255, 0.85) !important;
}

.rc-md-editor .rc-md-navigation .button-wrap .button:hover {
  color: rgba(32, 108, 255, 1) !important;
  font-weight: 500;
}

.rc-md-editor .editor-container > .section {
  border-right: none;
}

@keyframes row-auto-scroll {
  from {
    margin-left: 0;
  }

  to {
    margin-left: 100%;
  }
}

.row-auto-scroll-left {
  width: 436px;
  height: 18px;
  position: absolute;
  top: 0;
  left: -100%;
  background-size: auto 100%;
  animation: row-auto-scroll 10s linear infinite;
}

.row-auto-scroll-right {
  width: 436px;
  height: 18px;
  position: absolute;
  bottom: 0;
  left: -100%;
  background-size: auto 100%;
  animation: row-auto-scroll 10s linear infinite reverse;
}

.sc-container .sc-mask {
  z-index: 1500 !important;
}

.tiptap + .ProseMirror .MuiSelect-root{
  background-color: unset!important;
}

@layer editor {
  .tiptap {
    --mui-palette-background-paper: #ffffff;
    --mui-palette-background-paper3: #f5f5f5;
  }
}