.lf-timeline-row{--lf-tl-pad-block: var(--lf-section-pad-block);--lf-tl-head-gap: 60px;--lf-tl-rail-gap: 30px;--lf-tl-item-gap: var(--lf-space-md);--lf-tl-year-size: 35px;--lf-tl-marker-width: 44px;--lf-tl-grip: 44px;--lf-tl-rule-inset: 30px;--lf-tl-muted-opacity: .5;--lf-tl-hop: 4px;--lf-tl-tilt-max: 4deg;--lf-tl-stride-rate: .5;--lf-tl-sway: 1px;--lf-tl-focus: 1;--lf-tl-snap: 250;--lf-tl-glyph-scale: 1;--lf-tl-wobble-duration: 1s;--lf-tl-wobble-cooldown: 4000}.lf-timeline-row.lf-band--sage{--lf-tl-head-gap: 80px}.lf-timeline-row.section{padding-block:0}.lf-timeline-row__track{display:block;position:relative;width:100%}.lf-timeline-row__inner{width:100%;max-width:calc(var(--lf-container) + var(--lf-container-inline-padding) * 2);margin-inline:auto;padding-inline:var(--lf-container-inline-padding);padding-block:var(--lf-tl-pad-block);display:flex;flex-direction:column;align-items:flex-start;gap:var(--lf-tl-head-gap)}.lf-timeline-row__heading{margin:0;font-family:var(--lf-font-heading);font-weight:var(--lf-heading-weight);font-size:var(--font-h2--size);line-height:var(--lf-heading-line-height);letter-spacing:var(--lf-heading-letter-spacing);text-transform:uppercase;color:inherit}.lf-timeline-row__rail{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--lf-tl-rail-gap)}.lf-timeline-row__rule{flex:0 0 auto;width:100%;height:0;border-block-start:1px dashed currentcolor}.lf-timeline-row__row{list-style:none;margin:0;padding:0;width:100%;display:flex;align-items:flex-start;gap:var(--lf-tl-item-gap)}.lf-timeline-row__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--lf-space-2xs);transition:opacity var(--animation-speed-slow) var(--animation-easing)}.lf-timeline-row__track[data-lf-tl-live] .lf-timeline-row__item{opacity:var(--lf-tl-muted-opacity)}.lf-timeline-row__track[data-lf-tl-live] .lf-timeline-row__item.is-active{opacity:1}.lf-timeline-row__year{margin:0;font-family:var(--lf-font-heading);font-weight:var(--lf-heading-weight);font-size:var(--lf-tl-year-size);line-height:var(--lf-heading-line-height);letter-spacing:var(--lf-heading-letter-spacing);text-transform:uppercase;white-space:nowrap;color:inherit}.lf-timeline-row__body{margin:0;font-family:var(--lf-font-body);font-weight:400;font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);color:inherit}.lf-timeline-row__marker{position:absolute;top:1px;left:var(--lf-tl-pos-x, calc(100% / var(--lf-tl-count, 6) / 2));transform:translate(calc(-50% + var(--lf-tl-wob-x, 0px)),calc(-100% + var(--lf-tl-wob-y, 0px))) rotate(var(--lf-tl-tilt, 0deg));width:calc(var(--lf-tl-marker-width) * var(--lf-tl-glyph-scale, 1));pointer-events:none}.lf-timeline-row__marker .lf-animal-glyph,.lf-timeline-row__marker .lf-timeline-row__glyph{display:block;width:100%;height:auto;object-fit:contain;-webkit-user-drag:none}.lf-timeline-row__track[data-lf-tl-draggable] .lf-timeline-row__marker{pointer-events:auto;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.lf-timeline-row__track[data-lf-tl-dragging] .lf-timeline-row__marker{cursor:grabbing}@media(hover:hover)and (pointer:fine){.lf-timeline-row__track[data-lf-tl-wobble] .lf-timeline-row__marker .lf-animal-glyph,.lf-timeline-row__track[data-lf-tl-wobble] .lf-timeline-row__marker .lf-timeline-row__glyph{transform-origin:50% 100%;animation:lf-tl-wobble var(--lf-tl-wobble-duration, 1s) ease-in-out}}@keyframes lf-tl-wobble{0%{transform:rotate(0)}12%{transform:rotate(-5deg)}32%{transform:rotate(3.6deg)}52%{transform:rotate(-2deg)}72%{transform:rotate(.9deg)}88%{transform:rotate(-.3deg)}to{transform:rotate(0)}}.lf-timeline-row__track[data-lf-tl-draggable] .lf-timeline-row__marker:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:100%;height:100%;min-width:var(--lf-tl-grip);min-height:var(--lf-tl-grip);transform:translate(-50%,-50%)}.lf-timeline-row__track[data-lf-tl-draggable] .lf-timeline-row__marker:focus{outline:none}.lf-timeline-row__track[data-lf-tl-draggable] .lf-timeline-row__marker:focus-visible:not([data-lf-tl-pointer-focus]){outline:2px solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}@media screen and (max-width:749px){.lf-timeline-row{--lf-tl-head-gap: var(--lf-space-lg);--lf-tl-marker-width: 39px}.lf-timeline-row.lf-band--sage{--lf-tl-head-gap: var(--lf-space-lg)}.lf-timeline-row__inner{padding-inline-end:var(--lf-tl-rule-inset)}.lf-timeline-row__rule{display:none}.lf-timeline-row__row{flex-direction:column;align-items:stretch;padding-inline-end:var(--lf-tl-rule-inset);border-inline-end:1px dashed currentcolor}.lf-timeline-row__item{flex:0 0 auto;width:100%}.lf-timeline-row__marker{top:var(--lf-tl-pos-y, calc(100% / var(--lf-tl-count, 6) / 2));left:100%;transform:translate(calc(-50% + var(--lf-tl-wob-x, 0px)),calc(-50% + var(--lf-tl-wob-y, 0px))) rotate(var(--lf-tl-tilt, 0deg))}}@media(prefers-reduced-motion:reduce){.lf-timeline-row__item{transition:none}.lf-timeline-row__track[data-lf-tl-wobble] .lf-timeline-row__marker .lf-animal-glyph,.lf-timeline-row__track[data-lf-tl-wobble] .lf-timeline-row__marker .lf-timeline-row__glyph{animation:none}}@media screen and (max-width:749px)and (prefers-reduced-motion:reduce){.lf-timeline-row__track[data-lf-tl-live] .lf-timeline-row__item{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/lf-timeline-row.css.map */