.ds-spinner {
  display: flex;
  align-items: center;

  > .texts {
    display: flex;
    flex-direction: column;

    > .title {
      @include label-small-1;
      color: var(--text-primary);
    }

    > .desc {
      @include helper-small-1;
      color: var(--text-tertiary);
      margin-top: 4px;
    }
  }

  &.title-bottom {
    flex-direction: column;
    text-align: center;

    > .texts {
      margin-top: 8px;
    }
  }

  &.title-right {
    flex-direction: row;

    > .texts {
      margin-left: 8px;
    }
  }
}
