html,body{margin:0;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans',sans-serif;background:white;color:#212522}canvas{display:block;position:fixed;inset:0;touch-action:none}header{position:absolute;z-index:3;top:20px;left:24px;max-width:80%;padding:14px 18px;background:#fffffff0}h1{font-size:18px;margin:0 0 7px;font-weight:700}p{margin:6px 0 12px;color:#616661;font-size:12px}button{padding:8px 12px;background:white;border:1px solid #cfd4cf;border-radius:3px;margin-right:5px;cursor:pointer}label{display:inline-block;white-space:nowrap;font-size:12px;margin-left:8px}footer{position:absolute;z-index:2;bottom:0;left:0;right:0;background:#ffffffed;padding:10px 24px;color:#566056;font-size:11px}a{color:inherit}.label{position:fixed;z-index:1;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));background:#fff;padding:7px 10px;border-bottom:3px solid #ff6a00;white-space:nowrap;font-size:15px;font-weight:750}button.label{pointer-events:auto;cursor:pointer;border:0;border-bottom:3px solid #ff6a00;border-radius:0;margin:0;font-family:inherit;line-height:1.4;min-height:44px}button.label:hover,button.label:focus-visible{background:#fff2e8;outline:2px solid #ff6a00;outline-offset:2px}.label.station{border-color:#69746d;font-size:13px;transform:translate(calc(-100% - 12px),-20%)}.label::after{content:"";position:absolute;left:50%;top:100%;height:14px;border-left:1px solid #ff6a00}.label.station::after{left:100%;top:20%;width:12px;height:0;border-left:0;border-top:1px solid #69746d}.label[hidden]{display:none}button[aria-pressed="true"]{background:#ff6a00;color:white;border-color:#ff6a00}.help{font-size:11px;line-height:1.7;margin-bottom:0}body.render header,body.render footer,body.render .label{display:none}.embed header{top:8px;left:8px;right:8px;max-width:none;padding:8px 10px;border-radius:6px;box-shadow:0 2px 14px #0001}.embed h1,.embed .help,.embed header>p:first-of-type,.embed #full,.embed #export-png{display:none}.embed button{font-size:11px;padding:6px 8px;margin-bottom:4px}.embed footer{font-size:10px;padding:5px 10px}.embed .label{font-size:12px;padding:5px 7px}@media(max-width:650px){button,.embed button{min-height:44px}header{top:8px;left:8px;right:8px;max-width:none;padding:8px 10px}h1{font-size:14px}button{font-size:11px;padding:6px 8px}.help{display:none}footer{font-size:9px;padding:5px 8px}.label{font-size:12px}}body.render header,body.render footer,body.render .label{display:none}.mobile-gesture-help,.mobile-label{display:none}@media(max-width:650px){header h1,header>p:not(.mobile-gesture-help),header #rotate,header #pan,header #zoom-in,header #zoom-out,header #full,header #top,header #underpass,header #export-png,header label,header br,header .desktop-label{display:none!important}header,.embed header{padding:8px 10px;max-width:none}header button,.embed header button{min-height:44px;min-width:44px;margin:0 5px 0 0;font-size:12px;padding:7px 10px}.mobile-label{display:inline}.mobile-gesture-help,.embed header .mobile-gesture-help{display:block!important;font-size:10px;line-height:1.5;margin:7px 0 0;color:#657068}footer,.embed footer{font-size:9px;line-height:1.5}}body.render header,body.render footer,body.render .label{display:none!important}
.label{transform:translate(calc(-50% + var(--label-shift-x,0px)),calc(-100% - 14px))}
.label::after{left:calc(50% - var(--label-shift-x,0px))}
.label.station{transform:translate(calc(-100% - 12px + var(--label-shift-x,0px)),-20%)}
.label.station.is-right{transform:translate(calc(12px + var(--label-shift-x,0px)),-20%)}
.label.station::after{left:var(--label-connector-left,100%);width:var(--label-connector-width,12px)}