.timetableItem{grid-gap:0 1.5rem;border-top:1px solid var(--timetable-list-border);cursor:pointer;grid-template-columns:5rem 1fr auto;align-items:center;padding:.75rem 1rem;display:grid;position:relative}.timetableItem:nth-of-type(2n){border-left:1px solid var(--timetable-list-border)}.timetable.single-col .timetableItem:nth-of-type(2n){border-left:0}@media (width<=1299px){.timetableItem{grid-gap:0 .5rem;grid-template-columns:5rem 1fr;padding:.6rem 1rem}.timetableItem .profile{text-align:right}}.timetableItem .time{white-space:nowrap;height:2.26rem;padding:.25rem 0;font-family:LiveTRA Digit,sans-serif;font-size:2.26rem;line-height:1}html.dark .timetableItem .time{color:#5fc2d1;text-shadow:0 0 4px #8dd0da99}.timetableItem.hightlight:first-child .time,.timetableItem.hightlight:nth-child(2) .time{color:#4ca4ff;text-shadow:0 0 4px #4cedff}.timetableItem.hightlight:nth-child(3) .time,.timetableItem.hightlight:nth-child(4) .time{color:#6fa8e5;text-shadow:0 0 2px #5dd8e6}.timetableItem.hightlight:nth-child(5) .time,.timetableItem.hightlight:nth-child(6) .time{color:#697b8f;text-shadow:0 0 2px #b2f6ff}html.dark .timetableItem.hightlight:first-child .time,html.dark .timetableItem.hightlight:nth-child(2) .time{color:#a6f6ff;text-shadow:0 0 8px #4cedff}html.dark .timetableItem.hightlight:nth-child(3) .time,html.dark .timetableItem.hightlight:nth-child(4) .time{color:#9feef7;text-shadow:0 0 6px #5dd8e6}html.dark .timetableItem.hightlight:nth-child(5) .time,html.dark .timetableItem.hightlight:nth-child(6) .time{color:#86e2f1;text-shadow:0 0 4px #8dd0da}.timetableItem.is-suspended .profile,.timetableItem.is-suspended .time,.timetableItem.is-suspended .to{opacity:.25}html.dark .timetableItem.is-suspended .time{text-shadow:none!important}.timetableItem.is-passed .time{opacity:.75}.timetableItem.is-passed .time,html.dark .timetableItem.is-passed .time{color:var(--gray-dark);text-shadow:none}.timetableItem .info{text-align:right}.timetableItem .type{line-height:1.5}.timetableItem .type-en{font-size:var(--font-s)}@media (width<=1299px){.timetableItem .info{text-align:left;grid-column:1/span 2;grid-template-columns:1fr auto;align-items:flex-end;display:grid}.timetableItem .type{line-height:1.2}.timetableItem .type-en{font-size:var(--font-xs)}}.timetableItem .no{opacity:1;font-weight:600;font-size:var(--font-s)}.timetableItem .type-dot{border:1.8px solid var(--blue);background:var(--blue)}.timetableItem .special-train,.timetableItem .type-dot{vertical-align:middle;border-radius:100px;width:7px;height:7px;margin-top:-3px;display:inline-block}.timetableItem .special-train{border:1.8px solid var(--green);background:var(--green);line-height:.53em;position:relative}.timetableItem .special-train:before{height:2px;top:calc(50% - 1px);left:0;right:0}.timetableItem .special-train:after,.timetableItem .special-train:before{content:"";background:#fff;border-radius:2px;display:block;position:absolute}.timetableItem .special-train:after{width:2px;top:0;bottom:0;left:calc(50% - 1px)}@media (width>=1300px){.timetableItem .special-train-before{display:none}}@media (width<=1299px){.timetableItem .special-train-after{display:none}}@media (width>=1300px){.timetableItem .type-dot-before{display:none}}.timetableItem.traintype-4 .type-dot{border-color:var(--orange);background:var(--orange)}.timetableItem.traintype-3 .type-dot{border-color:var(--orange);background:0 0}.timetableItem.traintype-2 .type-dot{border-color:var(--red);background:linear-gradient(-45deg,var(--white) 50%,var(--red) 50.1%)}.timetableItem.traintype-10 .type-dot{background:0 0}.timetableItem.traintype-11 .type-dot{background:linear-gradient(-45deg,var(--white) 50%,#777 50.1%);border-color:#777}.timetableItem.traintype-1 .type-dot{border-color:var(--orange);background:linear-gradient(-45deg,var(--white) 50%,var(--orange) 50.1%)}.timetableItem .to{white-space:nowrap;text-overflow:ellipsis;opacity:.5;line-height:1.5;overflow:hidden}.timetableItem .to-en{font-size:var(--font-s)}@media (width<=1299px){.timetableItem .type-dot-after{display:none}.timetableItem .to{line-height:1.2}.timetableItem .to-en{font-size:var(--font-xs)}}.timetableItem .live-status{height:1rem;margin:.2rem 0}.timetableItem .fare{opacity:.5;font-size:var(--font-s);white-space:nowrap;font-weight:500}@media (width>=1300px){.timetableItem .fare-before{display:none}.timetableItem .fare-after{margin-left:.5rem}}@media (width<=1299px){.timetableItem .fare-after{display:none}.timetableItem .fare-before{margin-right:.5rem}}.timetableItem .status{background:var(--green);color:#fff;width:fit-content;font-size:var(--font-xs);white-space:nowrap;border-radius:40px;margin-left:auto;padding:3px 8px;line-height:1;display:block}html.dark .timetableItem .status{box-shadow:0 0 20px color-mix(in srgb,var(--green) 60%,transparent)}.timetableItem .status--delay{background:var(--red)}html.dark .timetableItem .status--delay{box-shadow:0 0 20px color-mix(in srgb,var(--red) 80%,#fff 8%)}.rainbow .hightlight:first-of-type .time,.rainbow .hightlight:nth-of-type(2) .time{color:#ff8a97;text-shadow:0 0 4px #ff8a97}.rainbow .hightlight:nth-of-type(3) .time,.rainbow .hightlight:nth-of-type(4) .time{color:#ecb185;text-shadow:0 0 2px #ecb185}.rainbow .hightlight:nth-of-type(5) .time,.rainbow .hightlight:nth-of-type(6) .time{color:#d8dd9f;text-shadow:0 0 2px #d8dd9f}.rainbow .hightlight:nth-of-type(7) .time,.rainbow .hightlight:nth-of-type(8) .time{color:#99e0b6;text-shadow:0 0 2px #99e0b6}.rainbow .hightlight:nth-of-type(10) .time,.rainbow .hightlight:nth-of-type(9) .time{color:#98d3de;text-shadow:0 0 2px #98d3de}.rainbow .hightlight:nth-of-type(11) .time,.rainbow .hightlight:nth-of-type(12) .time{color:#9abdde;text-shadow:0 0 2px #9abdde}html.dark .rainbow .hightlight:first-of-type .time,html.dark .rainbow .hightlight:nth-of-type(2) .time{color:#ff8a97;text-shadow:0 0 4px #ff8a97}html.dark .rainbow .hightlight:nth-of-type(3) .time,html.dark .rainbow .hightlight:nth-of-type(4) .time{color:#ecb185;text-shadow:0 0 2px #ecb185}html.dark .rainbow .hightlight:nth-of-type(5) .time,html.dark .rainbow .hightlight:nth-of-type(6) .time{color:#d8dd9f;text-shadow:0 0 2px #d8dd9f}html.dark .rainbow .hightlight:nth-of-type(7) .time,html.dark .rainbow .hightlight:nth-of-type(8) .time{color:#99e0b6;text-shadow:0 0 2px #99e0b6}html.dark .rainbow .hightlight:nth-of-type(10) .time,html.dark .rainbow .hightlight:nth-of-type(9) .time{color:#98d3de;text-shadow:0 0 2px #98d3de}html.dark .rainbow .hightlight:nth-of-type(11) .time,html.dark .rainbow .hightlight:nth-of-type(12) .time{color:#9abdde;text-shadow:0 0 2px #9abdde}
