.Header-top[data-v-2e966e80]{background-color:#eaeaea;border-top-left-radius:20px;border-top-right-radius:20px;position:relative}.Header-top .Text-name[data-v-2e966e80]{font-size:40px;color:#404040;font-weight:700;line-height:40px}.Header-top .Text-details[data-v-2e966e80]{font-size:18px;font-weight:500}#achievement-container[data-v-2e966e80]{height:100%}[data-v-2e966e80] .progress{width:calc(100% - 4px);border-radius:10px!important;background-color:#90d7a4;box-shadow:0 0 0 2px hsla(0,0%,100%,.8);color:#fff}[data-v-2e966e80] .progress-bar{background-color:#20b0a5}.Badge_Cont[data-v-2e966e80]{position:relative}.Badge_Cont .topbar[data-v-2e966e80]{position:absolute;width:86%;left:7%;top:7%;z-index:7}.Badge_Cont .points[data-v-2e966e80]{z-index:1;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:700}.Badge_Cont .info[data-v-2e966e80]{z-index:1;cursor:pointer;background-color:transparent;border:none;box-shadow:none!important}.share[data-v-2e966e80]{padding:10px 15px;border-radius:50%;font-size:1.2rem;background-color:#28c76f;color:#fff;position:absolute;top:5px;right:5px}.Badge-Container[data-v-2e966e80]{display:flex;flex-wrap:wrap}.Badge[data-v-2e966e80]{display:flex;flex-direction:column;align-items:center;justify-content:start;height:270px;overflow:hidden;border-radius:12px;background-color:#fff;position:relative}.Badge .Badge_image[data-v-2e966e80]{border-radius:50%;overflow:hidden;position:relative;border:10px solid #fff;z-index:2;background-color:#fff;height:150px;width:150px}.Badge .Badge-details[data-v-2e966e80]{color:#fff;background-color:transparent;width:100%;position:absolute;z-index:4;top:100px;padding-top:50px;padding-bottom:10px;display:flex;flex-direction:column;align-items:center}.Badge .Badge-details .Badge_name[data-v-2e966e80]{font-weight:700;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2em;max-height:2.4em;padding:0 9px;font-size:1rem}.Badge .Badge-details .Badge_points[data-v-2e966e80]{width:100%;text-align:center;font-size:1rem;font-weight:500;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.Badge .Badge-details .Badge_points .point-multiple[data-v-2e966e80]{font-size:.8em}.Badge .Badge-details .Badge_day[data-v-2e966e80]{white-space:nowrap;overflow:hidden;width:calc(100% - 30px);opacity:.8;text-align:right;font-size:.8rem;gap:20px}.Badge .bg-green[data-v-2e966e80]{background:linear-gradient(135deg,#28c76f,#20b07f);position:absolute;top:120px;width:100%;height:60%}.Badge .bg-grey[data-v-2e966e80]{background:linear-gradient(135deg,grey,grey);position:absolute;top:120px;width:100%;height:60%}.Badge .bottom-container[data-v-2e966e80]{position:absolute;bottom:2px;display:flex;flex-direction:column;width:100%;align-items:center;z-index:9}.Badge .bottom-container .total-points[data-v-2e966e80]{color:#fff;backdrop-filter:brightness(1.15);width:100%;text-align:center;font-size:.8rem;font-weight:500}.no_achievements[data-v-2e966e80]{color:#afb1b6}.no_achievements .icon[data-v-2e966e80]{font-size:13rem}.no_achievements p[data-v-2e966e80]{font-size:1.2rem}.respbtn[data-v-2e966e80]{width:25%}.grayscale[data-v-2e966e80]{filter:grayscale(1) brightness(.85);border-color:grey!important}.locked-cover[data-v-2e966e80]{position:absolute;top:0;left:0;bottom:0;right:0;z-index:5;background:rgba(0,0,0,.5);border-radius:10px;pointer-events:all;display:flex;color:#fff;text-align:center;font-size:.875rem!important;line-height:1rem!important}.locked-cover .lock-icon-row[data-v-2e966e80],.locked-cover .lock-info-row[data-v-2e966e80]{transition:all .3s ease;max-width:100%}.locked-cover .lock-icon[data-v-2e966e80]{transition:all .3s ease;font-size:200%}.locked-cover .lock-info-row[data-v-2e966e80]{position:absolute;top:60%;opacity:0;padding:0 8px}.locked-cover .lock-icon-row[data-v-2e966e80]{position:absolute;top:7%;left:9%}.locked-cover-on-hover[data-v-2e966e80]{background:rgba(0,0,0,.8)}.locked-cover-on-hover .lock-icon-row .lock-icon[data-v-2e966e80]{font-size:250%}.locked-cover-on-hover .lock-info-row[data-v-2e966e80]{opacity:1}@media screen and (max-width:426px){.Header-top .Text-name[data-v-2e966e80]{font-size:37px}.Header-top .Text-details[data-v-2e966e80]{font-size:22px}.respbtn[data-v-2e966e80]{width:80%}}@media screen and (max-width:768px){.Header-top[data-v-2e966e80]{flex-direction:column}}@media(min-width:1200px){.Badge-Container .Badge_Cont[data-v-2e966e80]{flex:0 0 20%;max-width:20%}}