:root{--ec-ease:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){[data-act],[data-act] *,[data-still],[data-still] *{animation:none!important}}.ec-frame{border:1px solid var(--warm-border);background:var(--background);box-shadow:var(--shadow-float);min-height:var(--h,auto);border-radius:20px;overflow:hidden}@media (min-width:640px){.ec-frame{min-height:var(--hw,var(--h,auto))}}@keyframes ec-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ec-press{0%,to{transform:scale(1)}45%,55%{transform:scale(.98)}}@keyframes ec-show{0%{opacity:0}}:is([data-act],[data-still])[data-playing] .ec-rise{animation:ec-rise .25s ease-out var(--d,0s)backwards}@keyframes ec-hold{0%{opacity:0}6%,94%{opacity:1}to{opacity:0}}:is([data-act],[data-still])[data-playing] .ec-hold{animation:ec-hold var(--w,2.8s)linear var(--d,0s)both}:is([data-act],[data-still])[data-playing] .ec-sweep{animation:import-sweep 1.4s ease-in-out var(--d,0s)2 both}:is([data-act],[data-still])[data-playing] .ec-rail-cross{animation:rail-cross 2.8s linear var(--d,0s)both}:is([data-act],[data-still])[data-playing] .ec-gait-hop{animation:px-hop .7s steps(1,end)var(--d,0s)4 backwards}:is([data-act],[data-still])[data-playing] .ec-gait-hop-small{animation:px-hop-small .7s steps(1,end)var(--d,0s)4 backwards}:is([data-act],[data-still])[data-playing] .ec-gait-walk{animation:px-walk .7s steps(1,end)var(--d,0s)4 backwards}@keyframes ec-swap-out{0%{opacity:1}to{opacity:0}}@keyframes ec-swap-in{0%{opacity:0}to{opacity:1}}:is([data-act],[data-still])[data-playing] .ec-swap-out{animation:ec-swap-out .3s linear var(--d,0s)backwards}:is([data-act],[data-still])[data-playing] .ec-swap-in{animation:ec-swap-in .3s linear var(--d,0s)backwards}@keyframes ec-tick{0%{transform:scale(1)}25%{transform:scale(.9)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ec-tick-sage{0%{background-color:var(--foreground);border-color:var(--foreground)}}@keyframes ec-tick-badge{0%{opacity:0;transform:scale(.4)}}@keyframes ec-tick-strike{0%{text-decoration-color:#0000}}@keyframes ec-tick-dim{0%{opacity:1}}:is([data-act=plan],[data-still=hero])[data-playing] .ec-tick-num{animation:ec-tick .34s ease-out var(--d)backwards,ec-tick-sage .12s linear var(--d)backwards}:is([data-act=plan],[data-still=hero])[data-playing] .ec-tick-badge{animation:ec-tick-badge .25s ease-out var(--d)backwards}:is([data-act=plan],[data-still=hero])[data-playing] .ec-tick-text{animation:ec-tick-strike .2s linear var(--d)backwards}:is([data-act=plan],[data-still=hero])[data-playing] .ec-tick-card{animation:ec-tick-dim .2s linear var(--d)backwards}.ec-lane-cards{--ec-gap:12px;--ec-card:min(90%,26rem);--ec-step:calc(var(--ec-card) + var(--ec-gap));--ec-cap:max(0px,calc(var(--n)*var(--ec-card) + (var(--n) - 1)*var(--ec-gap) - 100%));--ec-x1:min(var(--ec-step),var(--ec-cap));--ec-x2:min(calc(2*var(--ec-step)),var(--ec-cap));--ec-x3:min(calc(3*var(--ec-step)),var(--ec-cap))}@media (min-width:640px){.ec-lane-cards{--ec-card:20rem}}@keyframes ec-idea-caret{0%,3.4%{opacity:0}5%,27.1%{opacity:1}28.5%,to{opacity:0}}[data-act=recipe][data-playing] .ec-idea-word{animation:ec-show 60ms linear var(--d)backwards}[data-act=recipe][data-playing] .ec-idea-caret{animation:5.9s linear both ec-idea-caret}[data-act=recipe][data-playing] .ec-recipe-btn{animation:.15s ease-out 1.6s backwards ec-press}[data-act=recipe][data-playing] .ec-idea-card{animation:.25s ease-out 3.7s backwards ec-rise}[data-act=recipe][data-playing] .ec-idea-title{animation:.2s linear 3.92s backwards ec-show}@keyframes ec-stn-lit{0%{border-color:var(--warm-border-light);background-color:var(--warm-card)}}[data-act=stations][data-playing] .ec-stn-deal{animation:.15s ease-out 1.15s backwards ec-press}[data-act=stations][data-playing] .ec-stn-pill{animation:ec-stn-lit .3s linear var(--d)backwards}[data-act=stations][data-playing] .ec-stn-cook{animation:ec-show .18s linear var(--d)backwards,px-slide .36s steps(1,end)var(--d),px-hop-small .26s steps(1,end)calc(var(--d) + 1.1s)}@keyframes ec-plan-a-rail{0%,39.1%{width:0%}42.9%,48.7%{width:25%}52.6%,67.9%{width:50%}71.8%,77.6%{width:75%}81.4%,to{width:100%}}@keyframes ec-plan-b-rail{0%,5.8%{width:0%}9.6%,21.8%{width:50%}25.6%,to{width:100%}}@keyframes ec-plan-c-rail{0%,13.5%{width:0%}17.3%,30.1%{width:25%}33.9%,58.3%{width:50%}62.2%,87.2%{width:75%}91%,to{width:100%}}@keyframes ec-plan-a-x{0%,48.7%{transform:translate(25%)}54%,67.9%{transform:translate(50%)}73.2%,77.6%{transform:translate(75%)}82.9%,to{transform:translate(100%)}}@keyframes ec-plan-b-x{0%,21.8%{transform:translate(50%)}27.2%,to{transform:translate(100%)}}@keyframes ec-plan-c-x{0%,30.1%{transform:translate(25%)}35.5%,58.3%{transform:translate(50%)}63.7%,87.2%{transform:translate(75%)}92.6%,to{transform:translate(100%)}}[data-act=plan][data-playing] .ec-plan-a-rail{animation:7.8s linear both ec-plan-a-rail}[data-act=plan][data-playing] .ec-plan-b-rail{animation:7.8s linear both ec-plan-b-rail}[data-act=plan][data-playing] .ec-plan-c-rail{animation:7.8s linear both ec-plan-c-rail}[data-act=plan][data-playing] .ec-plan-a-rider{animation:ec-plan-a-x 7.8s var(--ec-ease)both}[data-act=plan][data-playing] .ec-plan-b-rider{animation:ec-plan-b-x 7.8s var(--ec-ease)both}[data-act=plan][data-playing] .ec-plan-c-rider{animation:ec-plan-c-x 7.8s var(--ec-ease)both}@keyframes ec-plan-a-cards{0%,43.59%{transform:translate(0)}47.44%,53.21%{transform:translateX(calc(-1*var(--ec-x1)))}57.05%,72.44%{transform:translateX(calc(-1*var(--ec-x2)))}76.28%,to{transform:translateX(calc(-1*var(--ec-x3)))}}@keyframes ec-plan-b-cards{0%,10.26%{transform:translate(0)}14.1%,to{transform:translateX(calc(-1*var(--ec-x1)))}}@keyframes ec-plan-c-cards{0%,17.95%{transform:translate(0)}21.79%,34.62%{transform:translateX(calc(-1*var(--ec-x1)))}38.46%,62.82%{transform:translateX(calc(-1*var(--ec-x2)))}66.67%,to{transform:translateX(calc(-1*var(--ec-x3)))}}[data-act=plan][data-playing] .ec-plan-a-cards{animation:ec-plan-a-cards 7.8s var(--ec-ease)both}[data-act=plan][data-playing] .ec-plan-b-cards{animation:ec-plan-b-cards 7.8s var(--ec-ease)both}[data-act=plan][data-playing] .ec-plan-c-cards{animation:ec-plan-c-cards 7.8s var(--ec-ease)both}[data-act=plan][data-playing] .ec-plan-a-hop{animation:.18s linear 3.05s backwards ec-show,.5s step-end 3.05s px-arrive,.32s step-end 3.8s px-hop,.26s step-end 5.3s px-hop-small,.62s step-end 6.05s px-finish}[data-act=plan][data-playing] .ec-plan-b-hop{animation:.18s linear .45s backwards ec-show,.5s step-end .45s px-arrive,.62s step-end 1.7s px-finish}[data-act=plan][data-playing] .ec-plan-c-hop{animation:.18s linear 1.05s backwards ec-show,.5s step-end 1.05s px-arrive,.32s step-end 2.35s px-hop,.26s step-end 4.55s px-hop-small,.62s step-end 6.8s px-finish}@keyframes ec-week-idle{0%,6.5%{opacity:1}13%,85%{opacity:0}91.3%,to{opacity:1}}@keyframes ec-week-busy{0%,6.5%{opacity:0}13%,85%{opacity:1}91.3%,to{opacity:0}}[data-act=week][data-playing] .ec-week-idle{animation:4.6s linear both ec-week-idle}[data-act=week][data-playing] .ec-week-busy{animation:4.6s linear both ec-week-busy}[data-act=week][data-playing] .ec-week-press{animation:.15s ease-out .15s backwards ec-press}[data-still=hero][data-playing] .ec-hero-hop{animation:px-hop .32s steps(1,end)var(--d,0s)}
