.modal-setting-time{padding:12px}.modal-setting-time__title{font-weight:400;font-size:16px;line-height:28px;text-align:center;color:#2b2621}.modal-setting-time__container{margin-top:16px;margin-bottom:52px;display:flex;justify-content:center;align-items:center;margin-left:40px;gap:8px;position:relative;height:208px;overflow:hidden}.modal-setting-time__container>ul{background-color:rgba(0,0,0,0);box-shadow:none}.modal-setting-time__container>ul::-webkit-scrollbar{display:none}.modal-setting-time__container>ul>div{height:66px!important}.modal-setting-time__container>ul>li{display:flex;justify-content:center}.modal-setting-time__container>ul>li>p{font-size:48px!important;font-weight:500!important;line-height:66px;color:#a6a6a6;padding:0}.modal-setting-time__container>ul>li>span{display:none}.modal-setting-time__container>ul>li[aria-selected=true]{border-top:5px solid #000;border-bottom:5px solid #000}.modal-setting-time__container .minute-text{font-weight:600;font-size:24px;line-height:24px;text-align:center;color:#000;margin-top:8px}.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}}