// viewUi中buttonGroup下几个button的focus状态下样式存在问题，后边的会覆盖前边的box-shadow,这里给focus元素添加z-index.

.ivu-btn:focus {
  z-index: 2;
  box-shadow: 0 0 0 2px rgb(45 140 240 / 20%);
}

.preview-modal-wrap {
  overflow: hidden;

  .ivu-modal-body {
    display: flex;
    //滚动条移动上去才展示，移开不展示滚动条
    overflow: overlay;
    padding: 0;
    max-height: calc(100vh - 51px);

    &::-webkit-scrollbar {
      width: 4px;
      background-color: #efeae6;
    }

    &:hover ::-webkit-scrollbar-track-piece {
      /* 滚动条的背景颜色 */
      border-radius: 6px;

      /* 鼠标移动上去再显示滚动条 */
      background-color: #ffffff;

      /* 滚动条的圆角宽度 */
    }

    &:hover::-webkit-scrollbar-thumb:hover {
      background-color: #c1c1c1;
    }

    &:hover::-webkit-scrollbar-thumb:vertical {
      border: 2px solid #c1c1c1;
      border-radius: 6px;
      background-color: #c1c1c1;
      outline: 2px solid #c1c1c1;
      outline-offset: -2px;
    }
  }

  .ivu-modal-content {
    border-radius: 6px 6px 0 0;
  }

  .ivu-modal {
    top: 0;
  }
}