.flexi-skill-bars{text-align:center}.flexi-skill-bars .flexi-skill-bar-wrap{position:relative;display:flex;flex-wrap:wrap;margin:10px}.flexi-skill-bars .flexi-skill-bar-wrap .flexi-skill-bar-media-wrapper{display:flex;align-items:center;padding:5px}.flexi-skill-bars .flexi-skill-bar-wrap .flexi-skill-bar-media-wrapper .media--number{font-weight:700;font-size:20px}.flexi-skill-bars .flexi-skill-bar-wrap .flexi-skill-bar-media-wrapper .media--image{width:20px;height:20px}.flexi-skill-bars .flexi-skill-bar-wrap .flexi-skill-bar-content{flex:1;display:flex;flex-wrap:wrap;align-items:center}.flexi-skill-bars .flexi-skill-bar-wrap .flexi-skill-bar-content .flexi-skill-bar-title{font-weight:500}.flexi-skill-bars .flexi-skill-bar-wrap .flexi-skill-bar-content .flexi-skill-bar-percentage{margin-left:auto;font-size:16px;font-weight:400}.flexi-skill-bars .flexi-skill-bar-wrap .flexi-skill-bar-content .flexi-skill-bar-percentage.percentage--hide{display:none}.flexi-skill-bars .flexi-skill-bar-wrap .flexi-skill-bar{width:100%;background-color:#eee;position:relative;display:flex;align-items:center}.flexi-skill-bars .flexi-skill-bar-wrap .flexi-skill-bar-fill{width:0;display:flex;align-items:center;background-color:transparent;background-image:linear-gradient(90deg,#0747bf 0,#276ddd 100%);transition:width 1.5s linear}.flexi-skill-bars .flexi-skill-bar-wrap.has_media>*{margin-left:35px}.flexi-skill-bars .flexi-skill-bar-wrap.has_media .flexi-skill-bar-media-wrapper{position:absolute;height:100%;margin-left:0!important}.flexi-skill-bars .flexi-skill-bar-wrap.line_in .flexi-skill-bar-fill{padding:5px 10px;color:#fff;height:100%}.flexi-skill-bars .flexi-skill-bar-wrap.line_in .flexi-skill-bar-content{flex-wrap:nowrap}.flexi-skill-bars .flexi-skill-bar-wrap.line_out .flexi-skill-bar{height:12px}.flexi-skill-bars .flexi-skill-bar-wrap.line_out .flexi-skill-bar-fill{height:100%;top:0;left:0;position:absolute}.flexi-skill-bars .flexi-skill-bar-wrap.circle,.flexi-skill-bars .flexi-skill-bar-wrap.half_circle{width:200px;display:inline-flex}.flexi-skill-bars .flexi-skill-bar-wrap.circle .flexi-skill-bar-content,.flexi-skill-bars .flexi-skill-bar-wrap.half_circle .flexi-skill-bar-content{position:absolute;width:100%;align-items:center;flex-flow:column;height:100%}.flexi-skill-bars .flexi-skill-bar-wrap.circle .flexi-skill-bar-content .flexi-skill-bar-percentage,.flexi-skill-bars .flexi-skill-bar-wrap.half_circle .flexi-skill-bar-content .flexi-skill-bar-percentage{margin-left:0;font-weight:700}.flexi-skill-bars .flexi-skill-bar-wrap.circle .flexi-skill-bar-content-overlay,.flexi-skill-bars .flexi-skill-bar-wrap.half_circle .flexi-skill-bar-content-overlay{height:100%;width:100%;border-width:12px;border-style:solid;border-color:#eee;border-radius:50%}.flexi-skill-bars .flexi-skill-bar-wrap.circle .flexi-skill-bar,.flexi-skill-bars .flexi-skill-bar-wrap.half_circle .flexi-skill-bar{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}.flexi-skill-bars .flexi-skill-bar-wrap.circle .flexi-skill-bar-fill,.flexi-skill-bars .flexi-skill-bar-wrap.half_circle .flexi-skill-bar-fill{background-image:none}.flexi-skill-bars .flexi-skill-bar-wrap.circle .flexi-skill-bar-fill.fill--half,.flexi-skill-bars .flexi-skill-bar-wrap.half_circle .flexi-skill-bar-fill.fill--half{position:absolute;left:0;top:0;height:100%;width:100%;border-width:12px;border-style:solid;border-color:#000;border-radius:50%;transform:rotate(0)}.flexi-skill-bars .flexi-skill-bar-wrap.circle{width:200px;height:200px}.flexi-skill-bars .flexi-skill-bar-wrap.circle .flexi-skill-bar-content{justify-content:center}.flexi-skill-bars .flexi-skill-bar-wrap.circle .flexi-skill-bar{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}.flexi-skill-bars .flexi-skill-bar-wrap.circle .flexi-skill-bar-fill.fill--half{-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}.flexi-skill-bars .flexi-skill-bar-wrap.circle .flexi-skill-bar-fill.fill--right{transform:rotate(180deg);visibility:hidden}.flexi-skill-bars .flexi-skill-bar-wrap.half_circle{height:100px}.flexi-skill-bars .flexi-skill-bar-wrap.half_circle .flexi-skill-bar-content{justify-content:flex-end}.flexi-skill-bars .flexi-skill-bar-wrap.half_circle .flexi-skill-bar{height:200px;-webkit-clip-path:inset(0 0 50% 0);clip-path:inset(0 0 50% 0)}.flexi-skill-bars .flexi-skill-bar-wrap.half_circle .flexi-skill-bar .flexi-skill-bar-fill.fill--half{-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0);transition:transform 1.5s linear}