:root{--text-size:14px;--text-color:#32393D;--text-skills:#687C87;--inactive-color:#6C91BF;--background-color:#fff;--border-width:0;--border-color:0;--input-textsize:12px;--input-height:30px;--input-color:#6C91BF;--input-bgcolor:#fff;--input-radius:50px;--button-textsize:14px;--button-fontsize:18px;--button-height:30px;--button-color:#fff;--button-bgcolor:#6C91BF;--button-radius:50px;--range-line-height:6px;--range-line-radius:3px;--range-line-color:#6C91BF;--range-track-height:18px;--range-track-width:18px;--range-track-radius:9px;--range-track-color:#6F9FBF;--modal-max-height:800px;--skill-gradient-base-start:rgba(233, 240, 255, 1);--skill-gradient-base-end:rgba(255, 255, 255, 1);--skill-gradient-hard-start:rgba(232, 176, 66, 0.4);--skill-gradient-hard-end:rgba(215, 87, 87, 0.4);--skill-gradient-soft-start:rgba(88, 255, 61, 0.4);--skill-gradient-soft-end:rgba(4, 225, 255, 0.344)}.chart_tooltip{position:absolute;z-index:99;padding:10px;background:rgba(0,0,0,.7);border-radius:3px;color:#fff;pointer-events:none;transform:translate(-50%,0);transition:all .2s;width:150px;text-align:center;opacity:0}.chart-container{position:relative;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;width:100%}.progressCanvas{max-height:70px}.progressBarArrow{position:absolute;right:22px;margin-top:10px;transform:rotate(90deg);transition:all .3s;display:flex;align-items:center;justify-content:center;top:53px}.progressBarArrow.open{transform:rotate(270deg)}.chart-container{display:flex;flex-direction:column;align-items:flex-start;transition:all .3s;border-top:1px solid #dddfe1;padding-top:20px}.progressBarArrow,.progressBarEdit,.progressCanvas{transition:all .3s;cursor:pointer}.progressBarArrow:hover,.progressBarEdit:hover,.progressCanvas:hover{opacity:.5}.progressBarArrow svg{width:15px;height:15px}.progressBarEdit{position:absolute;right:10px;top:58px}.progressBarEdit svg{fill:var(--color1);width:15px}.chart-container .progressBarArrow{right:32px}.chart-container .chart-title{display:flex;width:100%;justify-content:space-between}.chart-title-date{display:flex;gap:20px}.progressCanvas{margin-left:-10px}.professionsContent{opacity:0;pointer-events:none;width:100%;height:0}.professionsContentShow{opacity:1;pointer-events:all;height:auto}.roadmapDirections,.roadmapProfessions{justify-content:space-between;margin-bottom:20px;display:flex;box-sizing:border-box;flex-flow:column nowrap;padding:20px 18px;box-shadow:0 0 7px rgba(0,0,0,.25);border-radius:5px;min-height:unset;flex-direction:column;width:100%;align-items:flex-start;overflow:hidden}.roadmapHeader{margin-bottom:5px;border-bottom:1px solid #dae1e8;color:var(--color8);padding-bottom:5px;font-size:14px;line-height:1em;font-weight:600;font-family:Mulish,sans-serif;font-weight:700;margin-bottom:13px;font-size:19px;font-weight:600}.roadmapContainerHeader{margin-bottom:10px;width:100%;display:flex;align-items:center;justify-content:space-between}.roadmapContainerHeader span{color:var(--text-skills);font-size:20px;font-weight:600}.roadmapSkills{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row}.roadmapSkillsHard,.roadmapSkillsSoft{padding:20px 18px;box-shadow:4px 4px 21px rgba(0,0,0,.25);border-radius:10px;width:48%}.roadmapSkills .roadmapContainerHeader .button.button-primary{padding:11px;display:flex;line-height:unset;align-items:center;justify-content:center;border-radius:150px;height:20px;width:20px}.roadmapContainer{display:flex;flex-direction:column;align-items:flex-start;width:100%}#roadmap .selector>:not(.checked){cursor:pointer}#roadmap .selector>.checked{color:var(--inactive-color)}#roadmap .selector>label:before{content:attr(data-content)}#roadmap .selector>label:hover{color:var(--color8)}#roadmap #evaluator{position:absolute;z-index:-1;opacity:0;margin:10px 0 10px 20px}#roadmap #evaluator+label{display:inline-block;position:relative;margin:0 4px 4px 2px;padding:2px 12px!important;cursor:pointer}#roadmap #evaluator+label:before{content:'';position:absolute;top:-2px;left:0;width:26px;height:13px;border-radius:8px;background:var(--inactive-color);transition:.3s}#roadmap #evaluator+label:after{content:'';position:absolute;top:-1px;left:2px;width:10px;height:10px;border-radius:5px;background:#fff;box-shadow:0 2px 5px #888;transition:.3s}#roadmap #evaluator:hover+label:before{background:var(--color8)}#roadmap #evaluator:checked+label:before{background:var(--color9)}#roadmap #evaluator:checked+label:after{left:14px}span.headerNameSkillsDescription{font-size:11px;font-family:Mulish,sans-serif;font-weight:600;line-height:15px;margin-left:10px}#roadmap{margin-bottom:30px}.roadmapModal{position:fixed;left:0;top:0;width:100%;height:100%;background:#0000002e;z-index:9999;display:flex;align-items:center;justify-content:center}.roadmapModalContent{min-width:300px;background:var(--color3);border-radius:5px;min-height:200px;padding:10px;position:absolute;width:90%;max-width:700px;max-height:700px;overflow:auto;overflow-x:hidden}.roadmapModalContentClose{position:absolute;top:16px;right:16px;width:23px;height:23px;background:url(/templates/skin/zio/images/close-icon.svg) no-repeat;transition:.3s;cursor:pointer;z-index:2}.roadmapModalContentClose:hover{opacity:.5}.roadmapModalContentLoading{position:absolute;width:100%;left:0;top:0;height:100%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);z-index:1}.roadmapModalContentLoading img{width:100px}.roadmapModalHeader{margin-bottom:20px;font-size:18px;margin-top:10px}.roadmapModal .select2{width:100%!important;z-index:0}.roadmapTemplate{display:flex;flex-direction:column;gap:10px}.roadmapModalEditor{margin-top:20px;display:flex;flex-direction:column;width:100%}.roadmapModalEditor div{width:100%}.roadmapModalEditor h3{margin-bottom:10px;margin-top:33px;border-bottom:1px solid #cacbcd;color:var(--color6);font-size:18px}.roadmapModalEditorControls{display:flex;margin-top:40px;justify-content:flex-end;align-items:center}.roadmapModalEditorDirectionsAdd,.roadmapModalEditorSkillsAdd{margin-top:20px}.roadmapModalEditorDirections,.roadmapModalEditorSkills{display:flex;flex-direction:column;gap:15px}.roadmapModalEditorDirectionsDirectionTitle,.roadmapModalEditorSkillsSkill{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:10px;border-radius:10px;width:100%;box-shadow:0 0 7px rgba(0,0,0,.25)}.skill_select{width:auto!important;margin-right:auto}.roadmapModal .roadmapModalEditorDirections .select2,.roadmapModal .roadmapModalEditorSkills .select2{width:230px!important}.icofont-eye,.icofont-eye-blocked,.icofont-trash,.skillUp{padding:0;background:0 0;border:none;font-size:18px;color:var(--color1);transition:all .3s;margin-top:15px}.icofont-eye-blocked:hover,.icofont-eye:hover,.icofont-trash:hover,.skillUp:hover{opacity:.5}.icofont-eye{font-size:22px}.roadmapModal h2{font-size:17px}.roadmapModalEditor .datepickerElem{width:auto}.roadmapModalEditorDirectionsDirection label,.roadmapModalEditorSkillsSkill label{display:flex;flex-direction:column;align-items:flex-start;margin-right:auto;width:50%}.roadmapModalEditorProfession{display:flex;gap:10px;flex-direction:row;flex-wrap:wrap}.roadmapModalEditorError{margin-top:20px;font-weight:700;color:red}.roadmapModalEditorDirectionsDirectionSkills{padding-left:40px;margin-bottom:30px}@property --progress-value{syntax:'<integer>';inherits:true;initial-value:0}:root{--progress-bar-color:#cfd8dc;--progress-value-color:#2196f3;--progress-filled-color-h:141;--progress-filled-color-s:100%;--progress-filled-color-l:29%;--progress-start-alpha:0.2;--progress-end-alpha:1}.roadmapContainer progress[value]{display:block;position:relative;appearance:none;width:100%;height:17px;border:0;border-radius:var(--border-radius);counter-reset:progress var(--progress-value);--progress-value-string:counter(progress) '%';--progress-max-decimal:calc(var(--value, 0) / var(--max, 0));--progress-value-decimal:calc(var(--progress-value, 0) / var(--max, 0))}.roadmapContainer progress[value]::-webkit-progress-value{width:var(--progress-value-percent)!important;background-color:var(--progress-value-color);border-radius:var(--border-radius)}.roadmapContainer progress[value]::-moz-progress-bar{width:var(--progress-value-percent)!important;background-color:var(--progress-value-color);border-radius:var(--border-radius)}.roadmapContainer progress[value]::after{display:flex;align-items:center;justify-content:center;--size:32px;position:absolute;left:50%;top:50%;height:100%;width:100%;transform:translate(-50%,-50%);content:attr(value);content:var(--progress-value-string,var(--value));font-size:12px;font-weight:700;color:#000}@keyframes progress{from{--progress-value:0}to{--progress-value:var(--value)}}.roadmapSkillsHardSkill,.roadmapSkillsSoftSkill{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:5px;height:47px}.roadmapSkillsHardSkillTitle,.roadmapSkillsSoftSkillTitle{display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px;gap:10px}.roadmapSkillsHardSkillTitle img,.roadmapSkillsSoftSkillTitle img{width:25px}.progressWrapper{position:relative;display:inline-block}.progressText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:12px;color:#000;pointer-events:none}.roadmapModalSkillsSetting .inputRange{max-width:300px}.roadmapModalSkillsSettingList{margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.roadmapModalSkillsSettingList .icofont-eye,.roadmapModalSkillsSettingList .skillUp{margin-top:0}.containerCanvas{width:100%;overflow:auto;padding-bottom:20px}.containerCanvas canvas{width:100%;min-width:600px}.skillUp{cursor:pointer;width:auto!important;transition:all .3s;animation:bounce 2s infinite}.skillUp:hover{opacity:.5}.skillUp svg{width:19px;fill:#fead4f}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}.containerCanvasHeader{margin-bottom:10px;position:relative;display:flex;align-items:center;gap:20px}.containerCanvasHeader .progressBarEdit{position:relative;top:0}.notEditable{pointer-events:none;user-select:none}.notEditable .datepicker{opacity:.7}.notEditable .datepicker input{box-shadow:none;padding:0;pointer-events:none}.send_option{color:green;pointer-events:none}.roadmapSkillsSoft .selector{margin-top:-11px;margin-bottom:1px;font-size:11px}.reviewSelf span{font-size:11px}