.section-timeline-with-steps{position:relative}.timeline_with_step{display:flex;flex-direction:column;width:100%}.timeline_with_step .expect-flex{display:flex;flex-direction:column;gap:5rem}.timeline_with_step_wrap .page-width{max-width:var(--max-width)}.timeline_with_step .expect-flex-header{text-align:center;margin-bottom:0}.timeline_with_step .expect-flex-header .caption{margin-bottom:2rem;background:#eee;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.6rem;font-size:1.6rem;line-height:1;font-weight:500;font-family:var(--font-family-helvetica-neue)!important;letter-spacing:.03125em;text-transform:uppercase;padding:1rem 1.4rem;display:inline-block}.timeline_with_step .expect-flex-header h2{font-size:4.8rem;line-height:1.125;font-family:var(--font-family-helvetica-neue-lt);font-weight:400;letter-spacing:.008333333em;margin-bottom:0;color:#000}.timeline_with_step .expect-flex-header .subheading{margin-top:2rem}.timeline_with_step .expect-flex-header .subheading p{font-size:1.6rem;font-weight:400;font-family:var(--font-family-helvetica-neue)!important;line-height:1.25;letter-spacing:.0125em;color:#2d2d2d}.timeline_with_step .expect-flex-line{position:relative;max-width:120rem;margin:0 auto 5rem;height:.2rem;background:#333}.timeline_with_step .expect-flex-dot{position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline_with_step .expect-flex-dot:before{content:"";width:1rem;height:1rem;background:#333;border-radius:50%;display:block}.timeline_with_step .expect-flex-grid{max-width:100%;margin:auto;display:grid;gap:0;text-align:center}.timeline_with_step .expect-day{display:inline-block;padding:1rem 1.4rem;background:#f3f0eb;border-radius:2rem;font-size:1.4rem;line-height:1;font-family:var(--font-family-helvetica-neue);font-weight:700;letter-spacing:0;margin-bottom:1rem;color:#000;margin-top:0}.timeline_with_step .expect-title{font-size:1.8rem;font-weight:500;font-family:var(--font-family-helvetica-neue);line-height:normal;letter-spacing:0;margin-bottom:1.5rem;margin-bottom:2.8rem;color:#000;line-height:1}.timeline_with_step .expect-list{display:flex;text-align:center;flex-direction:column}@media only screen and (max-width:639px){.timeline_with_step .expect-list{text-align:left}}.timeline_with_step .expect-list>*{margin-top:0;margin-bottom:1.5rem}.timeline_with_step .expect-list>*:first-child{margin-top:0}.timeline_with_step .expect-list>*:last-child{margin-bottom:0}.timeline_with_step .expect-list .metafield-rich_text_field>p,.timeline_with_step .expect-list>p{padding:0;font-family:var(--font-family-helvetica-neue)!important;font-weight:400;font-size:1.6rem;line-height:1.25;letter-spacing:0;position:relative;color:#000}.timeline_with_step .expect-list ul{margin:0;padding:0}.timeline_with_step .expect-list ul li{margin:0;padding:0;font-size:1.6rem;font-weight:400;font-family:var(--font-family-helvetica-neue);line-height:1.25;letter-spacing:0;padding-left:3.2rem;margin-bottom:1.5rem;position:relative;color:#000}.timeline_with_step .expect-list ul li:last-child{margin-bottom:0}.timeline_with_step .expect-list ul li:before{content:"";background:url(/cdn/shop/files/check_box.svg);width:2.2rem;height:2.2rem;position:absolute;top:0;left:0;background-size:auto 2.2rem;background-repeat:no-repeat}.timeline_with_step .expect_timeline{position:relative;border-top:.2rem solid #3B3A3A;padding:2.1rem 2.6rem 0}.timeline_with_step .expect_timeline:before{content:"";height:3.3rem;width:.2rem;background:#3b3a3a;display:block;margin:auto}.timeline_with_step .expect_timeline:after{content:"";height:1rem;width:1rem;background:#3b3a3a;display:block;margin:auto;border-radius:1rem;position:absolute;left:50%;top:-.6rem;transform:translate(-50%)}.step_wrapper{position:relative}.step_wrapper .step-list{margin:0}.step_wrapper .step-list .step-list__item{position:relative;text-align:center}.step_wrapper .step-list .step-list__item .step-card{position:relative}.step_wrapper .step-list .step-list__item .step-card .step-card__badge{position:relative;width:100%;background:#000;color:#fff;border-radius:1rem;padding:.7rem 4rem;margin-bottom:.8rem}.step_wrapper .step-list .step-list__item .step-card .step-card__badge p{font-size:1.6rem;line-height:1.1875;font-family:var(--font-family-helvetica-neue-lt)!important;font-weight:500;font-weight:400}.step_wrapper .step-list .step-list__item .step-card .step-card__image-wrapper{width:100%;position:relative}.step_wrapper .step-list .step-list__item .step-card .step-card__image-wrapper .media{border-radius:1rem}.step_wrapper .step-list .step-list__item .step-card .step-card__info{margin-top:1.5rem}.step_wrapper .step-list .step-list__item .step-card .step-card__info h3{font-family:var(--font-family-helvetica-neue);font-weight:500;font-size:1.8rem;line-height:1.222222222;letter-spacing:.033333333em}.step_wrapper .step-list .step-list__item .step-card .step-card__info .rte{font-family:var(--font-family-helvetica-neue-lt);font-weight:400;font-size:1.6rem;line-height:1.25;margin-top:.4rem}.step_wrapper .step-list .step-list__item .step-card .step-card__info .rte p{font-family:var(--font-family-helvetica-neue-lt)!important;font-weight:400}.step_wrapper .step-list .step-list__item-separator{width:2.4rem;max-width:2.4rem;display:inline-flex;align-items:center;justify-content:center}.step_wrapper .step-list .step-list__item-separator .svg-wrapper{width:2.2rem;height:auto}.step_wrapper .step-list .step-list__item-separator .svg-wrapper .icon{width:100%;height:auto}@media only screen and (min-width:750px){.step_wrapper .step-list{--grid-desktop-horizontal-spacing: 5rem;--grid-desktop-vertical-spacing: 5rem}@media only screen and (max-width:1023px){.step_wrapper .step-list{--grid-desktop-horizontal-spacing: 3.5rem;--grid-desktop-vertical-spacing: 3.5rem}}@media only screen and (max-width:989px){.step_wrapper .step-list{--grid-desktop-horizontal-spacing: 2.5rem;--grid-desktop-vertical-spacing: 2.5rem}}.step_wrapper .step-list.grid--3-col-desktop .grid__item{width:calc((33.33333% - (4.8rem / 3)) - var(--grid-desktop-horizontal-spacing) * 4 / 3);max-width:calc((33.33333% - (4.8rem / 3)) - var(--grid-desktop-horizontal-spacing) * 4 / 3)}.step_wrapper .step-list.grid--3-col-desktop .grid__item.step-list__item-separator{width:2.4rem;max-width:2.4rem}}@media only screen and (max-width:749px){.step_wrapper .step-list{--grid-mobile-horizontal-spacing: 2.5rem;--grid-mobile-vertical-spacing: 2.5rem}.step_wrapper .step-list .step-list__item-separator{width:100%;max-width:100%}.step_wrapper .step-list .step-list__item-separator .svg-wrapper{transform:rotate(90deg)}}.timeline_wrapper{background:#fff;border-radius:1.5rem;padding:3rem 2.1rem;text-align:center}.timeline_wrapper .timeline_wrapper--header{margin-bottom:2.4rem}.timeline_wrapper .timeline_wrapper--header h3{font-size:1.6rem;line-height:1;letter-spacing:.03125em;text-transform:uppercase;font-family:var(--font-family-helvetica-neue);font-weight:500}.timeline_with_step .timeline_wrapper .timeline_wrapper--content .expect_timeline:before{background:#fff;width:calc(50% - .5rem);height:.2rem;position:absolute;top:-.2rem}.timeline_with_step .timeline_wrapper .timeline_wrapper--content .expect_timeline:first-child:before{left:0}.timeline_with_step .timeline_wrapper .timeline_wrapper--content .expect_timeline:last-child:before{right:0}.timeline_with_step .timeline_wrapper .timeline_wrapper--content .expect_timeline:not(:first-child,:last-child):before{opacity:0}.bottom_img{border-radius:2.4rem;margin-top:4rem}@media screen and (max-width:1279px){.timeline_with_step .expect_timeline{padding:2.1rem 2rem 4rem;padding:2.1rem 2rem 0}.timeline_with_step .expect-flex-header .caption{font-size:1.5rem;margin-bottom:1.8rem}.timeline_with_step .expect-flex-header h2{font-size:3.6rem}.timeline_with_step .expect-flex{gap:4rem}}@media screen and (max-width:1169px){.timeline_with_step .expect-flex{gap:3rem}}@media screen and (max-width:1023px){.timeline_with_step .expect-flex-line{display:none}.timeline_with_step .expect-flex-header .caption{font-size:1.4rem;margin-bottom:1.6rem}.timeline_with_step .expect-flex-header h2{font-size:3.2rem}.timeline_with_step .expect_timeline{padding-inline:1rem}}@media only screen and (max-width:989px){.timeline_wrapper{padding-bottom:0}.timeline_with_step .expect-flex-grid{grid-template-columns:repeat(2,1fr)!important}.timeline_with_step .expect_timeline{padding-inline:2rem;padding-bottom:3rem}}@media screen and (max-width:749px){.timeline_with_step .expect-flex{display:flex;flex-direction:column}.timeline_with_step .expect-flex .bottom_img{order:2;margin-top:0;margin-bottom:2.5rem}.timeline_with_step .expect-flex .expect-flex-grid{order:3;margin:0}.timeline_with_step .expect-flex .expect-flex-grid{display:flex;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;justify-content:space-between;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-color:rgb(var(--color-foreground)) rgba(var(--color-foreground),.04);-ms-overflow-style:none;scrollbar-width:none;padding-top:.5rem}.timeline_with_step .expect_timeline{flex:0 0 auto;width:50%}}@media screen and (max-width:639px){.timeline_wrapper{padding-inline:1.5rem}.timeline_with_step .expect_timeline{width:60%}.timeline_with_step .expect-flex-line{display:none}.timeline_with_step .expect-flex-grid{grid-template-columns:1fr!important}.timeline_with_step .expect-title{font-size:1.6rem}.timeline_with_step .expect-day{margin-top:0}.timeline_with_step .expect-list{text-align:center}.timeline_with_step .expect-list ul li{padding-left:2.6rem}.timeline_with_step .expect-list ul li:before{width:1.8rem;height:1.8rem;background-size:100%}.timeline_with_step .expect-flex-header .caption{font-size:1.4rem;margin-bottom:1.5rem}.timeline_with_step .expect-flex-header h2{font-size:2.4rem}.timeline_with_step .expect-flex-header{margin-bottom:0}.timeline_with_step .expect_timeline{padding-inline:1rem}}@media only screen and (max-width:639px){.timeline_with_step .expect_timeline{width:85%}}.simple-daily-rituall{position:relative}.simple-daily-rituall .timeline_with_step_wrap{background:#f7f4ef}.simple-daily-rituall .timeline_with_step_wrap .page-width{max-width:var(--max-width)}.simple-daily-rituall .expect-flex-header .caption{color:#ef4e25;background:#f5e5e1;border-color:#ef4e2526;transition:background-color var(--duration-default) ease,border-color var(--duration-default) ease}.simple-daily-rituall .expect-flex-header .caption:hover{background-color:#ef4e2526;border-color:#ef4e2573}.simple-daily-rituall .step_wrapper .step-list{max-width:100.3rem;margin-inline:auto}.simple-daily-rituall .step_wrapper .step-list .step-list__item .step-card .step-card__badge{background:#ef4e25;color:#fff;outline:.1rem solid transparent;transition:color var(--duration-default) ease,background-color var(--duration-default) ease,outline var(--duration-default) ease}.simple-daily-rituall .step_wrapper .step-list .step-list__item .step-card .step-card__image-wrapper .media img{transition:transform var(--duration-long) ease-in-out}.simple-daily-rituall .step_wrapper .step-list .step-list__item .step-card .step-card__info h3{color:#ef4e25}.simple-daily-rituall .step_wrapper .step-list .step-list__item .step-card .step-card__info .rte{color:#2d2d2d}.simple-daily-rituall .expect-day{background:#ef4e25;color:#fff}.simple-daily-rituall .expect_timeline{border-color:#000}.simple-daily-rituall .expect_timeline:after{background:#000;transition:background-color var(--duration-default) ease,top var(--duration-default) ease,border-radius var(--duration-default) ease,left var(--duration-default) ease}.simple-daily-rituall .step_wrapper .step-list .step-list__item-separator{transition:transform var(--duration-default) ease}.simple-daily-rituall .step_wrapper .step-list .step-list__item .step-card:hover .step-card__badge{color:#ef4e25;background-color:#ef4e2526;outline-color:#ef4e2573}.simple-daily-rituall .step_wrapper .step-list .step-list__item .step-card:hover .step-card__image-wrapper .media img{transform:scale(1.03)}.simple-daily-rituall .step_wrapper .step-list .step-list__item:has(.step-card:hover)+.step-list__item-separator{animation:bounceHorizontal 2s infinite;-webkit-animation:bounceHorizontal 2s infinite;-moz-animation:bounceHorizontal 2s infinite;-o-animation:bounceHorizontal 2s infinite}.simple-daily-rituall .expect_timeline:hover:after{background:#ef4e25}@media only screen and (min-width:640px){.simple-daily-rituall .expect_timeline:hover:after{top:-.2rem;border-top-left-radius:0;border-top-right-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/timeline-with-steps.css.map */