.timeline{--color-surface: #F2F1EF;--color-accent: #D63B2E;--text-display: clamp(49.6px, calc(62px * (var(--max-vw) / var(--vw-base))), 62px);--gap-grid: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--gap-130-0: clamp(69px, calc(130px * (var(--max-vw) / var(--vw-base))), 130px);--radius-tag: 2px;--text-timeline-step: clamp(14px, calc(14px * (var(--max-vw) / var(--vw-base))), 14px)}@media(max-width:767px){.timeline{--text-display: clamp(20px, calc(24px + (var(--max-vw) - 375px) * .015), 62px);--gap-grid: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 20px);--gap-130-0: clamp(0px, calc(0px + (var(--max-vw) - 375px) * .015), 130px);--text-timeline-step: clamp(13px, calc(15px + (var(--max-vw) - 375px) * .015), 15px)}}@media(min-width:768px)and (max-width:1023px){.timeline{--text-display: clamp(29.88px, calc(29.88px + (var(--max-vw) - 768px) * .025), 62px);--gap-grid: clamp(20px, calc(20px + (var(--max-vw) - 768px) * .025), 20px);--gap-130-0: clamp(5.88px, calc(5.88px + (var(--max-vw) - 768px) * .025), 130px);--text-timeline-step: clamp(14px, calc(14px + (var(--max-vw) - 768px) * .025), 14px)}}.timeline{--tl-pb: clamp(34px, calc(40px + (var(--max-vw) - 375px) * .015), 56px);--tl-gap-main: clamp(20px, calc(24px + (var(--max-vw) - 375px) * .015), 40px);--tl-gap-head: clamp(20px, calc(24px + (var(--max-vw) - 375px) * .015), 60px);--tl-gap-title: clamp(10px, calc(12px + (var(--max-vw) - 375px) * .015), 20px);--tl-gap-when: clamp(10px, calc(12px + (var(--max-vw) - 375px) * .015), 20px);--tl-gap-body: clamp(7px, calc(8px + (var(--max-vw) - 375px) * .015), 12px);--tl-gap-steps: clamp(9px, calc(10px + (var(--max-vw) - 375px) * .015), 20px);--tl-tag-pad: clamp(9px, calc(10px + (var(--max-vw) - 375px) * .015), 10px);--tl-g-pad: clamp(10px, calc(12px + (var(--max-vw) - 375px) * .015), 16px);--tl-g-gap: clamp(7px, calc(8px + (var(--max-vw) - 375px) * .015), 8px);--tl-icon: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 24px);--tl-when: clamp(14px, calc(16px + (var(--max-vw) - 375px) * .015), 16px);--tl-dot: 12px;--tl-clear: 4px;--tl-rail-col: 38px;--tl-dot-x: 2px;margin-top:var(--gap-130-0);padding-block:var(--tl-pb);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--tl-gap-main)}.timeline__head{display:flex;flex-direction:column;align-items:center;gap:var(--tl-gap-title);margin-bottom:calc(var(--tl-gap-head) - var(--tl-gap-main));text-align:center}.timeline__title{width:100%;font-family:var(--font-display);font-size:var(--text-display);font-weight:500;line-height:.95;letter-spacing:-.01em;color:var(--color-ink)}.timeline__accent{color:var(--color-accent)}.timeline__lead{width:100%;font-family:var(--font-body);font-size:var(--text-body-lg);font-weight:400;line-height:1.2;letter-spacing:-.01em;color:var(--color-ink)}.timeline__steps{display:flex;flex-direction:column;gap:var(--tl-gap-steps);padding-right:3.58%}.timeline__step{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-left:var(--tl-rail-col)}.timeline__step:not(.is-current){opacity:.5}.timeline__step:before{content:"";position:absolute;left:var(--tl-dot-x);top:calc((var(--tl-when) * 1.15 - var(--tl-dot)) / 2);width:var(--tl-dot);height:var(--tl-dot);border-radius:50%;background:var(--color-accent)}.timeline__step:after{content:"";position:absolute;left:calc(var(--tl-dot-x) + var(--tl-dot) / 2 - .5px);width:1px;top:calc((var(--tl-when) * 1.15 - var(--tl-dot)) / 2 + var(--tl-dot) + var(--tl-clear));bottom:calc(-1 * (var(--tl-gap-steps) + (var(--tl-when) * 1.15 - var(--tl-dot)) / 2 - var(--tl-clear)));background:var(--color-accent)}.timeline__step:last-child:after{bottom:0}.timeline__when{width:fit-content;font-family:var(--font-body);font-size:var(--tl-when);font-weight:400;line-height:1.15;letter-spacing:-.01em;color:var(--color-accent);white-space:nowrap}.timeline__tag{align-self:stretch;margin-top:var(--tl-gap-when);padding:var(--tl-tag-pad);background:var(--color-bg);border-radius:var(--radius-tag);font-family:var(--font-body);font-size:var(--text-timeline-step);font-weight:700;line-height:calc(16 / 14);letter-spacing:-.0229em;color:var(--color-ink);white-space:nowrap}.timeline__step.is-current .timeline__tag{font-weight:700}.timeline__text{width:100%;margin-top:var(--tl-gap-body);font-family:var(--font-body);font-size:var(--text-body);font-weight:400;line-height:1.15;letter-spacing:-.01em;color:var(--color-ink)}.timeline__guarantee{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tl-g-gap);padding:var(--tl-g-pad);background:var(--color-bg);text-align:center}.timeline__guarantee-title{display:flex;align-items:center;gap:var(--tl-g-gap);font-family:var(--font-alt);font-size:var(--text-h3);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap}.timeline__guarantee-icon{flex:none;width:var(--tl-icon);height:var(--tl-icon)}.timeline__guarantee-text{font-family:var(--font-body);font-size:var(--text-body);font-weight:400;line-height:1.15;letter-spacing:-.01em;color:var(--color-ink)}@media(min-width:768px){.timeline__lead{max-width:75%}.timeline__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap-grid);align-items:start;padding-right:0}.timeline__step{padding-left:0;padding-top:var(--tl-rail-pt)}.timeline__step:before{left:0;top:0}.timeline__step:after{width:auto;height:1px;top:calc(var(--tl-dot) / 2 - .5px);bottom:auto;left:calc(var(--tl-dot) + var(--tl-clear));right:calc(-1 * (var(--gap-grid) - var(--tl-clear)))}.timeline__step:last-child:after{right:0;bottom:auto}}@media(min-width:768px)and (max-width:1023px){.timeline{--tl-pb: clamp(45.88px, calc(45.88px + (var(--max-vw) - 768px) * .025), 56px);--tl-gap-main: clamp(29.88px, calc(29.88px + (var(--max-vw) - 768px) * .025), 40px);--tl-gap-head: clamp(29.88px, calc(29.88px + (var(--max-vw) - 768px) * .025), 60px);--tl-gap-title: clamp(17.88px, calc(17.88px + (var(--max-vw) - 768px) * .025), 20px);--tl-gap-when: clamp(17.88px, calc(17.88px + (var(--max-vw) - 768px) * .025), 20px);--tl-gap-body: 12px;--tl-tag-pad: 10px;--tl-g-pad: 16px;--tl-g-gap: 8px;--tl-icon: 24px;--tl-when: 16px;--tl-rail-pt: 33px}}@media(min-width:1024px){.timeline{--tl-pb: clamp(29.87px, calc(56px * (var(--max-vw) / var(--vw-base))), 56px);--tl-gap-main: clamp(21.33px, calc(40px * (var(--max-vw) / var(--vw-base))), 40px);--tl-gap-head: clamp(32px, calc(60px * (var(--max-vw) / var(--vw-base))), 60px);--tl-gap-title: clamp(10.67px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--tl-gap-when: clamp(10.67px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--tl-gap-body: clamp(6.4px, calc(12px * (var(--max-vw) / var(--vw-base))), 12px);--tl-tag-pad: clamp(5.33px, calc(10px * (var(--max-vw) / var(--vw-base))), 10px);--tl-g-pad: clamp(8.53px, calc(16px * (var(--max-vw) / var(--vw-base))), 16px);--tl-g-gap: clamp(4.27px, calc(8px * (var(--max-vw) / var(--vw-base))), 8px);--tl-icon: clamp(12.8px, calc(24px * (var(--max-vw) / var(--vw-base))), 24px);--tl-when: clamp(16px, calc(16px * (var(--max-vw) / var(--vw-base))), 16px);--tl-dot: clamp(6.4px, calc(12px * (var(--max-vw) / var(--vw-base))), 12px);--tl-clear: clamp(2.13px, calc(4px * (var(--max-vw) / var(--vw-base))), 4px);--tl-rail-pt: clamp(17.6px, calc(33px * (var(--max-vw) / var(--vw-base))), 33px)}.timeline__lead{max-width:49.17%}.timeline__guarantee-title{font-family:var(--font-display)}}.timeline .timeline__title em{font-style:normal;color:var(--color-accent)}.timeline{--tl-medal: 48px;--tl-halo: 4px;--tl-medal-ring: #F6DDD6;--tl-medal-rail: #E9B7AC;--tl-medal-fill: #FBE3DD;--tl-medal-box: calc(var(--tl-medal) + 2 * var(--tl-halo))}@media(max-width:767px){.timeline{--tl-gap-steps: 24px}}.timeline__step.has-medal{opacity:1;padding-left:calc(var(--tl-medal-box) + 14px)}.timeline__step.has-medal:before{display:none}.timeline__medal{position:absolute;left:var(--tl-halo);top:var(--tl-halo);width:var(--tl-medal);height:var(--tl-medal);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg);border:1.5px solid var(--color-accent);box-shadow:0 0 0 var(--tl-halo) var(--tl-medal-ring)}.timeline__icon{width:66%;height:66%;overflow:visible}.timeline__icon *{fill:none;stroke:var(--color-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.timeline__icon .f{fill:var(--tl-medal-fill)}.timeline__icon .d{fill:var(--color-accent);stroke:none}.timeline__step.is-final .timeline__medal{background:var(--color-accent)}.timeline__step.is-final .timeline__icon *{stroke:var(--color-bg)}.timeline__step.is-final .timeline__icon .f{fill:var(--color-bg)}.timeline__step.is-final .timeline__icon .h{stroke:var(--color-accent)}.timeline__step.has-medal:after{width:1.5px;left:calc(var(--tl-medal-box) / 2 - .75px);top:calc(var(--tl-medal-box) + 6px);bottom:calc(6px - var(--tl-gap-steps));background:var(--tl-medal-rail)}.timeline__step.has-medal.is-final:after{display:none}.timeline__step.has-medal .timeline__when{margin-top:calc((var(--tl-medal-box) - var(--tl-when) * 1.15) / 2)}.timeline__num{margin-right:.5em;font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:.75em;letter-spacing:.04em;color:#7a6a65}@media(min-width:768px){.timeline__step.has-medal{padding-left:0;padding-top:calc(var(--tl-medal-box) + 18px)}.timeline__step.has-medal:after{width:auto;height:1.5px;top:calc(var(--tl-medal-box) / 2 - .75px);bottom:auto;left:calc(var(--tl-medal-box) + 6px);right:calc(6px - var(--gap-grid))}.timeline__step.has-medal .timeline__when{margin-top:0}}@media(min-width:1024px){.timeline{--tl-medal: clamp(40px, calc(56px * (var(--max-vw) / var(--vw-base))), 56px)}}.tl-anim .timeline__icon [pathLength]{stroke-dasharray:1;stroke-dashoffset:1}.tl-anim .timeline__icon .f,.tl-anim .timeline__icon .d{opacity:0}.tl-anim.is-drawn .timeline__icon [pathLength]{animation:tl-draw 1.2s ease forwards;animation-delay:calc(var(--tl-i, 0) * .25s)}.tl-anim.is-drawn .timeline__icon .f,.tl-anim.is-drawn .timeline__icon .d{animation:tl-fade .5s ease forwards;animation-delay:calc(var(--tl-i, 0) * .25s + .8s)}@keyframes tl-draw{to{stroke-dashoffset:0}}@keyframes tl-fade{to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/fullspan-timeline.css.map */