.skill-bars{--ribbon-base:#c084fc;--ribbon-highlight:#e9d5ff;--ribbon-shadow:#6b21a8;position:relative;isolation:isolate}.skill-bars>.skill-bar-reveal{position:relative;z-index:1}.skills-ribbon{position:absolute;inset:0;overflow:visible;pointer-events:none}.skills-ribbon-back{z-index:0;opacity:.58}.skills-ribbon-front{z-index:2;opacity:.85;filter:drop-shadow(0 2px 2px #10091e70)}.skill-bars[data-ribbon-moving=true] .skills-ribbon-front{visibility:hidden}@media (max-width:700px){.skills-ribbon-front{display:none}.skills-ribbon-back{opacity:.4}}