/* The browser keeps the document and its native dialogs fully interactive. */
html[data-motion="on"] dialog.eha-product-dialog[open] { animation: none; }
.eha-product-dialog::backdrop {
  background: rgb(12 22 38 / .68);
  -webkit-backdrop-filter: blur(8px) saturate(.8);
  backdrop-filter: blur(8px) saturate(.8);
}
html[data-motion="on"] dialog.eha-product-dialog[open]::backdrop {
  animation: eha-product-backdrop 420ms cubic-bezier(.16,1,.3,1);
}
@keyframes eha-product-backdrop {
  from { background: rgb(12 22 38 / 0); backdrop-filter: blur(0) saturate(1); }
  to { background: rgb(12 22 38 / .68); backdrop-filter: blur(8px) saturate(.8); }
}
.eha-cover-flight[popover] {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  background: transparent;
  pointer-events: none;
}
.eha-cover-flight::backdrop { background: transparent; pointer-events: none; }
.eha-cover-flight > img {
  position: absolute;
  display: block;
  max-width: none;
  max-height: none;
  transform-origin: 0 0;
  pointer-events: none;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .eha-product-dialog::backdrop { animation: none !important; }
  .eha-cover-flight { display: none !important; }
}