.tide{--sea:#dfe6e5;--sea-line:#c9d4d3;--land:#fbfaf6;--sand:#e8d8b4;--sand-dot:#c4ad80;position:relative}.tide-scroll{position:relative}.tide-stage{background:var(--sea);border:1px solid #242424;width:100%;position:relative}.tide-stage svg{width:100%;height:100%;display:block}.route-under{fill:none;stroke:#242424;stroke-opacity:.16;stroke-width:1.4px}.route-hoof{fill:none;stroke:#242424;stroke-width:5.5px;stroke-linecap:round;stroke-dasharray:.1 11}.route-reveal{fill:none;stroke:#fff;stroke-width:16px;stroke-linecap:round;animation:1.5s ease-in-out forwards tide-draw;animation-delay:var(--delay,0s)}@keyframes tide-draw{to{stroke-dashoffset:0}}.route{transition:opacity .35s}.route.is-dim{opacity:.16}.route.is-faint{opacity:.22}.route.is-faint .route-reveal{animation:none;stroke-dashoffset:0!important}.route.is-active .route-hoof{stroke:#3d5f12;stroke-width:7px;stroke-dasharray:.1 12}.route.is-active .route-under{stroke:#3d5f12;stroke-opacity:.5;stroke-width:2px}.glacier path{fill:#fff;stroke:#242424;stroke-width:1px}.glacier path+path{fill:none;stroke-opacity:.55}.transfer path{fill:none;stroke:#242424;stroke-width:1.6px;stroke-dasharray:7 7}.transfer text{font:600 17px var(--font-head);fill:#242424;paint-order:stroke;stroke:var(--sea);stroke-width:5px}.scale path{stroke:#242424;stroke-width:1.6px;fill:none}.scale text{font:500 14px var(--font-body);fill:#242424}.stop{cursor:pointer;outline:none}.stop .hit{fill:#0000}.stop .dot{fill:#fff;stroke:#242424;stroke-width:2.6px;transition:r .2s}.stop:hover .dot,.stop:focus-visible .dot,.stop.is-open .dot{fill:#83b735}.stop .home-ring{fill:#fff;stroke:#242424;stroke-width:2.6px}.stop--home:hover .home-ring,.stop--home.is-open .home-ring,.stop--home:focus-visible .home-ring{stroke:#83b735;stroke-width:4px}.stop .label{font:600 19px var(--font-head);fill:#242424;paint-order:stroke;stroke:var(--land);stroke-width:6px;stroke-linejoin:round}.stop--flats .label,.stop--glacier .label{stroke:var(--land)}.stop--flats .label{font-style:italic}.stop .label.is-wet{fill:#5d6a69}.stop:focus-visible .label{text-decoration:underline}.home-badge{aspect-ratio:1;object-fit:cover;object-position:50% 45%;pointer-events:none;background:#fff;border-radius:50%;height:auto;position:absolute;transform:translate(-50%,-50%)}.stop-card{z-index:5;color:#242424;background:#fff;border:1px solid #242424;width:270px;position:absolute;transform:translate(-50%,22px)}.stop-card.is-up{transform:translate(-50%,calc(-100% - 22px))}.stop-card.is-left{transform:translate(calc(40px - 100%),22px)}.stop-card.is-left.is-up{transform:translate(calc(40px - 100%),calc(-100% - 22px))}.stop-card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.stop-card-body{padding:14px 16px 16px}.stop-card-body strong{font:600 1.05rem var(--font-head);display:block}.stop-card-body p{color:#4a4a4a;margin:6px 0 10px;font-size:.92rem;line-height:1.45}.stop-card-body a{color:#3d5f12;font-size:.92rem;font-weight:700}.stop-close{color:#242424;cursor:pointer;background:#fff;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1;position:absolute;top:8px;right:8px}.stop-card--inline{grid-template-columns:120px 1fr;width:auto;margin-top:12px;display:grid;position:relative;transform:none}.stop-card--inline img{aspect-ratio:auto;height:100%}.tide-bar{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:16px;display:flex}.tide-control{align-items:center;gap:12px;display:flex}.tide-end{font:600 .82rem var(--font-head);white-space:nowrap}.tide-track{cursor:pointer;touch-action:none;outline:none;width:200px;height:30px;position:relative}.tide-track:before{content:"";background:linear-gradient(90deg,#e8d8b4,#b7c6c5);height:4px;position:absolute;top:13px;left:0;right:0}.tide-fill{background:#242424;height:4px;position:absolute;top:13px;left:0}.tide-knob{background:#83b735;border:3px solid #242424;border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;top:4px}.tide-track:focus-visible .tide-knob{box-shadow:0 0 0 4px #83b73573}.tide-note{color:#3c3c3c;max-width:62ch;margin:0;font-size:.95rem}.tide-swipe{color:#555;margin:8px 0 0;font-size:.85rem}@media (max-width:760px){.tide-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.tide-stage{width:auto;height:300px}.tide--route .tide-stage{height:260px}.tide-track{width:150px}.tide-bar{gap:10px}}@media (prefers-reduced-motion:reduce){.route-reveal{animation:none;stroke-dashoffset:0!important}}