body {
  margin: 0;
  line-height: normal;
}

.popup-overlay {
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
}

:root {
  /* fonts */
  --desktop-body-copy-b1-semi-bold: Inter;

  /* font sizes */
  --desktop-body-copy-b1-semi-bold-size: 16px;
  --desktop-headings-h5-semi-bold-size: 20px;
  --desktop-headings-h2-size: 52px;
  --desktop-body-copy-caption-size: 14px;
  --desktop-body-copy-s1-size: 13px;
  --desktop-headings-h3-size: 41px;

  /* Colors */
  --body-copy-white: #fff;
  --primary: #d73838;
  --heading: #1a1a18;
  --color-whitesmoke: #ebebeb;
  --color-darkslategray: #2f2f2f;
  --color-indianred: #eb5f5f;
  --color-orangered: #e92a00;
  --body-copy: #6e6e6e;
  --dark-v3: #a2a2a2;

  /* Gaps */
  --gap-xl: 20px;
  --gap-base: 16px;

  /* Paddings */
  --padding-mini: 15px;
  --padding-5xl: 24px;

  /* Border radiuses */
  --br-9xs: 4px;
  --br-5xs: 8px;
  --br-base: 16px;
}