.menu {
  @apply com-h-fit com-sticky com-top-72px com-w-264px;

  nb-card {
    @apply com-w-full;
  }

  .user {
    @apply com-bg-white com-p-4 com-rounded-xl;
  }

  .steps {
    @apply com-mt-4 com-mx-0 com-mb-0;

    nb-list {
      @apply com-border-0 com-rounded-xl;

      nb-list-item {
        a {
          @apply com-text-sm;
        }

        .lab-step-title {
          @apply com-text-sm com-m-0 com-font-normal com-text-black;
        }

        app-badge {
          @apply com-relative com-top-10px;
        }
      }

      .active {
        .lab-step-title {
          @apply com-underline com-font-black;
        }
      }
    }

    nb-list-item:not(:last-child) {
      @apply com-border-0 com-border-b-2 com-border-solid com-border-Azure/20;
    }

    a {
      @apply com-text-Azure com-no-underline;
    }
  }

  .related-labs {
    @apply com-mt-4 com-mx-0 com-mb-0 com-hidden;

    nb-card-header {
      @apply com-text-Azure com-text-base com-p-4 com-font-normal com-border-b-0;
    }

    nb-card-body {
      @apply com-p-0;

      .details {
        transition: all 0.3s ease-in-out;
        @apply com-py-2 com-px-4;

        .name {
          @apply com-text-sm com-m-0;
        }

        .type {
          @apply com-text-Azure com-text-xs com-m-0;
        }
      }
    }
  }

  .interactions {
    @apply com-m-4 com-flex com-justify-around com-flex-row com-items-center;

    app-votes-display {
      direction: rtl;
      @apply com-flex;

      &::ng-deep {
        div {
          @apply com-flex com-items-center;
        }
        p {
          @apply com-text-2xl;
        }
        span {
          @apply com-text-Azure;
        }

        nb-icon {
          @apply com-text-2xl;

          &:not(.voted-heart) {
            @apply com-text-Azure;
          }
        }
      }
    }

    .message-count {
      @apply com-text-Azure com-text-2xl com-flex com-items-center;
    }

    nb-icon {
      @apply com-text-Azure com-text-2xl;
    }

    .rss-button {
      fa-icon {
        @apply com-text-lg com-text-Azure com-ml-2;
      }
    }
  }
}
