dialog {
  position: absolute;
  left: 0; right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}

dialog:not([open]) {
  display: none;
}

dialog + .backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.1);
}

._dialog_overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}
/* Only devices without the graphics capability use this decorative fallback. */
.nova-no-webgl2 canvas[data-testid="hero-canvas"] {
  background: radial-gradient(ellipse at center, transparent 24%, rgba(234,0,41,.13) 25%, transparent 26%, transparent 34%, rgba(234,0,41,.08) 35%, transparent 36%);
}
/* Keep dialogs usable before native dialog support; real modals retain focus handling. */
.nova-no-dialog dialog:not([open]) { display: none; }
.nova-no-dialog dialog[open] { display: block; position: fixed; top: 50%; transform: translateY(-50%); }
.nova-no-dialog dialog + .backdrop { position: fixed; inset: 0; top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35); }
/* Older Safari can use vh when dynamic viewport units are unavailable. */
@supports not (height: 100dvh) { .DocSearch-Modal { max-height: calc(100vh - 40px); } }
/* Legacy Ant styles need a normal hash selector, which raises their specificity. */
html.nova-no-where .PillButton_pillBtn__5dRwv { background-color:var(--pill-bg,#EA0029);color:var(--pill-fg,#fff); }
html.nova-no-where .PillButton_pillBtn__5dRwv:hover { background-color:var(--pill-bg-hover,#111);color:#fff; }
