:root {
  --font-philosopher: "Philosopher", Georgia, serif;
  --font-manrope: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
}

@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/philosopher/400-vietnamese-0.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/philosopher/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/philosopher/700-vietnamese-0.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Philosopher";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/philosopher/700-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/manrope/300-vietnamese-0.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/manrope/300-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/manrope/400-vietnamese-0.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/manrope/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/manrope/500-vietnamese-0.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/manrope/500-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/manrope/600-vietnamese-0.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/manrope/600-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/manrope/700-vietnamese-0.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/manrope/700-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --bpon-bg-root: hsla(0, 0%, 7.84%, 1);
  --bpon-bg-root-5: hsla(0, 0%, 7.84%, 0.05);
  --bpon-bg-root-10: hsla(0, 0%, 7.84%, 0.1);
  --bpon-bg-root-20: hsla(0, 0%, 7.84%, 0.2);
  --bpon-bg-root-30: hsla(0, 0%, 7.84%, 0.3);
  --bpon-bg-root-40: hsla(0, 0%, 7.84%, 0.4);
  --bpon-bg-root-50: hsla(0, 0%, 7.84%, 0.5);
  --bpon-bg-root-60: hsla(0, 0%, 7.84%, 0.6);
  --bpon-bg-root-70: hsla(0, 0%, 7.84%, 0.7);
  --bpon-bg-root-80: hsla(0, 0%, 7.84%, 0.8);
  --bpon-bg-root-90: hsla(0, 0%, 7.84%, 0.9);
  --bpon-bg-root-d-1: hsla(0, 0%, 6.59%, 1);
  --bpon-bg-root-d-2: hsla(0, 0%, 5.33%, 1);
  --bpon-bg-root-d-3: hsla(0, 0%, 4.08%, 1);
  --bpon-bg-root-d-4: hsla(0, 0%, 2.82%, 1);
  --bpon-bg-root-l-1: hsla(0, 0%, 22.59%, 1);
  --bpon-bg-root-l-2: hsla(0, 0%, 37.33%, 1);
  --bpon-bg-root-l-3: hsla(0, 0%, 52.08%, 1);
  --bpon-bg-root-l-4: hsla(0, 0%, 66.82%, 1);
  --bpon-bg-primary: hsla(0, 0%, 9.41%, 1);
  --bpon-bg-primary-5: hsla(0, 0%, 9.41%, 0.05);
  --bpon-bg-primary-10: hsla(0, 0%, 9.41%, 0.1);
  --bpon-bg-primary-20: hsla(0, 0%, 9.41%, 0.2);
  --bpon-bg-primary-30: hsla(0, 0%, 9.41%, 0.3);
  --bpon-bg-primary-40: hsla(0, 0%, 9.41%, 0.4);
  --bpon-bg-primary-50: hsla(0, 0%, 9.41%, 0.5);
  --bpon-bg-primary-60: hsla(0, 0%, 9.41%, 0.6);
  --bpon-bg-primary-70: hsla(0, 0%, 9.41%, 0.7);
  --bpon-bg-primary-80: hsla(0, 0%, 9.41%, 0.8);
  --bpon-bg-primary-90: hsla(0, 0%, 9.41%, 0.9);
  --bpon-bg-primary-d-1: hsla(0, 0%, 7.91%, 1);
  --bpon-bg-primary-d-2: hsla(0, 0%, 6.4%, 1);
  --bpon-bg-primary-d-3: hsla(0, 0%, 4.89%, 1);
  --bpon-bg-primary-d-4: hsla(0, 0%, 3.39%, 1);
  --bpon-bg-primary-l-1: hsla(0, 0%, 23.91%, 1);
  --bpon-bg-primary-l-2: hsla(0, 0%, 38.4%, 1);
  --bpon-bg-primary-l-3: hsla(0, 0%, 52.89%, 1);
  --bpon-bg-primary-l-4: hsla(0, 0%, 67.39%, 1);
  --bpon-bg-card: hsla(0, 0%, 12.94%, 1);
  --bpon-bg-card-5: hsla(0, 0%, 12.94%, 0.05);
  --bpon-bg-card-10: hsla(0, 0%, 12.94%, 0.1);
  --bpon-bg-card-20: hsla(0, 0%, 12.94%, 0.2);
  --bpon-bg-card-30: hsla(0, 0%, 12.94%, 0.3);
  --bpon-bg-card-40: hsla(0, 0%, 12.94%, 0.4);
  --bpon-bg-card-50: hsla(0, 0%, 12.94%, 0.5);
  --bpon-bg-card-60: hsla(0, 0%, 12.94%, 0.6);
  --bpon-bg-card-70: hsla(0, 0%, 12.94%, 0.7);
  --bpon-bg-card-80: hsla(0, 0%, 12.94%, 0.8);
  --bpon-bg-card-90: hsla(0, 0%, 12.94%, 0.9);
  --bpon-bg-card-d-1: hsla(0, 0%, 10.87%, 1);
  --bpon-bg-card-d-2: hsla(0, 0%, 8.8%, 1);
  --bpon-bg-card-d-3: hsla(0, 0%, 6.73%, 1);
  --bpon-bg-card-d-4: hsla(0, 0%, 4.66%, 1);
  --bpon-bg-card-l-1: hsla(0, 0%, 26.87%, 1);
  --bpon-bg-card-l-2: hsla(0, 0%, 40.8%, 1);
  --bpon-bg-card-l-3: hsla(0, 0%, 54.73%, 1);
  --bpon-bg-card-l-4: hsla(0, 0%, 68.66%, 1);
  --bpon-bg-elevated: hsla(0, 0%, 11.76%, 1);
  --bpon-bg-elevated-5: hsla(0, 0%, 11.76%, 0.05);
  --bpon-bg-elevated-10: hsla(0, 0%, 11.76%, 0.1);
  --bpon-bg-elevated-20: hsla(0, 0%, 11.76%, 0.2);
  --bpon-bg-elevated-30: hsla(0, 0%, 11.76%, 0.3);
  --bpon-bg-elevated-40: hsla(0, 0%, 11.76%, 0.4);
  --bpon-bg-elevated-50: hsla(0, 0%, 11.76%, 0.5);
  --bpon-bg-elevated-60: hsla(0, 0%, 11.76%, 0.6);
  --bpon-bg-elevated-70: hsla(0, 0%, 11.76%, 0.7);
  --bpon-bg-elevated-80: hsla(0, 0%, 11.76%, 0.8);
  --bpon-bg-elevated-90: hsla(0, 0%, 11.76%, 0.9);
  --bpon-bg-elevated-d-1: hsla(0, 0%, 9.88%, 1);
  --bpon-bg-elevated-d-2: hsla(0, 0%, 8%, 1);
  --bpon-bg-elevated-d-3: hsla(0, 0%, 6.12%, 1);
  --bpon-bg-elevated-d-4: hsla(0, 0%, 4.24%, 1);
  --bpon-bg-elevated-l-1: hsla(0, 0%, 25.88%, 1);
  --bpon-bg-elevated-l-2: hsla(0, 0%, 40%, 1);
  --bpon-bg-elevated-l-3: hsla(0, 0%, 54.12%, 1);
  --bpon-bg-elevated-l-4: hsla(0, 0%, 68.24%, 1);
  --bpon-text-primary: hsla(0, 0%, 100%, 1);
  --bpon-text-primary-5: hsla(0, 0%, 100%, 0.05);
  --bpon-text-primary-10: hsla(0, 0%, 100%, 0.1);
  --bpon-text-primary-20: hsla(0, 0%, 100%, 0.2);
  --bpon-text-primary-30: hsla(0, 0%, 100%, 0.3);
  --bpon-text-primary-40: hsla(0, 0%, 100%, 0.4);
  --bpon-text-primary-50: hsla(0, 0%, 100%, 0.5);
  --bpon-text-primary-60: hsla(0, 0%, 100%, 0.6);
  --bpon-text-primary-70: hsla(0, 0%, 100%, 0.7);
  --bpon-text-primary-80: hsla(0, 0%, 100%, 0.8);
  --bpon-text-primary-90: hsla(0, 0%, 100%, 0.9);
  --bpon-text-primary-d-1: hsla(0, 0%, 84%, 1);
  --bpon-text-primary-d-2: hsla(0, 0%, 68%, 1);
  --bpon-text-primary-d-3: hsla(0, 0%, 52%, 1);
  --bpon-text-primary-d-4: hsla(0, 0%, 36%, 1);
  --bpon-text-primary-l-1: hsla(0, 0%, 100%, 1);
  --bpon-text-primary-l-2: hsla(0, 0%, 100%, 1);
  --bpon-text-primary-l-3: hsla(0, 0%, 100%, 1);
  --bpon-text-primary-l-4: hsla(0, 0%, 100%, 1);
  --bpon-text-body: hsla(0, 0%, 90.98%, 1);
  --bpon-text-body-5: hsla(0, 0%, 90.98%, 0.05);
  --bpon-text-body-10: hsla(0, 0%, 90.98%, 0.1);
  --bpon-text-body-20: hsla(0, 0%, 90.98%, 0.2);
  --bpon-text-body-30: hsla(0, 0%, 90.98%, 0.3);
  --bpon-text-body-40: hsla(0, 0%, 90.98%, 0.4);
  --bpon-text-body-50: hsla(0, 0%, 90.98%, 0.5);
  --bpon-text-body-60: hsla(0, 0%, 90.98%, 0.6);
  --bpon-text-body-70: hsla(0, 0%, 90.98%, 0.7);
  --bpon-text-body-80: hsla(0, 0%, 90.98%, 0.8);
  --bpon-text-body-90: hsla(0, 0%, 90.98%, 0.9);
  --bpon-text-body-d-1: hsla(0, 0%, 76.42%, 1);
  --bpon-text-body-d-2: hsla(0, 0%, 61.87%, 1);
  --bpon-text-body-d-3: hsla(0, 0%, 47.31%, 1);
  --bpon-text-body-d-4: hsla(0, 0%, 32.75%, 1);
  --bpon-text-body-l-1: hsla(0, 0%, 92.42%, 1);
  --bpon-text-body-l-2: hsla(0, 0%, 93.87%, 1);
  --bpon-text-body-l-3: hsla(0, 0%, 95.31%, 1);
  --bpon-text-body-l-4: hsla(0, 0%, 96.75%, 1);
  --bpon-text-muted: hsla(0, 0%, 61.96%, 1);
  --bpon-text-muted-5: hsla(0, 0%, 61.96%, 0.05);
  --bpon-text-muted-10: hsla(0, 0%, 61.96%, 0.1);
  --bpon-text-muted-20: hsla(0, 0%, 61.96%, 0.2);
  --bpon-text-muted-30: hsla(0, 0%, 61.96%, 0.3);
  --bpon-text-muted-40: hsla(0, 0%, 61.96%, 0.4);
  --bpon-text-muted-50: hsla(0, 0%, 61.96%, 0.5);
  --bpon-text-muted-60: hsla(0, 0%, 61.96%, 0.6);
  --bpon-text-muted-70: hsla(0, 0%, 61.96%, 0.7);
  --bpon-text-muted-80: hsla(0, 0%, 61.96%, 0.8);
  --bpon-text-muted-90: hsla(0, 0%, 61.96%, 0.9);
  --bpon-text-muted-d-1: hsla(0, 0%, 52.05%, 1);
  --bpon-text-muted-d-2: hsla(0, 0%, 42.13%, 1);
  --bpon-text-muted-d-3: hsla(0, 0%, 32.22%, 1);
  --bpon-text-muted-d-4: hsla(0, 0%, 22.31%, 1);
  --bpon-text-muted-l-1: hsla(0, 0%, 68.05%, 1);
  --bpon-text-muted-l-2: hsla(0, 0%, 74.13%, 1);
  --bpon-text-muted-l-3: hsla(0, 0%, 80.22%, 1);
  --bpon-text-muted-l-4: hsla(0, 0%, 86.31%, 1);
  --bpon-accent-silver: hsla(210, 14.08%, 72.16%, 1);
  --bpon-accent-silver-5: hsla(210, 14.08%, 72.16%, 0.05);
  --bpon-accent-silver-10: hsla(210, 14.08%, 72.16%, 0.1);
  --bpon-accent-silver-20: hsla(210, 14.08%, 72.16%, 0.2);
  --bpon-accent-silver-30: hsla(210, 14.08%, 72.16%, 0.3);
  --bpon-accent-silver-40: hsla(210, 14.08%, 72.16%, 0.4);
  --bpon-accent-silver-50: hsla(210, 14.08%, 72.16%, 0.5);
  --bpon-accent-silver-60: hsla(210, 14.08%, 72.16%, 0.6);
  --bpon-accent-silver-70: hsla(210, 14.08%, 72.16%, 0.7);
  --bpon-accent-silver-80: hsla(210, 14.08%, 72.16%, 0.8);
  --bpon-accent-silver-90: hsla(210, 14.08%, 72.16%, 0.9);
  --bpon-accent-silver-d-1: hsla(210, 14.08%, 60.61%, 1);
  --bpon-accent-silver-d-2: hsla(210, 14.08%, 49.07%, 1);
  --bpon-accent-silver-d-3: hsla(210, 14.08%, 37.52%, 1);
  --bpon-accent-silver-d-4: hsla(210, 14.08%, 25.98%, 1);
  --bpon-accent-silver-l-1: hsla(210, 14.08%, 76.61%, 1);
  --bpon-accent-silver-l-2: hsla(210, 14.08%, 81.07%, 1);
  --bpon-accent-silver-l-3: hsla(210, 14.08%, 85.52%, 1);
  --bpon-accent-silver-l-4: hsla(210, 14.08%, 89.98%, 1);
  --bpon-accent-gold: hsla(37.18, 37.57%, 62.94%, 1);
  --bpon-accent-gold-5: hsla(37.18, 37.57%, 62.94%, 0.05);
  --bpon-accent-gold-10: hsla(37.18, 37.57%, 62.94%, 0.1);
  --bpon-accent-gold-20: hsla(37.18, 37.57%, 62.94%, 0.2);
  --bpon-accent-gold-30: hsla(37.18, 37.57%, 62.94%, 0.3);
  --bpon-accent-gold-40: hsla(37.18, 37.57%, 62.94%, 0.4);
  --bpon-accent-gold-50: hsla(37.18, 37.57%, 62.94%, 0.5);
  --bpon-accent-gold-60: hsla(37.18, 37.57%, 62.94%, 0.6);
  --bpon-accent-gold-70: hsla(37.18, 37.57%, 62.94%, 0.7);
  --bpon-accent-gold-80: hsla(37.18, 37.57%, 62.94%, 0.8);
  --bpon-accent-gold-90: hsla(37.18, 37.57%, 62.94%, 0.9);
  --bpon-accent-gold-d-1: hsla(37.18, 37.57%, 52.87%, 1);
  --bpon-accent-gold-d-2: hsla(37.18, 37.57%, 42.8%, 1);
  --bpon-accent-gold-d-3: hsla(37.18, 37.57%, 32.73%, 1);
  --bpon-accent-gold-d-4: hsla(37.18, 37.57%, 22.66%, 1);
  --bpon-accent-gold-l-1: hsla(37.18, 37.57%, 68.87%, 1);
  --bpon-accent-gold-l-2: hsla(37.18, 37.57%, 74.8%, 1);
  --bpon-accent-gold-l-3: hsla(37.18, 37.57%, 80.73%, 1);
  --bpon-accent-gold-l-4: hsla(37.18, 37.57%, 86.66%, 1);
  --bpon-border: hsla(0, 0%, 17.65%, 1);
  --bpon-border-5: hsla(0, 0%, 17.65%, 0.05);
  --bpon-border-10: hsla(0, 0%, 17.65%, 0.1);
  --bpon-border-20: hsla(0, 0%, 17.65%, 0.2);
  --bpon-border-30: hsla(0, 0%, 17.65%, 0.3);
  --bpon-border-40: hsla(0, 0%, 17.65%, 0.4);
  --bpon-border-50: hsla(0, 0%, 17.65%, 0.5);
  --bpon-border-60: hsla(0, 0%, 17.65%, 0.6);
  --bpon-border-70: hsla(0, 0%, 17.65%, 0.7);
  --bpon-border-80: hsla(0, 0%, 17.65%, 0.8);
  --bpon-border-90: hsla(0, 0%, 17.65%, 0.9);
  --bpon-border-d-1: hsla(0, 0%, 14.82%, 1);
  --bpon-border-d-2: hsla(0, 0%, 12%, 1);
  --bpon-border-d-3: hsla(0, 0%, 9.18%, 1);
  --bpon-border-d-4: hsla(0, 0%, 6.35%, 1);
  --bpon-border-l-1: hsla(0, 0%, 30.82%, 1);
  --bpon-border-l-2: hsla(0, 0%, 44%, 1);
  --bpon-border-l-3: hsla(0, 0%, 57.18%, 1);
  --bpon-border-l-4: hsla(0, 0%, 70.35%, 1);
}