.exporting-button[data-v-4a629a80] {
  position: relative;
  transition: min-width 0.3s ease;
  min-width: 60px;
}
.exporting-button[data-v-4a629a80] button {
    position: relative;
    z-index: 1;
}
.exporting-button .progress[data-v-4a629a80] {
    background-color: #eee;
    border-radius: 3px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}
.exporting-button .progress .bar[data-v-4a629a80] {
      background-color: #23a774;
      background-image: linear-gradient(to right, #5175ff, #23a774);
      border-radius: inherit;
      left: 0;
      top: 0;
      bottom: 0;
      align-items: center;
      color: #fff;
      display: flex;
      position: absolute;
      justify-content: flex-end;
      transition: width 0.3s linear;
      min-width: 44px;
      width: 0%;
}
.exporting-button .progress .bar[data-v-4a629a80]::after {
        -webkit-animation: light-data-v-4a629a80 2s linear infinite;
                animation: light-data-v-4a629a80 2s linear infinite;
        content: '';
        left: 0;
        bottom: 0;
        position: absolute;
        top: 0;
        background-image: linear-gradient(to right, rgba(160, 255, 255, 0) 50%, rgba(160, 255, 255, 0.5) 98%, #a0ffff 99.9%, #a0ffff 100%);
        background-repeat: repeat-x;
        background-size: 200px 100%;
        width: 100%;
        z-index: 1;
}
.exporting-button .progress span[data-v-4a629a80] {
      font-size: 0.8rem;
      padding: 0 8px;
      position: relative;
      z-index: 2;
}
.exporting-button.exporting[data-v-4a629a80] {
    margin: 6px 0;
    height: 20px;
    min-width: 180px;
}
.exporting-button.exporting[data-v-4a629a80] .ivu-btn {
      opacity: 0 !important;
}
@-webkit-keyframes light-data-v-4a629a80 {
100% {
    background-position: 200px 0;
}
}
@keyframes light-data-v-4a629a80 {
100% {
    background-position: 200px 0;
}
}