/* template */

@import url("/lib/styles/tokens.css");

@import url("/lib/styles/styles.css");

@import url("./sections/modal-interstitial.css");

/* @import url("/styles/brandkit.css"); */

/* for colors */
:root {
  --color--primary: #0000c9;
  --color-secondary: #e40c76;
  --color-neutral: #383838;
  --color-surface: #1b1b1f;
  --color-primary-5: #e6e6f8;
  --primary-75: #3d3dd5;
  --neutral-75: #595959;
  --color-white: #ffffff;
  --color-background-1: #f7f3fb;
  --link-color-blue: #124882;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-outline: #777680;
  --linear-gradient-yellow: #f6bb31;
  --linear-gradient-pink: #e40c76;
  --background-gradient-1: linear-gradient(
    107deg,
    #ddf -11.52%,
    rgba(225, 225, 252, 0.25) 15.61%,
    #fff 48.28%,
    rgba(230, 217, 241, 0.25) 87.31%,
    #e6cdeb 109.34%
  );
  --background-gradient-2: linear-gradient(
    222deg,
    #ddf -7.41%,
    rgba(225, 225, 252, 0.25) 19.2%,
    #fff 53.57%,
    rgba(230, 217, 241, 0.25) 79.6%,
    #e6cdeb 111.14%
  );
  --gradients-Pfizer: linear-gradient(
    270deg,
    var(--linear-gradient-yellow) 0.01%,
    var(--linear-gradient-pink) 21.88%,
    var(--color--primary) 99.99%
  );
  --background-gradient-3: linear-gradient(
    221.7deg,
    #ddddff -7.41%,
    rgba(225, 225, 252, 0.25) 19.2%,
    #ffffff 53.57%,
    rgba(230, 217, 241, 0.25) 79.6%,
    #e6cdeb 111.14%
  );
  --color-scrollbar-neutral: #c2c2c2;
  --background-gradient-4: linear-gradient(
    107.05deg,
    #ddddff -11.52%,
    rgba(225, 225, 252, 0.25) 15.61%,
    #ffffff 48.28%,
    rgba(230, 217, 241, 0.25) 87.31%,
    #e6cdeb 109.34%
  );
  --color-mob-blue: rgba(61, 61, 213, 1);
  --primary-50: #7a7ade;
}

/* for spacing */
:root {
  /* spacing variables */
  --spacing-55r: 3.5rem;
  --spacing-30r: 1rem;
  --spacing-40r: 1.5rem;
  --spacing-neg-4: -4px;
  --spacing-neg-5: -5px;
  --spacing-neg-6: -6px;
  --spacing-neg-10: -10px;
  --spacing-neg-14: -14px;
  --spacing-neg-20: -20px;
  --spacing-neg-28: -28px;
  --spacing-half-pixel: 0.5px;
  --spacing-1-5: 1.5px;
  --spacing-2: 2px;
  --spacing-3: 3px;
  --spacing-3-33: 3.33px;
  --spacing-3-5: 3.5px;
  --spacing-4: 4px;
  --spacing-5: 5px;
  --spacing-6: 6px;
  --spacing-6-5: 6.5px;
  --spacing-7: 7px;
  --spacing-8: 8px;
  --spacing-8-5: 8.5px;
  --spacing-10: 10px;
  --spacing-10-5: 10.5px;
  --spacing-11-33: 11.33px;
  --spacing-11-9: 11.9px;
  --spacing-13: 13px;
  --spacing-14: 14px;
  --spacing-15: 15px;
  --spacing-15-33: 15.33px;
  --spacing-16: 16px;
  --spacing-18: 18px;
  --spacing-20: 20px;
  --spacing-20-7: 20.7px;
  --spacing-21: 21px;
  --spacing-213: 21.3px;
  --spacing-22: 22px;
  --spacing-23-33: 23.33px;
  --spacing-23-5: 23.5px;
  --spacing-24: 24px;
  --spacing-25: 25px;
  --spacing-26: 26px;
  --spacing-27: 27px;
  --spacing-28: 28px;
  --spacing-30: 30px;
  --spacing-30-31: 30.31px;
  --spacing-31-33: 31.33px;
  --spacing-32: 32px;
  --spacing-33-33: 33.33px;
  --spacing-34: 34px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-42: 42px;
  --spacing-42-13: 42.13px;
  --spacing-43: 43px;
  --spacing-44: 44px;
  --spacing-45: 45px;
  --spacing-46-5: 46.5px;
  --spacing-48: 48px;
  --spacing-50: 50px;
  --spacing-52: 52px;
  --spacing-56: 56px;
  --spacing-57: 57px;
  --spacing-60: 60px;
  --spacing-70: 70px;
  --spacing-74: 74px;
  --spacing-78: 78px;
  --spacing-80: 80px;
  --spacing-81-6: 81.6px;
  --spacing-95: 95px;
  --spacing-100: 100px;
  --spacing-104: 104px;
  --spacing-107: 107px;
  --spacing-118: 118px;
  --spacing-146: 146px;
  --spacing-150: 150px;
  --spacing-152: 152px;
  --spacing-163: 163px;
  --spacing-172: 172px;
  --spacing-180: 180px;
  --spacing-186: 186px;
  --spacing-213: 213px;
  --spacing-241: 241px;
  --spacing-242: 242px;
  --spacing-251: 251px;
  --spacing-265: 265px;
  --spacing-272: 272px;
  --spacing-280: 280px;
  --spacing-281: 281px;
  --spacing-283: 283px;
  --spacing-288: 288px;
  --spacing-300: 300px;
  --spacing-303: 303px;
  --spacing-316: 316px;
  --spacing-328: 328px;
  --spacing-335: 335px;
  --spacing-356: 356px;
  --spacing-386: 386px;
  --spacing-415: 415px;
  --spacing-481: 481px;
  --spacing-627-23: 627.23px;
  --spacing-781: 781px;
  --spacing-846-76: 846.76px;
  --spacing-850: 850px;
  --spacing-902: 902px;
  --spacing-910: 910px;
  --spacing-914: 914px;
  --spacing-vertical: var(--spacing-55r);
  --spacing-horizontal: var(--spacing-30r);

  /*line height variables */
  --line-height-17-5: 17.5px;
  --line-height-18: 18px;
  --line-height-19: 19px;
  --line-height-19-2: 19.2px;
  --line-height-20: 20px;
  --line-height-21-6: 21.6px;
  --line-height-22-5: 22.5px;
  --line-height-22-8: 22.8px;
  --line-height-23: 23px;
  --line-height-25: 25px;
  --line-height-30: 30px;
  --line-height-32: 32px;
  --line-height-36: 36px;
  --line-height-37: 37px;
  --line-height-37-5: 37.5px;
  --line-height-38-4: 38.4px;
  --line-height-38: 38px;
  --line-height-40: 40px;
  --line-height-40-8: 40.8px;
  --line-height-41: 41px;
  --line-height-46: 46px;
  --line-height-45-6: 45.6px;
  --line-height-46-5: 46.5px;
  --line-height-48: 48px;
  --line-height-120: 120%;
  --line-height-125: 125%;
}

/* for widths */
:root {
  --width-scrollbar: 11px;
  --width-collapse-btn: 159px;
  --width-max-adversecard-tablet: 286px;
  --width-drugcard-desktop: 481px;
  --width-page-summary-column-desktop: 496px;
  --width-max-table-desktop: 1040px;
  --width-trials-results-img-tablet: 714px;
}

/* for heights */
:root {
  --height-banner-mobile: 100px;
  --height-drugcard-desktop: 241px;
  --height-max-adversecard-desktop: 247px;
  --height-banner: 152px;
  --height-trials-results-img: 540px;
  --height-trials-results-img-tablet: 430px;
}

@media (min-width: 1024px) {
  :root {
    --spacing-horizontal: 2rem;
  }
}

:root {
  --border-radius-scrollbar: 6.5px;
  --border-radius: 1rem;
  --border-radius-56: 56px;
}

/* for font-sizes */
:root {
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-19: 19px;
  --font-size-20: 20px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-34: 34px;
  --heading-h2-font-size: 34px;
  --font-size-38: 38px;
  --font-size-40: 40px;
  --font-size-44: 44px;
  --heading-title-font-size: 90px;

  --font-weight-800: 800;
  --font-weight-700: 700;
  --font-weight-900: 900;
  --font-weight-400: 400;
}

/* for letter spacing */
:root {
  --letter-spacing-1: 0.01em;
  --letter-spacing-0-9: -0.9px;
  --letter-spacing-0-2: -0.2px;
  --letter-spacing-0-34: -0.34px;
  --letter-spacing-0-25: 0.25px;
  --letter-spacing-0-12: -0.12px;
  --letter-spacing-0-18: -0.18px;
}

/* for font family */
:root {
  --font-family-primary: "Pfizer Diatype", "Pfizer Diatype-fallback", sans-serif;
}

a[href^="tel"]:any-link {
  text-decoration: none;
  white-space: nowrap;
  color: inherit;
}

html {
  scroll-behavior: smooth;
}

body.appear {
  display: block;
}

@media (min-width: 1024px) {
  body.appear {
    display: grid;
    grid-template:
      ". announcement"
      "header main" 1fr
      "header footer" auto/var(--lib-core--menu-width) calc(100% -
          var(--lib-core--menu-width));
  }

  footer {
    display: grid;
    grid-area: footer;
    min-height: 1px;
  }
}

body.safety-information {
  background: var(--lib-core--color-system-white);
}

h1,
h2,
h3 {
  font-family: var(--lib-core--font-family-primary);
}

ul li span {
  margin-left: var(--spacing-neg-6);
}

header {
  height: auto;
  min-height: 172.13px;
}

@media (min-width: 768px) {
  .header {
    height: auto;
  }
}

aside.announcement {
  grid-area: announcement;
  padding: var(--spacing-10) var(--lib-core--spacing-5x);
  background: var(--color-primary-5);
  position: relative;
}

@media (min-width: 768px) {
  aside.announcement {
    padding: var(--spacing-10) var(--lib-core--spacing-7x);
  }
}

@media (min-width: 1024px) {
  aside.announcement {
    padding: var(--spacing-10) var(--lib-core--spacing-12x);
  }
}

aside.announcement p {
  margin: 0 0 var(--lib-core--spacing-5x) 5px;
  color: var(--color-neutral);
}

aside.announcement a {
  color: var(--color--primary);
  text-decoration: underline;
}

@media (min-width: 539px) and (max-width: 553px) {
  aside.announcement p:first-of-type {
    height: 60px;
    min-height: 60px;
  }
}

aside.announcement sup {
  line-height: 0;
  font-size: var(--font-size-10);
}

aside.announcement p:nth-of-type(3) {
  margin-bottom: var(--lib-core--spacing-4x);
}

aside.announcement p:nth-of-type(4) {
  text-indent: -5px;
  font-size: var(--font-size-12);
  line-height: 120%;
  margin-bottom: var(--lib-core--spacing-2x);
  letter-spacing: var(--letter-spacing-0-12);
}

aside.announcement p:nth-of-type(4) sup {
  font-size: var(--lib-core--typography-smallest-font-size);
  vertical-align: baseline;
}

aside.announcement p:last-of-type {
  text-indent: -5px;
  margin-bottom: 0;
  font-size: var(--font-size-12);
  line-height: 120%;
  letter-spacing: var(--letter-spacing-0-12);
}

aside.announcement p:last-of-type sup {
  text-indent: -5px;
}

.home-mob-head {
  display: none;
}

.homepage .home-mob-head {
  display: block;
  background-color: var(--lib-core--color-system-white);
  margin: var(--spacing-10) var(--spacing-neg-20) var(--spacing-neg-10);
}

@media (min-width: 768px) {
  .homepage .home-mob-head {
    margin: var(--spacing-10) var(--spacing-neg-28) var(--spacing-neg-10);
  }
}

.homepage .home-mob-head > div {
  display: flex;
  padding: var(--spacing-11-33) var(--lib-core--spacing-5x) var(--spacing-11-33)
    var(--spacing-23-33);
  justify-content: flex-start;
  gap: var(--lib-core--spacing-5x);
}

@media (min-width: 768px) {
  .homepage .home-mob-head > div {
    padding: var(--spacing-15-33) var(--lib-core--spacing-7x)
      var(--spacing-15-33) var(--spacing-31-33);
    gap: var(--lib-core--spacing-7x);
  }
}

.home-mob-head img {
  width: var(--spacing-33-33);
  height: auto;
}

.home-mob-head picture {
  display: inline-grid;
}

.home-mob-head > div > div {
  display: flex;
  align-self: center;
  font-size: var(--lib-core--typography-heading-mid-font-size);
  font-weight: var(--lib-core--typography-heading-title-font-weight);
  line-height: var(--line-height-25);
  letter-spacing: -0.01em;
  color: var(--color--primary);
  padding: var(--spacing-3-33);
  padding-right: 0;
}

@media (min-width: 768px) {
  .home-mob-head > div > div {
    font-size: var(--lib-core--font-size-title-medium-medium-small);
    line-height: var(--line-height-30);
    letter-spacing: -0.01em;
  }
}

@media (min-width: 1024px) {
  .homepage .home-mob-head {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dosing .trial h1 {
    font-size: var(--font-size-34);
    margin: 0 0 var(--lib-core--spacing-6x) 0;
    letter-spacing: var(--letter-spacing-0-34);
  }
}

.trial h1::before,
.trial h1::after,
.results h1::before,
.results h1::after {
  display: none;
}

.trial #primary-efficacy-endpoint {
  margin-bottom: var(--lib-core--spacing-4x);
}

#contraindications {
  margin-bottom: var(--lib-core--spacing-2x);
}

.trial #select-exclusion-criteria1,
#trial-limitations {
  margin-bottom: 0;
}

.epic-hr.trial > div.default-content-wrapper:last-of-type p:last-of-type {
  margin: var(--lib-core--spacing-8x) 0 0 0;
}

.trial-design ul {
  margin-left: var(--lib-core--spacing-9x);
  padding-inline-start: var(--lib-core--spacing-2x);
}

.trial.exclusion-critria .default-content-wrapper > p {
  margin: 0;
}

.trial h1 {
  font-weight: var(--lib-core--typography-heading-headline-font-weight);
  font-size: var(--font-size-30);
  font-family: var(--lib-core--font-family-primary);
  color: var(--color--primary);
  margin: 0 0 var(--lib-core--spacing-8x) 0;
  padding-top: 0;
  letter-spacing: 0.3px;
}

@media (min-width: 1024px) {
  .trial h1 {
    font-size: var(--font-size-38);
    letter-spacing: 0.38px;
    margin: 0 0 var(--lib-core--spacing-6x) 0;
  }

  .trial .default-content-wrapper:last-child p {
    font-size: var(--font-size-18);
    color: var(--color-neutral);
  }
}

.trial .default-content-wrapper:last-child p {
  color: var(--color-neutral);
  line-height: var(--lib-core--typography-heading-display-line-height2);
}

.trial.warnings .default-content-wrapper:last-child p {
  color: var(--color-surface);
}

.section.trial.exclusion-critria.contraindictions p:last-child a {
  color: var(--color--primary);
  text-decoration: underline;
}

body.no-scroll {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  overflow: hidden;
}

.section.trial.adminis-info .default-content-wrapper h1 {
  margin-bottom: 0;
}

a.bookmark {
  scroll-margin-top: var(--lib-core--spacing-13x);
}

.hidden-span {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
  word-break: normal;
}