.stl{display:block;background:var(--stl-page, #fff);color:var(--stl-body, #666);font-family:inherit;font-size:16px;line-height:1.5625}.stl,.stl *,.stl *:before,.stl *:after{box-sizing:border-box}.stl__wrap{display:grid;gap:22px;width:100%;max-width:1440px;margin-inline:auto;padding:26px 20px;border-top:1px solid var(--stl-border, #e5e5e5);overflow:hidden}.stl :is(h2,h3,p){margin:0;font-family:inherit;letter-spacing:0}.stl :is(h2,h3){color:var(--stl-ink, #111);font-weight:600;text-transform:none;text-wrap:balance}.stl .stl__heading{justify-self:center;max-width:26ch;margin-inline:auto;font-size:clamp(24px,3.2vw,32px);line-height:1.16;text-align:center}.stl__track{position:relative;width:100%}.stl__rail{position:absolute;top:16px;bottom:0;left:13px;width:2px;border-radius:2px;background:var(--stl-line, #e9dfdc);overflow:hidden}.stl__fill{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--stl-accent, #4f3b39)}.stl[data-armed] .stl__fill{height:0}.stl .stl__list{display:grid;gap:26px;margin:0;padding:0 0 0 44px;list-style:none}.stl__item{position:relative;display:grid;gap:10px;min-width:0;margin:0}.stl__item:before,.stl__item::marker{content:none}.stl__dot{position:absolute;top:2px;left:-44px;width:28px;height:28px;border:2px solid var(--stl-accent, #4f3b39);border-radius:50%;background:var(--stl-accent, #4f3b39);transition:background-color .3s ease-out,border-color .3s ease-out,transform .3s ease-out}.stl__dot:after{content:"";position:absolute;top:4px;left:8px;width:7px;height:12px;border:solid var(--stl-dot-check, #fff);border-width:0 2px 2px 0;transform:rotate(45deg);transition:opacity .3s ease-out}.stl[data-armed] .stl__dot{border-color:var(--stl-line, #e9dfdc);background:var(--stl-page, #fff);transform:scale(.92)}.stl[data-armed] .stl__dot:after{opacity:0}.stl[data-armed] .stl__item.is-on .stl__dot{border-color:var(--stl-accent, #4f3b39);background:var(--stl-accent, #4f3b39);transform:scale(1)}.stl[data-armed] .stl__item.is-on .stl__dot:after{opacity:1}.stl .stl__when{display:flex;align-items:center;min-height:32px;color:var(--stl-ink, #111);font-size:18px;font-weight:600;line-height:1.2}.stl__card{position:relative;display:grid;gap:8px;justify-items:start;padding:18px 18px 20px;border-radius:10px;background:var(--stl-tint, #f7f3f2);text-align:start}.stl[data-armed] .stl__card{opacity:0;transform:translate(24px);transition:opacity .5s ease-out,transform .5s ease-out}.stl[data-armed] .stl__item.is-on .stl__card{opacity:1;transform:none}.stl__icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--stl-icon-background, #fff);color:var(--stl-accent, #4f3b39)}.stl__icon :is(svg,img){display:block;width:26px;height:26px;object-fit:contain}.stl[data-armed] .stl__icon :is(svg,img){transition:transform .6s ease-out}.stl[data-armed] .stl__item.is-on .stl__icon :is(svg,img){transform:rotate(360deg)}.stl .stl__title{font-size:16px;line-height:1.25}.stl .stl__body,.stl .stl__body p{color:var(--stl-body, #666);font-size:14px;line-height:1.5}.stl .stl__body p+p{margin-top:8px}.stl .stl__checks{display:grid;gap:8px;margin:4px 0 0;padding:0;list-style:none}.stl__check{position:relative;padding-inline-start:32px;color:var(--stl-ink, #111);font-size:14px;line-height:1.4}.stl__check:before{content:"";position:absolute;top:0;left:0;width:22px;height:22px;border-radius:50%;background:var(--stl-icon-background, #fff)}.stl__check:after{content:"";position:absolute;top:6px;left:6px;width:10px;height:5px;border-bottom:2px solid var(--stl-accent, #4f3b39);border-left:2px solid var(--stl-accent, #4f3b39);transform:rotate(-45deg)}.stl .stl__note{color:var(--stl-note, #737373);font-family:var(--stl-note-font, inherit);font-size:12px;font-weight:300;line-height:1.45;text-align:center}@media screen and (min-width:768px){.stl__wrap{gap:34px;padding-block:40px}.stl__rail{top:32px;left:calc(50% - 1px)}.stl .stl__list{gap:40px;padding:0}.stl__item{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:start;gap:0}.stl__dot{top:14px;left:calc(50% - 18px);width:36px;height:36px}.stl__dot:after{top:6px;left:11px;width:9px;height:15px}.stl .stl__when{grid-column:1;grid-row:1;justify-content:flex-end;min-height:64px;font-size:28px;text-align:end}.stl__card{grid-column:3;grid-row:1;padding:22px 24px 24px}.stl__item--flip .stl__when{grid-column:3;justify-content:flex-start;text-align:start}.stl__item--flip .stl__card{grid-column:1}.stl__card:before{content:"";position:absolute;top:24px;left:-9px;border:9px solid transparent;border-left-width:0;border-right-color:var(--stl-tint, #f7f3f2)}.stl__item--flip .stl__card:before{left:auto;right:-9px;border-left-width:9px;border-right-width:0;border-left-color:var(--stl-tint, #f7f3f2);border-right-color:transparent}.stl[data-armed] .stl__card{transform:translate(40px)}.stl[data-armed] .stl__item--flip .stl__card{transform:translate(-40px)}.stl .stl__title{font-size:18px}.stl .stl__body,.stl .stl__body p{font-size:15px}}@media screen and (min-width:1024px){.stl__wrap{padding-inline:60px}}@media(prefers-reduced-motion:reduce){.stl__card,.stl__dot,.stl__dot:after,.stl__icon :is(svg,img){transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/smooche-results-timeline.css.map */