.sn-pdp-routine-course__viewport{max-width:var(--sn-content-max);margin:0 auto;height:auto}.sn-pdp-routine-course__stage{display:flex;flex-direction:column;gap:var(--sn-space-2xl)}.sn-pdp-routine-course__panel{width:100%;background-color:var(--sn-color-bg-warm);border-radius:var(--sn-radius-panel);padding-top:var(--sn-space-xl);padding-bottom:var(--sn-space-xl);padding-left:var(--sn-page-margin);padding-right:var(--sn-page-margin)}@media(min-width:1024px){.sn-pdp-routine-course__panel{padding-left:var(--sn-page-margin-lg);padding-right:var(--sn-page-margin-lg)}}@supports (animation-timeline: view()){@property --sn-course-progress{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes sn-course-fill{0%{--sn-course-progress: 0}to{--sn-course-progress: 1}}@media(min-width:1024px){.sn-pdp-routine-course__viewport{height:200vh;position:relative}.sn-pdp-routine-course__stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:row;align-items:center}.sn-pdp-routine-course{animation-name:sn-course-fill;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:contain 0% contain 90%}}@media(prefers-reduced-motion:reduce){.sn-pdp-routine-course__viewport{height:auto;position:static}.sn-pdp-routine-course__stage{position:static;top:auto;height:auto;display:flex;flex-direction:column;align-items:normal}.sn-pdp-routine-course{animation-name:none;--sn-course-progress: .4667}}}.sn-pdp-routine-course__layout{display:grid;grid-template-columns:1fr;grid-template-areas:"heading" "photo" "ritual" "stats";row-gap:var(--sn-space-2xl);column-gap:0}@media(min-width:1024px){.sn-pdp-routine-course__layout{grid-template-columns:45fr 55fr;grid-template-areas:"photo heading" "photo ritual" "photo stats";align-items:stretch;row-gap:var(--sn-space-xl);column-gap:var(--sn-space-2xl)}}.sn-pdp-routine-course__layout--no-photos .sn-pdp-routine-course__photo{display:none}.sn-pdp-routine-course__layout--no-photos{grid-template-areas:"heading" "ritual" "stats"}@media(min-width:1024px){.sn-pdp-routine-course__layout--no-photos{grid-template-columns:1fr;grid-template-areas:"heading" "ritual" "stats"}.sn-pdp-routine-course__layout--no-photos .sn-pdp-routine-course__heading-block,.sn-pdp-routine-course__layout--no-photos .sn-pdp-routine-course__ritual,.sn-pdp-routine-course__layout--no-photos .sn-pdp-routine-course__stats{max-width:var(--sn-measure);margin-left:auto;margin-right:auto}}.sn-pdp-routine-course__photo{grid-area:photo}.sn-pdp-routine-course__heading-block{grid-area:heading}.sn-pdp-routine-course__ritual{grid-area:ritual}.sn-pdp-routine-course__stats{grid-area:stats}.sn-pdp-routine-course__photo{position:relative;overflow:hidden;border-radius:var(--sn-radius);aspect-ratio:4 / 5;background-color:var(--sn-color-bg-track)}@media(min-width:1024px){.sn-pdp-routine-course__photo{aspect-ratio:4 / 3}}.sn-pdp-routine-course__photo-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.sn-pdp-routine-course__photo-layer--active{opacity:1}.sn-pdp-routine-course__photo-layer--empty{background-color:var(--sn-color-bg-track)}.sn-pdp-routine-course__photo-layer img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.sn-pdp-routine-course__eyebrow{margin:0 0 var(--sn-space-xs) 0}.sn-pdp-routine-course__heading{margin:0 0 var(--sn-space-sm) 0}.sn-pdp-routine-course__intro{font-family:var(--sn-type-body-lg-family);font-weight:var(--sn-type-body-lg-weight);font-size:var(--sn-type-body-lg-size-mobile);line-height:var(--sn-type-body-lg-line);letter-spacing:var(--sn-type-body-lg-tracking);color:var(--sn-color-text-secondary);margin:0;max-width:var(--sn-measure)}@media(min-width:768px){.sn-pdp-routine-course__intro{font-size:var(--sn-type-body-lg-size)}}.sn-pdp-routine-course__ritual{display:flex;align-items:center;gap:var(--sn-space-md);background-color:var(--sn-color-bg-track);border-radius:var(--sn-radius);padding:var(--sn-space-md) var(--sn-space-lg)}.sn-pdp-routine-course__ritual-glyph{flex:none;display:flex;align-items:center;justify-content:center;width:var(--sn-space-2xl);height:var(--sn-space-2xl);border-radius:var(--sn-radius);background-color:var(--sn-color-bg-warm)}.sn-pdp-routine-course__ritual-glyph svg{width:var(--sn-space-lg);height:var(--sn-space-lg)}.sn-pdp-routine-course__ritual-glyph-a{fill:var(--sn-color-text-brand)}.sn-pdp-routine-course__ritual-glyph-b{fill:var(--sn-color-bg-surface)}.sn-pdp-routine-course__ritual-text{min-width:0}.sn-pdp-routine-course__ritual-label{font-family:var(--sn-type-h6-family);font-weight:var(--sn-type-h6-weight);font-size:var(--sn-type-h6-size-mobile);line-height:var(--sn-type-h6-line);letter-spacing:var(--sn-type-h6-tracking);color:var(--sn-color-text-primary);text-transform:lowercase;margin:0 0 var(--sn-space-2xs) 0}@media(min-width:768px){.sn-pdp-routine-course__ritual-label{font-size:var(--sn-type-h6-size)}}.sn-pdp-routine-course__ritual-value{font-family:var(--sn-type-body-family);font-weight:var(--sn-type-body-weight);font-size:var(--sn-type-body-size);line-height:var(--sn-type-body-line);letter-spacing:var(--sn-type-body-tracking);color:var(--sn-color-text-secondary);margin:0}.sn-pdp-routine-course__stats{display:flex;flex-wrap:wrap;gap:var(--sn-space-xl)}.sn-pdp-routine-course__stat-figure{font-family:var(--sn-type-h3-family);font-weight:var(--sn-type-h3-weight);font-size:var(--sn-type-h3-size-mobile);line-height:var(--sn-type-h3-line);letter-spacing:var(--sn-type-h3-tracking);color:var(--sn-color-text-primary);text-transform:lowercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:0}@media(min-width:768px){.sn-pdp-routine-course__stat-figure{font-size:var(--sn-type-h3-size)}}.sn-pdp-routine-course__stat-label{font-family:var(--sn-type-eyebrow-family);font-weight:var(--sn-type-eyebrow-weight);font-size:var(--sn-type-eyebrow-size);line-height:var(--sn-type-eyebrow-line);letter-spacing:var(--sn-type-eyebrow-tracking);text-transform:var(--sn-type-eyebrow-transform);color:var(--sn-color-text-secondary);margin:var(--sn-space-2xs) 0 0 0}@media(min-width:768px){.sn-pdp-routine-course__stat-label{font-size:var(--sn-type-eyebrow-size-max)}}.sn-pdp-routine-course__course{margin-top:var(--sn-space-2xl)}.sn-pdp-routine-course__grid{display:grid;width:100%;grid-template-columns:repeat(10,1fr);gap:var(--sn-space-md)}@media(min-width:768px)and (max-width:1023px){.sn-pdp-routine-course__grid{grid-template-columns:repeat(15,1fr)}}@media(min-width:1024px){.sn-pdp-routine-course__grid{grid-template-columns:repeat(30,1fr)}}.sn-pdp-routine-course__column{display:flex;min-width:0;flex-direction:row;gap:calc(var(--sn-space-2xs) / 2);--sn-night-lit: clamp(0, calc(var(--sn-course-progress) * var(--sn-doses-total) - var(--sn-night-index)), 1);opacity:calc(.28 + .72 * var(--sn-night-lit))}.sn-pdp-routine-course__capsule{position:relative;box-sizing:border-box;flex:1 1 0;min-width:0;aspect-ratio:1 / 3;background:transparent;border:1px solid var(--sn-color-text-brand);border-radius:var(--sn-radius-pill);overflow:hidden}.sn-pdp-routine-course__capsule-fill{position:absolute;left:0;right:0;bottom:0;height:50%;background-color:var(--sn-color-text-brand);border-radius:0 0 var(--sn-radius-pill) var(--sn-radius-pill)}.sn-pdp-routine-course__scoop{flex:1 1 0;min-width:0;width:100%;height:auto;display:block;overflow:visible}.sn-pdp-routine-course__column--scoop{opacity:1}.sn-pdp-routine-course__scoop-bowl{fill:none;stroke:var(--sn-color-text-secondary);stroke-width:1.1;stroke-linejoin:round}.sn-pdp-routine-course__scoop-handle{fill:var(--sn-color-text-secondary)}.sn-pdp-routine-course__scoop-fill{fill:var(--sn-color-text-brand);height:calc(var(--sn-night-lit, 0) * 9.9px);y:calc(22px - (var(--sn-night-lit, 0) * 9.9px))}.sn-pdp-routine-course__cards{display:grid;grid-template-columns:1fr;align-items:stretch;gap:var(--sn-space-lg);margin-top:var(--sn-space-lg)}@media(min-width:1024px){.sn-pdp-routine-course__cards{grid-template-columns:repeat(var(--sn-card-count, 3),1fr)}}.sn-pdp-routine-course__card{display:flex;flex-direction:column;justify-content:flex-start;background-color:var(--sn-color-bg-surface);border-radius:var(--sn-radius);padding:var(--sn-space-lg);opacity:1}@supports (animation-timeline: view()){@media(min-width:1024px){.sn-pdp-routine-course__card{--sn-card-lit: clamp(0, calc(var(--sn-course-progress) * var(--sn-doses-total) - var(--sn-card-night) + 1), 1);opacity:var(--sn-card-lit);transform:translateY(calc((1 - var(--sn-card-lit)) * 16px));transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}}@media(prefers-reduced-motion:reduce){.sn-pdp-routine-course__card{opacity:1;transform:none;transition:none}}}.sn-pdp-routine-course__card-label{font-family:var(--sn-type-h6-family);font-weight:var(--sn-type-h6-weight);font-size:var(--sn-type-h6-size-mobile);line-height:var(--sn-type-h6-line);letter-spacing:var(--sn-type-h6-tracking);color:var(--sn-color-text-primary);text-transform:lowercase;margin:0 0 var(--sn-space-2xs) 0}@media(min-width:768px){.sn-pdp-routine-course__card-label{font-size:var(--sn-type-h6-size)}}.sn-pdp-routine-course__card-body{font-family:var(--sn-type-body-sm-family);font-weight:var(--sn-type-body-sm-weight);font-size:var(--sn-type-body-sm-size);line-height:var(--sn-type-body-sm-line);letter-spacing:var(--sn-type-body-sm-tracking);color:var(--sn-color-text-secondary);margin:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-sn-pdp-routine-course.css.map */