#skills[data-v-6f01cca1]:after{background:linear-gradient(0deg,transparent,var(--primary-30),transparent);content:"";height:80%;left:50%;position:absolute;transform:translate(50%);width:2px;z-index:2}#skills #skills-content[data-v-6f01cca1]{gap:10rem}#skills .skills[data-v-6f01cca1]{margin-bottom:0;padding-bottom:clamp(2em,5.172vw - 1.31em,5em);padding-top:clamp(2em,5.172vw - 1.31em,5em)}#skills #hard-skills li[data-v-6f01cca1]{font-size:1em}#skills #hard-skills ul[data-v-6f01cca1]{margin-bottom:0}#skills #hard-skills .skill-item[data-v-6f01cca1]{margin:0 0 1.5rem}#skills #hard-skills .skill-item .skill-label[data-v-6f01cca1]{display:inline-flex;font-size:clamp(.9rem,.648rem + .246vw,1rem);font-weight:700;justify-content:center;line-height:1.2em;margin-top:1rem;max-width:100%;min-height:2.4rem;text-transform:uppercase}#skills #hard-skills .skill-item .skill-icon[data-v-6f01cca1]{filter:drop-shadow(0 0 .5rem #0000)}#skills #hard-skills .skill-item .skill-icon img[data-v-6f01cca1]{height:clamp(3rem,1.897rem + 1.724vw,4rem);max-width:6rem;transform:scale(.9);transition:all 1s}#skills #hard-skills .skill-item.focus .skill-icon[data-v-6f01cca1]{filter:drop-shadow(0 0 .5rem var(--primary-50))}#skills #hard-skills .skill-item.focus .skill-icon img[data-v-6f01cca1]{transform:scale(1)}.mode-light #skills #hard-skills .skill-item .highlight-desc[data-v-6f01cca1],.mode-light #skills #hard-skills .skill-item .skill-icon img[data-v-6f01cca1]{filter:invert(.95)}.mode-light #skills #hard-skills .skill-item .highlight-desc span[data-v-6f01cca1]{filter:invert()}.mode-light #skills #hard-skills .skill-item.focus .skill-icon[data-v-6f01cca1]{filter:drop-shadow(0 0 .5rem var(--primary-80))}@media only screen and (min-width:64rem)and (not (min-width:89.375rem)){#skills[data-v-6f01cca1]:after{left:calc(60% - var(--gap)*4/5*3 + var(--gap)*2.5 + (100% - var(--container))/2)}}@media only screen and (not (max-width:0))and (not (min-width:64rem)){#skills[data-v-6f01cca1]:after{display:none}#skills #skills-content[data-v-6f01cca1]{gap:4rem}#skills #hard-skills .skill-item .skill-label[data-v-6f01cca1]{font-size:1rem}#skills #soft-skills .skills[data-v-6f01cca1]{margin-bottom:-3rem;margin-top:-2rem}#skills #soft-skills li[data-v-6f01cca1]:first-child{margin-top:1rem}}