.custom-modal-wrap {
  white-space: nowrap; // fix 1240px时，换行看不到了
}
.custom-modal {
  // hack reset
  top: 0 !important;
  //vertical-align: unset !important;
  width: 1240px !important;
  max-width: 1240px !important;
  min-width: 1240px !important;
}
.footer {
  display: flex;
  justify-content: center;
  position: relative;
  &__hint {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    border-bottom: 1px solid #000;
    &.disabled{
      cursor: not-allowed;
      color: #ccc;
      border-bottom: 1px solid #ccc;
    }
    &__selected {
      display: inline-block;
      width: 12px; // 固定宽度，防止 hover 时横向抖动
      box-sizing: border-box;
      padding-left: 2px;
      padding-right: 2px;
      color: dodgerblue;
      &:hover {
        font-weight: bold;
      }
    }
    &__remain {
      padding-left: 2px;
      padding-right: 2px;
      color: rgb(98, 126, 154);
    }
  }
}