@font-face {font-family:AaSkillMap;src:url("assets/fonts/AaSFSSSCS-skill-map.woff2") format("woff2");font-weight:400;font-display:swap;}
@font-face {font-family:AlfaSkillMap;src:url("assets/fonts/AlfaSlabOne-Regular.ttf") format("truetype");font-weight:400;font-display:swap;}
.project-three-skill-map {position:relative;width:869px;height:379px;margin-left:calc(var(--portfolio-content-left) + 15.164px);}
.project-three-skill-map>h2 {position:absolute;left:.836px;top:.404px;margin:0;font:700 26px/34px DouyinSans,sans-serif;color:rgba(25,22,24,.9);}
.skill-map-board {position:absolute;left:0;top:80px;width:868px;height:218px;overflow:hidden;border-radius:24px;background:#fdfdfb;}
.skill-map-board::after {content:"";position:absolute;inset:0;border:1px solid #81c1e5;border-radius:inherit;pointer-events:none;}
.skill-map-grid {position:absolute;left:0;top:0;display:block;width:868px;height:218px;}
.skill-map-label {position:absolute;height:21px;margin:0;font:400 22px/22.75px AaSkillMap,sans-serif;color:rgba(25,22,24,.8);white-space:nowrap;}
/* Six instances share one exact CSS flag silhouette; only the digit and placement vary. */
.skill-map-flag {position:absolute;width:39.6227px;height:50px;filter:drop-shadow(4.992px 4.16px 0 rgba(0,0,0,.18));}
.skill-map-pole {position:absolute;left:0;top:27.175px;width:2.3813px;height:22.825px;background:#424242;border-radius:83.205px;}
.skill-map-cloth,.skill-map-cloth::after {position:absolute;left:0;top:0;width:39.6227px;height:29.1084px;background:#ed4731;clip-path:var(--flag-back);}
.skill-map-cloth::after {content:"";background:#f2615d;opacity:.76;clip-path:var(--flag-front);}
.skill-map-flag>span {position:absolute;left:13.4162px;top:7.175px;margin:0;width:8.725px;font:400 12.24px/16.38px AlfaSkillMap,serif;color:#fff;}
@media(max-width:1279.98px) {.project-three-skill-map {margin-left:279.164px;}}

.skill-map-flag {--flag-back:path("M0 1.6641C0 0.745042 0.745044 0 1.6641 0H36.9465C38.1796 0 38.9844 1.29424 38.439 2.40015L32.7831 13.8684C32.5535 14.3339 32.5543 14.8799 32.7853 15.3448L38.4282 26.704C38.9777 27.8102 38.173 29.1084 36.9378 29.1084H1.6641C0.745045 29.1084 0 28.3634 0 27.4443V1.6641Z");--flag-front:path("M0 1.6641C0 0.745042 0.745044 0 1.6641 0H34.4803C35.6948 0 36.5002 1.25879 35.9913 2.36146L30.6624 13.9072C30.4575 14.3511 30.4583 14.8627 30.6644 15.3061L35.9814 26.7428C36.4942 27.8459 35.6888 29.1084 34.4724 29.1084H1.6641C0.745046 29.1084 0 28.3634 0 27.4443V1.6641Z");}