:root{--BR-line: #9A6629;--R-line: #E3002C;--G-line: #008156;--O-line: #F88700;--BL-line: #4370BE;--Y-line: #EFB300;--LG-line: #6D9564;--A-line: #9058B9;--V-line: #EC5673;--K-line: #BC7E31;--LB-line: #6290AF}.lineHolder{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em}.lineHolder .btn{--btn-theme: var(--line-colour);--btn-bg: color-mix(in srgb, var(--btn-theme), var(--card-bg) 85%);gap:.25em}.line-icon{display:inline-flex;justify-content:center;align-items:center;font-family:"Barlow",var(--normal-font);color:var(--bg);background-color:var(--line-colour);width:1.5em;aspect-ratio:1;border-radius:.33em;font-size:.75em}.map-scroll-window{width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--border);border-radius:1em;padding:1em;background-color:var(--bg);direction:rtl;scrollbar-width:none}.map-scroll-window::-webkit-scrollbar{display:none}.map-scroll-window .map-wide-canvas{display:grid;grid-template-rows:auto auto auto auto auto auto auto;grid-auto-flow:column;grid-auto-columns:min-content;width:min-content;gap:0 .5em}.map-scroll-window .map-wide-canvas .line-segment{display:contents}.map-scroll-window .map-wide-canvas .operational-route-strip{height:.35em;background-color:var(--line-colour);align-self:center;width:calc(100% - 3em);border-radius:.25em;margin:.5rem 1.5em .5rem 0}.map-scroll-window .map-wide-canvas .operational-route-strip.vertical-connect{width:.35em;height:calc(100% - 1em);justify-self:center;margin:0}.map-scroll-window .map-wide-canvas .operational-route-strip-node-container{display:contents}.map-scroll-window .map-wide-canvas .operational-route-strip-node-container .node{width:.75em;height:.75em;align-self:center;border:2px solid var(--line-colour);justify-self:center;border-radius:1em;background-color:var(--bg);z-index:1}.map-scroll-window .map-wide-canvas .operational-route-strip-node-container .node.transfer{height:calc(100% - .5em)}.map-scroll-window .map-wide-canvas .operational-route-strip-node-container .node.terminal{background-color:var(--line-colour);scale:1.2}.map-scroll-window .map-wide-canvas .segment-label-tag{background-color:var(--line-colour);padding:.5em 0;font-size:.5em;font-weight:var(--font-weight-invert);border-radius:1rem;text-align:center;color:var(--bg);white-space:nowrap;align-self:center;justify-self:center;width:100%;margin:.5rem 0}.map-scroll-window .map-wide-canvas .mrt-btn{direction:ltr;position:relative;font-size:1.365em;border:1.5px solid var(--line-colour);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5em;padding:.25em .25em .5em;color:var(--line-colour);border-radius:0;--btn-theme: var(--line-colour)}.map-scroll-window .map-wide-canvas .mrt-btn .line-code{font-size:.5em;font-family:"Barlow",var(--normal-font);color:var(--bg);background-color:var(--line-colour);padding:.5em 0;width:100%;font-variant-numeric:tabular-nums}.map-scroll-window .map-wide-canvas .mrt-btn.terminal{background-color:var(--line-colour);border-color:transparent;color:var(--bg)}.map-scroll-window .map-wide-canvas .mrt-btn.terminal>.line-code{color:var(--line-colour);background-color:var(--bg)}.map-scroll-window .map-wide-canvas .mrt-btn .transfer-container{position:absolute;display:flex;flex-direction:column-reverse;gap:.25em;width:100%;padding:.25em}.map-scroll-window .map-wide-canvas .mrt-btn .line-name{display:inline-flex;flex-direction:row-reverse;width:1.75em;height:6em;gap:.05em;font-weight:var(--font-weight);text-wrap:wrap}.terminal :is(.map-scroll-window .map-wide-canvas .mrt-btn .line-name){font-weight:var(--font-weight-invert)}.map-scroll-window .map-wide-canvas .mrt-btn .line-name span{font-size:.5em;width:1em;padding-top:.1em;font-weight:var(--font-weight-invert)}.details-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:.75rem}dialog.mrt-modal .station-id-container{display:flex;flex-direction:row}dialog.mrt-modal .station-id-container .station-id{display:flex;flex-direction:column;font-family:"Barlow",var(--normal-font);width:max-content;padding:.5rem;align-items:center;color:var(--line-colour);background-color:var(--bg);border:2px solid;min-width:1.9em}dialog.mrt-modal .station-id-container .station-id.terminal{color:var(--bg);background-color:var(--line-colour);border-color:transparent}dialog.mrt-modal .station-id-container .station-id:first-child{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}dialog.mrt-modal .station-id-container .station-id:last-child{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}dialog.mrt-modal .station-id-container .station-id .station-id-line{font-size:.75em}dialog.mrt-modal .station-id-container .station-id .station-id-num{font-variant-numeric:tabular-nums}dialog.mrt-modal .station-id-container .station-id .station-id-num .text-small{font-size:.625em}dialog.mrt-modal .station-id-container .station-id .station-id-num .text-small:empty{display:none}dialog.mrt-modal .multi-lingual-names{font-size:1.25em;flex-wrap:wrap;gap:.25em}dialog.mrt-modal .multi-lingual-names .ruby-container:empty{display:none}dialog.mrt-modal .multi-lingual-names .input-group-item{border-radius:.5em}dialog.mrt-modal .belonging-container{display:flex;flex-direction:row}dialog.mrt-modal .belonging-container .input-group-item{display:flex;gap:.25em;flex:1;align-items:center;padding:0;min-height:3em}dialog.mrt-modal .opening-container{display:flex;flex-direction:row;--radius: 3em}dialog.mrt-modal .opening-container .input-group-item{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:.5em}dialog.mrt-modal .images-container{border-top:1px solid var(--border);padding-top:2em;margin-top:2em}dialog.mrt-modal .images-container .img{object-fit:contain;aspect-ratio:16 / 9}dialog.mrt-modal .images-container:empty{display:none}dialog.mrt-modal .input-group-item{background-color:color-mix(in srgb,var(--line-colour),var(--bg) 87.5%);color:color-mix(in srgb,var(--line-colour),var(--mix) 75%);padding:.75em;justify-content:center;text-align:center;align-content:center}dialog.mrt-modal .text-small-title{color:var(--line-colour)}dialog.mrt-modal .btn-modal-close{--btn-theme: var(--line-colour) }dialog.mrt-modal>.content>.header{background:linear-gradient(135deg,color-mix(in srgb,var(--line-colour),var(--bg) 50%) 0%,var(--bg) 95%)}dialog.mrt-modal .p-flex{display:flex;align-items:center;gap:.25em}.line-tpe-BR,[data-line=tpe-BR]{--line-colour: var(--BR-line)}.line-tpe-R,[data-line=tpe-R]{--line-colour: var(--R-line)}.line-tpe-G,[data-line=tpe-G]{--line-colour: var(--G-line)}.line-tpe-O,[data-line=tpe-O]{--line-colour: var(--O-line)}.line-tpe-BL,[data-line=tpe-BL]{--line-colour: var(--BL-line)}.line-ntpe-Y,[data-line=ntpe-Y]{--line-colour: var(--Y-line)}.line-tpe-LG,[data-line=tpe-LG],.line-tch-1,[data-line=tch-1]{--line-colour: var(--LG-line)}.line-ntpe-LB,[data-line=ntpe-LB]{--line-colour: var(--LB-line)}.line-ntpe-V,[data-line=ntpe-V]{--line-colour: var(--V-line)}.line-ntpe-K,[data-line=ntpe-K]{--line-colour: var(--K-line)}.line-tyn-A,[data-line=tyn-A]{--line-colour: var(--A-line)}.map-explorer{position:relative;display:flex;flex-direction:column;flex:1;width:100%;height:100%;background-color:var(--bg);border:1px solid var(--border);overflow:hidden;touch-action:none}.map-explorer object,.map-explorer svg{width:100%;height:100%;display:block;flex:1;touch-action:none}.map-explorer .map-controls{position:absolute;bottom:1em;right:1em;display:flex;flex-direction:column;gap:.25em;background-color:transparent;-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);padding:.25em;border-radius:2em;border:1px solid var(--border-half);z-index:10}.map-explorer .map-controls .map-btn svg{width:1em;height:1em;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}#panel-maps .fullscreenLink-container{--alert-colour: #f9f6ea}#panel-maps .fullscreenLink-container .fullscreenLink{left:0;border-radius:1em}#panel-maps img{pointer-events:auto}:root[data-theme=light] #panel-maps .fullscreenLink-container .fullscreenLink,:root[data-theme=light] #panel-maps img{border-radius:0}@media only screen and (max-width:600px){.belonging-container{font-size:.9em}.belonging-container .input-group-item{flex-direction:column}.belonging-container .btn{padding:.5em .25em}}@media(min-width:601px){.multi-lingual-names.main-name .ruby-container.input-group-item[lang=en]{grid-column:1 / 3}}
