.centered-header{text-align:center}.route-player{--rp-accent:#007bff;--rp-border:#d9d9d9;--rp-muted:#666;border:1px solid var(--rp-border);background-color:#f7f7f7;border-radius:10px;flex-direction:column;width:100%;max-width:650px;margin:10px auto;display:flex;overflow:hidden;box-shadow:0 1px 6px #00000014}.active-trip-container{opacity:0;background-color:#eee;width:100%;max-height:0;transition:max-height .4s,opacity .3s;overflow:hidden}.active-trip-container.expanded{opacity:1;border-bottom:1px solid var(--rp-border);max-height:500px}.active-trip{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;overflow-y:auto}.active-trip-loading{justify-content:center;padding-top:12px;display:flex;transform:scale(.6)}.trip-name{margin-bottom:2px;font-size:1.2em;font-weight:700;line-height:1.3}.trip-dates{color:var(--rp-muted)}.playback-controls{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;display:flex}.play-pause-button{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,background-color .2s;display:flex}.play-pause-button:hover{background-color:#0000000f;transform:scale(1.1)}.play-pause-button:focus-visible{outline:2px solid var(--rp-accent);outline-offset:2px}.pause-icon,.play-icon,.skip-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.pause-icon div{background-color:#333;width:6px;height:20px}.pause-icon{gap:4px}.play-icon{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid #333;width:0;height:0;margin-left:4px}.skip-icon{color:#333;font-size:20px}.speed-control{color:var(--rp-muted);flex-direction:column;align-items:stretch;gap:2px;width:100%;max-width:160px;font-size:.8em;display:flex}.speed-control input{width:100%;accent-color:var(--rp-accent);cursor:pointer}.skip-end-line{align-items:center;display:flex}.triangle{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid #333;width:0;height:0}.line{background-color:#333;width:3px;height:20px;margin-left:3px}.color-swatches{border-top:1px solid var(--rp-border);width:100%;margin-top:16px;padding-top:10px}.swatches-container{flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:8px;display:flex}.swatch-item{align-items:center;display:flex}.swatch-item .color-swatch{border-radius:3px;width:12px;height:12px;margin-right:5px}.swatch-label{text-transform:capitalize;font-size:11px;font-style:italic}.trip-list{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#00000040 transparent;width:100%;max-height:200px;overflow-y:auto}@supports selector(::-webkit-scrollbar){.trip-list{scrollbar-width:auto;scrollbar-color:auto}.trip-list::-webkit-scrollbar{width:10px}.trip-list::-webkit-scrollbar-track{background:0 0}.trip-list::-webkit-scrollbar-button{display:none}.trip-list::-webkit-scrollbar-thumb{background-color:#00000026;background-clip:content-box;border:3px solid #0000;border-radius:10px}.trip-list:hover::-webkit-scrollbar-thumb{background-color:#0000004d}.trip-list::-webkit-scrollbar-thumb:hover{background-color:#00000073}}.trip-item{box-sizing:border-box;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border-top:none;border-bottom:1px solid #e6e6e6;border-left:4px solid #0000;border-right:none;padding:12px 14px;transition:background-color .15s,border-color .15s;display:block}.trip-item:last-child{border-bottom:none}.trip-item:hover{background-color:#ececec}.trip-item:focus-visible{outline:2px solid var(--rp-accent);outline-offset:-2px}.trip-item.selected{border-left-color:var(--rp-accent);background-color:#e3edfb}.trip-item strong{margin-bottom:2px;line-height:1.3;display:block}.trip-item small{color:var(--rp-muted)}.route-player-title{text-align:center;margin-bottom:5px;font-size:11px;font-weight:700}@media (min-width:768px){.route-player{flex-direction:row-reverse;height:300px}.active-trip-container{flex:0 0 0;max-height:none;transition:flex-basis .4s,opacity .3s}.active-trip-container.expanded{border-bottom:none;border-left:1px solid var(--rp-border);flex-basis:55%;max-height:none}.trip-list{flex:1 1 0;min-width:0;max-height:none}}