@com-prefix-cls: if(isdefined(@ant-prefix), @ant-prefix, ant);

.@{com-prefix-cls}-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  outline: 0
}

.@{com-prefix-cls}-upload p {
  margin: 0
}

.@{com-prefix-cls}-upload-btn {
  display: block;
  width: 100%;
  outline: none
}

.@{com-prefix-cls}-upload input[type=file] {
  cursor: pointer
}

.@{com-prefix-cls}-upload.@{com-prefix-cls}-upload-select {
  display: inline-block
}

.@{com-prefix-cls}-upload.@{com-prefix-cls}-upload-disabled {
  color: #00000040;
  cursor: not-allowed
}

.@{com-prefix-cls}-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000d9;
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: "tnum";
  line-height: 1.5715
}

.@{com-prefix-cls}-upload-list:before {
  display: table;
  content: ""
}

.@{com-prefix-cls}-upload-list:after {
  display: table;
  clear: both;
  content: ""
}

.@{com-prefix-cls}-upload-list-item {
  position: relative;
  height: 22.001px;
  margin-top: 8px;
  font-size: 14px
}

.@{com-prefix-cls}-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis
}


// TODO
.@{com-prefix-cls}-upload-list-text-container {
  transition: opacity .3s,height .3s
}

.@{com-prefix-cls}-upload-list-text-container:before {
  display: table;
  width: 0;
  height: 0;
  content: ""
}
// TODO
.@{com-prefix-cls}-upload-list-text-container .@{com-prefix-cls}-upload-span {
  display: flex;
  flex: auto
}

.@{com-prefix-cls}-upload-list-text .@{com-prefix-cls}-upload-span {
  display: flex;
  align-items: center
}

.@{com-prefix-cls}-upload-list-text .@{com-prefix-cls}-upload-span>* {
  flex: none
}

.@{com-prefix-cls}-upload-list-text .@{com-prefix-cls}-upload-list-item-name {
  flex: auto;
  margin: 0;
  padding: 0 8px
}

// TODO
.@{com-prefix-cls}-upload-list-text .@{com-prefix-cls}-upload-list-item-card-actions,.@{com-prefix-cls}-upload-list-text .@{com-prefix-cls}-upload-text-icon .@{com-prefix-cls}icon {
  position: static;
}

.@{com-prefix-cls}-upload-list .@{com-prefix-cls}-upload-animate-inline-appear,.@{com-prefix-cls}-upload-list .@{com-prefix-cls}-upload-animate-inline-enter,.@{com-prefix-cls}-upload-list .@{com-prefix-cls}-upload-animate-inline-leave {
  animation-duration: .3s;
  animation-timing-function: cubic-bezier(.78,.14,.15,.86);
  animation-fill-mode: forwards
}

.@{com-prefix-cls}-upload-list .@{com-prefix-cls}-upload-animate-inline-appear,.@{com-prefix-cls}-upload-list .@{com-prefix-cls}-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn
}

.@{com-prefix-cls}-upload-list .@{com-prefix-cls}-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut
}

@keyframes uploadAnimateInlineIn {
  0% {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0
  }
}

@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0
  }
}

.@{com-prefix-cls}-upload-rtl {
  direction: rtl
}

.@{com-prefix-cls}-upload-list-rtl {
  direction: rtl
}
// TODO
.@{com-prefix-cls}-upload-list-rtl .@{com-prefix-cls}-upload-list-item-list-type-text:hover .@{com-prefix-cls}-upload-list-item-name-icon-count-1 {
  padding-right: 22px;
  padding-left: 14px
}

.@{com-prefix-cls}-upload-list-rtl .@{com-prefix-cls}-upload-list-item-list-type-text:hover .@{com-prefix-cls}-upload-list-item-name-icon-count-2 {
  padding-right: 22px;
  padding-left: 28px
}

.@{com-prefix-cls}-upload-list-rtl .@{com-prefix-cls}-upload-list-item-name {
  padding-right: 22px;
  padding-left: 0
}

// TODO
.@{com-prefix-cls}-upload-list-rtl .@{com-prefix-cls}-upload-list-item-card-actions {
  right: auto;
  left: 0
}

.@{com-prefix-cls}-upload-list-rtl .@{com-prefix-cls}-upload-list-item-card-actions .@{com-prefix-cls}icon {
  padding-right: 0;
  padding-left: 5px
}

// TODO
.@{com-prefix-cls}-upload-list-rtl .@{com-prefix-cls}-upload-list-item-info {
  padding: 0 4px 0 12px
}

.@{com-prefix-cls}-upload-list-rtl .@{com-prefix-cls}-upload-list-item-error .@{com-prefix-cls}-upload-list-item-card-actions .@{com-prefix-cls}icon {
  padding-right: 0;
  padding-left: 5px
}

.@{com-prefix-cls}-upload-list-rtl .@{com-prefix-cls}-upload-list-item-progress {
  padding-right: 26px;
  padding-left: 0
}