:root { 
    --alertlink: #0f0bab;
    --black: #000000;
    --greyscalegray-100: #aba7af;
    --greyscaleprimary-purple: #6c23eb;
    --port-gore: #281e53;
    --primarydeep-purple: #2b205a;
    --primarywhite: #ffffff;
    --textstext-purple-60: #493857;
    --textstext-purple-80: #34283e;
   
    --font-size-l: 22px;
    --font-size-m: 18px;
    --font-size-s: 16px;
    --font-size-xl: 30px;
    --font-size-xs: 14px;
    --font-size-xxs: 12px;
    --font-size-xxxs: 10px;
   
    --font-family-poppins: "Poppins", Helvetica;
  }
  .head-03 {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
  }
  
  .alert {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
  }
  
  .head-02 {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
  }
  
  .body-m {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
  }
  
  .head-04 {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
  }
  
  .body-s {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
  }
  
  .body-regular {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0;
  }
  
  .poppins-normal-white-14px {
    color: var(--primarywhite);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
  }
  
  .poppins-light-port-gore-18px {
    color: var(--primarydeep-purple);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 300;
  }
  
  .poppins-semi-bold-purple-heart-18px {
    color: var(--greyscaleprimary-purple);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
  }
  
  .poppins-light-carnation-pink-14px {
    color: var(--alertlink);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 300;
  }