.PointButtonContainer{justify-content:space-between;width:100%;display:flex}.PointButton{text-align:center;background-color:#c0f9c7;border:none;border-radius:5px;flex:1;margin:5px;padding:10px 0;font-family:inherit;font-size:14px;color:#000!important}.PointButton h2{text-align:center;margin:0;font-size:12px;font-weight:600}.PointButton p{text-align:center;margin:0;padding-top:10px;font-size:12px}.PointButtonDesktopContainer{justify-content:space-between;width:100%;display:flex}
.TaskContainer{background-color:linear-gradient(45deg,#eaf5e6,#daf1c6);padding:0 10px 80px}.TaskPagination{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.TaskPager{color:#fff;background-color:#37bb91;border:none;border-radius:5px;padding:6px 12px;font-family:inherit;font-weight:600}.TaskPageButtons{gap:8px;font-family:inherit;display:flex}.TaskPageBtn{color:#fff;background-color:#37bb91;border:none;border-radius:5px;min-width:36px;padding:6px 10px;font-family:inherit;font-weight:600}.TaskPageBtn.active{background-color:#27a17b}
.TaskItem{background-color:#c0f9c7;border-radius:5px;flex-direction:row;gap:10px;width:93%;margin:auto auto 10px;padding:5px;display:flex;box-shadow:2px 2px 4px rgba(0,0,0,.1)}.TaskItem h1{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;padding-bottom:5px;font-size:13px;display:block;overflow:hidden}.TaskItem p{margin:0;padding-bottom:5px;font-size:12px}.TaskItem img{object-fit:contain;border-radius:5px;width:40px;height:40px}.TaskItemContent{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:100%;min-width:0;display:flex}.TaskItemPoints{flex-direction:column;justify-content:center;align-items:flex-end;padding-right:5px;display:flex}.done{background-color:#c2e9f8}