.linkstack-dialog[open] {
  display: grid;
}

.linkstack-dialog[open] .form-close-dialog {
  justify-self: end;
}

.linkstack-dialog {
  background: var(--ls-surface-card);
  border: 1px solid var(--ls-border);
  border-radius: var(--ls-radius-lg);
  box-shadow: var(--ls-shadow-lg);
  inline-size: min(35vw, 500px);
  padding: 1.5rem;
}

.linkstack-dialog::backdrop {
  backdrop-filter: blur(4px);
  background: rgb(0 0 0 / 40%);
}

.confirmation-dialog-message {
  margin-block: 1rem 1.5rem;
}

@media (width <= 48rem) {
  .linkstack-dialog {
    block-size: 100vh;
    block-size: 100dvh;
    border: none;
    border-radius: 0;
    inline-size: 100vw;
    margin: 0;
    max-block-size: 100vh;
    max-block-size: 100dvh;
    max-inline-size: 100vw;
    overflow-y: auto;
  }
}