.share-dialog {
  --border-width: 2px;
  --active-background-color: color-mix(
      in srgb,
      var(--color-app) 7%,
      transparent
  );
}
.share-dialog h2.dialogTitle {
  min-width: unset;
}
.share-dialog.contextBox.freeLayout:not(.tooltip) .uiContent {
  min-width: unset;
}
.share-dialog .uiGroupGridTd:has(.sidebar) {
  border-inline-end: var(--border-width) solid var(--color-grey-light);
}
.share-dialog .v-bottom .uiGroupGridTd {
  vertical-align: bottom;
}
.share-dialog .sidebar {
  max-width: fit-content;
  /** 5px margin + 14px padding + 5px padding + 1px border */
  margin-inline-start: -20px;
}
.share-dialog .sidebar .element {
  border-inline-end: var(--border-width) solid transparent;
  padding: 1rem 2rem;
  margin-inline-end: calc(0px - var(--border-width));
  cursor: pointer;
}
.share-dialog .sidebar .element.active {
  border-inline-end: var(--border-width) solid var(--color-app);
  background-color: var(--active-background-color);
}
.share-dialog .sidebar .element:hover {
  background-color: var(--active-background-color);
}
.share-dialog .uiValue:has(> .headerNav) {
  width: 100% !important;
  max-width: unset !important;
}
.share-dialog .uiButton:has(.flex-end) {
  display: flex;
  justify-content: flex-end;
}
.share-dialog .headerNav {
  display: flex;
  width: 100%;
  border-block-end: var(--border-width) solid var(--color-grey-light);
}
.share-dialog .headerNav .element {
  border-block-end: var(--border-width) solid transparent;
  padding: 1rem;
  text-align: center;
  flex: 1 1 0;
  cursor: pointer;
  margin-block-end: calc(0px - var(--border-width));
}
.share-dialog .headerNav .element.active {
  border-block-end: var(--border-width) solid var(--color-app);
  background-color: var(--active-background-color);
}
.share-dialog .headerNav .element:hover {
  background-color: var(--active-background-color);
}
.share-dialog .urlInput {
  width: 100%;
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-grey-light);
  border-bottom: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  box-sizing: border-box;
  margin-block-start: 1rem;
  background: #fafafa;
}
.share-dialog .preview {
  border: 1px solid var(--color-grey-light);
  border-radius: 0 0 0.25rem 0.25rem;
  flex: 1 1 auto;
  height: 750px;
  min-width: calc(100vw - 300px);
  max-height: calc(100vh - 400px);
  box-sizing: border-box;
}

/*# sourceMappingURL=ShareDialog.css.map */