src/lib/styles/mixins.scss

@mixin dynamic-viewport-height {
  height: calc(
    100vh - env(safe-area-inset-bottom, 0) - env(safe-area-inset-top, 0) -
      var(--top-inset)
  );

  @supports (height: 100dvh) {
    height: calc(100dvh - var(--top-inset));
  }

  // @supports (-webkit-touch-callout: none) {
  //   min-height: -webkit-fill-available;
  // }
}