.routine-chooser{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;height:640px;overflow:hidden;margin-top:28px;margin-bottom:0;padding-right:var(--site-gutter);padding-left:var(--site-gutter);column-gap:15px}.routine-chooser__left{background:#f5f5f5;padding:72px 80px 72px 48px;display:flex;flex-direction:column;justify-content:center}.routine-chooser__heading{font-family:Editorial light,serif;font-weight:300;font-size:42px;line-height:1.12;letter-spacing:0;color:#1a1c18;margin:0 0 16px}.routine-chooser__subtext{font-family:Jost,sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:#1a1c188c;margin:0 0 40px}.routine-chooser__steps{display:flex;flex-direction:column}.routine-step{display:flex;gap:20px;align-items:flex-start;text-decoration:none;cursor:pointer}.routine-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:40px;align-self:stretch}.routine-step__circle{display:block;width:40px;height:40px;flex-shrink:0}.routine-step__circle .step-dot{stroke:#1a1c1899;fill:transparent;transition:fill .25s ease,stroke .25s ease}.routine-step__circle .step-ring-1{stroke:transparent;fill:transparent;transition:stroke .25s ease .06s}.routine-step__circle .step-ring-2{stroke:transparent;fill:transparent;transition:stroke .25s ease .12s}.routine-step:hover .routine-step__circle .step-dot{fill:#c1b5d2;stroke:#c1b5d2}.routine-step:hover .routine-step__circle .step-ring-1{stroke:#c1b5d280}.routine-step:hover .routine-step__circle .step-ring-2{stroke:#c1b5d240}.routine-step__indicator:after{content:"";display:block;width:1px;flex:1;min-height:20px;background:#1a1c1833;margin-top:4px}.routine-step:last-child .routine-step__indicator:after{display:none}.routine-step__content{padding-bottom:80px;transition:transform .25s ease}.routine-step:hover .routine-step__content{transform:translateY(-4px)}.routine-step:last-child .routine-step__content{padding-bottom:0}.routine-step__title{font-family:Jost,sans-serif;font-size:20px;font-weight:600;color:#1a1c18;text-decoration:none;display:block;margin:0 0 5px;line-height:1.2}.routine-step__desc{font-family:Jost,sans-serif;font-size:14px;color:#1a1c1880;margin:0;line-height:1.5}.routine-chooser__right{position:relative;overflow:hidden}.rc-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block;opacity:0;transition:opacity .4s ease}.rc-img--active{opacity:1}.routine-chooser__cta{position:absolute;bottom:80px;right:40px;white-space:nowrap;border:1.5px solid rgba(255,255,255,.85);color:#fff;background:transparent;font-family:Jost,sans-serif;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:14px 76px;transition:background .2s ease,border-color .2s ease}.routine-chooser__cta:hover{font-weight:600;background:#c1b5d2;border-color:#c1b5d2;color:#1a1c18}@media screen and (min-width:1100px)and (max-width:1380px){.routine-chooser__left{padding:48px 56px 48px 36px}.routine-chooser__heading{font-size:34px;margin-bottom:12px}.routine-chooser__subtext{margin-bottom:28px}.routine-step__content{padding-bottom:48px}}@media screen and (min-width:990px)and (max-width:1099px){.routine-chooser{height:auto;min-height:480px}.routine-chooser__left{padding:48px 48px 48px 36px}.routine-chooser__heading{margin-bottom:36px}.routine-chooser__right{min-height:480px}.routine-step__content{padding-bottom:56px}}@media screen and (min-width:750px)and (max-width:989px){.routine-chooser{height:auto;min-height:520px;margin-top:22px}.routine-chooser__left{padding:56px 48px 56px 36px}.routine-chooser__heading{margin-bottom:32px}.routine-step__content{padding-bottom:56px}.routine-chooser__right{min-height:520px}.routine-chooser__cta{bottom:28px;right:36px;padding:12px 48px}}@media screen and (max-width:749px){.routine-chooser{grid-template-columns:1fr;height:auto;margin-top:17px;margin-bottom:29px;padding-left:20px;padding-right:20px;row-gap:5px}.routine-chooser__left{padding:56px 24px 48px 0}.routine-chooser__heading{padding-left:16px;margin-bottom:36px}.routine-chooser__subtext{padding-left:16px}.routine-chooser__right{height:480px}.routine-step__content{padding-bottom:48px}.routine-step__title{font-size:17px}.routine-chooser__cta{bottom:32px;right:24px;padding:12px 48px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-magalie-routine-chooser.css.map */