@ozen-ui/kit/__inner__/esm/components/DialogNext/modules/DialogBody/DialogBody.css

React component library

.DialogNextBody {
  --dialog-body-first-child-margin-top: var(--spacing-3xl);
  padding-inline: var(--dialog-inline-padding);
}

  .BottomSheetBaseHeader + .DialogNextBody, .DialogNextBody_viewType_modal.DialogNextBody:first-child {
    margin-block-start: calc(var(--dialog-body-first-child-margin-top) - var(--dialog-header-size));
  }

  .DialogNextBody:last-child {
    margin-block-end: var(--dialog-block-padding);
  }

  /* ---- DEVICE TYPE ---- */

  .DialogNextBody_deviceType_desktop.DialogNextBody_size_s {
    --dialog-body-first-child-margin-top: var(--spacing-xl);
  }

  /* ---- VIEW TYPE ---- */

  .DialogNextBody_viewType_modal {
    flex-grow: 1;
    max-block-size: 100%;
    overflow: auto;
  }