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

React component library

.DialogNextHeader {
  --dialog-header-item-padding-right: var(--spacing-m);
  --dialog-header-padding-bottom: var(--spacing-s);
  padding-inline: var(--dialog-inline-padding);
  padding-block: calc(var(--dialog-block-padding) - var(--dialog-header-size)) var(--dialog-header-padding-bottom);
}

  .DialogNextHeader-Container {
    position: relative;
  }

  .DialogNextHeader-Divider {
    position: absolute;
  }

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

  .DialogNextHeader_deviceType_desktop.DialogNextHeader_size_m {
    --dialog-header-padding-bottom: var(--spacing-m);
  }

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

  .DialogNextHeader_viewType_modal {
    flex-shrink: 0;
  }