.habit-timeline{background-color:var(--bg-color);color:var(--text-color);padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}@media screen and (min-width:750px){.habit-timeline{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}}.habit-timeline__header{margin-bottom:32px;max-width:900px}.habit-timeline__heading{margin:0 0 12px;font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.15;letter-spacing:0;color:var(--heading-color)}.habit-timeline__subheading{margin:0;font-size:16px;font-weight:400;line-height:1.5;color:var(--subheading-color)}.habit-timeline__subheading strong{font-weight:700;color:inherit}@media screen and (min-width:750px){.habit-timeline__header{margin-bottom:40px}.habit-timeline__subheading{font-size:18px}}.habit-timeline__board{position:relative;padding:32px 20px 80px;border-radius:16px;background:var(--board-bg-color)}@media screen and (min-width:750px){.habit-timeline__board{padding:48px 40px 100px}}.habit-timeline__desktop{display:none}.habit-timeline__mobile{display:block}.habit-timeline__mobile-track{position:relative;display:flex;flex-direction:column;gap:0px;padding:0}.habit-timeline__mobile-line{position:absolute;bottom:0;left:50%;width:2px;transform:translate(-50%) translateY(-50%);background:var(--line-color);display:block!important;height:85%;top:50%}.habit-timeline__mobile-step{position:relative;display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;min-height:56px}.habit-timeline__mobile-step--left .habit-timeline__mobile-content{grid-column:1;justify-self:end;text-align:right;padding-right:5px}.habit-timeline__mobile-step--right .habit-timeline__mobile-content{grid-column:3;justify-self:start;text-align:left;padding-left:5px}.habit-timeline__mobile-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--line-color);z-index:1}.habit-timeline__mobile-content{display:flex;align-items:center;gap:10px}.habit-timeline__mobile-step--left .habit-timeline__mobile-content{flex-direction:row-reverse}.habit-timeline__mobile-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--icon-border-color);border-radius:50%;background:var(--bg-color)}.habit-timeline__mobile-icon img{width:24px;height:24px;object-fit:contain}.habit-timeline__mobile-label{font-size:14px;font-weight:600;line-height:1.3;color:var(--step-label-color)}@media screen and (min-width:750px){.habit-timeline__desktop{display:block}.habit-timeline__mobile{display:none}.habit-timeline__desktop-track{position:relative;padding-top:24px;padding-bottom:24px}.habit-timeline__desktop-line{position:absolute;top:var(--desktop-line-top, 106px);left:8%;right:8%;height:2px;background:var(--line-color);z-index:0;display:block!important}.habit-timeline__desktop-steps{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;z-index:1}.habit-timeline__desktop-step{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.habit-timeline__desktop-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.habit-timeline__desktop-icon img{object-fit:contain}.habit-timeline__desktop-step--endpoint .habit-timeline__desktop-icon{width:80px;height:80px}.habit-timeline__desktop-step--endpoint .habit-timeline__desktop-icon img{width:100%;height:100%}.habit-timeline__desktop-step--event .habit-timeline__desktop-icon{width:40px;height:40px;margin-bottom:8px}.habit-timeline__desktop-step--event .habit-timeline__desktop-icon img{width:40px;height:40px}.habit-timeline__desktop-step--event .habit-timeline__desktop-label{margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.2;color:var(--step-label-color)}.habit-timeline__desktop-dot{width:10px;height:10px;border-radius:50%;background:var(--line-color);flex-shrink:0}.habit-timeline__desktop-step--endpoint .habit-timeline__desktop-dot{margin-top:12px}.habit-timeline__desktop-step--endpoint .habit-timeline__desktop-label{margin-top:12px;font-size:14px;font-weight:600;line-height:1.3;color:var(--step-label-color)}}.habit-timeline__callout{position:relative;margin:24px auto 0;max-width:520px;padding:24px 28px;border:1px solid var(--callout-border-color);border-radius:12px;background:var(--callout-bg-color);text-align:center;z-index:2}@media screen and (min-width:750px){.habit-timeline__callout{position:absolute;left:50%;bottom:-70px;transform:translate(-50%);margin:0;width:calc(100% - 80px);max-width:60%}}.habit-timeline__callout-heading{margin:0 0 8px;font-size:clamp(40px,5vw,48px);font-weight:700;line-height:1.1;color:var(--callout-heading-color)}.habit-timeline__callout-text{margin:0;font-size:16px;font-weight:400;line-height:1.5;color:var(--callout-text-color)}.habit-timeline__callout-text strong{font-weight:700;color:inherit}.habit-timeline__callout-text p{margin:0}.habit-timeline__callout-text p+p{margin-top:4px}.habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint{bottom:-43px;position:relative}.habit-timeline__desktop-steps .habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint:first-child{right:70px}.habit-timeline__desktop-steps .habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint:last-child{left:70px}.habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint .habit-timeline__desktop-dot{position:absolute;top:22px}.habit-timeline__desktop-steps .habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint:first-child .habit-timeline__desktop-dot{right:1.6vw}.habit-timeline__desktop-steps .habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint:last-child .habit-timeline__desktop-dot{left:1.6vw}@media screen and (max-width:1340px){.habit-timeline__desktop-steps .habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint:first-child .habit-timeline__desktop-dot{right:.6vw}.habit-timeline__desktop-steps .habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint:last-child .habit-timeline__desktop-dot{left:.6vw}}@media screen and (max-width:1199px){.habit-timeline__desktop-steps .habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint:first-child .habit-timeline__desktop-dot{right:-1.1vw}.habit-timeline__desktop-steps .habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint:last-child .habit-timeline__desktop-dot{left:-1.1vw}}@media screen and (max-width:991px){.habit-timeline__desktop-step--endpoint .habit-timeline__desktop-icon{width:50px;height:50px}.habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint{bottom:-58px}.habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint .habit-timeline__desktop-dot{position:absolute;top:8px}.habit-timeline__desktop-steps .habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint:first-child{right:50px}.habit-timeline__desktop-steps .habit-timeline__desktop-step.habit-timeline__desktop-step--endpoint:last-child{left:50px}}@media screen and (max-width:749px){.habit-timeline__board{padding:24px 16px}.habit-timeline__callout{max-width:100%;padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/156/assets/habit-timeline.css.map */