.tt-flow{--beat: 4.6s;--cycle: 27.6s}.tt-flow__hud{position:relative;display:block;text-align:center;padding:1.05rem 1.5rem .95rem;text-transform:none;letter-spacing:normal}.tt-flow__ident{display:flex;flex-direction:column;align-items:center;gap:.3rem}.tt-flow__kicker{font-family:var(--mono);font-size:.57rem;letter-spacing:.24em;text-transform:uppercase;color:#f4eee373}.tt-flow__name{font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.1;letter-spacing:-.015em;color:#f4eee3}.tt-flow__states{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.tt-flow__journey{height:6.8rem}.tt-flow__path,.tt-flow__path-fill{top:4.5rem}.tt-flow__path-fill:after{content:"";position:absolute;right:-1px;top:50%;margin-top:-3.5px;border-left:6px solid #f26422;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}.tt-flow__node{top:3.7rem;flex-direction:row;align-items:center;gap:.42rem;padding:.4rem .7rem;border-radius:8px;border:1px solid rgb(244 238 227 / .18);background:var(--panel)}.tt-flow__avatar{top:.4rem;width:3.2rem;height:3.2rem;border:2px solid rgb(242 100 34 / .75);overflow:hidden}@media(max-width:989px){.tt-flow__journey{height:5.2rem}.tt-flow__path,.tt-flow__path-fill{top:3.86rem}.tt-flow__node{top:3.25rem;padding:.3rem;gap:0}.tt-flow__avatar{top:.4rem;width:2.5rem;height:2.5rem}}.tt-scene__point{overflow:hidden}.tt-scene__point:after{content:"";position:absolute;top:0;bottom:0;left:0;width:55%;opacity:0;pointer-events:none;transform:translate(-120%);background:linear-gradient(to right,transparent,rgb(244 238 227 / .09),transparent)}.tt-scene__point-label{position:relative}@media(prefers-reduced-motion:no-preference){.tt-flow.is-inview .tt-scene__point{animation-timing-function:cubic-bezier(.16,1,.3,1);animation-delay:calc(var(--lead) + var(--i) * var(--beat) + .18s + var(--j) * 55ms)}.tt-flow.is-inview .tt-scene__point:nth-child(odd){animation-name:ttflow-land-l}.tt-flow.is-inview .tt-scene__point:nth-child(2n){animation-name:ttflow-land-r}.tt-flow.is-inview .tt-scene__point:after{animation:ttflow-shimmer var(--cycle) linear infinite;animation-delay:calc(var(--lead) + var(--i) * var(--beat) + .3s + var(--j) * 55ms)}.tt-flow.is-inview .tt-scene__point i{animation:ttflow-spring var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:calc(var(--lead) + var(--i) * var(--beat) + .36s + var(--j) * 55ms)}.tt-flow.is-inview .tt-scene__point-label{animation:ttflow-settle var(--cycle) cubic-bezier(.16,1,.3,1) infinite;animation-delay:calc(var(--lead) + var(--i) * var(--beat) + .46s + var(--j) * 55ms)}}.tt-scene__point-label{min-width:0}.tt-scene__point{align-items:flex-start}.tt-scene__point i{margin-top:.34rem}@media(max-width:989px){.tt-flow__states{position:relative;right:auto;top:auto;transform:none;display:block;margin:.45rem auto 0;min-width:0;height:1rem;text-align:center}.tt-flow__states b{justify-content:center}.tt-flow .tt-scene__points{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-flow .tt-flow__stage{min-height:30rem}}@media(max-width:749px){.tt-flow .tt-scene__points{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-flow .tt-flow__stage{min-height:29rem}.tt-flow__journey{height:4.8rem}.tt-flow__path,.tt-flow__path-fill{top:3.56rem}.tt-flow__node{top:2.95rem;padding:.3rem;gap:0}.tt-flow__avatar{top:.45rem;width:2.1rem;height:2.1rem}.tt-flow__hud{padding:.85rem 1rem .8rem}.tt-scene{padding:1.3rem 1.1rem 3.4rem}.tt-scene__title{font-size:1.45rem}.tt-scene__meta{flex-wrap:wrap;gap:.7rem}.tt-scene__point{padding:.5rem .55rem;font-size:.72rem}.tt-scene__story{font-size:.96rem;padding-left:.8rem}}@keyframes ttflow-land-l{0%{opacity:0;transform:translate(-14px,5px)}1.8%{opacity:1;transform:translate(0)}14%{opacity:1;transform:translate(0)}16.4%{opacity:0;transform:translateY(-4px)}17%,to{opacity:0;transform:translate(-14px,5px)}}@keyframes ttflow-land-r{0%{opacity:0;transform:translate(14px,5px)}1.8%{opacity:1;transform:translate(0)}14%{opacity:1;transform:translate(0)}16.4%{opacity:0;transform:translateY(-4px)}17%,to{opacity:0;transform:translate(14px,5px)}}@keyframes ttflow-shimmer{0%{opacity:0;transform:translate(-120%)}0.3%{opacity:1}1.9%{opacity:1;transform:translate(230%)}2.3%,to{opacity:0;transform:translate(230%)}}@keyframes ttflow-spring{0%{transform:scale(0)}1.4%{transform:scale(1)}to{transform:scale(1)}}@keyframes ttflow-settle{0%{opacity:0;transform:translate(-4px)}1.3%{opacity:1;transform:translate(0)}14%{opacity:1;transform:translate(0)}16.4%,to{opacity:0;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/telltale-flow-rail.css.map */