/* Prevent the flickering of dialog link targets until dialog_controller.js
 * can apply the `hidden` attribute */

[data-dialog-target=link] {
  display: none !important;
}

dialog {
  border: none;
  border-radius: 3rem;
  background: var(--color-bg--entry-sheet);
  color: var(--color-txt);
  margin-top: 4.8rem;
  z-index: 2;
  --backdrop-speed: 150ms;
  --panel-size: max-content;
  --speed: 150ms;

  &::backdrop {
    background-color: var(--color-bg--overlay-dark);
    opacity: 0.5;
  }
}