._constrained_13whx_1 {
  --dialog-inline-size: min(calc(100vi - 48px), 800px);
  --dialog-min-block-size: min(calc(100vi - 48px), 180px);

  inline-size: var(--dialog-inline-size);
  min-block-size: var(--dialog-min-block-size);

  /* SIZES */
  &._size-s_13whx_9 {
    --dialog-inline-size: min(calc(100vi - 48px), 424px);
    --dialog-min-block-size: min(calc(100vi - 48px), 180px);
  }

  &._size-l_13whx_14 {
    --dialog-inline-size: min(calc(100vi - 48px), 1120px);
    --dialog-min-block-size: var(--dialog-min-block-size);
  }
}

._header-border-bottom-line_13whx_20::part(header) {
  border: 0;
  box-shadow: none;
}

._header-border-bottom-line_13whx_20::part(header)::before {
  block-size: 0;
}

._footer-border-top-line_13whx_29::part(footer) {
  border: 0;
  box-shadow: none;
}

._footer-border-top-line_13whx_29::part(footer)::before {
  block-size: 0;
}

._dialog_13whx_38::part(header) {
  padding-block-start: 0.5rem; /* Apply padding to header */
}

/* TODO: Consider making separate classes for bordered and non-bordered dialogs */

._dialog_13whx_38 ui5-bar[slot='footer'] {
  padding-block: 1rem;
}

._dialog_13whx_38 ui5-bar::part(startContent) {
  gap: 1rem;
  padding-inline-start: 0;
}

._dialog_13whx_38 ui5-bar::part(midContent) {
  gap: 1rem;
}

._dialog_13whx_38 ui5-bar::part(endContent) {
  gap: 1rem;
  padding-inline-end: 0;
}