.habit-box-module__RlLwua__titleContainer,.habit-box-module__RlLwua__trackingDataContainer,.habit-box-module__RlLwua__statisticsGridContainer{border-radius:var(--radius-3xl)}.habit-box-module__RlLwua__title{font-size:var(--font-size-habit-title);font-weight:var(--font-weight-regular);color:var(--on-surface);z-index:2;position:relative}.habit-box-module__RlLwua__titleContainer{background-color:var(--surface-strong);justify-content:space-between;padding:1.25rem;display:flex}.habit-box-module__RlLwua__totalCountContainer{align-items:center;display:flex}.habit-box-module__RlLwua__totalCountSlotDisplay{width:auto;height:calc(var(--font-size-habit-title) * 1.5);flex-direction:column;display:flex;overflow:hidden}.habit-box-module__RlLwua__totalCurrentCount,.habit-box-module__RlLwua__totalNewCount{text-align:right}.habit-box-module__RlLwua__totalCountSlotDisplay.habit-box-module__RlLwua__isAnimating .habit-box-module__RlLwua__totalCurrentCount,.habit-box-module__RlLwua__totalCountSlotDisplay.habit-box-module__RlLwua__isAnimating .habit-box-module__RlLwua__totalNewCount{animation:habit-box-module__RlLwua__slot-display-animation var(--motion-duration-medium4) var(--motion-easing-emphasized-decelerate) forwards}@keyframes habit-box-module__RlLwua__slot-display-animation{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.habit-box-module__RlLwua__refreshIcon{font-size:var(--font-size-habit-title);font-weight:var(--font-weight-regular);color:var(--on-surface)}.habit-box-module__RlLwua__refreshIcon.habit-box-module__RlLwua__isAnimating{animation:habit-box-module__RlLwua__refresh-icon-animation var(--motion-duration-medium4) var(--motion-easing-emphasized-decelerate) forwards}@keyframes habit-box-module__RlLwua__refresh-icon-animation{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.habit-box-module__RlLwua__trackingDataContainer{background-color:var(--surface);font-size:var(--font-size-habit-details);z-index:2;padding:1rem 1.25rem;position:relative}.habit-box-module__RlLwua__trackedContainer{width:100%;display:flex}.habit-box-module__RlLwua__tracked{background-color:var(--untracked);border-radius:var(--radius-md);min-width:.4375rem;height:.625rem;margin:.5rem 0;display:block;position:relative;overflow:hidden}.habit-box-module__RlLwua__tracked:before{content:"";border-radius:var(--radius-sm);background-color:var(--progress);width:0%;height:100%;transition:width 1s var(--motion-easing-emphasized-decelerate);display:block;position:absolute;top:0;left:0}.habit-box-module__RlLwua__tracked.habit-box-module__RlLwua__tracked_true:before{width:100%}.habit-box-module__RlLwua__tracked:last-child{border-radius:var(--radius-sm);width:41%}.habit-box-module__RlLwua__tracked:not(:last-child){margin-right:.25rem}.habit-box-module__RlLwua__tracked:first-child{width:4%}.habit-box-module__RlLwua__tracked:nth-child(2){width:9%}.habit-box-module__RlLwua__tracked:nth-child(3){width:13.5%}.habit-box-module__RlLwua__tracked:nth-child(4){width:25.3%}.habit-box-module__RlLwua__statisticsToggleButton{cursor:pointer;display:flex}.habit-box-module__RlLwua__statisticsToggleButtonIcon{transition:transform var(--motion-duration-medium4) var(--motion-easing-emphasized-decelerate);transform:rotate(0)}.habit-box-module__RlLwua__statisticsToggleButtonIcon_open{transform:rotate(180deg)}.habit-box-module__RlLwua__statisticsGridContainer{transition:grid-template-rows .4s var(--motion-easing-emphasized-decelerate), width .2s var(--motion-easing-emphasized-decelerate);z-index:2;grid-template-rows:0fr;align-items:start;width:80%;margin:0 auto;display:grid;position:relative;overflow:hidden}.habit-box-module__RlLwua__statisticsGridContainer_open{width:100%;transition:grid-template-rows .4s var(--motion-easing-emphasized-decelerate), width .2s var(--motion-easing-emphasized-decelerate);grid-template-rows:1fr}.habit-box-module__RlLwua__statisticsGridChild{min-height:0}.habit-box-module__RlLwua__statisticsWrapper{background-color:var(--surface-subtle);font-size:var(--font-size-habit-statistics);padding:1rem 1.25rem}.habit-box-module__RlLwua__trackingSince,.habit-box-module__RlLwua__lastTrackedContainer,.habit-box-module__RlLwua__totalTimesTrackedContainer{justify-content:space-between;display:flex}:root{--button-transition-delay:.1s;--track-habit-button-height:calc(2 * 1rem + var(--font-size-action-button) * 1.25)}.habit-box-module__RlLwua__trackHabitButton{transition:width var(--motion-duration-medium4) var(--motion-easing-emphasized-decelerate), transform var(--motion-duration-medium4) var(--motion-easing-emphasized-decelerate), border-radius var(--motion-duration-medium4) var(--motion-easing-emphasized-decelerate), font-size var(--motion-duration-medium4) var(--motion-easing-emphasized-decelerate), padding-bottom var(--motion-duration-medium4) var(--motion-easing-emphasized-decelerate);border-radius:var(--radius-4xl);z-index:1;background-color:var(--reward);width:80%;color:var(--on-reward);min-height:var(--track-habit-button-height);box-sizing:border-box;justify-content:center;align-items:center;margin:0 auto;display:flex;transform:translateY(-101%)}.habit-box-module__RlLwua__trackHabitButton:hover,.habit-box-module__RlLwua__trackHabitButton_tucked{border-radius:var(--radius-2xl)}.habit-box-module__RlLwua__habitBoxInner:hover .habit-box-module__RlLwua__trackHabitButton,.habit-box-module__RlLwua__habitBoxInner:focus-within .habit-box-module__RlLwua__trackHabitButton{width:100%;transform:translate(0)}.habit-box-module__RlLwua__habitBoxInner:hover .habit-box-module__RlLwua__trackHabitButton_tucked,.habit-box-module__RlLwua__habitBoxInner:focus-within .habit-box-module__RlLwua__trackHabitButton_tucked,.habit-box-module__RlLwua__trackHabitButton_tucked{width:75%;transform:translateY(-60%)}.habit-box-module__RlLwua__trackHabitButton_tucked{font-size:var(--font-size-action-button-tucked);align-items:flex-end;padding-bottom:.2rem}@media (hover:none){.habit-box-module__RlLwua__habitBoxInner .habit-box-module__RlLwua__trackHabitButton{width:100%;transform:translate(0)}.habit-box-module__RlLwua__habitBoxInner .habit-box-module__RlLwua__trackHabitButton_tucked{width:75%;transform:translateY(-60%)}}.habit-box-module__RlLwua__root{transition:opacity var(--motion-duration-medium4) var(--motion-easing-emphasized-decelerate);position:relative;overflow:visible}.habit-box-module__RlLwua__habitBoxGrid:has(.habit-box-module__RlLwua__root:hover) .habit-box-module__RlLwua__root:not(:hover){opacity:.4}.habit-box-module__RlLwua__habitBoxInner{width:100%;transition:transform var(--motion-duration-medium4) var(--motion-easing-emphasized-decelerate);transform-origin:50%;position:absolute;top:50%;left:0;transform:scale(1)translateY(-50%)}.habit-box-module__RlLwua__root:hover{z-index:10}.habit-box-module__RlLwua__root:has(.habit-box-module__RlLwua__habitBoxInner:focus-within){z-index:10}.habit-box-module__RlLwua__root_statisticsOpen{z-index:9}.habit-box-module__RlLwua__root:hover .habit-box-module__RlLwua__habitBoxInner{width:100%;position:absolute;top:50%;transform:scale(1.1)translateY(-50%)}.habit-box-module__RlLwua__habitBoxInner:hover{cursor:pointer}.habit-box-module__RlLwua__habitBoxPlaceholder{visibility:hidden;pointer-events:none}