@layer layout {
  .app-topbar-notification-menu {
    --app-notification-badge-bg: var(--app-action-danger-background);
    --app-notification-badge-color: var(--app-action-danger-color);
  }

  .app-topbar-notification-menu > summary {
    position: relative;
  }

  .app-topbar-notification-menu > summary::after {
    display: none;
    content: none;
  }

  .app-topbar-notification-menu > summary::-webkit-details-marker {
    display: none;
  }

  .app-topbar-notification-menu > summary::marker {
    content: "";
  }

  .app-notification-badge {
    position: absolute;
    top: 5px;
    right: 0px;
    min-width: 13px;
    height: 13px;
    padding: 0 3px;
    border-radius: 999px;
    background: var(--app-notification-badge-bg);
    color: var(--app-notification-badge-color);
    font-size: 7px;
    font-weight: 600;
    line-height: 13px;
    text-align: center;
    pointer-events: none;
  }
}
