.smooche-serum-story{--sh-font: "futura-pt", "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sh-radius-card: 10px;--sh-radius-btn: 14px;--sh-radius-badge: 6px;--sh-gutter: var(--gutter-mobile);background:var(--sh-page);color:var(--sh-body);font-family:var(--sh-font);font-size:16px;line-height:1.5625;padding-block-end:0}.smooche-serum-story *,.smooche-serum-story *:before,.smooche-serum-story *:after{box-sizing:border-box}.smooche-serum-story__wrap{width:var(--site-width);max-width:100%;margin-inline:auto;padding-inline:var(--sh-gutter)}.smooche-serum-story h1,.smooche-serum-story h2,.smooche-serum-story h3{margin:0;color:var(--sh-ink);font-family:var(--sh-font);font-weight:600;text-wrap:balance}.smooche-serum-story p{margin:0}.smooche-serum-story__h2{font-size:clamp(24px,3.2vw,36px);line-height:1.16}.smooche-serum-story__tl{display:grid;gap:22px;padding-block:26px;border-top:1px solid var(--sh-hairline);overflow:hidden}.smooche-serum-story__tl .smooche-serum-story__tl-heading{justify-self:center;max-width:26ch;margin-inline:auto;text-align:center}.smooche-serum-story__tl-track{position:relative;width:100%}.smooche-serum-story__tl-rail{position:absolute;top:16px;bottom:0;left:13px;width:2px;border-radius:2px;background:var(--sh-pink-line);overflow:hidden}.smooche-serum-story__tl-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--sh-pink)}.smooche-serum-story__tl[data-armed] .smooche-serum-story__tl-fill{height:0}.smooche-serum-story__tl-list{display:grid;gap:26px;margin:0;padding:0 0 0 44px;list-style:none}.smooche-serum-story__tl-item{position:relative;display:grid;gap:10px;min-width:0;margin:0}.smooche-serum-story__tl-dot{position:absolute;top:2px;left:-44px;width:28px;height:28px;border:2px solid var(--sh-pink);border-radius:50%;background:var(--sh-pink);transition:background-color .3s ease-out,border-color .3s ease-out,transform .3s ease-out}.smooche-serum-story__tl-dot:after{content:"";position:absolute;top:4px;left:8px;width:7px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);transition:opacity .3s ease-out}.smooche-serum-story__tl[data-armed] .smooche-serum-story__tl-dot{border-color:var(--sh-pink-line);background:var(--sh-page);transform:scale(.92)}.smooche-serum-story__tl[data-armed] .smooche-serum-story__tl-dot:after{opacity:0}.smooche-serum-story__tl[data-armed] .smooche-serum-story__tl-item.is-on .smooche-serum-story__tl-dot{border-color:var(--sh-pink);background:var(--sh-pink);transform:scale(1)}.smooche-serum-story__tl[data-armed] .smooche-serum-story__tl-item.is-on .smooche-serum-story__tl-dot:after{opacity:1}.smooche-serum-story__tl-when{display:flex;align-items:center;min-height:32px;color:var(--sh-ink);font-size:20px;font-weight:600;line-height:1.2}.smooche-serum-story__tl-card{position:relative;display:grid;gap:8px;justify-items:start;padding:18px 18px 20px;border-radius:var(--sh-radius-card);background:var(--sh-pink-tint);text-align:start}.smooche-serum-story__tl[data-armed] .smooche-serum-story__tl-card{opacity:0;transform:translate(24px);transition:opacity .5s ease-out,transform .5s ease-out}.smooche-serum-story__tl[data-armed] .smooche-serum-story__tl-item.is-on .smooche-serum-story__tl-card{opacity:1;transform:none}.smooche-serum-story__tl-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sh-page);color:var(--sh-pink-deep)}.smooche-serum-story__icon{display:block;width:26px;height:26px}.smooche-serum-story__tl[data-armed] .smooche-serum-story__icon{transition:transform .6s ease-out}.smooche-serum-story__tl[data-armed] .smooche-serum-story__tl-item.is-on .smooche-serum-story__icon{transform:rotate(360deg)}.smooche-serum-story__tl-title{font-size:18px;line-height:1.25}.smooche-serum-story__tl-body{color:var(--sh-body);font-size:15px;line-height:1.5}.smooche-serum-story__tl-checks{display:grid;gap:8px;margin:4px 0 0;padding:0;list-style:none}.smooche-serum-story__tl-check{position:relative;padding-inline-start:32px;color:var(--sh-ink);font-size:15px;line-height:1.4}.smooche-serum-story__tl-check:before{position:absolute;top:0;left:0;width:22px;height:22px;border-radius:999px;background:var(--sh-page);content:""}.smooche-serum-story__tl-check:after{position:absolute;top:6px;left:6px;width:10px;height:5px;border-bottom:2px solid var(--sh-pink-deep);border-left:2px solid var(--sh-pink-deep);content:"";transform:rotate(-45deg)}.smooche-serum-story__tl-note{color:var(--sh-muted);font-size:12px;line-height:1.45;text-align:center}.smooche-serum-story__results{position:relative;margin-block:4px 26px;padding-block:30px;background:var(--sh-surface);isolation:isolate}.smooche-serum-story__results-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.smooche-serum-story__results-bg img{width:100%;height:100%;object-fit:cover}.smooche-serum-story__results--photo:after{position:absolute;z-index:-1;background:#00000061;content:"";top:0;right:0;bottom:0;left:0}.smooche-serum-story__results-photo{display:block;width:100%;max-width:192px;height:auto;aspect-ratio:9 / 16;border-radius:var(--sh-radius-card);object-fit:cover}.smooche-serum-story__results-inner{display:grid;gap:20px;justify-items:center;text-align:center}.smooche-serum-story__results-copy{display:grid;gap:14px;justify-items:center}.smooche-serum-story__results-data{display:grid;gap:14px;justify-self:stretch;width:100%}.smooche-serum-story__results-body{max-width:68ch;font-size:16px}.smooche-serum-story__results-body p+p{margin-block-start:.8em}.smooche-serum-story__results-note{color:var(--sh-muted);font-size:13px}.smooche-serum-story .smooche-serum-story__results--photo .smooche-serum-story__h2,.smooche-serum-story__results--photo .smooche-serum-story__results-body,.smooche-serum-story__results--photo .smooche-serum-story__results-note,.smooche-serum-story__results--photo .smooche-serum-story__ring-title,.smooche-serum-story__results--photo .smooche-serum-story__ring-line,.smooche-serum-story__results--photo .smooche-serum-story__ring-num,.smooche-serum-story__results--photo .smooche-serum-story__stat-title,.smooche-serum-story__results--photo .smooche-serum-story__stat-line{color:#fff}.smooche-serum-story__rings{display:grid;gap:24px 12px;padding-block:8px}.smooche-serum-story__rings--ring{grid-template-columns:repeat(2,minmax(0,1fr))}.smooche-serum-story__rings--bar{grid-template-columns:minmax(0,1fr);width:100%;max-width:620px;margin-inline:auto;gap:22px;text-align:start}.smooche-serum-story__stat{display:grid;gap:6px}.smooche-serum-story__stat--img{grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center}.smooche-serum-story__stat-img{display:block;width:72px;height:72px;border-radius:10px;background:var(--sh-surface);object-fit:cover}.smooche-serum-story__stat-main{display:grid;min-width:0;gap:6px}.smooche-serum-story__stat-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.smooche-serum-story__stat-num{color:var(--sh-pink-deep);font-size:56px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em;line-height:1}.smooche-serum-story__stat-pct{font-size:1em}.smooche-serum-story__stat-track{height:14px;overflow:hidden;border-radius:999px;background:var(--sh-page);box-shadow:inset 0 0 0 1px var(--sh-pink-line)}.smooche-serum-story__stat-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sh-pink),var(--sh-pink-deep));transition:width 1.1s cubic-bezier(.22,1,.36,1)}.smooche-serum-story__stat-title{color:var(--sh-ink);font-size:18px;font-weight:600;line-height:1.25}.smooche-serum-story__stat-line{color:var(--sh-body);font-size:15px;line-height:1.5}.smooche-serum-story__ring{display:grid;gap:10px;justify-items:center;text-align:center}.smooche-serum-story__ring-title{color:var(--sh-ink);font-size:15px;font-weight:600;line-height:1.25}.smooche-serum-story__ring-dial{position:relative;width:132px;max-width:100%;aspect-ratio:1 / 1}.smooche-serum-story__ring-svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.smooche-serum-story__ring-stop-a{stop-color:var(--sh-pink)}.smooche-serum-story__ring-stop-b{stop-color:var(--sh-pink-deep)}.smooche-serum-story__ring-track{fill:none;stroke:var(--sh-pink-line);stroke-width:10}.smooche-serum-story__ring-value{fill:none;stroke-linecap:round;stroke-width:10;transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}.smooche-serum-story__ring-num{position:absolute;top:50%;left:50%;color:var(--sh-ink);font-size:32px;font-weight:600;letter-spacing:-.02em;transform:translate(-50%,-50%)}.smooche-serum-story__ring-pct{font-size:.5em;font-weight:500;vertical-align:.5em}.smooche-serum-story__ring-line{max-width:24ch;color:var(--sh-body);font-size:13px;line-height:1.45}.smooche-serum-story__carousel{position:relative;min-width:0}.smooche-serum-story__track{display:flex;min-width:0;margin-inline:calc(var(--sh-gutter) * -1);padding-inline:var(--sh-gutter);scroll-padding-inline:var(--sh-gutter);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.smooche-serum-story__track::-webkit-scrollbar{display:none}.smooche-serum-story__track:focus-visible{outline:2px solid var(--sh-ink);outline-offset:4px}.smooche-serum-story__nav{display:none;gap:14px;align-items:center;justify-content:center;padding-block-start:16px}.smooche-serum-story__carousel[data-scrollable=true] .smooche-serum-story__nav{display:flex}.smooche-serum-story__arrow{display:grid;width:36px;height:36px;padding:0;border:1px solid var(--sh-pink-line);border-radius:999px;background:var(--sh-page);color:var(--sh-pink-deep);cursor:pointer;place-items:center;transition:border-color .15s ease,opacity .15s ease}.smooche-serum-story__arrow svg{width:18px;height:18px}.smooche-serum-story__arrow:hover:not([disabled]){border-color:var(--sh-pink)}.smooche-serum-story__arrow[disabled]{opacity:.3;cursor:default}.smooche-serum-story__dots{display:flex;gap:6px;align-items:center;justify-content:center}.smooche-serum-story__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:var(--sh-pink-line);cursor:pointer}.smooche-serum-story__dot[aria-current=true]{width:22px;border-radius:999px;background:var(--sh-pink)}.smooche-serum-story__social{display:grid;gap:6px;padding-block:26px;border-top:1px solid var(--sh-hairline);text-align:center}.smooche-serum-story__social .smooche-serum-story__h2{text-align:center}.smooche-serum-story__social-count{margin-block-end:8px;text-align:center;color:var(--sh-pink-deep);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.smooche-serum-story__quotes{width:100%;margin-block-start:10px}.smooche-serum-story__track--quotes .smooche-serum-story__quote{display:grid;flex:0 0 82%;max-width:400px;grid-template-rows:auto 1fr auto;gap:10px;margin:0;padding:18px 20px 20px;border-radius:var(--sh-radius-card);background:var(--sh-surface);scroll-snap-align:start;text-align:start}.smooche-serum-story__track--quotes .smooche-serum-story__quote-text{align-self:start}.smooche-serum-story__track--quotes .smooche-serum-story__quote-foot{align-self:end}.smooche-serum-story__stars{display:flex;gap:4px;color:var(--sh-pink)}.smooche-serum-story__star{width:21px;height:21px}.smooche-serum-story__star--off{color:var(--sh-pink-line)}.smooche-serum-story__quote-text{max-width:none;margin:0;padding:0;border:0;color:var(--sh-ink);font-size:16px;font-style:normal;line-height:1.5;text-align:start}.smooche-serum-story__quote-foot{display:flex;gap:8px;align-items:center;margin-block-start:14px}.smooche-serum-story__quote-img{display:block;flex:none;width:32px;height:32px;border-radius:999px;object-fit:cover}.smooche-serum-story__quote-who{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.smooche-serum-story__quote-name{color:var(--sh-ink);font-size:14px;font-weight:600}.smooche-serum-story__quote-verified{color:var(--sh-muted);font-size:13px}@media screen and (min-width:768px){.smooche-serum-story__rings--ring{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px}.smooche-serum-story__stat--img{grid-template-columns:88px minmax(0,1fr);gap:20px}.smooche-serum-story__stat-img{width:88px;height:88px}.smooche-serum-story__stat-num{font-size:64px}.smooche-serum-story__stat-title{font-size:20px}.smooche-serum-story__stat-line{font-size:16px}.smooche-serum-story__results{padding-block:44px}.smooche-serum-story__results-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;justify-items:start;align-items:center;text-align:start}.smooche-serum-story__results-copy{grid-template-rows:auto auto 1fr;align-self:stretch;justify-items:start}.smooche-serum-story__results-photo{align-self:end;max-width:320px;height:100%;min-height:320px;aspect-ratio:auto}.smooche-serum-story__rings--bar{max-width:none;margin-inline:0}.smooche-serum-story__track{margin-inline:0;padding-inline:0;gap:16px}.smooche-serum-story__track--quotes{gap:16px}.smooche-serum-story__carousel[data-scrollable=true] .smooche-serum-story__arrow{display:grid;place-items:center}.smooche-serum-story__social{padding-block:40px}.smooche-serum-story__track--quotes .smooche-serum-story__quote{flex:0 0 calc((100% - 48px) / 3.4);max-width:none;padding:22px 24px 24px}.smooche-serum-story__quote-text{font-size:17px}}@media screen and (min-width:768px){.smooche-serum-story__tl{gap:34px;padding-block:40px}.smooche-serum-story__tl-track{max-width:none;margin-inline:auto}.smooche-serum-story__tl-rail{left:calc(50% - 1px);top:32px}.smooche-serum-story__tl-list{gap:40px;padding:0}.smooche-serum-story__tl-item{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:start;gap:0}.smooche-serum-story__tl-dot{top:14px;left:calc(50% - 18px);width:36px;height:36px}.smooche-serum-story__tl-dot:after{top:6px;left:11px;width:9px;height:15px}.smooche-serum-story__tl-when{grid-column:1;grid-row:1;justify-content:flex-end;min-height:64px;font-size:32px;text-align:end}.smooche-serum-story__tl-card{grid-column:3;grid-row:1;padding:22px 24px 24px}.smooche-serum-story__tl-item--flip .smooche-serum-story__tl-when{grid-column:3;justify-content:flex-start;text-align:start}.smooche-serum-story__tl-item--flip .smooche-serum-story__tl-card{grid-column:1}.smooche-serum-story__tl-card:before{content:"";position:absolute;top:24px;left:-9px;border:9px solid transparent;border-left-width:0;border-right-color:var(--sh-pink-tint)}.smooche-serum-story__tl-item--flip .smooche-serum-story__tl-card:before{left:auto;right:-9px;border-left-width:9px;border-right-width:0;border-left-color:var(--sh-pink-tint);border-right-color:transparent}.smooche-serum-story__tl[data-armed] .smooche-serum-story__tl-card{transform:translate(40px)}.smooche-serum-story__tl[data-armed] .smooche-serum-story__tl-item--flip .smooche-serum-story__tl-card{transform:translate(-40px)}.smooche-serum-story__tl-title{font-size:20px}.smooche-serum-story__tl-body{font-size:16px}}@media(prefers-reduced-motion:reduce){.smooche-serum-story__ring-value{transition:none}}@media screen and (min-width:1024px){.smooche-serum-story{--sh-gutter: var(--gutter)}}.smooche-serum-story__results.smooche-serum-story__results--number{margin-block:0;padding-block:16px 40px;background:var(--sh-page)}.smooche-serum-story__results--number .smooche-serum-story__results-inner{width:calc(100% - 8px);max-width:1120px;gap:32px;justify-items:stretch;padding:32px 12px;border-radius:var(--sh-radius-card);background:var(--sh-surface);text-align:start}.smooche-serum-story__results--number .smooche-serum-story__results-copy{gap:16px;justify-items:stretch}.smooche-serum-story__results--number .smooche-serum-story__h2{font-size:36px;letter-spacing:-.03em;line-height:1.2;text-transform:capitalize}.smooche-serum-story__results--number .smooche-serum-story__results-body{max-width:none;font-size:16px;letter-spacing:-.02em;line-height:1.5}.smooche-serum-story__results--number .smooche-serum-story__results-body p{color:inherit;font:inherit;letter-spacing:inherit}.smooche-serum-story__results--number .smooche-serum-story__rings--number{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:0}.smooche-serum-story__rings--number .smooche-serum-story__stat-main{grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:6px;align-items:center}.smooche-serum-story__rings--number .smooche-serum-story__stat-head{display:block;grid-row:1 / span 2}.smooche-serum-story__rings--number .smooche-serum-story__stat-track{display:none}.smooche-serum-story__rings--number .smooche-serum-story__stat-num{color:var(--sh-pink);font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1;white-space:nowrap}.smooche-serum-story__rings--number .smooche-serum-story__stat-title{grid-column:2;align-self:end;color:var(--sh-ink);font-size:16px;font-weight:600;line-height:1.5}.smooche-serum-story__rings--number .smooche-serum-story__stat-line{grid-column:2;align-self:start;color:var(--sh-ink);font-size:16px;line-height:1.5}@media screen and (min-width:768px){.smooche-serum-story__results.smooche-serum-story__results--number{padding-block-end:56px}.smooche-serum-story__results--number .smooche-serum-story__results-inner{width:calc(100% - 2 * var(--sh-gutter));grid-template-columns:minmax(0,1fr);justify-items:center;align-items:start;padding:32px 40px;text-align:center}.smooche-serum-story__results--number .smooche-serum-story__results-copy{grid-template-rows:none;align-self:auto;justify-items:center;max-width:690px}.smooche-serum-story__results--number .smooche-serum-story__rings--number{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.smooche-serum-story__rings--number .smooche-serum-story__stat{align-content:start}.smooche-serum-story__rings--number .smooche-serum-story__stat-main{grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start}.smooche-serum-story__rings--number .smooche-serum-story__stat-head{grid-row:auto;margin-block-end:6px}.smooche-serum-story__rings--number .smooche-serum-story__stat-title,.smooche-serum-story__rings--number .smooche-serum-story__stat-line{grid-column:auto;align-self:auto}}@media screen and (min-width:1024px){.smooche-serum-story__results--number .smooche-serum-story__h2{line-height:1}.smooche-serum-story__results--number .smooche-serum-story__rings--number{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}@media(min-width:1024px){.smooche-serum-story--page-width .smooche-serum-story__results--number .smooche-serum-story__results-inner{width:min(calc(100% - 2 * var(--sh-gutter)),calc(var(--site-width) - 2 * var(--sh-gutter)));max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/sb-smooche-pdp-story.css.map */