.umap-dialog {
    z-index: var(--zindex-dialog);
    margin: auto;
    margin-top: 100px;
    width: 40vw;
    max-width: 100vw;
    max-height: 50vh;
    padding: 20px;
    border: 1px solid #222;
    background-color: var(--background-color);
    color: var(--text-color);
    border-radius: 5px;
    overflow-y: auto;
    height: fit-content;
    max-height: 90vh;
}
:where([data-component="no-dialog"]:not([hidden])) {
  display: block;
  position: relative;
}
:where([data-component*="dialog"] menu) {
  display: flex;
  gap: calc(var(--gutter) / 2);
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}
:where([data-component*="dialog"] [data-ref="fieldset"]) {
  border: 0;
  margin: unset;
  padding: unset;
}
/* hack for Firefox */
@-moz-document url-prefix() {
  [data-component="no-dialog"]:not([hidden]) {
    inset-inline-start: 0;
     transform: none;
  }
}