@import '../../../style/themes/index';
@import '../../../style/mixins/index';

@modal-prefix-cls: ~'@{fc-prefix}-modal';

.@{modal-prefix-cls} {
  .scroll {
    padding: @paddingBase*3 20px @paddingBase*3 @paddingBase*3;
    max-height: 468px;
    overflow: auto;
    // scrollbar-width: thin; /* 滚动条宽度：thin 或 auto */
    // scrollbar-color: rgba(@black-10,0.35) white; /* 滚动条颜色：thumb color 和 track color */
  }

  .scrollBorder {
    padding-right: 4px;
    position: relative;

    .example {
      text-align: center;
      background: rgba(0, 0, 0, 0.05);
      border-radius: 1px;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      position: absolute;

      display: flex;
      align-items: center;
      justify-content: center;
    }
  }

  /* 滚动条滑块 */
  .scroll::-webkit-scrollbar-thumb {
    background-color: rgba(@black-10, 0.35); /* 设置滑块颜色 */
  }

  /** 样式写在这里面 */
  .ant-modal-body {
    padding: 0;
    // overflow: hidden;
    // &:hover {
    //   overflow: auto;
    // }
  }

  .ant-modal-close-x {
    height: @unit*6;
    line-height: @unit*6;
  }

  .ant-modal-header {
    height: @unit*6;
    border: 0px 0px 1px 0px solid @black-3;
    padding: @paddingBase*1.5 @paddingBase*3 @paddingBase*1.5 @paddingBase*3;

    .ant-modal-title {
      color: @black-10;
      font-size: @font4;
      font-weight: 600;
      line-height: @lineHeight6;
    }
  }

  .ant-modal-footer {
    height: @unit*8;
    border: 1px 0px 0px 0px solid @black-3;
    padding: @paddingBase*2 @paddingBase*3 @paddingBase*2 @paddingBase*3;
  }
  .ant-modal-footer button + button {
    margin-left: @marginBase*1.5;
  }
}