@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* PAYANTARA_PLUS_JAKARTA_SANS_V3208 */
:root{
  --payantara-font-ui:
    "Plus Jakarta Sans",
    "Jakarta Sans",
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  --payantara-font-code:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}

html,
body{
  font-family:var(--payantara-font-ui) !important;
  font-weight:400;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/*
 * Reset custom display fonts on normal interface text.
 * Icon elements, SVG, canvas, code and API examples are intentionally excluded.
 */
body :where(
  div,
  section,
  article,
  main,
  header,
  footer,
  aside,
  nav,
  p,
  a,
  span,
  label,
  small,
  strong,
  b,
  em,
  ul,
  ol,
  li,
  dl,
  dt,
  dd,
  table,
  thead,
  tbody,
  tfoot,
  tr,
  th,
  td,
  caption,
  blockquote,
  figcaption
){
  font-family:var(--payantara-font-ui) !important;
}

button,
input,
select,
textarea,
optgroup,
option{
  font-family:var(--payantara-font-ui) !important;
  font-weight:500;
  font-synthesis:none;
}

body{
  line-height:1.55;
}

p,
li,
td,
dd,
input,
select,
textarea{
  font-weight:400;
}

input,
select,
textarea,
.form-control,
.form-select{
  font-weight:500;
}

button,
.btn,
[role="button"],
nav a,
.side-section a,
.side-accordion-toggle,
.nav-link,
.dropdown-item,
.pagination a,
.page-link,
.status-tab,
.pill,
.badge{
  font-weight:600;
}

label,
legend,
th,
.table th,
.eyebrow,
.kicker,
.overline{
  font-weight:600;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-family:var(--payantara-font-ui) !important;
  font-synthesis:none;
  letter-spacing:-0.025em;
  line-height:1.2;
}

h1,
.h1{
  font-weight:800 !important;
}

h2,
.h2{
  font-weight:800 !important;
}

h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6{
  font-weight:700 !important;
}

strong,
b,
.fw-bold{
  font-weight:700 !important;
}

.fw-semibold{
  font-weight:600 !important;
}

.fw-medium{
  font-weight:500 !important;
}

.fw-normal{
  font-weight:400 !important;
}

/*
 * Keep API examples, request paths, identifiers and technical output monospace.
 */
pre,
code,
kbd,
samp,
.font-monospace,
.pd-code,
.pd-code *,
.pd-path,
.pdx-code,
.pdx-code *,
.pdx-path,
.pf-v3171-path,
.pf-v3171-dev-center pre,
.pf-v3171-dev-center pre *,
.api-code,
.api-code *,
.endpoint-path,
.webhook-payload,
.webhook-payload *{
  font-family:var(--payantara-font-code) !important;
  font-variant-ligatures:none;
}

/* Bootstrap Icons and other icon glyphs must retain their own font. */
.bi,
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before{
  font-family:"bootstrap-icons" !important;
}

/* Preserve common third-party icon fonts when present. */
.fa,
.fas,
.far,
.fal,
.fab,
.fa::before,
.fas::before,
.far::before,
.fal::before,
.fab::before{
  font-family:var(--fa-style-family, "Font Awesome 6 Free") !important;
}

::placeholder{
  font-family:var(--payantara-font-ui);
  font-weight:400;
}