.route-state{background:var(--color-paper);width:100%}.route-state>*+*{border-top:1px solid var(--color-rule)}.route-state-mark{height:calc(var(--row) * 2);display:flex;overflow:hidden}.route-state-mark span{box-sizing:border-box;width:calc(var(--row) * 2);height:calc(var(--row) * 2);border:1px solid var(--color-rule);border-radius:50%;flex:none}.route-state-mark span+span{border-left:0}.route-state-copy{box-sizing:border-box;min-height:calc(var(--row) * 2);padding:.7rem .85rem}.route-state-copy h1,.route-state-copy p{font-size:inherit;letter-spacing:-.03em;margin:0;line-height:1.45}.route-state-copy h1{font-weight:700}.route-state-copy p{color:var(--color-ink);margin-top:.35rem}.route-state-action,.route-state-line{min-height:var(--row)}.route-state-action{display:flex}.route-state-action button,.route-state-action a{box-sizing:border-box;min-height:var(--row);border:0;border-right:1px solid var(--color-rule);background:var(--color-paper);color:inherit;font:inherit;align-items:center;padding-inline:.85rem;text-decoration:none;display:flex}.route-state-hatch{height:var(--row);background:var(--hatch)}.route-state[aria-busy=true] .route-state-mark{animation:1.2s steps(2,end) infinite route-state-shift}.route-state-admin .route-state-mark span:last-child{border-right:0;border-radius:0;flex:1}@keyframes route-state-shift{50%{transform:translateX(var(--row))}}@media (prefers-reduced-motion:reduce){.route-state[aria-busy=true] .route-state-mark{animation:none}}.route-spin{box-sizing:border-box;background:var(--color-paper);place-items:center;width:100%;min-height:100dvh;display:grid}.route-spin-mark{--mark:var(--color-ink);width:calc(var(--row) * 2);height:calc(var(--row) * 2)}.route-spin-turn{place-items:center;width:100%;height:100%;animation:1.6s cubic-bezier(.65,0,.35,1) infinite route-spin;display:grid}.route-spin-turn .brand-cross{width:50%;height:50%}.route-spin-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes route-spin{to{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.route-spin-turn{animation-duration:4s}}.route-state-art{height:calc(var(--row) * 7);margin:0;position:relative;overflow:hidden}.route-state-art img{object-fit:cover}.route-state-caption{min-height:var(--row);box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:0 .5rem;margin:0;padding:.35rem .85rem;font-size:.8rem;display:flex}.route-state-caption span:last-child{color:var(--color-ink)}