
// 设置暗黑模式下spin的背景色透明
body[arco-theme='dark'] {
  .arco-spin-mask {
    background-color: unset !important;
  }
}
.arco-modal-body {
  max-height: calc(100vh - 48px - 65px - 48px);
  overflow-y: auto;
  overflow-x: hidden;
  // 未引入tailwind需要此
  // width: calc(100% - 40px);
}

@media screen and (max-width: 530px) {
  .arco-modal {
    width: 94vw;
  }
}

.arco-scrollbar-thumb-direction-vertical .arco-scrollbar-thumb-bar {
  width: 7px;
  margin: 0 5px;
}

.arco-popconfirm-content {
  white-space: pre-wrap;
}

// 自定义arco表格滚动条样式
.arco-table-content-scroll-x,
.arco-table-content-scroll-y,
.arco-table.arco-table-empty .arco-table-header {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  &::-webkit-scrollbar {
    background-color: var(--color-fill-1);
    border-bottom-right-radius: var(--border-radius-medium);
  }
  /*定义滚动条轨道 内阴影+圆角*/
  &::-webkit-scrollbar-track {
    border-radius: 6px;
  }
  /*定义滑块 内阴影+圆角*/
  &::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: var(--color-neutral-4);
    cursor: pointer;
    &:hover {
      background-color: var(--color-neutral-5);
    }
    &:active {
      background-color: var(--color-neutral-6);
    }
  }
}
.arco-table-content-scroll-x,
.arco-table.arco-table-empty .arco-table-header {
  &::-webkit-scrollbar {
    height: 9px;
  }
}
.arco-table-content-scroll-y {
  &::-webkit-scrollbar {
    width: 9px;
  }
}

.arco-trigger-popup{
  white-space:pre-wrap;
}
