.page-heading{display:flex;align-items:center;justify-content:space-between}.page-heading>div{display:flex;align-items:center;gap:6px}.page-heading span{color:#fff;font-weight:bold;font-size:1.2rem;text-shadow:0 0 1px #fff}.box{background:#161a2499;padding:1rem 2.6rem;border-radius:14px;border:1px solid #f76e33}.heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:10px;margin-top:10px;color:#fff;font-size:.87rem;font-weight:500}.heading span{color:#f76e33}.weekly-boxes{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(7,1fr);grid-gap:16px;margin-top:2rem}.weekly-boxes .item{background:transparent;padding-top:1rem;padding-bottom:1rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:1px solid #fff}.weekly-boxes .item span{display:inline-block;color:#fff;margin-top:0;font-size:.87rem}.weekly-boxes .item button{display:inline-block;border-radius:8px;font-size:.8rem;font-weight:400;padding:4px 16px;margin-top:8px;border:0;border:1px solid #fff;background:transparent;color:#fff}.item.enabled{opacity:1}.claim-btn.active,.weekly-boxes .item.active{border:1px solid #f76e33}.claim-btn[disabled]{opacity:1}.bottom-wrapper{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.progress-bar-wrapper{border:1px solid #f76e33;height:auto;border-radius:8px;margin-top:20px}#progress-bar{background:#f76e33;width:10%;padding:7px;border-radius:8px}.bottom-wrapper #counter{color:#fff;text-align:right;font-weight:600;font-size:14px}.bottom-wrapper #counter .main-timer{display:inline-flex;align-items:center;justify-content:flex-end;gap:1px;color:#fff;padding:4px 6px;border-radius:6px}.bottom-wrapper .amount-earned{display:flex;align-items:center;gap:1px;color:#fff}.bottom-wrapper .amount-earned span{margin-bottom:0;font-weight:500;font-size:.85rem}.bottom-wrapper .amount-earned span.earned{color:#f76e33}@media screen and (max-width:1200px){.weekly-boxes{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:992px){.heading .left span{font-size:1rem}.weekly-boxes{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:768px){.weekly-boxes{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:568px){.weekly-boxes{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:420px){.weekly-boxes{grid-template-columns:repeat(1,1fr)}}body.dark .box{background:#18232d80!important}