.sn-timeline{position:relative;overflow:hidden;border-radius:0}.sn-timeline__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:left bottom;z-index:0;background-repeat:no-repeat}@media(max-width:991px){.sn-timeline__bg{background-size:contain;background-position:right}}@media(max-width:599px){.sn-timeline__bg{background-size:cover}}.sn-timeline__bg--mobile{display:none}.sn-timeline__link-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.sn-timeline__inner{position:relative;z-index:1;display:flex;align-items:center;gap:48px;margin:0 auto;padding:43px 32px 23px}@media(min-width:1720px){.sn-timeline__inner{max-width:1783px}}@media(max-width:1240px){.sn-timeline__inner{padding:25px 32px}}.sn-timeline__product{flex-shrink:0}.sn-timeline__product-img{width:100%;height:auto;display:block}.sn-timeline__content{flex:1 1 auto;min-width:0;margin-left:20%}@media(max-width:1439px){.sn-timeline__content{margin-left:22%}}@media(max-width:991px){.sn-timeline__content{margin-left:0}}.sn-timeline__heading-row{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 51px}.sn-timeline__line{flex:1 1 60px;max-width:60px;height:1px;background-color:currentColor;opacity:.5;margin-bottom:5px}@media(max-width:767px){.sn-timeline__line{max-width:20%}}@media(max-width:480px){.sn-timeline__line{max-width:30px}}.sn-timeline__heading{font-size:28px;letter-spacing:.03em;text-align:center;text-transform:uppercase;margin:0;line-height:1.3;font-family:Montserrat;font-style:normal;font-weight:600}@media(min-width:1720px){.sn-timeline__heading{font-size:40px;line-height:52px;letter-spacing:7.2px}}@media(max-width:1719px)and (min-width:1440px){.sn-timeline__heading{font-size:32px;line-height:44px;letter-spacing:6px}}@media(max-width:1439px)and (min-width:992px){.sn-timeline__heading{font-size:28px;line-height:40px;letter-spacing:5.6px}}@media(max-width:991px){.sn-timeline__heading{font-size:22px}}@media(max-width:480px){.sn-timeline__heading{font-size:18px}}.sn-timeline__steps{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;text-align:center}@media(min-width:1720px){.sn-timeline__steps{gap:75px}}@media(max-width:1719px)and (min-width:1440px){.sn-timeline__steps{gap:65px}}@media(max-width:1439px)and (min-width:1240px){.sn-timeline__steps{gap:55px}}@media(max-width:1239px)and (min-width:1060px){.sn-timeline__steps{gap:40px}}@media(max-width:1059px)and (min-width:992px){.sn-timeline__steps{gap:20px}}@media(max-width:991px){.sn-timeline__steps{width:70%;padding-bottom:50px}}@media(max-width:767px){.sn-timeline__steps{width:60%;padding-bottom:0}}@media(max-width:480px){.sn-timeline__steps{width:70%}}@media(max-width:420px){.sn-timeline__steps{width:80%}}@media(max-width:360px){.sn-timeline__steps{width:90%}}.sn-timeline__step{flex:1 1 220px;max-width:220px}@media(max-width:1439px){.sn-timeline__step{flex:1 1 180px;max-width:180px}}@media(max-width:1239px){.sn-timeline__step{flex:1 1 160px;max-width:160px}}@media(max-width:1024px){.sn-timeline__step{flex:1 1 120px;max-width:120px}}@media(max-width:991px){.sn-timeline__step{flex:1 1 180px;max-width:180px}}@media(max-width:767px){.sn-timeline__step{flex:1 1 155px;max-width:155px}}@media(max-width:599px){.sn-timeline__step{flex:1 1 120px;max-width:120px}}@media(max-width:420px){.sn-timeline__step{flex:1 1 100px;max-width:100px}}.sn-timeline__step-label{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0 0 21px;color:currentColor;text-align:center;font-family:Montserrat;letter-spacing:1px}@media(min-width:1720px){.sn-timeline__step-label{font-size:20px;line-height:26px;letter-spacing:2px}}@media(max-width:1719px)and (min-width:1440px){.sn-timeline__step-label{font-size:18px;line-height:24px;letter-spacing:1.2px}}@media(max-width:1439px)and (min-width:1240px){.sn-timeline__step-label{font-size:16px;line-height:22px;letter-spacing:1px}}@media(max-width:480px){.sn-timeline__step-label{font-size:12px;line-height:17px}}.sn-timeline__step-circle{width:96px;height:96px;margin:0 auto 14px;border-radius:50%;overflow:hidden;border:2px solid snr(--sn-highlight-color,#d9d9d9)}@media(min-width:1720px){.sn-timeline__step-circle{width:150px;height:150px}}@media(max-width:1719px)and (min-width:1440px){.sn-timeline__step-circle{width:120px;height:120px}}@media(max-width:1439px)and (min-width:1240px){.sn-timeline__step-circle{width:100px;height:100px}}.sn-timeline__step-circle--highlight{border-width:3px;box-shadow:0 0 0 3px color-mix(in srgb,var(--va-highlight-color) 20%,transparent)}.sn-timeline__step-img{width:100%;height:100%;object-fit:cover;display:block}.sn-timeline__step-caption{font-size:14px;line-height:20px;margin:0;color:currentColor;text-align:center;font-family:Montserrat;font-weight:600;letter-spacing:1.4px}@media(min-width:1720px){.sn-timeline__step-caption{font-size:20px;line-height:26px;letter-spacing:2px}}@media(max-width:1719px)and (min-width:1440px){.sn-timeline__step-caption{font-size:18px;line-height:24px;letter-spacing:1.8px}}@media(max-width:1439px)and (min-width:1240px){.sn-timeline__step-caption{font-size:16px;line-height:22px;letter-spacing:1.6px}}@media(max-width:480px){.sn-timeline__step-caption{font-size:12px;line-height:17px}}.sn-timeline__disclaimer{font-size:13px;font-style:italic;text-align:center;margin:32px 0 0;color:currentColor}@media screen and (max-width:991px){.sn-timeline__bg--desktop{display:none}.sn-timeline__bg--mobile{display:block}.sn-timeline__inner{flex-direction:column;padding:40px 20px;gap:28px}.sn-timeline__product{flex-basis:50%!important}.sn-timeline__steps{gap:20px}.sn-timeline__step-circle{width:76px;height:76px}}
/*# sourceMappingURL=/cdn/shop/t/233/assets/cosmedix-vitamin-timeline.css.map */