.user-menu-overlay + .cdk-overlay-connected-position-bounding-box {
  .mat-mdc-menu-panel.lib-btn-menu-panel .mat-mdc-menu-content:not(:empty) {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-width: 280px !important;
  }
  .mat-mdc-menu-panel button.mat-mdc-menu-item {
    height: auto !important;
  }
  .mat-mdc-menu-panel.lib-btn-menu-panel {
    .user-menu-item {
      min-height: 2.08rem !important;
      --mat-menu-item-label-text-size: 1rem;
      --lib-menu--button-padding: 3px 2px 0px 4px;
      .basic-user-menu-template {
        display: flex;
        flex-direction: column;
        .body-template {
          display: flex;
          align-items: center;
          gap: 9px;
          padding-right: 18px;
          span {
            color: #fe3c72;
            font-weight: bold;
          }
          .notifications-icon {
            position: relative;
            .notification-alert {
              position: absolute;
              top: 4px;
              right: -1px;
              width: 6px;
              height: 6px;
              border: 0.4px solid rgba(255, 255, 255, 0.2);
              border-radius: 50%;
              background: #fe3c72;
              box-shadow: 0 0 3px 1px #e15561;
            }
          }
        }
        .notifications-container {
          overflow-y: scroll;
          max-height: 8px;
          opacity: 1;
          transition: all 500ms ease;
          direction: ltr !important;
          &::-webkit-scrollbar-track {
            height: 90% !important;
            background: transparent !important;
          }
          &::-webkit-scrollbar-thumb {
            background-color: transparent;
            border: none;
          }
          .more-notifications {
            width: 100%;
            background: rgba(0, 0, 0, 0.203);
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 20px;
            font-size: 8px;
            margin-top: 8px;
          }

          .no-notifications {
            font-style: italic;
            width: 100%;
            background: rgba(0, 0, 0, 0.203);
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 20px;
            font-size: 8px;
          }
          lib-notifications-list {
            display: flex;
            width: 100%;
          }
          .hideNotificationsLoader {
            opacity: 0;
            height: 0px !important;
            overflow: auto !important;
          }
          .showNotificationsLoader {
            opacity: 1;
          }
        }
        .notificationsOpened {
          max-height: min(300px, 45vh);
          -webkit-transition: all 1s ease !important;
          -moz-transition: all 1s ease !important;
          -o-transition: all 1s ease !important;
          transition: all 1s ease !important;
          &::-webkit-scrollbar-thumb {
            background-color: inherit;
            border: inherit;
          }
        }

        .notificationsBase {
          overflow-y: scroll;
          opacity: 0;
          &::-webkit-scrollbar-thumb {
            background-color: transparent;
            border: none;
          }
        }

        .moreNotifications {
          overflow-y: scroll;
          &::-webkit-scrollbar-thumb {
            background-color: #fe3b72 !important;
            border: 3px solid black !important;
          }
        }
      }
    }
  }

  .user-menu-item + .lib-btn-menu-panel-separator {
    background: linear-gradient(90deg, rgba(1, 206, 194, 0) 0%, rgba(247, 245, 221, 0.2) 50%, rgba(9, 217, 248, 0) 100%) !important;
    max-width: 132px;
    margin-left: auto;
  }
}

#user-menu-btn {
  lib-base-btn {
    .lib-button-component {
      > button {
        width: 35px !important;
        height: 35px !important;
        border: none !important;
      }
    }
  }
}
