:root{--form-font-size: 1rem;--form__input-height: 38px;--form__input-font-size: 1rem;--form__input-padding: .75rem;--form__errors-color: red;--form-color-disabled: #d0d0d0;--toggle-height: 25px;--form-valid-color: #58b897;--form-invalid-color: red;--strong-color: #b8ddce;--color: #58b897;--href-color: #4e4e4e;--href-color-hover: black;--form-input-height: 50px;--form-input-font-size: 16px;--form-input-padding: 23px;--form-input-bg-color: white;--form-label-font-size: 16px;--form-logo-size: 150px;--form-input-border-color: #b9bec4}:root{--first-bar-height: 54px;--second-bar-height: 46px;--avatar-size-md: 100px;--avatar-size-sm: 80px;--avatar-size-lg: 150px;--color-white: white;--color-green: #58b897;--color-orange: #f39200;--color-grey: #4e4e4e;--color-primary: #58b897;--color-premium: #f7926b;--color-bg-grey: #f0f4f8;--color-title-grey: #9d9d9d}@keyframes check{0%{width:0;height:0}40%{width:0;height:var(--check-height)}to{width:var(--check-width);height:var(--check-height)}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.5)}}@keyframes waves{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shrink-sm{0%{transform:scale(1)}to{transform:scale(.75)}}@keyframes shrink-md{0%{transform:scale(1)}to{transform:scale(.5)}}@keyframes open-width{0%{width:0}to{width:100%}}@keyframes appear-grow{0%{opacity:0;max-height:0;margin-bottom:0}to{opacity:100%;max-height:300px;margin-bottom:20px}}[role=button]{cursor:pointer}:root{--score-bar-height: 140px;--score-bar-value: 0%;--score-range: 0;--score-bar-size: 15px;--score-bar-pointer-size: 34px;--score-bar-bg-color: grey;--score-bar-arrow-height: 28px}.score-bar{height:var(--score-bar-height);display:inline-flex}.score-bar__container{position:relative;height:100%;display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content}.score-bar__pointer{height:100%;flex:0 0 calc(var(--score-bar-size) / 2 + var(--score-bar-arrow-height) / 2 + var(--score-bar-size) / 3 + 18px)}.score-bar__score{height:var(--score-bar-pointer-size);width:var(--score-bar-pointer-size);position:absolute;font-size:calc(var(--score-bar-pointer-size) / 2.5);font-weight:700;color:#fff;bottom:calc(var(--score-bar-value) - var(--score-bar-pointer-size) / 2);display:flex;justify-content:center;align-items:center}.score-bar__score:before,.score-bar__score:after{content:"";position:absolute}.score-bar__score:before{left:0;background-color:var(--score-bar-pointer-color, var(--score-bar-bg-color));height:calc(var(--score-bar-pointer-size));width:calc(var(--score-bar-pointer-size));border-radius:50%}.score-bar__score:after{left:calc(var(--score-bar-pointer-size) / 2 + var(--score-bar-arrow-height) / 2 - 4px);border-style:solid;border-width:calc(var(--score-bar-arrow-height) / 2) 0 calc(var(--score-bar-arrow-height) / 2) calc(var(--score-bar-pointer-size) / 3);border-color:transparent transparent transparent var(--score-bar-pointer-color, var(--score-bar-bg-color))}.score-bar__bar{position:relative;height:100%;flex:0 0 var(--score-bar-size);margin:0 2px;border-radius:var(--score-bar-size);overflow:hidden;background-color:var(--score-bar-exemplary-color, var(--score-bar-bg-color))}.score-bar__bar:before,.score-bar__bar:after{position:absolute;width:100%;content:""}.score-bar__bar:before{background-color:var(--score-bar-on-track-color, var(--score-bar-bg-color));bottom:0;height:66.6%}.score-bar__bar:after{bottom:0;height:33.3%;background-color:var(--score-bar-to-encourage-color, var(--score-bar-bg-color))}.score-bar__notations{font-size:10px;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-left:16px}@media (min-width: 1440px){.score-bar__notations{font-size:14px}}.score-bar__notation{display:flex;align-items:center;white-space:nowrap}.score-bar__notation:first-child{order:3;align-items:flex-end}.score-bar__notation:nth-child(2){order:2}.score-bar__notation:last-child{order:1;align-items:flex-start}.score-bar_vertical{position:relative}.score-bar_vertical .score-bar__container{margin:auto;width:calc(var(--score-bar-height) / 2);height:500px;max-height:80vw;position:absolute;inset:0;transform:rotate(90deg)}.score-bar_vertical .score-bar__notation{font-size:14px;transform:rotate(-90deg);left:-70px;align-items:flex-start;justify-content:center;width:200px}@media (max-width: 767px){.score-bar_vertical .score-bar__notation{left:-80px;font-size:8px}}