.learning-goal-1500 .container__chart{background-image:url(/_next/static/media/BackGroundProgress.d6c067b5.png)!important}.learning-goal-1500 .learning-progress .time-streaks{--tw-bg-opacity:1;background-color:rgb(240 232 255/var(--tw-bg-opacity,1))}.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.58a8b98e.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-calendar{background-color:#fff;border-radius:20px;box-shadow:0 5px 20px 0 rgba(0,0,0,.0509803922);padding:0 32px;min-height:398px;display:flex;justify-content:center;align-items:center}.learning-calendar .react-datepicker{width:100%;height:332px;font-family:Quicksand,sans-serif;border:none}.learning-calendar .react-datepicker__month-container{width:100%}.learning-calendar .react-datepicker__header{background-color:rgba(0,0,0,0);border:none}.learning-calendar .react-datepicker__current-month{padding-bottom:18px;border-bottom:3px solid #e7e7e7}.learning-calendar .react-datepicker__navigation-icon:before{border-color:#4a4a4a;width:10px;height:10px}.learning-calendar .react-datepicker__day,.learning-calendar .react-datepicker__day-names>div{width:52px}.learning-calendar .day-cell{width:20px!important;font-size:11px;font-weight:400}.learning-calendar .react-datepicker__day--keyboard-selected,.learning-calendar .react-datepicker__day--selected,.learning-calendar .react-datepicker__day--selected:not([aria-disabled=true]):hover,.learning-calendar .react-datepicker__day:not([aria-disabled=true]):hover,.learning-calendar .react-datepicker__month-text--keyboard-selected,.learning-calendar .react-datepicker__month-text:not([aria-disabled=true]):hover,.learning-calendar .react-datepicker__quarter-text--keyboard-selected,.learning-calendar .react-datepicker__quarter-text:not([aria-disabled=true]):hover,.learning-calendar .react-datepicker__year-text--keyboard-selected,.learning-calendar .react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:rgba(0,0,0,0);border-radius:0}.learning-calendar .streak-item__active,.learning-calendar .streak-item__not-active{width:20px;height:20px;border-radius:50%;background-color:#fdc935;display:flex;justify-content:center;align-items:center;position:relative}.learning-calendar .streak-item__active .text,.learning-calendar .streak-item__not-active .text{position:absolute;font-weight:900}.learning-calendar .streak-item__not-active{color:#a1a1a1;background-color:rgba(0,0,0,0)}.learning-calendar .day-cell-consecutive{background:rgba(255,206,81,.2)!important}.learning-calendar .react-datepicker__day,.learning-calendar .react-datepicker__day-name,.learning-calendar .react-datepicker__time-name{margin:0;padding:8px 12px}.learning-calendar .day-cell-consecutive{background-color:#f0f0f0}.learning-calendar .day-cell-consecutive.first-child{border-radius:24px 0 0 24px!important}.learning-calendar .day-cell-consecutive.last-child{border-radius:0 24px 24px 0!important}.learning-calendar .day-cell-consecutive.first-item{border-radius:24px!important}@media(max-width:610px){.learning-calendar{padding:40px 16px}}@media(max-width:600px){.learning-calendar .react-datepicker__day,.learning-calendar .react-datepicker__day-name,.learning-calendar .react-datepicker__time-name{padding:8px}.learning-calendar .react-datepicker__day,.learning-calendar .react-datepicker__day-names>div{width:40px}}@media(max-width:400px){.learning-calendar .react-datepicker__day,.learning-calendar .react-datepicker__day-name,.learning-calendar .react-datepicker__time-name{padding:8px}.learning-calendar .react-datepicker__day,.learning-calendar .react-datepicker__day-names>div{width:32px}}.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{background-color:#dae4ff;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;color:#4267cd;margin-right:-4px}.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}}