/* iOS WebKit can blank the whole surface when fixed overlays combine
   backdrop-filter with several large blurred layers. */
@supports (-webkit-touch-callout: none) {
  html,
  body,
  #app {
    min-height: 100%;
    background-color: #020617;
  }

  .backdrop-blur-sm,
  .backdrop-blur,
  .backdrop-blur-md,
  .backdrop-blur-lg,
  .backdrop-blur-xl,
  .backdrop-blur-2xl,
  .backdrop-blur-3xl {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .blur-2xl,
  .blur-3xl {
    -webkit-filter: none !important;
    filter: none !important;
    opacity: 0.35;
  }
}