@use '../../_styles/mixin.scss' as *;

@include respond('<=pad') {
  .o-upload-card-icons {
    opacity: 1;
  }

  .o-upload-status-upper-layer {
    opacity: 0;
  }
  .o-upload-status-lower-layer {
    opacity: 1;
  }

  .o-upload-status-wrap-success {
    opacity: 1;
  }

  .o-upload-row-item {
    background-color: var(--upload-item-bg-hover);
    .o-upload-icon-hover-in {
      opacity: 1;
    }
  }
}
@include respond('<=laptop') {
  .o-upload {
    --upload-drag-padding: 16px 8px;

    --upload-card-width: 96px;
    --upload-drag-max-width: 400px;
  }

  .o-upload-card-add,
  .o-upload-status-info {
    font-size: var(--o-font_size-tip2);
    line-height: var(--o-line_height-tip2);
  }
}

@include respond('<=pad_v') {
  .o-upload {
    --upload-drag-max-width: 240px;
  }
  .o-upload-drag-icon + .o-upload-drag-label {
    margin-top: 12px;
  }
}