@import "./popover.vars";

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

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

  display: flex;
  position: absolute;

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

  z-index: $z-index-overlay;
}

.popover-wrapper {
  opacity: 0;
  z-index: $z-index-overlay-wrapper;
}

.popover-content {
  display: flex;
  position: absolute;

  flex-direction: column;

  overflow: auto;
  z-index: $z-index-overlay-wrapper;
}

.popover-content ion-content {
  position: relative;

  contain: none;
}