.Profile {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;

  > .profile-info > .ChatInfo {
    grid-area: chat_info;

    .status.online {
      color: var(--color-primary);
    }
  }

  > .profile-info >.ChatExtra {
    padding: 0 1.5rem;

    .item {
      display: flex;
      padding: .75rem 0 1rem;
      text-align: left;

      i {
        font-size: 1.5rem;
        color: var(--color-text-secondary);
        margin-right: 2rem;
      }

      .title {
        font-size: 1rem;
        line-height: 1.4375rem;
        margin-bottom: 0;
        font-weight: 400;
        word-break: break-word;
      }

      a.title {
        color: var(--color-text);
      }

      .subtitle {
        margin-bottom: 0;
        font-size: 0.875rem;
        color: var(--color-text-secondary);
      }
    }
  }
}

.shared-media {
  display: flex;
  flex-direction: column-reverse;

  .TabList {
    background: var(--color-background);
    top: -1px;
    .Tab {
      padding: .6875rem .25rem;
      i {
        padding-right: 1.5rem;
        margin-left: -.75rem;
      }
    }
  }

  .Transition {
    flex: 1;
  }

  .content {
    &.empty-list {
      height: 100%;
      padding-top: 5rem;
      display: flex;
      align-items: flex-start;
      justify-content: center;

      .Spinner {
        --spinner-size: 2.75rem;
      }
    }

    &.media-list {
      display: grid;
      padding: .5rem;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: 1fr;
      grid-gap: .25rem;
    }

    &.documents-list {
      padding: 1.25rem;

      & .File + .File {
        margin-top: 1.25rem;
      }
    }

    &.links-list {
      padding: 1.25rem;

      .ProgressSpinner,
      .message-upload-progress {
        display: none;
      }
    }

    &.audio-list {
      padding: 1.25rem;

      & .Audio {
        .media-loading {
          top: 0;
          left: 0;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        & + .Audio {
          margin-top: 1.6875rem;
        }
      }
    }

    &.members-list {
      padding: 0.5rem 1rem;

      @media (max-width: 600px) {
        padding: .5rem 0;
      }
    }
  }
}
