.sidebar-menu{border-bottom:.0625rem solid #e4e7ec;flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.sidebar-menu .menu-item{color:#475467;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;transition:all .4s;display:flex}.sidebar-menu .menu-item.is-active{color:#2970ff;background-color:#eff4ff}.sidebar-menu .menu-item:hover:not(.is-active){background-color:#f9fafb}.sidebar-menu .menu-item--sub{padding-left:2rem}@media (width<=768px){.sidebar-menu{display:none}}.vehicle-info{cursor:pointer;align-items:center;padding:.5rem .5rem .5rem .75rem;display:flex}.vehicle-info:hover{background-color:#eff4ff;border-radius:.375rem}.vehicle-info__avatar{background:#fffaeb;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.vehicle-info__details{flex-direction:column;flex:1;margin-left:.75rem;display:flex}.vehicle-info .nc-icon{margin:.375rem}.vehicle-info-list{padding:.25rem .75rem 0}.vehicle-info-list .vehicle-info.is-followed{background:var(--color-blue-50)}.vehicle-info-list-empty-state{padding-top:1rem}.sidebar-dashboard__search-filter{border-bottom:.0625rem solid #e4e7ec;justify-content:center;gap:.375rem;padding:.75rem;display:flex}.sidebar-dashboard__search-filter .local-filter .filter-header{justify-content:flex-end;gap:.375rem}.sidebar-dashboard__search-filter .local-filter .filter-header__right-section{display:none}.nc-filter-collapse-section{border-radius:.5rem}.nc-filter-collapse-section__header{align-items:center;gap:.75rem;transition:all .3s;display:flex}.nc-filter-collapse-section__header--collapsible{cursor:pointer}.nc-filter-collapse-section__header-title{color:#2970ff;white-space:nowrap;align-items:center;height:1rem;padding:.125rem 0;display:flex}.nc-filter-collapse-section__divider{flex-grow:1}.nc-filter-collapse-section__toggle-icon{background-color:#d1e0ff;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.nc-filter-collapse-section__content{padding-top:1rem}.route-playback{border:.0625rem solid #84adff;border-radius:.625rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 .125rem .75rem #2b2b371f}.route-playback__header{background-color:#f5f8ff;border-radius:.625rem .625rem 0 0}.route-playback__header-time{color:#667085}.route-playback__body,.route-playback__header{padding:.75rem}.route-playback__stops-range{justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;font-weight:600;line-height:1.5rem;display:flex}.route-playback__controls{justify-content:space-between;align-items:center;gap:.375rem;display:flex}.route-playback__controls .play-button,.route-playback__controls .speed-item{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.route-playback__controls .speed-item{background-color:#f2f4f7}.route-playback__controls .speed-item:hover{background-color:#e4e7ec}.route-playback__controls .play-button,.route-playback__controls .speed-item--selected{color:#2970ff;background-color:#d1e0ff}.route-playback__controls .play-button:hover,.route-playback__controls .speed-item--selected:hover{background-color:#b2ccff}.route-playback .el-slider{padding:0 .25rem}.route-playback .el-slider__button{background-color:#2970ff;border:none;width:.75rem;height:.75rem}.route-playback .el-slider__bar{background-color:#2970ff}.route-playback .el-slider__marks{margin-top:.375rem}.route-playback .el-slider__marks-text{color:#667085;margin-top:.25rem;font-size:.75rem}.route-playback .el-slider__marks-text:last-child{transform:translate(-100%)!important}.route-playback .el-slider__marks-stop{display:none}.nc-info-item{flex-direction:column;gap:.25rem;width:fit-content;min-width:6.25rem;display:flex}.nc-info-item p{color:#667085}.nc-info-item b,.nc-info-item p{text-overflow:ellipsis;white-space:nowrap;max-width:10.625rem;display:inline-block;overflow:hidden}.nc-info-item b{color:#344054}.nc-info-item.is-horizontal{flex-direction:row;align-items:center;gap:.5rem}.copyable-info-item{background-color:#f2f4f7;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}.copyable-info-item__content{flex:1}.copyable-info-item .nc-icon{cursor:pointer;color:#667085;border-radius:9999px;width:1.5rem;height:1.5rem;padding:.25rem}.copyable-info-item .nc-icon:hover{background-color:#e4e7ec}.copyable-info-item .nc-info-item b,.copyable-info-item .nc-info-item p,.copyable-info-item .nc-info-item span{max-width:none!important}.sidebar-route-history{flex-direction:column;display:flex}.sidebar-route-history__filters,.sidebar-route-history__trip-summary,.sidebar-route-history__vehicle-details{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.sidebar-route-history__filters{margin-top:.75rem;padding:0}.sidebar-route-history__vehicle-details{border-bottom:.0625rem solid #e4e7ec}.sidebar-route-history__vehicle-details .nc-button,.sidebar-route-history__vehicle-details .nc-button__text{min-width:100%}.sidebar-route-history__vehicle-details .el-date-editor.el-input{width:100%}.sidebar-route-history__replay-options{border:1px solid var(--Color-Blue-300,#84adff);background:#fff;border-radius:.75rem;box-shadow:0 2px 12px #2b2b371f}.sidebar-route-history hr{border:.0625rem dashed #b2ccff;margin:0}.sidebar-route-history__trip-summary .trip-details{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.sidebar-route-history__trip-summary .trip-details .copyable-info-item{width:fit-content;max-width:100%}.sidebar-route-history__trip-summary .trip-details .copyable-info-item .nc-info-item .b-l-regular{font-size:.875rem}.sidebar{z-index:700;background:#fff;border-radius:1rem;flex-direction:column;width:17.5rem;min-width:17.5rem;max-width:17.5rem;display:flex;position:relative;box-shadow:0 .25rem .5rem #2b2b3712}.sidebar__header{border-radius:1rem 1rem 0 0;min-height:4rem;padding:.75rem;box-shadow:0 0 .5rem #2b2b3714}.sidebar__header,.sidebar__header a{align-items:center;gap:.5rem;display:flex}.sidebar__header a{color:inherit;flex:1}.sidebar.is-collapsed{bottom:inherit}.sidebar.is-collapsed .sidebar__header{border-radius:1rem}.sidebar__body,.sidebar__body-inner{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar .vehicle-switch{border-bottom:.0625rem solid #e4e7ec;padding:.75rem}.sidebar--index{position:fixed;top:.625rem;bottom:.625rem;left:.625rem;display:flex!important}@media (width<=768px){.sidebar--index{bottom:4.5rem}.sidebar{display:none}}.sidebar .profile-details{background:#fff;border-top:.0625rem solid #e4e7ec;border-radius:0 0 1rem 1rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.bottom-navbar{z-index:900;background-color:#fff;width:calc(100vw - 1.25rem);margin:.625rem;display:none;position:absolute;bottom:0;left:0;box-shadow:.25rem .125rem .875rem #2b2b3729!important}.bottom-navbar,.bottom-navbar .nav-item{border-radius:.5rem}.bottom-navbar .nav-item{color:#475467;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1rem;transition:all .4s;display:flex}.bottom-navbar .nav-item.is-active{color:#2970ff;background-color:#eff4ff}@media (width<=768px){.bottom-navbar{display:flex}}.layout{position:relative}.layout__header{align-items:center;gap:.5rem;display:flex}.layout__header-mobile{align-items:center;gap:.25rem;margin-bottom:.5rem;display:none}.layout--not-index{flex-direction:row;padding:.625rem}@media (width<=768px){.layout--not-index{flex-direction:column}.layout--not-index .layout__header-mobile{display:flex}}.layout--no-permission{flex-direction:column;align-items:center;padding:.625rem;display:flex}.layout--no-permission .nc-empty-state{margin:auto}