/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

.popup-notification-panel::part(arrowcontent) {
  /* To keep the rounded borders of the panel, we use overflow: hidden; from the
   * panel-no-padding class to ensure the contents are clipped to the border box.
   * That causes us to override the "display" property so that the height of the
   * contents is computed correctly. */
  display: flex;
  /* Make multiple popupnotifications stack vertically. */
  flex-direction: column;
}

.popup-notification-panel > popupnotification:not([hidden]) {
  /* Since the anonymous parent (::part(arrowcontent)) has display: flex, sizing
   * computations work better with display: block; than with the XUL default
   * display: -moz-box; */
  display: block;
}