.router-outlet {
  @apply com-min-h-[calc(100dvh-68px-68px)] com-bg-white #{!important};
}

.user-menu {
  @apply com-bg-white com-p-4 com-w-full com-max-w-sm;
}

.section {
  @apply com-mb-6;
}

.section-title {
  @apply com-text-lg com-font-semibold com-text-Yankees-Blue com-m-0 com-mb-10px;
}

.menu-list {
  @apply com-m-0 com-p-0;
}

.menu-item {
  @apply com-flex com-items-center com-px-0 com-py-10px com-cursor-pointer;
}

.user-profile-image {
  @apply com-w-6 com-h-6 com-object-cover com-rounded-full com-bg-tWhite com-flex com-items-center com-justify-center com-mr-3;
}

.icon {
  @apply com-w-6 com-h-6 com-text-gray-600 com-flex com-items-center com-justify-center com-mr-3;
}

.chevron-icon {
  @apply com-w-6 com-h-6 com-text-Yankees-Blue com-flex com-items-center com-justify-center;
}

.label {
  @apply com-flex-1 com-text-Yankees-Blue com-text-sm com-font-normal;
}

.logout {
  @apply com-mt-2 com-text-gray-400 com-cursor-pointer com-text-sm;
}

.logout-icon {
  @apply com-w-6 com-h-6 com-text-gray-400 com-flex com-items-center com-justify-center com-mr-3;
}

.logout-label {
  @apply com-text-sm com-font-semibold;
}

.logout-confirmation {
  @apply com-h-full com-m-0;
  nb-card-footer {
    @apply com-flex com-flex-col com-gap-4 com-justify-between com-items-center;
  }

  nb-card-body {
    @apply com-text-center com-pt-6 com-pb-4 com-px-4;

    h3 {
      @apply com-text-2xl com-font-semibold com-text-Yankees-Blue com-m-0 com-mb-3;
    }

    p {
      @apply com-text-base com-font-normal com-text-gray-500 com-m-0 com-mb-4;
    }
  }
}
