@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;700&display=swap);body{background-color:#00843d;color:#fff;font-family:Arial,sans-serif;margin:0;padding:20px 20px 80px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tunnel{box-sizing:border-box;font-family:Noto Sans HK,sans-serif;margin-bottom:28px;width:100%}.tunnel-name{align-items:center;font-size:24px;justify-content:center;line-height:1.25;margin-bottom:10px;overflow-wrap:anywhere;text-align:center}.tunnel-info,.tunnel-name{box-sizing:border-box;display:flex;width:100%}.tunnel-info{gap:10px;height:80px}.toll-info,.tunnel-icon{align-items:stretch;border:2px solid #fff;border-radius:5px;display:flex;flex:7 1}.tunnel-icon{align-items:center;background-color:#00843d;flex:3 1;justify-content:center;padding:2px}.tunnel-name{min-height:30px}.tunnel-icon svg{height:100%;width:100%}.toll-info{flex:7 1}.fee{align-items:center;background-color:#000;display:flex;flex:2 1;font-family:Seven Segment,sans-serif;font-size:70px;font-weight:700;justify-content:center;padding:5px;text-align:center}.fee,.fee-text{color:#32cd32}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:0}}.fee-text.fade-animate{animation:fadeInOut 1s ease-in-out 3}.currency{align-items:center;background-color:#00843d;border-left:2px solid #fff;display:flex;flex:1 1;font-size:18px;justify-content:center;min-width:54px;overflow-wrap:normal;padding:5px;text-align:center;word-break:normal}.stage-status{margin-top:10px;padding:0}.stage-status-window{background:#0000;border:2px solid #fff;border-radius:999px;box-sizing:border-box;height:18px;overflow:hidden;position:relative}.stage-status-timeline{border-radius:999px;left:0;transition:left .45s ease;width:220%}.stage-status-segment,.stage-status-timeline{height:100%;position:absolute;top:0}.stage-status-segment-transition{background:#f2b705}.stage-status-segment-peak{background:#d71920}.stage-status-segment-offPeak{background:#19a05a}.stage-status-segment-fixed,.stage-status-segment-normal{background:#1d8fe3}.stage-status-now-arrow{border-left:7px solid #0000;border-right:7px solid #0000;border-top:10px solid #fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7));height:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:0}.stage-status-countdown{background:#0000;color:#fff;font-size:9px;font-weight:700;line-height:1.25;min-width:28px;padding:0;position:absolute;right:8px;text-align:center;top:50%;transform:translateY(-50%)}.distance,.stage-status-countdown{font-family:Seven Segment,sans-serif}.distance{align-items:center;background-color:#000;border-radius:15px;color:#32cd32;display:inline-flex;float:right;font-size:14px;margin-top:10px;padding:2px 8px;text-align:right;transition:all .3s ease}.distance-value{transition:opacity .5s ease-in-out}.distance-value.fade-out{opacity:0}.distance-value.fade-in{opacity:1}.distance-icon{color:#fff;margin-right:8px}.container{margin:0 auto;max-width:1200px;width:90%}#tunnelList{width:100%}.tunnel-item-wrapper{position:relative;width:100%}.tunnel-item{width:100%}.toggle-button{align-items:center;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:background-color .3s ease}.toggle-button:hover{background-color:#ffffff1a}.toggle-button:active{background-color:#fff3}.toggle-button-icon{color:#fff;font-size:24px;margin-bottom:5px;transition:opacity .3s ease}.toggle-button span{white-space:nowrap}.toggle-button:not(.active) .toggle-button-icon{opacity:.5}.toggle-button.active .toggle-button-icon,.toggle-button:active .toggle-button-icon,.toggle-button:focus .toggle-button-icon,.toggle-button:hover .toggle-button-icon{color:#fff}.toggle-button.active .toggle-button-icon{opacity:1}.cycle-button{align-items:center;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:background-color .3s ease}.cycle-button:hover{background-color:#ffffff1a}.cycle-button:active{background-color:#fff3}.cycle-button-icon{color:#fff;font-size:24px;margin-bottom:5px;transition:opacity .3s ease}.cycle-button-status{font-size:1em;opacity:1}.cycle-button[aria-pressed=false] .cycle-button-icon,.cycle-button[aria-pressed=true] .cycle-button-icon{opacity:1}.cycle-button:active .cycle-button-icon,.cycle-button:focus .cycle-button-icon,.cycle-button:hover .cycle-button-icon{color:#fff}.settings-dropdown{background-color:#004d25;border-radius:4px;bottom:84px;box-shadow:0 -2px 10px #0000001a;display:none;flex-direction:column;position:fixed;right:10px;z-index:1000}.settings-dropdown.show{display:flex}.bottom-menu{align-items:center;background-color:#004d25;bottom:0;display:flex;justify-content:space-around;left:0;padding:10px;position:fixed;right:0}#debugGPStool{background-color:#1a1a1a;border-radius:10px;color:#fff;margin-bottom:40px;padding:20px}.debugGPS-header{margin-bottom:20px}.debugGPS-header h3{font-size:24px;margin:0;text-align:center}.debugGPS-input-group{display:flex;gap:10px;margin-bottom:20px}.debugGPS-input-field{display:flex;flex:1 1;flex-direction:column}.debugGPS-input-field label{margin-bottom:5px}.debugGPS-input-field input{background-color:#333;border:2px solid #fff;border-radius:5px;color:#fff;font-size:16px;padding:5px}.debugGPS-speed-value{margin-left:10px}.debugGPS-button-group{display:flex;gap:10px;margin-bottom:20px}.debugGPS-button-group button{background-color:#00843d;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;padding:10px;transition:background-color .3s ease}.debugGPS-button-group button:hover{background-color:#00a651}.debugGPS-button-group button:disabled{background-color:#555;cursor:not-allowed}.debugGPS-status-group{background-color:#333;border:2px solid #fff;border-radius:5px;margin-bottom:20px;padding:10px}.debugGPS-status-item{display:flex;justify-content:space-between;margin-bottom:5px}.debugGPS-status-label{font-weight:700}.debugGPS-tunnel-distances{background-color:#333;border:2px solid #fff;border-radius:5px;padding:10px}.debugGPS-tunnel-distances h4{font-size:18px;margin-bottom:10px;margin-top:0;text-align:center}.debugGPS-tunnel-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.debugGPS-tunnel-item{background-color:#00843d;border:2px solid #fff;border-radius:5px;padding:5px;text-align:center}.debugGPS-tunnel-abbr{display:block;font-weight:700;margin-bottom:5px}.debugGPS-tunnel-distance{color:#32cd32;font-family:Seven Segment,sans-serif;font-size:18px;text-shadow:0 0 5px #0f0}.debugGPS-progress-container{margin-bottom:20px}.debugGPS-progress-label{display:flex;font-weight:700;justify-content:space-between;margin-bottom:5px}.debugGPS-progress-bar{background-color:#333;border:2px solid #fff;border-radius:10px;height:20px;overflow:hidden}.debugGPS-progress-bar-fill{background-color:#00843d;height:100%;transition:width .5s ease-in-out}#debugTunnelFee-tool{background-color:#1a1a1a;border-radius:10px;color:#fff;margin-bottom:40px;padding:20px}.debugTunnelFee-header{margin-bottom:20px}.debugTunnelFee-header h3{font-size:24px;margin:0;text-align:center}.debugTunnelFee-input-group{display:flex;gap:10px;margin-bottom:20px}.debugTunnelFee-input-field{display:flex;flex:1 1;flex-direction:column}.debugTunnelFee-input-field label{margin-bottom:5px}.debugTunnelFee-input-field input{background-color:#333;border:2px solid #fff;border-radius:5px;color:#fff;font-size:16px;padding:5px}.debugTunnelFee-acceleration-value{margin-left:10px}.debugTunnelFee-button-group{display:flex;gap:10px;margin-bottom:20px}.debugTunnelFee-button-group button{background-color:#00843d;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;padding:10px;transition:background-color .3s ease}.debugTunnelFee-button-group button:hover{background-color:#00a651}.debugTunnelFee-button-group button:disabled{background-color:#555;cursor:not-allowed}.debugTunnelFee-status-group{background-color:#333;border:2px solid #fff;border-radius:5px;margin-bottom:20px;padding:10px}.debugTunnelFee-status-item{display:flex;justify-content:space-between;margin-bottom:5px}.debugTunnelFee-status-label{font-weight:700}.debugTunnelFee-fees{background-color:#333;border:2px solid #fff;border-radius:5px;padding:10px}.debugTunnelFee-fees h4{font-size:18px;margin-bottom:10px;margin-top:0;text-align:center}.debugTunnelFee-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.debugTunnelFee-item{background-color:#00843d;border:2px solid #fff;border-radius:5px;padding:5px;text-align:center}.debugTunnelFee-abbr{display:block;font-weight:700;margin-bottom:5px}.debugTunnelFee-fee{color:#32cd32;font-family:Seven Segment,sans-serif;font-size:18px;text-shadow:0 0 5px #0f0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.05503e98.css.map*/