.timetableItem{display:grid;grid-template-columns:5rem 1fr auto;grid-gap:0 1.5rem;align-items:center;border-top:1px solid var(--timetable-list-border);cursor:pointer;padding:.75rem 1rem;position:relative}.timetableItem:nth-of-type(2n){border-left:1px solid var(--timetable-list-border)}@media (max-width:1299px){.timetableItem{grid-template-columns:5rem 1fr;grid-gap:0 .5rem;padding:.6rem 1rem}}.timetableItem .time{font-family:LiveTRA Digit,sans-serif;font-size:2.26rem;height:2.26rem;line-height:1;padding:.25rem 0;white-space:nowrap}.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:#4cedff;text-shadow:0 0 8px #4cedff}html.dark .timetableItem.hightlight:nth-child(3) .time,html.dark .timetableItem.hightlight:nth-child(4) .time{color:#5dd8e6;text-shadow:0 0 6px #5dd8e6}html.dark .timetableItem.hightlight:nth-child(5) .time,html.dark .timetableItem.hightlight:nth-child(6) .time{color:#8dd0da;text-shadow:0 0 4px #8dd0da}@media (max-width:1299px){.timetableItem .profile{text-align:right}}.timetableItem .info{text-align:right}@media (max-width:1299px){.timetableItem .info{align-items:flex-end;display:grid;grid-column:1/span 2;grid-template-columns:1fr auto;text-align:left}}.timetableItem .type{line-height:1.5}@media (max-width:1299px){.timetableItem .type{line-height:1.2}.timetableItem .type-en{font-size:var(--font-xs)}}.timetableItem .no{font-size:var(--font-s);font-weight:600;opacity:.5}.timetableItem .special-train{background:var(--green);border:1.8px solid var(--green);border-radius:100px;display:inline-block;height:7px;line-height:.53em;margin-top:-3px;position:relative;vertical-align:middle;width:7px}.timetableItem .special-train:before{height:2px;left:0;right:0;top:calc(50% - 1px)}.timetableItem .special-train:after,.timetableItem .special-train:before{background:#fff;border-radius:2px;content:"";display:block;position:absolute}.timetableItem .special-train:after{bottom:0;left:calc(50% - 1px);top:0;width:2px}@media (min-width:1300px){.timetableItem .special-train-before{display:none}}@media (max-width:1299px){.timetableItem .special-train-after{display:none}}.timetableItem .type-dot{background:var(--blue);border:1.8px solid var(--blue);border-radius:100px;display:inline-block;height:7px;margin-top:-3px;vertical-align:middle;width:7px}@media (min-width:1300px){.timetableItem .type-dot-before{display:none}}@media (max-width:1299px){.timetableItem .type-dot-after{display:none}}.timetableItem.traintype-4 .type-dot{background:var(--orange);border-color:var(--orange)}.timetableItem.traintype-3 .type-dot{background:transparent;border-color:var(--orange)}.timetableItem.traintype-2 .type-dot{background:linear-gradient(-45deg,var(--white) 50%,var(--red) 50.1%);border-color:var(--red)}.timetableItem.traintype-10 .type-dot{background:transparent}.timetableItem.traintype-11 .type-dot{background:linear-gradient(-45deg,var(--white) 50%,#777 50.1%);border-color:#777}.timetableItem.traintype-1 .type-dot{background:linear-gradient(-45deg,var(--white) 50%,var(--orange) 50.1%);border-color:var(--orange)}.timetableItem .to{line-height:1.5;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1299px){.timetableItem .to{line-height:1.2}}.timetableItem .live-status{height:1rem;margin:.2rem 0}.timetableItem .status{background:var(--green);border-radius:40px;color:#fff;display:block;font-size:var(--font-xs);line-height:1;margin-left:auto;padding:3px 8px;white-space:nowrap;width:-moz-fit-content;width:fit-content}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}
