@font-face {font-family:AaSkillProcess;src:url("assets/fonts/AaKLYLDYW-skill-process.woff2") format("woff2");font-weight:400;font-display:swap;}
.project-three-skill-process {position:relative;width:868.164px;height:494px;margin-left:calc(var(--portfolio-content-left) + 16px);}
.project-three-skill-process>h2 {position:absolute;left:0;top:.404px;margin:0;font:700 26px/34px DouyinSans,sans-serif;color:rgba(25,22,24,.9);}
.skill-process-cards {position:absolute;left:0;top:76px;display:flex;flex-direction:column;gap:20px;width:422px;}
.skill-process-card {display:flex;align-items:center;gap:12px;padding:10px 18px;width:422px;height:80px;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(12,19,27,.1);}.skill-process-card:first-child {box-shadow:inset 0 0 0 1px rgba(12,19,27,.15);}
.skill-process-art {position:relative;flex:none;width:63px;height:60px;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.12));}.skill-process-art img {display:block;width:63px;height:60px;object-fit:fill;}.skill-process-art.review img {width:56.25px;}.skill-process-art.acceptance img {width:57.891px;}
.skill-process-copy {display:flex;flex-direction:column;justify-content:center;gap:6px;width:293.135px;}.skill-process-copy h3 {margin:0;font:600 16px/22px "PingFang SC",sans-serif;color:#343434;}.skill-process-copy p {margin:0;width:293.135px;font:400 12px/14px AaSkillProcess,sans-serif;color:rgba(25,22,24,.65);}
.skill-process-step {position:absolute;display:flex;align-items:center;gap:5px;width:97px;height:33.602px;padding:6px 8px;border-radius:100px;background:rgba(127,108,246,.2);}.skill-process-step span {flex:none;width:16px;height:16px;border-radius:80px;background:#b09fff;text-align:center;font:400 11.2px/16px Inter,sans-serif;letter-spacing:-.2px;color:white;}.skill-process-step p {margin:0;font:500 14.981px/25.6px "PingFang SC",sans-serif;color:#7f6cf6;white-space:nowrap;}
.skill-process-flow {position:absolute;display:block;pointer-events:none;}.skill-process-flow-1 {left:447.936px;top:82.89px;width:88.781px;height:61.828px;}.skill-process-flow-2 {left:447.923px;top:185.992px;width:228.905px;height:62.116px;}.skill-process-flow-3 {left:448.334px;top:315.548px;width:311.018px;height:1px;}
.skill-process-callout {position:absolute;left:-.164px;top:381.59px;width:868.164px;height:52px;border:1px solid rgba(127,108,246,.6);border-radius:16px;background:white;overflow:hidden;display:flex;gap:20px;align-items:center;padding:8px 24px;}
.skill-process-callout>img {position:relative;flex:none;width:32px;height:32.109px;}.skill-process-callout>p {position:relative;margin:0;padding:4px;width:764px;flex:none;font:400 14px/25.6px "PingFang SC",sans-serif;letter-spacing:-.25px;color:#7f6cf6;}.skill-process-highlight {position:absolute;left:349px;top:13.25px;width:227.649px;height:23.5px;border-radius:4px;background:rgba(255,228,92,.6);}
@media(max-width:1279.98px) {.project-three-skill-process {margin-left:280px;}}