.journey-pill{position:fixed;top:12px;left:50%;z-index:50;display:grid;grid-template-columns:36px max-content 36px;align-items:center;column-gap:7px;width:max-content;max-width:calc(100vw - 24px);height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(214,207,197,.55);color:#19252c;box-shadow:0 7px 19px rgba(20,27,31,.14),inset 0 1px rgba(255,255,255,.28);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);opacity:0;pointer-events:none;transform:translate(-50%,-8px) scale(.97);transition:opacity .3s ease,transform .35s cubic-bezier(.22,1,.36,1),background-color .3s ease,color .3s ease}
.journey-pill[hidden]{display:none!important}
.journey-pill.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.journey-pill.is-on-dark{border-color:rgba(255,255,255,.2);background:rgba(75,72,72,.55);color:#fffaf0;box-shadow:0 12px 36px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.12)}
.journey-pill-current{display:block;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.journey-pill{grid-template-columns:60px max-content 60px}
.journey-pill-side{display:flex;align-items:center;gap:2px;min-width:0}
.journey-pill-before{justify-content:flex-end}
.journey-pill-after{justify-content:flex-start}
.journey-pill-side a{display:grid;place-items:center;flex:none;width:10px;height:29px;color:inherit;opacity:.58;transition:opacity .2s ease}
.journey-pill-side a::before{display:block;width:5px;height:5px;border-radius:50%;background:currentColor;content:'';transition:transform .2s ease}
.journey-pill-side a:hover,.journey-pill-side a:focus-visible{opacity:1}
.journey-pill-side a:hover::before,.journey-pill-side a:focus-visible::before{transform:scale(1.35)}
.journey-pill-side a:focus-visible{outline:2px solid currentColor;outline-offset:-4px;border-radius:999px}
@media(max-width:620px){.journey-pill{top:9px;height:32px;grid-template-columns:52px max-content 52px;column-gap:6px;padding:0 9px}.journey-pill-current{font-size:12px}.journey-pill-side a{width:9px;height:27px}.journey-pill-side a::before{width:5px;height:5px}}
@media(prefers-reduced-motion:reduce){.journey-pill,.journey-pill-side a,.journey-pill-side a::before{transition:none!important}}