ion-popover.popover-menu {
  &.popover-menu-wide {
    @media screen and (min-width: 720px) {
      --width: 498px;
    }
  }

  &.popover-menu-wide-start {
    @media screen and (min-width: 1200px) {
      div.popover-content {
        left: 176px !important;
        right: inherit;
      }
    }
  }

  --width: 376px;
  --max-width: calc(100% - 12px);

  div.popover-content {
    top: 16px !important;

    --min-height: calc(100% - 64px);

    @media screen and (min-width: 576px) {
      left: inherit !important;
      right: 16px;
      --min-height: calc(100% - 32px);
    }

    @media screen and (min-width: 1200px) {
      right: 84px;
    }

    padding: 16px;

    box-shadow: 0 0 16px rgba(0, 0, 0, 0.32);

    background: var(--ion-color-light);
  }
}

ion-popover.info {
  --min-width: 300px;
  --ion-backdrop-opacity: 0.32;

  h2:first-of-type {
    margin-top: 8px;
  }
}

ion-popover.select-popover {
  --backdrop-opacity: 0;

  ion-select-popover {
    ion-item {
      --border-color: transparent;
    }
  }
}

ion-popover {
  a,
  ion-router-link {
    text-decoration: none;
  }
}
