.sa-advanced-skills .sa-skill-progress{width:100%;background:#eee}.sa-advanced-skills .sa-skill-item:not(:last-child){margin-bottom:1em}.sa-advanced-skills .sa-skill-progress-bar{background-color:#8441A4;width:0;height:100%;font-size:1rem;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);transition:width var(--sa-skill-bar-duration, 2600ms) ease,background-color .3s ease}.sa-advanced-skills .sa-skill-progress-bar .sa-skill-name,.sa-advanced-skills .sa-skill-progress-bar .sa-skill-value{color:#fff}.sa-advanced-skills .sa-skill-progress-bar .sa-skill-content-wrapper{transform:scale(0);transition:all .5s ease}.sa-advanced-skills .sa-skill-name,.sa-advanced-skills .sa-skill-value{color:#000;font-size:1rem;line-height:1;margin:0}.sa-advanced-skills .sa-skill-progress{height:30px}.sa-advanced-skills .sa-skill-progress-bar{position:relative}.sa-advanced-skills .sa-skill-name-wrapper{display:flex;align-items:center}.sa-advanced-skills .sa-skill-icon{display:inline-flex;align-items:center;flex-shrink:0;font-size:1em}.sa-advanced-skills .sa-skill-value.sa-value-top::before{background-color:#3fb0ac;content:"";height:35px;left:0;position:absolute;right:0;top:0;-ms-transform:rotate(var(--sky-value-top-rotate, 45deg));-webkit-transform:rotate(var(--sky-value-top-rotate, 45deg));transform:rotate(var(--sky-value-top-rotate, 45deg));width:35px;z-index:-9}.sa-advanced-skills .sa-skill-value.sa-value-top{position:absolute;width:40px;height:40px;line-height:40px;text-align:center;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);top:-42px;right:-20px;font-size:13px;-webkit-transition:all .3s ease;transition:all .3s ease;padding-right:4px}.sa-display-direction-inline .sa-skill-name-wrapper,.sa-display-direction-row-reverse .sa-skill-name-wrapper,.sa-display-direction-inline .sa-skill-value,.sa-display-direction-row-reverse .sa-skill-value{display:flex;align-items:center;padding:0 .6em}.sa-display-direction-inline .sa-skill-name-wrapper{min-width:100px}.sa-display-direction-column .sa-skill-name-wrapper{margin-bottom:var(--sky-name-and-value-spacing, 5px)}.sa-display-direction-column .sa-skill-value{margin-top:var(--sky-name-and-value-spacing, 5px)}.sa-display-direction-column .sa-skill-name-wrapper{margin-bottom:var(--sky-name-spacing, 5px)}.sa-display-direction-column .sa-skill-value{margin-top:var(--sky-perc-spacing, 5px)}.sa-display-direction-column-reverse .sa-skill-name-wrapper{margin-top:var(--sky-name-spacing, 5px)}.sa-display-direction-column-reverse .sa-skill-value{margin-bottom:var(--sky-perc-spacing, 5px)}.rainbow-anim-yes .sa-skill-progress-bar{background:linear-gradient(270deg, #9400d3, indigo, #00f, #0f0, #ff0, #ff7f00, red);background-size:300% 300%;-webkit-animation:animateRainbow var(--sky-rainbow-anim-speed, 40s) ease infinite;animation:animateRainbow var(--sky-rainbow-anim-speed, 40s) ease infinite}.progress-bar-striped-yes .sa-skill-progress-bar{background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}.progress-bar-striped-yes.progress-bar-animated-yes .sa-skill-progress-bar{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@-webkit-keyframes animateRainbow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes animateRainbow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}