.sidebar-container {
  @apply com-sticky com-top-16 com-h-screen;
  a {
    @apply com-text-inherit com-no-underline;
  }

  .action-buttons {
    @apply com-flex com-flex-col com-p-4 com-pt-3 com-cursor-pointer com-gap-6;

    .header {
      @apply com-font-semibold com-flex com-items-center com-justify-between com-py-2 com-rounded-md;
      .community-name {
        @apply com-text-base com-m-0 com-flex-1 com-font-semibold;
      }
    }

    .category-heading {
      @apply com-text-sm com-font-semibold com-my-2;
    }

    .action-button {
      @apply com-p-2 com-rounded-lg com-flex com-gap-2 com-items-center com-cursor-pointer;
      &.active,
      &:hover {
        @apply com-bg-Azure-opacity-10;
        .heading {
          @apply com-font-semibold com-text-primary-500;
        }
        .icon {
          @apply com-text-primary-500;
        }
      }
      .icon {
        @apply com-text-sm com-text-Cadet-Grey com-flex com-items-center com-justify-center com-w-5 com-h-5;
      }
      .heading {
        @apply com-text-sm com-font-normal;
      }
      &.public-event-page {
        @apply com-text-Azure;
        .icon {
          @apply com-text-Azure;
        }
      }
      &.stats {
        @apply com-text-Caribbean-Green;
        .icon {
          @apply com-text-Caribbean-Green;
        }
      }
    }
  }
}

.right-column {
  @apply com-w-[calc(100%-320px)];
  .router {
    @apply com-w-full com-max-w-screen-xl com-mx-auto;
  }
}

.expanded-sidebar {
  @apply com-flex-col com-justify-between com-gap-3;
}

.collapsed-sidebar {
  @apply com-justify-center;
}
