.mmx .mmx-routine__header{display:flex;flex-direction:column;gap:16px;margin-bottom:44px}.mmx .mmx-routine__subheading{font-size:16px}.mmx .mmx-routine__steps{position:relative;display:flex;flex-direction:column;gap:12px;margin:0;padding:0 0 0 23px;list-style:none}.mmx .mmx-routine__steps:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background-color:var(--mmx-routine-line, #d9d9d9)}.mmx .mmx-routine__step{position:relative}.mmx .mmx-routine__step:before{content:"";position:absolute;top:50%;left:-23px;width:23px;height:1px;background-color:var(--mmx-routine-line, #d9d9d9)}.mmx .mmx-routine__dot{position:absolute;top:50%;left:0;z-index:1;width:14px;height:14px;border-radius:50%;background-color:var(--mmx-routine-dot, #67686c);transform:translate(-50%,-50%)}.mmx .mmx-routine__card{flex-direction:row;align-items:center;gap:24px;padding:16px}.mmx .mmx-routine__icon{display:flex;flex:0 0 50px;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid var(--mmx-border);border-radius:50%;background-color:#fff}.mmx .mmx-routine__icon img{width:22px;height:22px;object-fit:contain}.mmx .mmx-routine__copy{display:flex;flex-direction:column;gap:8px;min-width:0}.mmx .mmx-routine__footnote{margin-top:24px;font-size:12px}@media screen and (min-width:750px){.mmx .mmx-routine__header{align-items:center;margin-bottom:32px;text-align:center}.mmx .mmx-routine__heading{max-width:817px}.mmx .mmx-routine__subheading{max-width:658px;font-size:22px}.mmx .mmx-routine__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:32px 0 0;border-top:1px solid var(--mmx-routine-line, #d9d9d9)}.mmx .mmx-routine__steps:before{content:none}.mmx .mmx-routine__step{display:flex}.mmx .mmx-routine__step:before{top:-32px;left:50%;width:1px;height:32px}.mmx .mmx-routine__dot{top:0;left:50%;width:18px;height:18px}.mmx .mmx-routine__card{flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:70px;min-height:267px;padding:24px 25px}.mmx .mmx-routine__icon{flex-basis:60px;width:60px;height:60px}.mmx .mmx-routine__icon img{width:26px;height:26px}.mmx .mmx-routine__copy{gap:16px}.mmx .mmx-routine__title{font-size:18px;text-box:trim-both cap alphabetic}.mmx .mmx-routine__footnote{margin-top:32px;font-size:16px;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mmx-routine.css.map */