.image-wrapper{background:url(/images/bg-share-study-debt.png) no-repeat #f3f7fa;width:312px;height:312px;border:6px solid #4173b8}.avatar{width:40px;height:40px;background-color:#c4c4c4;border-radius:20px;background-size:57px;background-position:50%}.button-filter[data-v-7425799b]{width:170px}.button-filter.active[data-v-7425799b],.button-filter[data-v-7425799b]:hover{background:#6c96d3!important;color:#fff!important}.next-nav[data-v-7425799b]{padding-top:7px}.next-nav img[data-v-7425799b]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.button-filter[data-v-491f2276]{width:170px}.button-filter.active[data-v-491f2276],.button-filter[data-v-491f2276]:hover{background:#6c96d3!important;color:#fff!important}.toggle-nav img[data-v-491f2276]{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .3s;transition:all .3s}.toggle-nav.active img[data-v-491f2276]{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.sub-bab-content .item[data-v-491f2276]{position:relative;margin-left:56px}.sub-bab-content .item[data-v-491f2276]:after{content:" ";display:block;position:absolute;width:16px;height:16px;z-index:1;background:#e0e9f3;border-radius:8px;left:-43px;top:18px}.sub-bab-content .item.done[data-v-491f2276]:after{background:url(/images/right-answer.png) no-repeat 50%;background-size:16px 16px}.sub-bab-content .item[data-v-491f2276]:before{content:" ";display:block;position:absolute;width:4px;height:100%;background:#e0e9f3;left:-37px}.sub-bab-content .item.no-circle[data-v-491f2276]:after{display:none}.action-item[data-v-491f2276]{position:relative;cursor:pointer;padding:8px;padding-bottom:0}.action-item[data-v-491f2276] :after{content:" ";display:block;position:absolute;width:8px;height:8px;z-index:1;background:#3b73c5;border-radius:4px;left:-26px;top:12px}.action-item[data-v-491f2276] :before{content:" ";display:block;position:absolute;width:4px;height:100%;background:#e0e9f3;left:-24px}.action-item .checkbox[data-v-491f2276]{border:1px solid #3b73c5;width:16px;height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px}.action-item.active .checkbox[data-v-491f2276]{background:url(/images/check_white.png) 50% no-repeat #3b73c5;background-size:auto}.action-item.end-of-item[data-v-491f2276] :before{height:50%;margin-top:-2px}.action-item[data-v-491f2276]:hover{background:#edf5fc;border-radius:8px}.action-item:hover .border-bottom[data-v-491f2276]{border-bottom:none!important;padding-bottom:1px!important}.circle-icon[data-v-491f2276]{width:8px;height:8px;border-radius:4px;background:green}.action-title[data-v-491f2276]{height:32px}