.learning-goals{padding:20px 30px}.learning-goals .container{display:flex;gap:22px;padding:0}.learning-goals .container>div{width:50%}.learning-goals .title-progress{font-weight:700;font-size:18px;color:#3f4254;margin-top:18px}.learning-goals .description-progress{font-weight:500;font-size:14px;margin-top:16px;color:#3f4254}.learning-goals .container__banner{max-width:400px;max-height:300px}.learning-goals .container__chart{margin-bottom:25px;background-image:url(/_next/static/media/BackGroundProgress.d6c067b5.png);border-radius:24px;padding:30px 0 10px;background-repeat:no-repeat;display:flex;justify-content:center;margin-top:24px;position:relative;background-position-x:100%;background-size:cover}.learning-goals .container__chart .overlay_check{background-color:#e5e7eb;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.5;z-index:9;border-radius:24px}.learning-goals .container__chart p{font-size:16px;font-weight:600;color:#000;width:100%;z-index:10;height:100%;display:flex;align-items:center;justify-content:center}.learning-goals .container__chart p span{margin-left:8px;color:blue;cursor:pointer}.learning-goals .container__chart .recharts-wrapper{display:flex;justify-content:center;align-items:center}.learning-goals .container__chart .recharts-wrapper .recharts-surface{margin:0 12px!important;width:100%!important;overflow:unset}.learning-goals .custom-tooltip{background-color:#fff;padding:10px 20px;border-radius:12px}.learning-goals .custom-tooltip .label{color:#f3b61a;margin-bottom:4px}.learning-goals .custom-tooltip .intro{font-weight:500}.learning-goals .left{transform:translateX(0)}@media(max-width:1218px){.learning-goals .container{flex-wrap:wrap}.learning-goals .container>div{width:100%}}@media(max-width:769px){.learning-goals{padding:20px 22px}.learning-goals .container__chart{padding:15px 0 0!important;border-radius:14px}}@media(max-width:500px){.learning-goals{padding:20px 15px 100px}.learning-goals .container__chart{border-radius:14px}.learning-goals .container__chart tspan{font-size:11px!important}}.learning-progress .time-tracker{display:flex;align-items:center;justify-content:space-between;gap:16px;background-color:#f0f0f0;border-radius:16px;padding:16px}.learning-progress .time-tracker__left{display:flex;align-items:center;gap:8px}.learning-progress .time-tracker__left p{font-size:16px;font-weight:500;line-height:20px;color:#092522}.learning-progress .time-tracker__right{font-size:16px;font-weight:500;line-height:20px;color:#000}.learning-progress .time-streaks__bottom--progress-bar{height:16px!important;background-color:#fff!important}.learning-progress .time-streaks__bottom--progress-bar .progress-bar__icon{bottom:0!important;margin-top:5px}.learning-progress .time-streaks{--tw-bg-opacity:1;background-color:rgb(240 232 255/var(--tw-bg-opacity,1));padding:32px 16px 16px;border-radius:16px;margin-top:22px}.learning-progress .time-streaks__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.learning-progress .time-streaks__top .content,.learning-progress .time-streaks__top .streaks{width:50%}.learning-progress .time-streaks__top .content h2{color:#092522;font-size:20px;line-height:24px;font-weight:600}.learning-progress .time-streaks__top .content p{margin-top:12px;color:#8c96b1;font-size:12px;font-weight:500;line-height:16px}.learning-progress .time-streaks__top .streaks{display:flex;align-items:center;justify-content:flex-end}.learning-progress .time-streaks__top .streaks h2{font-size:64px;line-height:30px;font-weight:800;margin-right:-4px;--tw-text-opacity:1;color:rgb(73 0 201/var(--tw-text-opacity,1))}.learning-progress .time-streaks__top .streaks .time-tracker-image{width:96px}.learning-progress .time-streaks__top .streaks .time-tracker-image>img{width:100%}.learning-progress .time-streaks__bottom{margin-top:28px}.learning-progress .time-streaks__bottom--progress-bar{padding:2px;height:16px}.learning-progress .time-streaks__bottom--progress-bar>div:first-child{height:12px;background-color:#fdc935}.learning-progress .time-setting{margin-top:16px;display:flex;align-items:center;gap:78px;padding:16px;background:#fff8f2;border-radius:16px}.learning-progress .time-setting .content p{color:#8c96b1;font-weight:500;font-size:14px;line-height:18px}.learning-progress .time-setting .content h2{color:#1c1c1c;font-size:20px;font-weight:700;line-height:28px;margin:8px 0 12px;display:flex;align-items:center}@media(max-width:1252px){.learning-progress .time-streaks__top .content{width:60%}.learning-progress .time-streaks__top .streaks{width:40%}.learning-progress .time-setting{gap:40px}.learning-progress .btn-setup-time{padding:12px 24px!important}}@media(max-width:500px){.learning-progress .time-setting{flex-direction:column;text-align:center}.learning-progress .time-setting h2{justify-content:center}.learning-progress .btn-setup-time{padding:12px 24px!important;margin:0 auto}.learning-progress .time-streaks__top{flex-direction:column;gap:16px}.learning-progress .time-streaks__top>div{width:100%!important;text-align:center}.learning-progress .time-streaks__top .streaks{justify-content:center}}