@font-face{font-family:DMDSmall;src:url(../../../font/DMDSmall.ttf)format("truetype")}@font-face{font-family:minecraft-micro;src:url(../../../font/minecraft-micro.ttf)format("truetype")}@font-face{font-family:minecraft-simple;src:url(../../../font/minecraftSimple.woff2)format("truetype")}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.metro-route{color:var(--color-theme-font);background-color:var(--color-theme-D1);image-rendering:pixelated;font-family:DMDSmall,sans-serif;font-size:32px;overflow:hidden}.metro-route .header{border-bottom:2px solid var(--color-theme-D6);grid-template-columns:auto 1fr;padding:8px;display:grid}.metro-route .header .route-name{aspect-ratio:1;justify-content:center;align-items:center;font-size:52px;line-height:1;display:flex}.metro-route .header .route-name span{transform:translate(2px,-3px)}.metro-route .header .route-info{margin-top:-7px;padding:0 12px;line-height:1}.metro-route .header .route-info .mode{flex-direction:column;display:flex}.metro-route .header .route-info .mode .title{font-size:31px}.metro-route .header .route-info .mode .content{font-family:minecraft-simple;font-size:25px}.metro-route .header .route-info .route-stats{width:100%;overflow:hidden}.metro-route .header .route-info .route-stats .route-checkpoints{align-items:center;font-family:minecraft-simple;font-size:25px;display:flex}.metro-route .header .route-info .route-stats .route-checkpoints .route-label{white-space:nowrap;flex-shrink:0;margin-right:8px}.metro-route .header .route-info .route-stats .route-checkpoints .ticker-wrap{flex:1;min-width:0;margin-left:8px;display:flex;overflow:hidden}.metro-route .header .route-info .route-stats .route-checkpoints .ticker-wrap .ticker-content{white-space:nowrap;width:max-content;animation:15s linear infinite marquee;display:flex}.metro-route .header .route-info .route-stats .route-checkpoints .ticker-wrap .ticker-content span{padding-right:16px}.metro-route .header .route-info .route-stats .route-checkpoints .ticker-wrap:hover .ticker-content{animation-play-state:paused}.metro-route .transfers{border-bottom:2px solid var(--color-theme-D6);gap:4px;height:28px;padding:8px;display:flex}.metro-route .transfers span{transform:translateY(-3px)}.metro-route .transfers .transfer-badge{text-transform:uppercase;justify-content:center;align-items:center;width:28px;height:28px;font-size:32px;line-height:1;display:inline-flex}.metro-route .transfers .transfer-badge span{transform:translate(1px,-2px)}.metro-route .route .metro-display{background-color:var(--color-theme-D1);box-sizing:border-box;width:100%;padding:120px 40px 50px 0}.metro-route .route .metro-display .line-map{width:100%;display:flex;position:relative}.metro-route .route .metro-display .line-map:before{content:"";top:50%;left:calc(100% / var(--total-stations,6) / 2);right:calc(100% / var(--total-stations,6) / 2);background-color:var(--line-color);z-index:1;height:6px;position:absolute;transform:translateY(-50%)}.metro-route .route .metro-display .line-map .station-item{--node-color:var(--line-color);flex-direction:column;flex:1;justify-content:center;align-items:center;height:24px;display:flex;position:relative}.metro-route .route .metro-display .line-map .station-item:after{content:"";background-color:var(--color-hover-L1);z-index:2;width:100%;height:6px;display:none;position:absolute;top:50%;left:-50%;transform:translateY(-50%)}.metro-route .route .metro-display .line-map .station-item:first-child:after{display:none!important}.metro-route .route .metro-display .line-map .station-item.is-passed:after{display:block}.metro-route .route .metro-display .line-map .station-item .node-cutout{background-color:var(--color-theme-D1);z-index:3;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metro-route .route .metro-display .line-map .station-item .node{background-color:var(--color-theme-D1);border:2px solid var(--node-color);z-index:5;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metro-route .route .metro-display .line-map .station-item .node .inner-dot{background-color:var(--node-color);width:8px;height:8px}.metro-route .route .metro-display .line-map .station-item .station-name{white-space:nowrap;transform-origin:0 100%;font-family:DMDSmall,sans-serif;font-size:32px;position:absolute;bottom:25px;left:55%;transform:rotate(-45deg)}.metro-route .route .metro-display .line-map .station-item.is-terminal .station-name{font-size:40px}.metro-route .route .metro-display .line-map .station-item.is-passed{--node-color:var(--color-hover-L1)}.metro-route .route .metro-display .line-map .station-item.is-passed .station-name{color:var(--color-hover-L1)}.metro-route .route .metro-display .line-map .station-item.is-current{--node-color:var(--line-color)}.metro-route .route .metro-display .line-map .station-item.is-current .station-name{color:var(--line-color)}.text-box{border:2px solid var(--color-theme-D6);background-color:var(--color-theme-D1);display:flex}.text-box input{box-sizing:border-box;font-size:var(--size-font-subheaderalt);color:var(--color-theme-font);border:none;padding:8px 12px 9px}.button{box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:row;align-items:center;gap:4px;text-decoration:none;display:flex}.button.text-center{justify-content:center}.button.text-left{justify-content:flex-start}.button.text-right{justify-content:flex-end}.button.no-border{border:none!important}.button.only-icon{aspect-ratio:1;padding:0!important}.button.large{height:46px;font-size:var(--size-font-subtitle);padding:0 12px}.button.medium{height:36px;padding:0 8px}.button.small{height:32px;padding:0 6px}.button.flat{box-shadow:none!important}.button.with-label{flex:1}.button>span{vertical-align:top;text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}.button>.icon{justify-content:center;align-items:center;display:flex}.button.white-text{color:var(--color-accent-font)!important}.button.fab{z-index:5;justify-content:flex-start;gap:6px;display:flex;position:fixed;bottom:60px;right:8px;overflow:hidden}.button.fab.fab-dynamic.large{min-width:52px;height:52px;padding:12px}.button.fab.fab-dynamic.small{padding:2px 3px 6px 7px}.button.fab.fab-dynamic.small span{padding-right:4px}.button.fab.fab-dynamic span{transition:var(--time) cubic-bezier(.1, .9, .2, 1);margin-right:8px;display:inline-table}.button.focused{color:var(--color-accent-font)!important;background-color:var(--color-hover)!important;font-family:minecraft-simple!important}.button.primary{background-color:var(--color-accent);color:var(--color-accent-font);border:2px solid var(--color-active-D1);box-shadow:var(--shadow-button);font-family:minecraft}.button.primary:hover{color:var(--color-accent-font);background-color:var(--color-hover)}.button.primary:active{color:var(--color-accent-font);background-color:var(--color-active)}.button.secondary{background-color:var(--color-theme-D2);color:var(--color-theme-font);border:2px solid var(--color-active-D1);box-shadow:var(--shadow-button);font-family:minecraft-simple}.button.secondary:hover{color:var(--color-accent-font);background-color:var(--color-hover)}.button.secondary:active{color:var(--color-accent-font);background-color:var(--color-active)}.button.tertiary{box-shadow:none;color:var(--color-accent);background-color:#0000;border:none;font-family:minecraft-simple}.button.tertiary:hover{color:var(--color-accent-font);background-color:var(--color-hover)}.button.tertiary:active{color:var(--color-accent-font);background-color:var(--color-active)}.button.quaternary{box-shadow:none;color:var(--color-theme-font);background-color:#0000;border:none;font-family:minecraft-simple}.button.quaternary:hover{color:var(--color-accent-font);background-color:var(--color-hover)}.button.quaternary:active{color:var(--color-accent-font);background-color:var(--color-active)}
