.departure-board{display:flex;flex-direction:column;gap:1rem}.departure-item{list-style:none;cursor:pointer;transition:all .3s ease-in-out}.departure-item:nth-child(odd){background:#181818}.departure-item-child{display:flex;flex:10% 1}.loading-small-text{font-size:.8rem;color:#fff;margin-left:.5rem;font-weight:400}.departure-item-child-large{flex:80% 1}.departure-item-line-label{display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--primary-text-color);border-radius:5px;padding:.2rem;min-width:3rem}.departures-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:2rem;min-height:500px;background-color:#0000005d;border-radius:8px}.departure-header{display:flex;justify-content:space-between;align-items:center}.line-details{display:flex;flex-direction:column;max-height:400px;background:#313131;padding:1rem;border-radius:5px;margin-top:5px;animation:fadeIn .3s ease-in-out;overflow:hidden}.line-details-child{display:flex}.line-details-map{display:flex;flex-direction:column;gap:.5rem;flex:60% 1}.line-details-stops-container{display:flex;flex-direction:column;height:400px;overflow-y:scroll;overflow-x:hidden;flex:40% 1}.passed-name,.passed-time{text-decoration:line-through;color:gray}.passed-circle,.passed-line{background:gray!important}.line-details-stop{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#313131;border-radius:5px;position:relative;min-height:50px}.line-details-stop-time{width:20%;text-align:right;color:#fff;margin-right:1rem}.line-details-stop-name{width:50%;text-align:left;color:#fff;margin-left:1rem}.line-details-stop-name p,.line-details-stop-time p{margin:0;word-break:break-word}.line-details-stop-indicator{width:20px;height:100%;display:flex;align-items:center;justify-content:center}.line-details-stop-indicator .line{position:absolute;width:3px;height:100%;background:var(--primary-color);left:35.6%;transform:translateX(-50%)}.line-details-stop-indicator .circle{width:13px;height:13px;background:var(--primary-color);border-radius:50%;position:absolute;z-index:2}.display-screen{display:flex}@keyframes fadeIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.realtime{color:green;font-weight:700}.cancelled{color:red;font-weight:700}@media (max-width:568px){.departure-item,.line-details-stop,.line-details-stop-name,.line-details-stop-time{font-size:.8rem}.departure-header{gap:1rem}.departures-container{padding:1rem}}