.checkin-modal{--checkin-line-progress:0}.checkin-active-line{width:calc((100% - 2.25rem)*var(--checkin-line-progress,0))}@media (min-width:640px){.checkin-active-line{width:calc((100% - 3rem)*var(--checkin-line-progress,0))}}@media (max-width:640px){.checkin-modal{border-radius:1.25rem!important;width:calc(100% - 1.5rem)!important;max-width:24.5rem!important;min-height:320px!important;max-height:calc(100vh - 3rem)!important}.checkin-top-bg{border-radius:1rem!important;height:6.25rem!important}.checkin-close-btn{size:1.75rem!important;top:.75rem!important;right:.75rem!important}.checkin-close-icon{size:1.25rem!important}.checkin-content{padding:1rem!important}.checkin-title{font-size:1.25rem!important}.checkin-warning{margin-top:.5rem!important;font-size:.75rem!important}.checkin-bell-icon{size:1rem!important}.checkin-days-grid{gap:.25rem!important;margin-top:1rem!important}.checkin-day-wrapper{flex:1!important;min-width:0!important}.checkin-day-icon-mask{size:1.5rem!important}.checkin-day-icon{size:1.125rem!important}.checkin-reward-icon-wrap{size:1.75rem!important;margin-top:.25rem!important}.checkin-reward-icon{size:1.375rem!important}.checkin-reward-amount{margin-top:.125rem!important;font-size:.625rem!important}.checkin-claim-btn{height:2.5rem!important;margin-top:1.25rem!important;margin-bottom:1rem!important;font-size:.875rem!important}}@media (max-width:380px){.checkin-modal{border-radius:1rem!important}.checkin-title{font-size:1.125rem!important}.checkin-warning{font-size:.6875rem!important}.checkin-days-grid{margin-top:.75rem!important}.checkin-day-icon-mask{size:1.25rem!important}.checkin-day-icon{size:.875rem!important}.checkin-reward-icon-wrap{size:1.5rem!important}.checkin-reward-icon{size:1.125rem!important}.checkin-reward-amount{font-size:.5625rem!important}.checkin-claim-btn{height:2.25rem!important;margin-top:1rem!important;margin-bottom:.75rem!important;font-size:.8125rem!important}}