.hint{font-size:12px;color:var(--text-color);margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hint__title{font-size:1em;padding-bottom:8px}.hint__counter{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-bottom:12px}.hint__counter-item{height:16px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:hsla(0,0%,100%,.1254901961);border-radius:8px}.hint__counter-item.--active{background-color:var(--check-color)}.hint__counter p{font-size:1.2em;color:var(--text-color)}.hint__tip{background-color:var(--surface-0);color:var(--text-color);padding:12px;border-radius:8px;position:relative;margin-top:12px}.hint__tip p{font-size:1.2em}.hint__tip:before{content:"";position:absolute;top:-10px;left:20px;border-right:8px solid var(--surface-border);border-top:8px solid transparent;border-bottom:8px solid transparent;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hint>div{gap:1.2em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hint .hint--active{color:var(--secondary-color)}.hint .hint--active .icon__wrapper{background-color:hsla(0,0%,100%,.1254901961);border-radius:100%}.hint .hint--active__icon{width:16px;height:16px}.hint .hint--active--default{display:-webkit-box;display:-ms-flexbox;display:flex}.hint .hint--active .icon-error{fill:var(--alert-900)}.hint .hint--active .icon-check-circle{fill:var(--check-color)}