.activity_categories_wrapper {
  @apply mt-10 flex justify-between items-start px-2;
  .activity_categories_container {
    @apply relative max-w-[320px] z-0;
    .activity_categories {
      @apply flex items-start gap-2 w-full;
      .activity_category {
        @apply w-5 h-5;
      }
    }
    .activity_join_line {
      @apply absolute -z-10 top-4 left-5;
      width: 255px;
      height: 0px;
      border: 2px solid lightgray;
      box-shadow: 0px 1px 1px #ffffff, inset 0px 2px 2px #d9d9d9;
    }
  }
}