.bizudpgothic-bold-white-12px {
    color: var(--white);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
  }
  
  .bizudpgothic-bold-masala-18px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
  }
  
  .bizudpgothic-regular-normal-masala-12px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
  }
  
  .bizudpgothic-bold-masala-14px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
  }

  :root { 
    --alto: #dadbdb;
   
    --font-family-bizudpgothic-bold: -apple-system,BlinkMacSystemFont,"Meiryo","MS PGothic",Dotum,sans-serif;
    --font-family-bizudpgothic-regular: -apple-system,BlinkMacSystemFont,"Meiryo","MS PGothic",Dotum,sans-serif;
  }

/* mobile from here */


:root {
    --black: #000000;
    --black-haze: #f7f7f7;
    --celeste: #d0d0d0;
    --gallery: #eeeeef;
    --ghost: #c8c9ca;
    --masala: #3e3a39;
    --persian-green: #00a199;
    --star-dust: #9e9e9f;
    --white: #ffffff;
    --sidebar-green: #00A199;
    --background-grey: #DBDCDC;
    /* --font-size-l: 16px;
    --font-size-m: 15px;
    --font-size-s: 14px; */
    --font-size-l: 16px;
    --font-size-m: 15px;
    --font-size-s: 11px;
    --font-size-xl: 17px;
    --font-size-xs: 13px;
    --font-size-xxl: 18px;
    --font-size-xxs: 12px;
    --font-family-bizudpgothic-bold: -apple-system,BlinkMacSystemFont,"Meiryo","MS PGothic",Dotum,sans-serif;
    --font-family-bizudpgothic-regular: -apple-system,BlinkMacSystemFont,"Meiryo","MS PGothic",Dotum,sans-serif;
    --font-family-kozukagothic_pr6n-r: -apple-system,BlinkMacSystemFont,"Meiryo","MS PGothic",Dotum,sans-serif;
}

.bizudpgothic-bold-masala-17px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-regular-normal-masala-12px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-regular);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-regular-normal-masala-14px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-regular);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-white-15px {
    color: var(--black-haze);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-masala-15px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-regular-normal-persian-green-12px {
    color: var(--persian-green);
    font-family: var(--font-family-bizudpgothic-regular);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-regular-normal-ghost-13px {
    color: var(--ghost);
    font-family: var(--font-family-bizudpgothic-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-white-18px {
    color: var(--black-haze);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-masala-16px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-white-17-4px {
    color: var(--black-haze);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: 17.4px;
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-masala-34-6px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: 34.6px;
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-masala-23px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-persian-green-15px {
    color: var(--persian-green);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-persian-green-20px {
    color: var(--persian-green);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-persian-green-32-9px {
    color: var(--persian-green);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: 32.9px;
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-regular-normal-masala-15px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-masala-21px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-white-19px {
    color: var(--black-haze);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-star-dust-17px {
    color: var(--star-dust);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
}

.bizudpgothic-bold-masala-14px {
    color: var(--masala);
    font-family: var(--font-family-bizudpgothic-bold);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}