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

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

:root {
  /* fonts */
  --font-raleway: Raleway;

  /* font sizes */
  --font-size-xs-8: 11.8px;
  --font-size-2xs-1: 10.1px;
  --font-size-xl-3: 20.3px;
  --font-size-mid-7: 17.7px;
  --font-size-mini-1: 14.1px;
  --font-size-7xs-1: 5.1px;
  --font-size-4xs-5: 8.5px;
  --font-size-base-9: 16.9px;
  --font-size-8xs-2: 4.2px;
  --font-size-smi-6: 12.6px;
  --font-size-2xs-3: 10.3px;
  --font-size-6xs-8: 6.8px;
  --font-size-sm-5: 13.5px;
  --font-size-xs-9: 11.9px;
  --font-size-xs: 12px;

  /* Colors */
  --color-lightgray-100: #d5d5d5;
  --color-lightgray-200: #c3d7da;
  --color-white: #fff;
  --color-steelblue: #158eac;
  --color-darkslategray-100: #414d51;
  --color-darkslategray-300: #474747;
  --color-darkslategray-400: #0d4f60;
  --color-darkslategray-200: #003c5e;
  --color-black: #000;
  --color-cadetblue: #6594a3;
  --color-aliceblue-100: #f1faff;
  --color-aliceblue-200: #e1f4ff;
  --color-aliceblue-300: #e2eef4;
  --color-skyblue-100: #59c0de;
  --color-gray-100: #7c7c7c;
  --color-gray-200: #797979;
  --color-gray-300: rgba(255, 255, 255, 0.24);
  --color-slategray-100: #4d7687;
  --color-gainsboro-300: #d9e4eb;
  --color-gainsboro-100: #d9d9d9;
  --color-gainsboro-200: #c8dede;
  --color-darkgray: #a0a0a0;
  --color-darkgray-100: #9b9b9b;
  --color-azure: #e9fcff;
  --color-dimgray: #707070;

  /* Gaps */
  --gap-3xs: 10px;

  /* Border radiuses */
  --br-6xl-3: 25.3px;
  --br-4xs-5: 8.5px;
  --br-7xs-1: 5.1px;
  --br-10xs-5: 2.5px;
  --br-11xs-7: 1.7px;
  --br-7xs-4: 5.4px;
  --br-11xl: 30px;
  --br-xl-3: 20.3px;
  --br-8xs-2: 4.2px;
  --br-2xs: 11px;
  --br-3xl: 22px;
}