.TasksPageMobileContainer{margin:15px 15px 0}.task-box{padding:15px 15px 0}.task-box__title{justify-content:space-between;align-items:center;display:flex}.task-box__title h2{font-size:20px;font-weight:600}.ArrowButton{color:#37bb91;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:600;text-decoration:none;display:flex}.task-box__title .title_special{background:linear-gradient(90deg,var(--primary),var(--ribbon-color),var(--primary),var(--ribbon-color),var(--primary));-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;font-weight:700;animation:3s linear infinite shine}@keyframes shine{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.task-image-wrapper{width:150px;padding-top:100%;position:relative;overflow:hidden}.task-image-wrapper img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.ribbon{background-color:var(--ribbon-color);color:#fff;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 6px;font-size:12px;font-weight:700;position:absolute;top:0;left:0}.ribbon:after,.ribbon:before{content:"";border-style:solid;width:0;height:0;position:absolute;bottom:-6px}.ribbon:before{border-width:6px 22px 0 0;border-color:var(--ribbon-color)transparent transparent transparent;left:0}.ribbon:after{border-width:6px 0 0 22px;border-color:var(--ribbon-color)transparent transparent transparent;right:0}.info-box{background:linear-gradient(90deg,#f0f7f2,rgba(252,216,240,.616),#f0f7f2) 0 0/300% 100%;animation:2s infinite bgShift;position:relative;overflow:hidden}@keyframes bgShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}