#timeline-section{--tl-review:0px}#timeline-section{scroll-margin-top:calc(var(--tl-review) + 20px)}.lt{--paper:#fffce4;--card:#fffce4;--fill:0;position:relative;margin:28px 0 0;font-family:Neue_Haas-55,Arial,sans-serif;color:#000;letter-spacing:0;line-height:1.45}.lt .scene{position:relative;padding:0;width:100%}.lt .experience{position:relative;min-width:0;width:100%}.lt .timeline-nav{position:relative;margin:0 0 18px}.lt .timeline-nav ol{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0}.lt .timeline-nav li{margin:0;min-width:0}.lt .stage-button{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-height:80px;background:transparent;border:0;color:#000;padding:5px 0;font:inherit;cursor:pointer}.lt .stage-time{font-size:15px;line-height:1.2;background:var(--paper)}.lt .rail{position:absolute;left:16.666%;right:16.666%;height:1px;top:17px;background:#0004}.lt .rail-fill{display:block;width:100%;height:100%;background:#000;transform:scaleX(1);transform-origin:left}.lt .phase-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lt .phase-card{position:relative;min-width:0;border:.5px solid #000;background:var(--card);padding:28px 16px 20px}.lt .phase-time{margin:0 0 14px;font-size:24px;line-height:1;letter-spacing:-.02em;font-family:Neue_Haas-65,Arial,sans-serif}.lt .phase-card h3{font-family:Neue_Haas-95,Neue_Haas-55,sans-serif;font-weight:400;font-size:clamp(26px,3vw,34px);line-height:1;letter-spacing:-.02em;margin:0 0 12px;color:#000}.lt .phase-description{font-family:Neue_Haas-55,Arial,sans-serif;font-size:17px;line-height:1.45;margin:0;color:#0000009e}.lt .scroll-hint,.lt .phase-counter{display:none}.lt.v02 .phase-card{border:0;border-top:.5px solid #000;background:none;padding:20px 0}.lt.v02 .phase-card:before{display:none}.lt.v02 .phase-card.is-active{background:none}.lt.v02 .phase-list{gap:32px}@media(max-width:760px){.lt.journey{height:270svh}.lt .scene{height:calc(100svh - var(--tl-review) - 84px);max-height:610px;min-height:350px;position:sticky;top:var(--tl-review);display:flex;flex-direction:column;padding:20px 0 14px;background:#fffce4}.lt .experience{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;flex:1;min-height:0}.lt .timeline-nav{height:100%;margin:0}.lt .timeline-nav ol{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:20px}.lt .stage-button{min-height:76px}.lt .rail{left:35.5px;right:auto;top:17px;bottom:59px;width:1px;height:auto}.lt .rail-fill{transform:scaleY(var(--fill));transform-origin:top}.lt .stage-time{font-size:13px;padding:0 2px}.lt .phase-list{display:block;height:100%}.lt .phase-card{display:none;height:100%;padding:28px 16px 20px;flex-direction:column;justify-content:center;transform:none!important}.lt .phase-card.is-active{display:flex}.lt .phase-card h3{font-size:26px}.lt .phase-time{font-size:24px;margin:0 0 18px}.lt .phase-description{font-size:17px;line-height:1.45}.lt.v02 .phase-card{padding:20px 0}}@media(max-width:370px){.lt .experience{grid-template-columns:62px minmax(0,1fr);gap:12px}.lt .rail{left:30.5px}.lt .phase-card{padding-left:12px;padding-right:12px}.lt .phase-card h3{font-size:26px}}@media(max-height:600px),(prefers-reduced-motion:reduce){.lt.journey{height:auto}.lt .scene{height:auto;max-height:none;min-height:0;position:relative;top:auto}}@media(max-width:760px)and (max-height:600px),(max-width:760px)and (prefers-reduced-motion:reduce){.lt .experience{display:block}.lt .timeline-nav{display:none}.lt .phase-list{display:grid;grid-template-columns:1fr;gap:20px}.lt .phase-card{display:block!important;height:auto;min-height:0;transform:none!important}.lt .phase-time{margin-top:18px!important}.lt .phase-description{margin-bottom:0!important}}.lt.unpin{height:auto}.lt.unpin .scene{position:relative;top:0;height:auto;min-height:0;max-height:none}.lt.unpin .experience{display:block}.lt.unpin .timeline-nav{display:none}.lt.unpin .phase-list{display:grid;gap:20px}.lt.unpin .phase-card{display:block;height:auto;transform:none!important}@media(max-width:760px){.lt.unpin .phase-list{grid-template-columns:1fr}}.lt.lt-loading .timeline-nav{margin-bottom:24px}.lt.lt-loading .stage-button{position:relative;width:100%;height:82px;min-height:0;margin:0;padding:0 8px 24px;justify-content:center;gap:5px;border:0;border-radius:0;background:transparent}.lt.lt-loading .stage-button:before{content:"";position:absolute;left:calc(50% - 6px);bottom:0;width:12px;height:12px;box-sizing:border-box;background:#e8ddb5;box-shadow:0 0 0 5px #fffce4;transition:background .2s ease}.lt.lt-loading .stage-time{background:none;font-family:Neue_Haas-65,Neue_Haas-55,sans-serif;font-size:20px;line-height:1.15;padding:0;color:#000}.lt.lt-loading .stage-button.is-past,.lt.lt-loading .stage-button[aria-current=step]{background:transparent}.lt.lt-loading .stage-button.is-filled:before{background:#dd5e09}.lt.lt-loading .rail{height:3px;top:74.5px;background:#e8ddb5;border:0}.lt.lt-loading .rail-fill{background:#dd5e09}.lt.lt-loading .phase-card{padding-top:20px}@media(max-width:760px){.lt.lt-loading .scene{height:calc(100svh - var(--tl-review) - var(--tl-sticky-height,84px));max-height:none;min-height:350px;padding:16px 0}.lt.lt-loading .experience{grid-template-columns:84px minmax(0,1fr);gap:18px}.lt.lt-loading .timeline-nav{margin:0}.lt.lt-loading .stage-button{width:100%;height:56px;padding:0 0 0 26px;align-items:flex-start;justify-content:center;text-align:left;gap:4px}.lt.lt-loading .stage-button:before{left:0;top:calc(50% - 6px);bottom:auto}.lt.lt-loading .stage-time{font-size:18px}.lt.lt-loading .rail{left:4.5px;right:auto;top:28px;bottom:28px;width:3px;height:auto;border:0}.lt.lt-loading .phase-card{border-top:0;padding:0;justify-content:center}}@media(max-width:370px){.lt.lt-loading .experience{grid-template-columns:74px minmax(0,1fr);gap:14px}.lt.lt-loading .stage-button{padding-left:23px}.lt.lt-loading .stage-time{font-size:17px}}@media(max-height:600px),(prefers-reduced-motion:reduce){.lt.lt-loading .scene{height:auto;min-height:0}.lt.lt-loading .phase-card{padding-top:20px}.lt.lt-loading .stage-button:before{transition:none}}.lt.lt-loading.unpin .scene{height:auto;min-height:0}.lt.lt-loading .phase-time{display:none}.lt.lt-loading.unpin .phase-time{display:block}@media(max-width:760px)and (max-height:600px),(max-width:760px)and (prefers-reduced-motion:reduce){.lt.lt-loading .phase-time{display:block}}@media(min-width:761px){.lt.lt-loading{margin-top:44px}.lt.lt-loading .timeline-nav{margin-bottom:32px}.lt.lt-loading .stage-button{height:104px;padding-bottom:36px}.lt.lt-loading .stage-button:before{left:calc(50% - 10px);width:20px;height:20px;box-shadow:0 0 0 6px #fffce4}.lt.lt-loading .stage-time{font-size:34px}.lt.lt-loading .rail{height:6px;top:91px}.lt.lt-loading .rail-fill{transform:scaleX(var(--fill))}.lt.lt-loading .phase-card{padding-top:28px}.lt.lt-loading .phase-card h3{font-size:clamp(30px,3.3vw,40px);line-height:1.06;margin-bottom:16px}.lt.lt-loading .phase-description{font-size:20px;line-height:1.5;color:#000b}}.lt .phase-description{list-style:square outside;padding:0 0 0 1.1em;margin:0}.lt .phase-description li{padding-left:0;margin:0 0 12px}.lt .phase-description li:last-child{margin-bottom:0}.lt .phase-description li::marker{color:#000}#timeline-section .product__description ul.pc-expect{list-style:square outside;padding-left:1.1em!important}#timeline-section .product__description ul.pc-expect li{padding-left:0}#timeline-section .product__description ul.pc-expect li:before{content:none}#timeline-section .pc-use{margin-top:32px;margin-bottom:0;padding:26px 16px}#timeline-section .pc-use__label{margin-top:0!important}#timeline-section .pc-use__steps li:last-child{margin-bottom:0!important}
/*# sourceMappingURL=/cdn/shop/t/14/assets/sampler-timeline.css.map */