@import "../../themes/ionic.globals";

// Popover
// --------------------------------------------------


ion-popover {
  @include position(0, 0, 0, 0);

  position: absolute;

  z-index: $z-index-overlay;

  display: flex;

  align-items: center;
  justify-content: center;
}

.popover-wrapper {
  z-index: $z-index-overlay-wrapper;

  opacity: 0;
}

.popover-content {
  position: absolute;
  z-index: $z-index-overlay-wrapper;

  display: flex;

  overflow: auto;

  flex-direction: column;
}

.popover-content ion-content,
.popover-content .scroll-content {
  contain: none;
}

.popover-content .scroll-content {
  position: relative;
}