.pp-sleep .section.pp-habit-timeline{--habit-color: #2d1763;--habit-patch-color: #2d1763;--habit-connector: #c9c5f6;--habit-tint: rgba(201, 197, 246, .19);--habit-patch-size: 76px;--habit-gap: 42px;padding-block:clamp(64px,7vw,96px);color:var(--sleep-ink);background:radial-gradient(ellipse at 88% 0,var(--habit-tint),transparent 48%),#f8f7f4;border-block:1px solid var(--sleep-line);scroll-margin-top:110px}.pp-sleep .pp-habit-timeline[data-habit-product=energy]{--habit-color: #cf2a05;--habit-patch-color: #dc2900;--habit-connector: #f3baaa;--habit-tint: rgba(244, 165, 132, .16)}.pp-sleep .pp-habit-timeline[data-habit-product=focus]{--habit-color: #064f98;--habit-patch-color: #004ea4;--habit-connector: #acdfe3;--habit-tint: rgba(172, 223, 227, .2)}.pp-sleep .pp-habit-timeline[data-habit-product=recovery]{--habit-color: #095346;--habit-patch-color: #0c5446;--habit-connector: #b8d9a4;--habit-tint: rgba(190, 218, 164, .17)}.pp-sleep .pp-habit-timeline .pp-habit-container{max-width:1160px}.pp-sleep .pp-habit-intro{max-width:840px;margin:0 auto 54px;text-align:center}.pp-sleep .pp-habit-intro .eyebrow{justify-content:center;color:var(--habit-color)}.pp-sleep .pp-habit-intro h2{margin:0 0 22px;font-family:inherit;font-weight:500;letter-spacing:-.03em;line-height:1.06}.pp-sleep .pp-habit-intro .lede{max-width:720px;margin:0 auto;color:var(--sleep-ink-70);font-size:clamp(1.7rem,1.65vw,2rem);line-height:1.5}.pp-sleep .pp-habit-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--habit-gap);margin:0;padding:0;list-style:none}.pp-sleep .pp-habit-stage{position:relative;min-width:0;text-align:center}.pp-sleep .pp-habit-stage:not(:last-child):before{content:"";position:absolute;z-index:0;top:calc(var(--habit-patch-size) / 2);left:50%;width:calc(100% + var(--habit-gap));height:2px;background:var(--habit-connector)}.pp-sleep .pp-habit-patch{position:relative;z-index:1;display:block;width:var(--habit-patch-size);height:var(--habit-patch-size);margin:0 auto 24px;overflow:hidden;border-radius:9%;background:var(--habit-patch-color);isolation:isolate}.pp-sleep .pp-habit-patch img{display:block;width:100%;height:100%;object-fit:contain}.pp-sleep .pp-habit-timeline:not([data-habit-product=sleep]) .pp-habit-patch img{mix-blend-mode:lighten}.pp-sleep [data-habit-product=sleep] .pp-habit-patch{overflow:visible;background:transparent}.pp-sleep :is([data-habit-product=energy],[data-habit-product=recovery]) .pp-habit-patch--crescent img{clip-path:inset(0 0 50% 50%)}.pp-sleep :is([data-habit-product=energy],[data-habit-product=recovery]) .pp-habit-patch--half img{clip-path:inset(0 0 0 50%)}.pp-sleep [data-habit-product=focus] .pp-habit-patch--crescent img{clip-path:circle(13% at 50% 50%)}.pp-sleep [data-habit-product=focus] .pp-habit-patch--half img{clip-path:circle(27% at 50% 50%)}.pp-sleep .pp-habit-milestone{margin:0 0 12px;color:var(--habit-color);font-size:1.3rem;font-weight:700;line-height:1.3;letter-spacing:.09em;text-transform:uppercase}.pp-sleep .pp-habit-stage h3{margin:0 0 12px;color:var(--sleep-ink);font-family:inherit;font-size:clamp(2.2rem,2vw,2.7rem);font-weight:600;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}.pp-sleep .pp-habit-description{margin:0;color:var(--sleep-ink-70);font-size:1.6rem;line-height:1.55;letter-spacing:-.01em}.pp-sleep .pp-habit-close{display:flex;justify-content:center;margin-top:40px}.pp-sleep .pp-habit-close .button{justify-content:center;width:min(100%,520px);min-height:56px;padding:14px 24px;color:#fff;background:var(--habit-color);border:0;font-family:inherit;font-size:1.7rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;text-align:center;text-decoration:none}.pp-sleep .pp-habit-close .button:focus-visible{outline:2px solid var(--habit-color);outline-offset:4px}@media(max-width:760px){.pp-sleep .section.pp-habit-timeline{--habit-patch-size: 52px;--habit-gap: 34px;padding-block:52px}.pp-sleep .pp-habit-timeline .pp-habit-container{width:calc(100% - 40px)}.pp-sleep .pp-habit-intro{margin:0 0 34px;text-align:left}.pp-sleep .pp-habit-intro .eyebrow{justify-content:flex-start;margin-bottom:22px;font-size:1.2rem}.pp-sleep .pp-habit-intro h2{margin-bottom:22px;font-size:clamp(3.6rem,10.8vw,4.8rem)}.pp-sleep .pp-habit-intro .lede{margin-inline:0;font-size:1.6rem;line-height:1.5}.pp-sleep .pp-habit-track{grid-template-columns:minmax(0,1fr)}.pp-sleep .pp-habit-stage{display:grid;grid-template-columns:var(--habit-patch-size) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:18px;text-align:left}.pp-sleep .pp-habit-stage:not(:last-child):before{top:calc(var(--habit-patch-size) / 2);bottom:calc(-1 * var(--habit-gap) - var(--habit-patch-size) / 2);left:calc(var(--habit-patch-size) / 2 - 1px);width:2px;height:auto}.pp-sleep .pp-habit-patch{grid-column:1;grid-row:1 / 4;align-self:start;margin:0}.pp-sleep .pp-habit-milestone{grid-column:2;margin:0 0 8px;font-size:1.2rem;line-height:1.35}.pp-sleep .pp-habit-stage h3{grid-column:2;margin:0 0 9px;font-size:2.1rem;line-height:1.2;text-wrap:initial}.pp-sleep .pp-habit-description{grid-column:2;font-size:1.6rem;line-height:1.5}.pp-sleep .pp-habit-close{margin-top:32px}.pp-sleep .pp-habit-close .button{width:100%;font-size:1.6rem}}@media(min-width:761px)and (max-width:980px){.pp-sleep .section.pp-habit-timeline{--habit-gap: 26px}.pp-sleep .pp-habit-stage h3{font-size:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/pp-patch-habit-timeline.css.map */