.progress-toggle-list__action{color:var(--text-color)}.progress-toggle-list__action span{text-transform:uppercase;font-weight:bolder;font-size:14px}button.progress-toggle-list__action .text{vertical-align:middle}.progress-toggle-list__component{--progress-color:var(--alert-900);--completed-color:var(--secondary-color);--progress-bg-color:var(--black-200);--progress-item-border-color:var(--primary-400)}.progress-toggle-list__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.progress-toggle-list__header>*{margin:5px}.progress-toggle-list__body{margin-top:1em;margin-left:3.5em}.progress-toggle-list__title{-webkit-box-flex:1;-ms-flex:1;flex:1}.progress-toggle-list__title span{font-family:var(--font-family);font-weight:700;font-size:1.6em;color:var(--text-color);margin-bottom:10px}.progress-toggle-list__background{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:150px;position:relative;background:var(--progress-bg-color);border-radius:4px}@media(max-width:450px){.progress-toggle-list__background{max-width:60px}}.progress-toggle-list__line{background:var(--progress-color);height:8px;border-radius:4px;-webkit-transition:.3s;transition:.3s}.progress-toggle-list__info{font-family:var(--font-family);font-size:1.5em;color:var(--text-color);width:3em;text-align:right}.progress-toggle-list__item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-family:var(--font-family);font-size:1.6em;color:var(--text-color);margin-bottom:.5em;padding-bottom:.5em;border-bottom:1px solid var(--black-200)}.progress-toggle-list__item:last-child{border:none}.progress-toggle-list__item.--completed:before{content:" ";position:absolute;top:15px;left:5px;height:8px;width:7px;background-color:var(--bg-white)}.progress-toggle-list__item.--completed .progress-toggle-list__icon{color:var(--success-900)}.progress-toggle-list__icon{height:16px;width:16px;margin-right:.5em;position:relative}.progress-toggle-list__name{-webkit-box-flex:1;-ms-flex:1;flex:1}.progress-toggle-list__toggle-button{margin-left:0}.progress-toggle-list__toggle-button .icon-wrapper{height:24px;width:24px}.graphic-user-progress__component{--percentage-in:0;--percentage-out:0;--spacing-graphs:35px;--line-size:22px;--width-out:260px;--width-in:calc(var(--width-out) - var(--spacing-graphs)*2);--color-out:var(--alert-900);--color-in:var(--alert-700);--bg-shadow-graph:var(--black-200)}.graphic-user-progress__component,.graphic-user-progress__header,.graphic-user-progress__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.graphic-user-progress__header,.graphic-user-progress__info{color:var(--text-color);text-align:center}.graphic-user-progress__header>*,.graphic-user-progress__info>*{padding:2.5px}.graphic-user-progress__header{margin-bottom:1em}.graphic-user-progress__info{font-size:1.5em}.graphic-user-progress__footer{margin-top:1em;font-size:.9em;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.graphic-user-progress__footer>*{padding:5px 10px}.graphic-user-progress__title{font-weight:700;position:relative}.graphic-user-progress__title.--dot:before{content:"";position:absolute;top:calc(50% - 4px);left:-10px;height:8px;width:8px;border-radius:50%}.graphic-user-progress__title.--out:before{background-color:var(--color-out)}.graphic-user-progress__title.--in:before{background-color:var(--color-in)}.graphic-user-progress__status{font-size:1.5em;font-family:var(--font-family)}.graphic-user-progress__label{font-weight:700;font-size:1.4em}.graphic-user-progress__area{aspect-ratio:1;width:100%;position:relative;width:var(--width-out)}@-webkit-keyframes p{0%{--p:0}}@keyframes p{0%{--p:0}}.graphic-user-progress__inner{display:-webkit-box;display:-ms-flexbox;display:flex;aspect-ratio:1;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0}.graphic-user-progress__out-area{--p:var(--percentage-out);--color-line:var(--color-out);--w:var(--width-out)}.graphic-user-progress__in-area{--p:var(--percentage-in);--color-line:var(--color-in);--w:var(--width-in);padding:var(--spacing-graphs);width:var(--width-out);aspect-ratio:1;position:absolute;top:0}.graphic-user-progress__shadow-in,.graphic-user-progress__shadow-out{position:absolute;top:0;aspect-ratio:1;border:var(--line-size) solid var(--bg-shadow-graph);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%}.graphic-user-progress__shadow-out{width:var(--w)}.graphic-user-progress__shadow-in{top:var(--spacing-graphs);width:var(--w)}.graphic-user-progress__in,.graphic-user-progress__out{width:var(--w);aspect-ratio:1;position:relative;display:inline-grid;place-content:center}.graphic-user-progress__in:after,.graphic-user-progress__in:before,.graphic-user-progress__out:after,.graphic-user-progress__out:before{content:"";position:absolute;border-radius:50%}.graphic-user-progress__in:before,.graphic-user-progress__out:before{inset:0;background:radial-gradient(farthest-side,var(--color-line) 98%,transparent) top/var(--line-size) var(--line-size) no-repeat,conic-gradient(var(--color-line) calc(var(--p)*1%),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(99% - var(--line-size)),#000 calc(100% - var(--line-size)));mask:radial-gradient(farthest-side,transparent calc(99% - var(--line-size)),#000 calc(100% - var(--line-size)))}.graphic-user-progress__in:after,.graphic-user-progress__out:after{inset:calc(50% - var(--line-size)/2);background:var(--color-line);-webkit-transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2))}.graphic-user-progress__in.--no-round:before,.graphic-user-progress__out.--no-round:before{background-size:0 0,auto}.graphic-user-progress__in.--no-round:after,.graphic-user-progress__out.--no-round:after{content:none}.modal-user-progress__component{--mandatory-color:var(--alert-900);--extra-color:#f48554}.modal-user-progress__area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:6em}.modal-user-progress__area>*{margin:1.5em}@media(max-width:850px){.modal-user-progress__area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.modal-user-progress__graph{width:300px}@media(max-width:850px){.modal-user-progress__graph{margin-bottom:4em}}.modal-user-progress__lists{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.modal-user-progress__title{font-family:var(--font-family);font-weight:700;font-size:1.6em;color:var(--mandatory-color);margin-bottom:.6em;text-transform:uppercase}.modal-user-progress__title .tips{display:inline-block;margin-left:1em}.modal-user-progress__extra .modal-user-progress__title{color:var(--extra-color)}.modal-user-progress__mandatory{margin-bottom:3em}