.container {
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--oak-bg-color-page);
}

.header {
  padding: 16px;
  background-color: var(--oak-bg-color-container);
  margin-bottom: 10rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.avatar {
  height: 56px;
  width: 56px;

  .text {
    color: #fff;
    font-size: 16px;
  }
}

.description {
  .row {
    .label {
      color: var(--oak-text-color-secondary);
      font-size: 12px;
    }

    .value {
      color: var(--oak-text-color-primary);
      font-size: 12px;
    }
  }
}

.fab {
  position: fixed;
  bottom: 50px;
  right: 10px;
  z-index: 1;
}