.percentage-bar{margin-top:40px;margin-bottom:40px}
@media(min-width:768px){.percentage-bar{margin-top:64px;margin-bottom:64px}
}
.percentage-bar .percentage-bar-title .title{margin-bottom:32px}
.percentage-bar .percentage-bar-title .title p{font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:40px;line-height:48px;text-transform:uppercase}
@media(min-width:1024px){.percentage-bar .percentage-bar-title .title p{font-size:48px;line-height:56px}
}
@media(min-width:1600px){.percentage-bar .percentage-bar-title .title p{font-size:64px;line-height:72px}
}
.percentage-bar .percentage-bar-title .subtitle{margin-bottom:32px}
.percentage-bar .percentage-bar-list{display:grid;grid-template-columns:1fr;justify-items:flex-end;row-gap:32px}
@media(min-width:1180px){.percentage-bar .percentage-bar-list{column-gap:32px;row-gap:24px;grid-template-columns:repeat(2,1fr)}
}
.percentage-bar .percentage-bar-list .content-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 16px;justify-content:flex-start;flex-direction:column;width:100%}
@media(min-width:530px){.percentage-bar .percentage-bar-list .content-list{justify-content:flex-end;flex-direction:row;align-items:center}
}
@media(min-width:1180px){.percentage-bar .percentage-bar-list .content-list{flex-direction:row}
}
.percentage-bar .percentage-bar-list .content-list .province-name{font-size:18px;line-height:26px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#333f48}
.percentage-bar .percentage-bar-list .content-list .progress-bar-container{display:inline-flex;align-items:center;gap:16px;width:100%}
@media(min-width:530px){.percentage-bar .percentage-bar-list .content-list .progress-bar-container{width:70%;justify-content:flex-end}
}
.percentage-bar .percentage-bar-list .content-list .progress-bar-container .progress-bar[value],.percentage-bar .percentage-bar-list .content-list .progress-bar-container .progress-bar:not([value]){-webkit-appearance:none;appearance:none;width:100%;height:16px}
@media(min-width:530px){.percentage-bar .percentage-bar-list .content-list .progress-bar-container .progress-bar[value],.percentage-bar .percentage-bar-list .content-list .progress-bar-container .progress-bar:not([value]){width:83%}
}
@media(min-width:1600px){.percentage-bar .percentage-bar-list .content-list .progress-bar-container .progress-bar[value],.percentage-bar .percentage-bar-list .content-list .progress-bar-container .progress-bar:not([value]){width:420px}
}
.percentage-bar .percentage-bar-list .content-list .progress-bar-container .progress-bar[value]::-webkit-progress-bar,.percentage-bar .percentage-bar-list .content-list .progress-bar-container .progress-bar:not([value])::-webkit-progress-bar{background:#ebebeb;border-radius:40px}
.percentage-bar .percentage-bar-list .content-list .progress-bar-container .progress-bar[value]::-webkit-progress-value,.percentage-bar .percentage-bar-list .content-list .progress-bar-container .progress-bar:not([value])::-webkit-progress-value{background:#ffcd00;border-radius:40px}
.percentage-bar .percentage-bar-list .content-list .progress-bar-container .percentage{font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:24px;line-height:32px;color:#333f48;text-align:right;width:17%}
@media(min-width:1024px){.percentage-bar .percentage-bar-list .content-list .progress-bar-container .percentage{font-size:28px;line-height:36px}
}
@media(min-width:1600px){.percentage-bar .percentage-bar-list .content-list .progress-bar-container .percentage{font-size:32px;line-height:40px}
}