.hub-page{padding-bottom:calc(4.25rem + 1px + env(safe-area-inset-bottom,0px));margin-bottom:-5rem}@media (min-width:768px){.hub-page{margin-bottom:0;padding-bottom:0}}.hub-type{animation:2.6s steps(32,end) both hub-type}@keyframes hub-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.hub-rail{--rail-start:calc(100% / var(--nodes) / 2);--rail-end:calc(100% - (100% / var(--nodes) / 2));min-height:5.75rem;position:relative}.hub-rail-line{top:8.25px;right:var(--rail-start);left:var(--rail-start);background:#184829;height:3px;position:absolute}.hub-rail-branched .hub-rail-line{background:0 0}.hub-rail-branched .hub-rail-line:before,.hub-rail-branched .hub-rail-line:after{content:"";background:#184829;height:3px;position:absolute;top:0}.hub-rail-branched .hub-rail-line:before{width:calc((var(--branch-index) - 1) / (var(--nodes) - 1) * 100%);left:0}.hub-rail-branched .hub-rail-line:after{width:calc((var(--nodes) - var(--branch-index) - 1) / (var(--nodes) - 1) * 100%);right:0}.hub-rail-branch{top:8.25px;left:calc((var(--branch-index) - .5) / var(--nodes) * 100%);width:calc(100% / var(--nodes));background:repeating-linear-gradient(90deg,#184829 0 7px,#0000 7px 12px);height:3px;position:absolute}.hub-rail-dot{top:2.75px;left:var(--rail-start);background:#f9f6f2;border:2px solid #184829;border-radius:999px;width:14px;height:14px;margin-left:-7px;animation:3.4s ease-in-out forwards hub-rail-travel;position:absolute}@keyframes hub-rail-travel{0%{left:var(--rail-start)}to{left:var(--rail-end)}}.hub-rail-nodes{z-index:1;grid-template-columns:repeat(var(--nodes), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.hub-rail-nodes li{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.hub-rail-node{background:#184829;border:2px solid #184829;border-radius:999px;width:19.5px;height:19.5px}.hub-rail-label{color:#515b51;overflow-wrap:break-word;margin-top:.55rem;padding-inline:.15rem;font-size:11px;line-height:1.25}.hub-rail-dark .hub-rail-line{background:#f9f6f259}.hub-rail-dark .hub-rail-dot,.hub-rail-dark .hub-rail-node{background:#f9f6f2;border-color:#f9f6f2}.hub-rail-dark .hub-rail-label{color:#f9f6f2c7}.hub-step-num{color:#184829;background:#f9f6f2;border:2px solid #184829}.hub-steps li:first-child .hub-step-num{animation:8s linear both hub-step-pass}.hub-steps li:nth-child(2) .hub-step-num{animation:8s linear 1.6s both hub-step-pass}.hub-steps li:nth-child(3) .hub-step-num{animation:8s linear 3.2s both hub-step-pass}.hub-steps li:nth-child(4) .hub-step-num{animation:8s linear 4.8s both hub-step-stay}@keyframes hub-step-pass{0%,to{color:#184829;background:#f9f6f2}12%,28%{color:#f9f6f2;background:#184829}}@keyframes hub-step-stay{0%{color:#184829;background:#f9f6f2}to{color:#f9f6f2;background:#184829}}.hub-steps-line{height:3px}@media (prefers-reduced-motion:reduce){.hub-type,.hub-rail-dot,.hub-steps li:first-child .hub-step-num,.hub-steps li:nth-child(2) .hub-step-num,.hub-steps li:nth-child(3) .hub-step-num,.hub-steps li:nth-child(4) .hub-step-num{animation:none}.hub-type{clip-path:none}.hub-rail-dot{left:var(--rail-end)}.hub-steps li:last-child .hub-step-num{color:#f9f6f2;background:#184829}.hub-shot-step{min-height:0}}