@import './mixin';
.ws-state-file {
  @include auto_margin_top(4px);
  .ws-state-file__upload-btns {
    @include flex;
    @include flex_align(flex-start);
    flex-direction: column;
  }
  .ws-state-file-item {
    @include flex;
    @include flex_align;
    @include ts;
    // @include flex_align(flex-start);
    // display: table;
    flex: 0 0 auto;
    border-radius: 8px;
    border: solid 1px #d7dee7;
    position: relative;
    align-self: flex-start;
    &:hover {
      box-shadow: 0 3px 3px -1px rgba(4, 48, 71, 0.06), 0 0 1px 0 rgba(4, 48, 71, 0.1);
    }
    .ws-state-file-item__link {
      font-size: 0.875rem;
      padding: 10px 12px;
      display: block;
      line-height: 1.43;
      color: var(--v-textPrimary-base);
      text-decoration: none;
    }
    .ws-state-file-item__icon {
      flex: 0 0 auto;
    }
  }
}