.page-header{padding-bottom:32px;width:100%;border-bottom:1px solid light-dark(#eeeeee,#2a2a2e);display:flex;flex-direction:column;align-items:flex-start;row-gap:16px}.page-header img{width:48px;height:48px;border-radius:24px}.page-header h1{font-size:26px;font-family:Red Hat Display,sans-serif;font-weight:600;opacity:1;margin:0;color:light-dark(#000,#f0f0f0)}.page-header h1+h2{font-size:16px;font-family:Red Hat Display,sans-serif;font-weight:400;color:light-dark(grey,#9a9a9a);opacity:.7;margin-top:8px;margin-bottom:0}.page-header span{font-size:14px;flex-shrink:0}.page-header .routes{display:flex;gap:20px;position:relative}.page-header .routes a.route{text-decoration:none;color:light-dark(#bababa,#6a6a6a);font-family:Red Hat Display,sans-serif}.page-header .routes a.route .route-count{margin-left:6px;color:light-dark(#666,#b8b8b8);font-size:11px;background:light-dark(#efefef,#232327);border-radius:4px;padding:1px 7px;display:inline-flex;align-items:center;line-height:1.35}.page-header .routes a.route .route-count[hidden]{display:none}.page-header .routes a.route.active{color:light-dark(black,#f0f0f0)}.page-header .routes a.route.active .route-count{color:light-dark(#444,#d0d0d0);background:light-dark(#e5e5e5,#2e2e33)}@keyframes moveUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.page-header .routes #active-rect{display:block;position:absolute;bottom:-2px;height:1px;background-color:light-dark(#bababa,#6a6a6a);transition:all .3s ease-in-out;transform-origin:left;animation:moveUnderline .3s ease-in-out forwards}.page-header .routes #active-rect.active{background-color:light-dark(#000,#f0f0f0)}@media (max-width: 550px){.page-header h1{font-size:20px}.page-header h1+h2{margin-top:8px;font-size:14px}.page-header span{font-size:12px}.page-header .routes{gap:14px}.page-header .routes a.route{font-size:16px}}