#__next,.trip-layout{width:100%;height:100%}.trip-layout .il-loading{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;z-index:11111;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .1s;opacity:0}.trip-layout .il-loading.active{opacity:1}.trip-layout .il-loading.hide{display:none}.trip-layout .il-loading .loading-animation{position:absolute;top:calc(50% - 40px);transform:translateY(-50%);width:50px;height:50px;border-radius:50%;margin:auto;transform:rotate(1turn)}.trip-layout .il-loading .loading-animation:after,.trip-layout .il-loading .loading-animation:before{position:absolute;content:"";box-sizing:border-box;border-radius:50%;transform:rotate(2turn)}.trip-layout .il-loading .loading-animation:before{animation:rotate 2s ease-out infinite}.trip-layout .il-loading .loading-animation:after{animation:rotate 2s ease-in-out infinite}.trip-layout .il-loading .loading-animation:before{top:0;left:0;right:0;bottom:0;border-top:3px solid var(--default-color);border-left:3px solid var(--default-color);border-bottom:3px solid #0000;border-right:3px solid #0000}.trip-layout .il-loading .loading-animation:after{top:-2px;left:-2px;right:-2px;bottom:-2px;border-color:#fff #0000 #0000 #fff;border-style:solid;border-width:7px;transition:border-color .3s}@keyframes rotate{to{transform:rotate(0deg)}}.trip-layout .il-loading .loading-name{transform:translateY(60px);font-size:22px}.trip-layout .il-loading .loading-logo{width:160px;height:160px}.trip-layout .il-loading .loading-logo img{width:100%;height:100%}.trip-layout .il-loading .loading-progress-bar{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:100%;max-width:280px}.trip-layout saki-chat-layout{width:100%;height:100%}.trip-layout .tl-side-navigator{height:100%;background-color:#fff}.trip-layout .tl-side-navigator saki-chat-layout-side-navigator{height:100%}.trip-layout .tl-main{width:100%;height:100%;position:relative}.trip-layout .tl-main .tl-m-main{width:100%;height:calc(100% - 50px)}.trip-layout .tl-main .tl-m-main.headerFiexd{height:100%}.tile-color-scale.tile_grayscale{filter:grayscale(1)}.tile-color-scale.tile_darkscale{filter:contrast(.96) brightness(.9) invert(1) hue-rotate(180deg)}.tile-color-scale.tile_blackscale{filter:invert(1) hue-rotate(.5turn)}.tool-box-layout-menu-list .tblml-item a{font-size:14px;padding:14px 16px;display:block;color:#000}.map_current_position_icon{--width:26px;--height:26px;transition:transform var(--position-transition) linear;z-index:474!important}.map_current_position_icon,.map_current_position_icon.avatar .map_current_position_icon-wrap{width:calc(var(--width));height:calc(var(--height));position:relative}.map_current_position_icon.avatar .map_current_position_icon-wrap .icon:after,.map_current_position_icon.avatar .map_current_position_icon-wrap .saki-avatar{position:absolute;left:0;top:0;width:calc(var(--width));height:calc(var(--height))}.map_current_position_icon.avatar .map_current_position_icon-wrap .icon:after{content:"";background-color:#0000;border-radius:50%;border:3px solid #fff;box-shadow:0 0 10px #000000b3}.map_current_position_icon.noAvatar .map_current_position_icon-wrap .icon:after{content:"";width:calc(var(--width));height:calc(var(--height));background-color:var(--saki-default-color);position:absolute;top:0;left:0;border-radius:50%;border:3px solid #fff;box-shadow:0 0 10px #000000b3}.map_current_position_icon .icon{width:calc(var(--width));height:calc(var(--height));position:absolute;transform:rotate(calc(var(--position-heading) - 135deg))}.map_current_position_icon .icon:before{content:"";width:calc(var(--width)*.75);width:calc(var(--height)*.75);height:20px;background-color:#2263fe;position:absolute;top:10px;left:10px;border-radius:5px;transform:skew(5deg,5deg) rotate(180deg);border:3px solid #fff}.map-marker-realtime-position{width:28px!important;height:28px!important;z-index:400!important}.map-marker-realtime-position.Vehicle .map-marker-realtime-position-avatar{position:relative;width:28px!important;height:28px!important}.map-marker-realtime-position.Vehicle .map-marker-realtime-position-avatar saki-avatar{position:absolute;bottom:-14px;right:-14px}.map-marker-realtime-position.Vehicle .map-marker-realtime-position-avatar .map-marker-realtime-position-icon{width:32px;height:32px;background-color:var(--saki-default-color);padding:4px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px #0003}.map-max-speed-marker{--max-speed-marker-pixel:10px;--max-speed-marker-bg-color:var(--saki-default-color);position:relative;width:var(--max-speed-marker-pixel);height:var(--max-speed-marker-pixel);border-radius:50%;margin:calc(-1*var(--max-speed-marker-pixel)/2) 0 0 calc(-1*var(--max-speed-marker-pixel)/2);border:2px solid #fff;background-color:var(--max-speed-marker-bg-color)}.map-max-speed-marker .map-max-speed-marker-wrap{position:absolute;left:-120px;top:-50px;background-color:var(--max-speed-marker-bg-color);display:flex;justify-content:space-between;align-items:center;padding:4px;height:32px;border-radius:16px;transform:scale(.8) translate(42px,15px)}.map-max-speed-marker .map-max-speed-marker-wrap:before{content:"";width:50px;height:50px;position:absolute;left:72px;top:8px;transform:rotate(310deg);width:0;height:0;border-top:50px solid var(--max-speed-marker-bg-color);border-left:10px solid #0000;border-right:10px solid #0000}.map-max-speed-marker .map-max-speed-marker-wrap .msm-icon{background-color:#fff;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.map-max-speed-marker .map-max-speed-marker-wrap .msm-speed{display:flex;justify-content:flex-start;align-items:flex-end;padding:0 2px;position:relative}.map-max-speed-marker .map-max-speed-marker-wrap .msm-speed span{color:#fff}.map-max-speed-marker .map-max-speed-marker-wrap .msm-speed span:first-child{font-size:16px}.map-max-speed-marker .map-max-speed-marker-wrap .msm-speed span:nth-child(2){font-size:11px;margin-left:2px}.map-city-marker{--max-city-marker-bg-color:var(--saki-default-color);border-radius:50%;border:2px solid #fff;background-color:var(--max-city-marker-bg-color)}.map-city-marker.h5{border:none}.map-city-marker .map-city-marker-wrap{position:absolute;top:4px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;padding:4px;height:28px;border-radius:14px}.map-city-marker .map-city-marker-wrap.h1{top:12px}.map-city-marker .map-city-marker-wrap.h2{top:10px}.map-city-marker .map-city-marker-wrap.h3{top:6px}.map-city-marker .map-city-marker-wrap.h4{top:4px}.map-city-marker .map-city-marker-wrap.h5{top:0}.map-city-marker .map-city-marker-wrap span{color:#666;font-weight:700;--text-shadow:#ffffffb3;text-shadow:-1px -1px 0 var(--text-shadow),1px -1px 0 var(--text-shadow),-1px 1px 0 var(--text-shadow),1px 1px 0 var(--text-shadow);white-space:nowrap;font-size:12px}.map-city-marker .map-city-marker-wrap span.h1{font-size:18px;color:#222}.map-city-marker .map-city-marker-wrap span.h2{font-size:17px;color:#444}.map-city-marker .map-city-marker-wrap span.h3{font-size:15px;color:#666}.map-city-marker .map-city-marker-wrap span.h4{font-size:13px;color:#777}.map-city-marker .map-city-marker-wrap span.h5{font-size:11px;color:#888}.roadColorFade .leaflet-tile-container img{opacity:0!important;transition:opacity .3s}.roadColorFade .leaflet-tile-container img.roadColorFade-active{opacity:1!important}.dp-menu-item{display:flex;justify-content:flex-start;align-items:center}.dp-menu-item .icon{fill:#666;width:16px;height:16px;margin-right:6px}.custom-distance-scale{background-color:#ffffffb3;padding:1px 4px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2px}.custom-distance-scale .ds-distance{font-size:10px;color:#333}.custom-distance-scale .ds-ruler{width:attr("data-width");height:1px;background-color:#333;position:relative;transition:width .2s}.custom-distance-scale .ds-ruler:after,.custom-distance-scale .ds-ruler:before{content:"";width:1px;height:4px;background-color:#333;position:absolute;top:-4px}.custom-distance-scale .ds-ruler:after{left:0}.custom-distance-scale .ds-ruler:before{right:0}.leaflet-bottom,.leaflet-top{z-index:500}.lg-thumb .lg-thumb-item img{width:100px!important;height:60px!important;object-fit:cover}.trip-page{width:100%;height:100%;overflow:hidden}.trip-page.startTrip .custom-distance-scale{position:fixed;right:10px;bottom:calc(6px + var(--dashboard-data-h));transition:all .3s}.trip-page.startTrip .fiexd-weather-component{display:none}.trip-page .tp-main{position:relative}.trip-page .tp-main,.trip-page .tp-main #tp-map{width:100%;height:100%}.trip-page .tp-main .tp-m-type-buttons{position:absolute;left:50%;top:60px;transform:translate(-50%);max-width:400px;width:100%;z-index:400;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #0000004d}.trip-page .tp-main .tp-m-type-buttons .buttons-item{padding:20px 10px 20px 20px;display:flex;justify-content:space-between;align-items:flex-end}.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-distance{white-space:nowrap}.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-distance .value{font-size:36px;font-weight:700}.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-distance .name{margin-left:4px;color:#666}.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-right{display:flex;justify-content:flex-end;align-items:flex-end}.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-right .bi-count,.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-right .bi-time{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:20px}.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-right .bi-count .value,.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-right .bi-time .value{font-size:16px;font-weight:700}.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-right .bi-count .name,.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-right .bi-time .name{font-size:12px;color:#666;white-space:nowrap}.trip-page .tp-main .tp-m-type-buttons .buttons-item .bi-right saki-button{margin-left:10px}.trip-page .tp-main .tp-m-trip-buttons,.trip-page .tp-main .tp-m-trip-right-buttons{position:absolute;z-index:600;border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.trip-page .tp-main .tp-m-trip-buttons .tp-b-item,.trip-page .tp-main .tp-m-trip-right-buttons .tp-b-item{width:150px;transition:background-color .1s;user-select:none}.trip-page .tp-main .tp-m-trip-buttons .tp-b-item.start,.trip-page .tp-main .tp-m-trip-right-buttons .tp-b-item.start{background-color:var(--saki-default-color);font-weight:700;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 0 10px #0000004d}.trip-page .tp-main .tp-m-trip-buttons .tp-b-item.start:hover,.trip-page .tp-main .tp-m-trip-right-buttons .tp-b-item.start:hover{background-color:#df738e}.trip-page .tp-main .tp-m-trip-buttons .tp-b-item.start:active,.trip-page .tp-main .tp-m-trip-right-buttons .tp-b-item.start:active{background-color:#dd5174}.trip-page .tp-main .tp-m-trip-buttons .tp-b-item.start.startCountdown,.trip-page .tp-main .tp-m-trip-right-buttons .tp-b-item.start.startCountdown{font-size:28px}.trip-page .tp-main .tp-m-trip-buttons .tp-b-item.start.starting,.trip-page .tp-main .tp-m-trip-right-buttons .tp-b-item.start.starting{width:50px;height:50px;font-size:12px;padding:0 0 4px}.trip-page .tp-main .tp-m-trip-buttons .tp-b-item.history,.trip-page .tp-main .tp-m-trip-right-buttons .tp-b-item.history{display:flex;padding:0 20px}.trip-page .tp-main .tp-m-trip-buttons.waiting{bottom:60px;left:50%;transform:translate(-50%)}.trip-page .tp-main .tp-m-trip-buttons.starting{right:4px;top:222px;transform:translate(0)}.trip-page .tp-main .tp-m-trip-right-buttons{right:50%;transform:translate(-50%);display:none;opacity:0}.trip-page .tp-main .tp-m-trip-right-buttons.starting{display:block;right:20px;bottom:30px;transform:translate(0);opacity:1;transition:all .3s}.trip-page .tp-main .tp-m-click-position{position:absolute;bottom:0;left:0;z-index:400;background-color:#ffffffb3;font-size:13px;padding:2px 4px;color:#555;border-radius:0 4px 0 0;cursor:pointer;user-select:none;display:flex;justify-content:flex-start;align-items:center;line-height:15px}.track-route-page{width:100%;height:100%;overflow:hidden;color:#836d72}.track-route-page .tp-main{width:100%;height:100%;position:relative}.track-route-page .tp-main #tp-map{width:100%;height:100%}.track-route-page .tp-main #tp-map.Mobile.start{height:calc(100% - 250px);transform:translateY(250px)}.track-route-page .tp-main .map_current_position_icon{box-shadow:0 0 10px #000000b3;color:#b8f2f7;border-radius:50%;width:26px;height:26px}.track-route-page .tp-main .tp-statistics{position:absolute;left:20px;bottom:50px;z-index:500;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.track-route-page .tp-main .tp-statistics .tp-view-details{display:flex;flex-direction:column}.track-route-page .tp-main .tp-statistics .tp-view-details .tp-vd-top .value{font-size:18px;font-weight:700;color:#fff}.track-route-page .tp-main .tp-statistics .tp-view-details .tp-vd-bottom{margin-top:4px}.track-route-page .tp-main .tp-statistics .tp-view-details .tp-vd-bottom .value{font-size:12px;font-weight:500;color:#fff}.track-route-page .tp-main .tp-statistics .tp-s-content{display:flex;flex-direction:column}.track-route-page .tp-main .tp-statistics .tp-s-content .tp-s-c-distance .value{font-size:36px;font-weight:700;color:#fff}.track-route-page .tp-main .tp-statistics .tp-s-content .tp-s-c-distance .name{margin-left:4px;color:#ccc}.track-route-page .tp-main .tp-statistics .tp-s-content .tp-s-c-bottom{margin-top:4px}.track-route-page .tp-main .tp-statistics .tp-s-content .tp-s-c-bottom .value{font-size:14px;font-weight:500;color:#fff}.track-route-page .tp-main .tp-statistics .tp-s-content .tp-s-c-bottom-info{margin-top:4px}.track-route-page .tp-main .tp-statistics .tp-s-content .tp-s-c-bottom-info .value{font-size:12px;font-weight:500;color:#fff}.tp-modal-main{padding:10px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.tp-modal-main .ti-distance{width:100%;display:flex;justify-content:flex-start;align-items:flex-end;margin-top:14px}.tp-modal-main .ti-distance .ti-d-value{font-size:38px;font-weight:700;color:#000}.tp-modal-main .ti-distance .ti-d-unit{font-size:14px;margin:0 0 5px 4px;color:#666}.tp-modal-main .ti-distance .ti-d-tip{font-size:10px;margin:0 0 5px 4px;color:#999;font-style:italic;background-color:#eee;padding:4px 8px;border-radius:6px}.tp-modal-main .ti-color{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:14px}.tp-modal-main .ti-color .ti-c-min{padding-right:6px;color:#58c8f2}.tp-modal-main .ti-color .ti-c-line{flex:1 1;height:4px;border-radius:2px;background:linear-gradient(45deg,#58c8f2,#eda4b2)}.tp-modal-main .ti-color .ti-c-max{padding-left:6px;color:#eda4b2}.tp-modal-main .ti-data{width:100%;display:flex;flex-direction:column;margin-top:14px;padding:20px 6px;border-radius:10px;border:1px dashed var(--saki-default-color)}@media screen and (max-width:767px){.tp-modal-main .ti-data.en-US .ti-d-top .ti-d-item.time .value{font-size:18px;margin:2px 0}.tp-modal-main .ti-data.en-US .ti-d-bottom .ti-d-b-item span:first-child,.tp-modal-main .ti-data.en-US .ti-d-top .ti-d-item .name{font-size:10px}}.tp-modal-main .ti-data .ti-d-top{display:flex;justify-content:space-between;align-items:center}.tp-modal-main .ti-data .ti-d-top .ti-d-item{display:flex;flex-direction:column;align-items:center;width:33.3333%}.tp-modal-main .ti-data .ti-d-top .ti-d-item .value{font-size:22px;font-weight:700;color:#000;white-space:nowrap}.tp-modal-main .ti-data .ti-d-top .ti-d-item .name{font-size:12px;color:#666;white-space:nowrap}.tp-modal-main .ti-data .ti-d-bottom{border-top:1px dashed #eee;margin:10px 0 0;padding:10px 0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.tp-modal-main .ti-data .ti-d-bottom .ti-d-b-item{white-space:nowrap;color:#666;font-size:12px;position:relative;margin:6px 0;text-align:center}.tp-modal-main .ti-data .ti-d-bottom .ti-d-b-item:before{content:"-";position:absolute;right:0;top:50%;transform:translateY(-50%)}.tp-modal-main .ti-data .ti-d-bottom .ti-d-b-item:last-child:before,.tp-modal-main .ti-data .ti-d-bottom .ti-d-b-item:nth-child(3n):before{content:""}.tp-modal-main .ti-data .ti-d-bottom.Mobile{justify-content:space-between}.tp-modal-main .ti-data .ti-d-bottom.Mobile .ti-d-b-item{display:flex;flex-direction:column-reverse}.trip-detail-page{width:100%;height:100%;margin:0 auto;padding:10px 0 0}.trip-detail-page .td-none{text-align:center;font-size:18px;font-weight:300;line-height:300px}.jm-detail-layer-page{width:100%;height:100%}.jm-detail-layer-page .jm-detail-none-page{width:100%}.jm-detail-layer-page .jm-detail-none-page .td-none{text-align:center;font-size:18px;font-weight:300;line-height:300px}.footer-component{width:100%;display:flex;justify-content:space-between;align-items:center}.footer-component .f-left .f-language .f-l-button{display:flex;justify-content:center;align-items:center;font-size:12px}.footer-component .f-left .f-language .f-l-button .icon{width:16px;height:16px}.footer-component .f-right .f-r-copyright{font-size:12px}.footer-component .f-right a{color:#000}.footer-component .f-right a:hover{text-decoration:underline}.settings-component{display:flex;justify-content:flex-start;flex-direction:column;height:100%;user-select:none}.settings-component.Mobile .settings-main{position:relative}.settings-component.Mobile .settings-main .settings-m-list-page{width:100%}.settings-component.Mobile .settings-main .settings-m-item-page{width:100%;height:100%;position:absolute;top:0;left:100%;background-color:#fff;transition:left .3s;padding:10px}.settings-component.Mobile .settings-main .settings-m-item-page.active{left:0}.settings-component .settings-main{display:flex;justify-content:space-between;height:calc(100% - 56px);border-top:1px solid #eee}.settings-component .settings-main .settings-m-left{width:200px;height:100%;border-right:1px solid #eee}.settings-component .settings-main .settings-m-main{width:calc(100% - 200px);height:100%;padding:10px 0}.settings-component .s-account .s-a-profile{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.settings-component .s-account .s-a-profile .s-a-p-nickname{margin-top:10px;font-size:18px;font-weight:500}.settings-component .s-account .s-a-profile .s-a-p-item{width:100%}.setting-about-page .version-info,.settings-component .s-account .s-a-buttons{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.setting-about-page .version-info img{width:80px;height:80px;margin:10px 0}.setting-about-page .version-info .version-code{color:#666;display:flex;align-items:center;justify-content:center}.setting-about-page .version-info .version-code span:nth-child(2){background-color:var(--saki-default-color);color:#fff;font-size:10px;font-weight:700;padding:4px;border-radius:4px;margin:0 0 0 4px}.settings-item-component{padding:6px 10px}.settings-item-component.border{margin-bottom:16px;border:1px solid #eee;border-radius:10px;padding:6px 18px 20px}.settings-item-component .pi-title{font-size:18px;font-weight:600;margin:6px 0}.settings-item-component .pi-subtitle{font-size:16px;font-weight:500;margin:6px 0;color:var(--default-color);font-size:12px}.settings-item-component .pi-main{font-size:14px;width:100%}.settings-item-component .auto-close-window-after-copy{width:100%;margin-top:10px}.settings-item-component .auto-close-window-after-copy,.settings-item-component .s-sync{display:flex;justify-content:space-between;align-items:center}.settings-item-component .s-backup{display:flex;flex-direction:column;justify-content:flex-start}.settings-item-component .s-backup .s-b-path{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-radius:6px;margin-bottom:10px}.settings-item-component .s-backup .s-b-path .name{padding-right:10px;white-space:nowrap}.settings-item-component .s-backup .s-b-path .content{flex:1 1;display:flex;justify-content:flex-end;align-items:center;cursor:pointer}.settings-item-component .s-backup .s-b-path .content:hover .path{color:#777}.settings-item-component .s-backup .s-b-path .content:hover .icon{fill:#777}.settings-item-component .s-backup .s-b-path .content:active .path{color:#555}.settings-item-component .s-backup .s-b-path .content:active .icon{fill:#555}.settings-item-component .s-backup .s-b-path .content .path{color:#999;flex:1 1;text-align:right}.settings-item-component .s-backup .s-b-path .content .icon{width:14px;height:14px;fill:#999;margin-left:6px}.settings-item-component .s-backup .s-p-automatically{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px}.settings-item-component .s-backup .s-p-buttons{display:flex;justify-content:flex-end;align-items:center}.settings-item-component .s-backup .s-p-last-backup-time,.settings-item-component .shortcut-item{display:flex;justify-content:space-between;align-items:center}.settings-item-component .shortcut-item{margin-top:10px}.settings-item-component .shortcut-item .keys{display:flex;justify-content:space-between;align-items:center}.settings-item-component .shortcut-item .keys .key-item{border:1px solid #ccc;border-radius:4px;padding:6px 8px;margin-left:6px}.settings-menu-item{display:flex;justify-content:flex-start;align-items:center}.settings-menu-item .icon{fill:#666;margin-right:6px;width:20px;transform:translateY(1px)}.settings-menu-item .name{font-size:16px}.about-links,.about-links .settings-link{display:flex;justify-content:flex-start;align-items:center}.about-links .settings-link{margin:12px 0;color:#000;cursor:pointer}.about-links .settings-link span{margin-left:8px}.about-links .settings-link:hover span{color:#555}.setting-maps .sm-basemap,.setting-maps .sm-positionShare{display:flex;justify-content:space-between;margin:20px 0 0}.setting-maps .sm-segmented{position:relative;height:52px;display:flex;justify-content:flex-end}.setting-maps .sm-segmented saki-segmented{position:absolute}.setting-maps .sm-bm-recommend{display:flex;justify-content:flex-start;align-items:center;margin-top:6px;white-space:nowrap;flex-wrap:wrap}.setting-maps .sm-bm-recommend .sm-r-item{margin:4px 6px 0 0;cursor:pointer;font-style:italic}.setting-maps .sm-bm-recommend .sm-r-item>span{font-size:12px;color:#666}.setting-maps .sm-bm-recommend .sm-r-item>span:hover{color:#444}.setting-maps .sm-bm-recommend .sm-r-item>span:active{color:#222}.setting-maps .sm-sc-color{display:flex;justify-content:space-between;align-items:center}.setting-maps .sm-sc-color .sm-sc-min{padding-right:6px;color:#58c8f2}.setting-maps .sm-sc-color .sm-sc-line{flex:1 1;height:4px;border-radius:2px;background:linear-gradient(45deg,#58c8f2,#eda4b2)}.setting-maps .sm-sc-color .sm-sc-max{padding-left:6px;color:#eda4b2}.setting-maps .sm-speed-color-range{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:16px 0}.setting-maps .sm-speed-color-range .sm-sc-type{width:100%;display:flex;justify-content:space-between;margin:0 0 10px}.setting-maps .sm-speed-color-range .sm-sc-speed{width:100%;display:flex;align-items:center;justify-content:space-between}.setting-maps .sm-speed-color-range .sm-sc-speed span{color:#555}.setting-maps .sm-speed-color-range .sm-sc-range{width:100%;display:flex;align-items:center;justify-content:space-between}.setting-maps .sm-speed-color-range .sm-sc-range saki-slider{width:100%;padding:0 20px}.setting-maps .sm-speed-color-range .sm-sc-range>div span{display:flex;flex-direction:column;align-items:center}.setting-maps .sm-speed-color-range .sm-sc-range>div span.text{color:#555;margin:0 0 2px}.setting-maps .sm-trc-item{display:flex;justify-content:space-between;align-items:center}.setting-maps .sm-trc-item span{margin:0 10px 0 0}.setting-maps .sm-trc-item .sm-trc-i-color{flex:1 1;height:4px;border-radius:2px}.setting-cache{flex-direction:column;justify-content:flex-start}.setting-cache,.tb-header{display:flex;align-items:center}.tb-header{justify-content:space-between;height:50px;position:relative}.tb-header .tb-h-bg{height:100%}.tb-header .tb-h-bg,.tb-header.fixed{position:absolute;top:0;left:0;width:100%}.tb-header.fixed{z-index:500;transition:top .3s;overflow:hidden}.tb-header.fixed .tb-h-bg{filter:blur(20px)}.tb-header.fixed.hide{top:-50px}.tb-header .tb-h-left{display:flex;justify-content:flex-start;align-items:center;padding:0 0 0 10px}.tb-header .tb-h-right{padding:0 10px 0 0;display:flex;justify-content:flex-end;align-items:center}.tb-header .tb-h-right .tb-h-r-user{cursor:pointer;margin:0 0 0 10px}.tb-h-r-user-item{display:flex;align-items:center}.tb-h-r-user-item saki-icon{width:20px;margin:0 10px 0 0}.login-component{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:100%}.md-button{margin:7px 0}.md-button,.md-button .logo-text{display:flex;flex-direction:column;justify-content:center}.md-button .logo-text{align-items:center;font-size:18px;color:#555}@media(max-width:600px){.md-button .logo-text{font-size:14px}}.md-button .icon{width:12px;height:12px;margin-left:10px;fill:#999;transition:all .3s}.md-button .icon.active{transform:rotate(180deg)}.trip-history-component{display:flex;justify-content:flex-start;flex-direction:column;height:100%;user-select:none}.trip-history-component.enlarge #tic-map{width:100%;height:calc(var(--window-h) - 250px)!important}.trip-history-component.enlarge .ti-main{margin:calc(var(--window-h) - 250px) 0 0!important}.trip-history-component .th-main{display:flex;justify-content:space-between;height:calc(100% - 56px)}.trip-history-component .th-main .settings-m-left{width:200px;height:100%;border-right:1px solid #eee}.trip-history-component .th-main .settings-m-main{width:calc(100% - 200px);height:100%;padding:10px 0}.trip-history-page{width:100%;position:relative;background-color:#fff}.trip-history-page .th-wrap{padding:10px}.trip-history-page .th-wrap.scroll{padding:10px 2px 10px 10px}.trip-history-page .th-wrap .th-type-tabs{width:100%;border-radius:10px;overflow:hidden;background-color:#fff;border:1px dashed var(--saki-default-color);margin:0 0 10px}.trip-history-page .th-wrap .th-type-tabs .statistics-item{padding:10px 20px;display:flex;flex-direction:column;justify-content:flex-start}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-center{display:flex;justify-content:center}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-center .si-t-item{background-color:var(--saki-default-color);color:#fff;padding:8px 0;width:48px;text-align:center}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-center .si-t-item:first-child{border-radius:6px 0 0 6px}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-center .si-t-item:last-child{border-radius:0 6px 6px 0}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-center .si-t-item:hover{background-color:#f0849f}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-center .si-t-item.active,.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-center .si-t-item:active{background-color:#ee6889}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-left,.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-right{width:100px;display:flex;justify-content:flex-end;align-items:center}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-right .si-t-r-icon{position:relative}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-right .si-t-r-icon.active .si-t-r-i-dot{opacity:1}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-time .si-t-right .si-t-r-icon .si-t-r-i-dot{position:absolute;right:-4px;top:-4px;width:8px;height:8px;background-color:red;border-radius:50%;opacity:0}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data{display:flex;justify-content:space-between;align-items:flex-end}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-distance{white-space:nowrap}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-distance .value{font-size:36px;font-weight:700}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-distance .name{margin-left:4px;color:#666}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-right{display:flex;justify-content:flex-end;align-items:flex-end}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-right .bi-count,.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-right .bi-time{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:20px}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-right .bi-count .value,.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-right .bi-time .value{font-size:16px;font-weight:700}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-right .bi-count .name,.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-right .bi-time .name{font-size:12px;color:#666}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-data .bi-right saki-button{margin-left:10px}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-chart{width:100%}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-chart canvas{width:100%;height:200px}.trip-history-page .th-wrap .th-type-tabs .statistics-item .si-buttons{display:flex;justify-content:center}.trip-history-page .th-item-page{position:absolute;top:0;left:100%;background-color:#fff;width:100%;height:100%;transition:left .2s}.trip-history-page .th-item-page.visivle{left:0}.trip-history-page .th-statistics-page{position:absolute;top:0;left:100%;background-color:#fff;width:100%;height:100%;transition:left .2s}.trip-history-page .th-statistics-page.visivle{left:0}.str-main-dropdown{padding:10px}.str-main-dropdown .str-date{display:flex;justify-content:space-between}.str-main-dropdown .str-date .str-d-content{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;width:100%}.str-main-dropdown .str-date .str-d-content saki-input,.str-main-dropdown .str-date .str-d-content span{color:#ccc}.str-main-dropdown .str-buttons{display:flex;justify-content:flex-end}.str-main-dropdown .str-buttons span{font-size:12px}.trip-list-item-component{background-color:#fff;border:1px dashed var(--saki-default-color);border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin:0 0 10px;transition:background-color .3s}.trip-list-item-component:hover{background-color:#f3f3f3}.trip-list-item-component:active{background-color:#eee}.trip-list-item-component.Mobile{padding:12px}.trip-list-item-component .th-l-i-left{display:flex;flex-direction:column}.trip-list-item-component .th-l-i-left .th-l-i-l-title{display:flex;justify-content:flex-start;align-items:center}.trip-list-item-component .th-l-i-left .th-l-i-l-title .th-l-i-l-t-customTrip,.trip-list-item-component .th-l-i-left .th-l-i-l-title .th-l-i-l-t-local{background-color:var(--saki-default-color);color:#fff;border-radius:4px;padding:2px 6px;margin-left:6px}.trip-list-item-component .th-l-i-left .th-l-i-l-title .th-l-i-l-t-customTrip{background-color:#62c3e8}.trip-list-item-component .th-l-i-left .th-l-i-l-title .ti-d-tip{font-size:10px;margin:0 0 0 4px;color:#999;font-style:italic;background-color:#eee;padding:4px 8px;border-radius:6px}.trip-list-item-component .th-l-i-left .th-l-i-l-info{display:flex;justify-content:flex-start;flex-wrap:wrap;position:relative}.trip-list-item-component .th-l-i-left .th-l-i-l-info .info-item{color:#555;margin-right:10px;white-space:nowrap;font-size:12px}.trip-list-item-component .th-l-i-right .th-l-i-r-date{color:#999;white-space:nowrap;font-size:12px}.trip-item-component{width:100%;height:100%;position:relative;z-index:100;background-color:#fff}.trip-item-component .ti-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#999}.trip-item-component .ti-map-wrap{width:100%;height:var(--map-height);position:absolute;left:0;top:0;z-index:990;transition:height .3s}.trip-item-component .ti-map-wrap #tic-map{width:100%;height:100%;position:absolute;left:0;top:0;outline:none}.trip-item-component .ti-map-wrap .ti-replay{position:absolute;left:20px;bottom:20px;z-index:1090}.trip-item-component .ti-main{width:100%;background-color:#fff;border-radius:10px 10px 0 0;margin:var(--map-height) 0 0;transition:margin .3s}.trip-item-component .ti-main.startScroll{position:relative;z-index:1002}.trip-item-component .ti-main .ti-wrap{max-width:780px;width:100%;margin:0 auto}.trip-item-component .ti-main .ti-wrap .ti-m-content{padding:10px 20px 20px}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-m-c-header{display:flex;justify-content:space-between;align-items:center}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-m-c-header .ti-title{color:#666}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-m-c-header .ti-more{display:flex;justify-content:flex-end;align-items:center}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-distance{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-distance .ti-d-left{display:flex;justify-content:flex-start;align-items:flex-end}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-distance .ti-d-left .ti-d-value{font-size:38px;font-weight:700;color:#000}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-distance .ti-d-left .ti-d-unit{font-size:14px;margin:0 0 5px 4px;color:#666}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-distance .ti-d-left .ti-d-tip{font-size:10px;margin:0 0 5px 4px;color:#999;font-style:italic;background-color:#eee;padding:4px 8px;border-radius:6px}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-distance .ti-d-right{display:flex;justify-content:flex-end;align-items:flex-end}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-color{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-color .ti-c-min{padding-right:6px;color:#58c8f2}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-color .ti-c-line{flex:1 1;height:4px;border-radius:2px;background:linear-gradient(45deg,#58c8f2,#eda4b2)}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-color .ti-c-max{padding-left:6px;color:#eda4b2}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data{display:flex;flex-direction:column;margin-top:14px;padding:20px 6px;border-radius:10px;border:1px dashed var(--saki-default-color)}@media screen and (max-width:767px){.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data.en-US .ti-d-top .ti-d-item.time .value{font-size:18px;margin:2px 0}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data.en-US .ti-d-bottom .ti-d-b-item span:first-child,.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data.en-US .ti-d-top .ti-d-item .name{font-size:10px}}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-top{display:flex;justify-content:space-between;align-items:center}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-top .ti-d-item{display:flex;flex-direction:column;align-items:center;width:33.3333%}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-top .ti-d-item .value{font-size:22px;font-weight:700;color:#000;white-space:nowrap}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-top .ti-d-item .name{font-size:12px;color:#666;white-space:nowrap}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-bottom{border-top:1px dashed #eee;margin:10px 0 0;padding:10px 0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-bottom .ti-d-b-item{white-space:nowrap;color:#666;font-size:12px;position:relative;margin:6px 0;text-align:center}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-bottom .ti-d-b-item:before{content:"-";position:absolute;right:0;top:50%;transform:translateY(-50%)}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-bottom .ti-d-b-item:last-child:before,.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-bottom .ti-d-b-item:nth-child(3n):before{content:""}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-bottom.Mobile{justify-content:space-between}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-data .ti-d-bottom.Mobile .ti-d-b-item{display:flex;flex-direction:column-reverse}.trip-item-component .ti-main .ti-wrap .ti-m-content .ti-pace{margin-top:14px}.trip-item-component .ti-main .ti-wrap .ti-marks{padding:10px 20px 20px}.trip-item-component .ti-main .ti-wrap .ti-marks .ti-m-title{font-size:14px;color:#666;margin:0 0 10px}.trip-item-component .ti-main .ti-wrap .ti-marks .ti-m-list .ti-m-l-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.trip-item-component .ti-main .ti-wrap .ti-marks .ti-m-list .ti-m-l-item .ti-m-l-i-index{font-size:12px;color:#666;width:50px}.trip-item-component .ti-main .ti-wrap .ti-marks .ti-m-list .ti-m-l-item .ti-m-l-i-createtime{font-size:12px;color:#555}.trip-item-component .ti-main .ti-wrap .ti-speed-distance-chart{padding:10px 20px}.trip-item-component .ti-main .ti-wrap .ti-tripProgress-types{display:flex;justify-content:flex-start;align-items:center;padding:10px 20px 20px}.trip-item-component .ti-main .ti-wrap .ti-tripProgress-types .ti-tp-t-item{background-color:var(--saki-default-color);padding:2px 4px}.trip-item-component .ti-main .ti-wrap .ti-tripProgress{padding:10px 20px 20px 28px;display:flex;justify-content:space-between;position:relative}.trip-item-component .ti-main .ti-wrap .ti-tripProgress:before{content:"";width:4px;height:calc(100% - 90px);background-color:#eee;border-radius:2px;position:absolute;left:24px;top:26px}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-progress{width:4px;border-radius:2px;background-color:#eee;margin:0 16px 0 0}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list{display:flex;flex-direction:column;flex:1 1;padding:0 0 0 16px}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item{margin:10px 0}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item:last-child{border-bottom:none}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item .tp-i-header{display:flex;align-items:center;justify-content:flex-start;position:relative}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item .tp-i-header:after{content:"";width:10px;height:10px;background-color:#fff;border:2px solid var(--saki-default-color);border-radius:50%;position:absolute;left:-23px;top:50%;transform:translateY(-50%)}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item .tp-i-header span{color:#666}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item .tp-i-header span:first-child{background-color:#eee;color:#666;padding:3px 4px 4px;border-radius:4px;font-size:11px}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item .tp-i-content{margin:2px 0}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item .tp-i-content .tp-i-c-type span{font-size:16px;font-weight:700}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item .tp-i-content .tp-i-c-type span:nth-child(2){font-weight:500;font-size:12px;margin:0 0 0 6px;color:#666}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item .tp-i-content .tp-i-c-content>span{color:#666;font-size:12px}.trip-item-component .ti-main .ti-wrap .ti-tripProgress .ti-list .tp-item .tp-i-content .tp-i-c-content .tp-i-c-road{display:flex;align-items:center;margin:4px 0 0;flex-wrap:wrap;gap:6px}.trip-item-component .ti-main .ti-wrap .ti-cities{padding:10px 20px 20px}.trip-item-component .ti-main .ti-wrap .ti-cities .ti-m-title{font-size:14px;color:#666;margin:0 0 10px}.trip-item-component .ti-main .ti-wrap .ti-cities .ti-m-list .ti-m-l-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.trip-item-component .ti-main .ti-wrap .ti-cities .ti-m-list .ti-m-l-item .ti-m-l-i-index{font-size:12px;color:#666}.trip-item-component .ti-main .ti-wrap .ti-cities .ti-m-list .ti-m-l-item .ti-m-l-i-createtime{font-size:12px;color:#555}.trip-item-component .ti-main .ti-wrap .ti-buttons{display:flex;justify-content:center}.ti-share-component{width:100%;height:100%}.ti-share-component .ts-main{width:100%;height:100%;display:flex;flex-direction:column}.ti-share-component .ts-main .ts-m-cvs{width:100%;display:flex;flex-direction:column;height:calc(100% - 150px);flex:1 1;position:relative}.ti-share-component .ts-main .ts-m-cvs img{height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ti-share-component .ts-main .ts-m-footer{height:150px;background-color:#fff;display:flex;flex-direction:column;border-radius:20px 20px 0 0;overflow:hidden}.ti-share-component .ts-main .ts-m-footer .buttons-main{display:flex;justify-content:center;margin:5px 0}.ti-share-component .ts-main .ts-m-footer .buttons-main .buttons-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.ti-share-component .ts-main .ts-m-footer .buttons-main .buttons-item .bi-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.ti-share-component .ts-main .ts-m-footer .buttons-main .buttons-item .bi-icon.download{background:#57c8f3}.ti-share-component .ts-main .ts-m-footer .buttons-main .buttons-item .bi-icon.link{background:var(--saki-default-color)}.trip-edit-component{background-color:#fff}.trip-edit-component .tr-main{padding:20px}.trip-edit-component .tr-main .tr-m-item{margin-bottom:10px}.trip-edit-component .tr-main .tr-m-item .tr-m-i-content{display:flex;justify-content:space-between;align-items:center}.trip-edit-component .tr-main .tr-m-buttons{display:flex;justify-content:center}.map-track-route-modal-component{display:flex;justify-content:flex-start;flex-direction:column;height:100%;user-select:none}.map-track-route-modal-component .ml-main{display:flex;justify-content:space-between;height:calc(100% - 56px)}.map-track-route-modal-component .ml-main .settings-m-left{width:200px;height:100%;border-right:1px solid #eee}.map-track-route-modal-component .ml-main .settings-m-main{width:calc(100% - 200px);height:100%;padding:10px 0}.map-buttons-component{position:absolute;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s}.map-buttons-component .realTimePosition-button{position:relative}.map-buttons-component .realTimePosition-button:after{content:"";width:14px;height:14px;border:3px solid #fff;border-radius:50%;position:absolute;left:-2px;top:12px}.map-buttons-component .realTimePosition-button.start{--anima-bg-color:#51ce87;--anima-bg-active-color:#108543}.map-buttons-component .realTimePosition-button.start:after{background-color:var(--anima-bg-color)}.map-buttons-component .realTimePosition-button.close:after{background-color:#aaa}.map-buttons-component .realTimePosition-button.start.Disable{--anima-bg-color:#ad0808;--anima-bg-active-color:#7a0808}.map-buttons-component .realTimePosition-button.start.Disable:after{background-color:var(--anima-bg-color)}@keyframes anima{0%{box-shadow:0 0 10px #fff;background-color:var(--anima-bg-color)}to{box-shadow:0 0 10px var(--anima-bg-color);background-color:var(--anima-bg-active-color)}}.map-buttons-component .realTimePosition-button.start:after{animation:anima 1s infinite alternate-reverse}.map-buttons-component .mark-button .mark-content{font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.statistics-component{width:100%;position:relative;background-color:#fff}.statistics-component .sc-wrap{padding:10px;display:flex;align-items:center;justify-content:center}.statistics-component .sc-wrap .sc-list{width:100%;display:grid;grid-template-columns:repeat(6,calc(16.6666666667% - 8px));grid-gap:10px 10px}@media screen and (max-width:700px){.statistics-component .sc-wrap .sc-list{grid-template-columns:repeat(5,calc(20% - 8px))}}@media screen and (max-width:600px){.statistics-component .sc-wrap .sc-list{grid-template-columns:repeat(4,calc(25% - 8px))}}@media screen and (max-width:500px){.statistics-component .sc-wrap .sc-list{grid-template-columns:repeat(3,calc(33.3333333333% - 8px))}}.statistics-component .sc-wrap .sc-list .sc-l-item{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100px;cursor:pointer;padding:0 10px;border-radius:10px;box-shadow:0 0 5px #0000001a;transition:all .2s}.statistics-component .sc-wrap .sc-list .sc-l-item:hover{background-color:#f4f4f4}.statistics-component .sc-wrap .sc-list .sc-l-item:active{background-color:#eee}.statistics-component .sc-wrap .sc-list .sc-l-item span.num{font-size:24px;font-weight:700;text-align:center;height:55px;display:flex;flex-direction:column;justify-content:flex-end}.statistics-component .sc-wrap .sc-list .sc-l-item span.type{font-size:14px;color:#999;text-align:center;flex:1 1}.replay-trip-component{display:flex;justify-content:flex-start;flex-direction:column;height:100%;user-select:none}.replay-trip-component .rt-main{position:relative;display:flex;justify-content:space-between;height:var(--window-h)}.replay-trip-component .rt-main .rt-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#444}.replay-trip-component .rt-main.Dark{--bg-color:#00000080;--text-color:#fff;--h2-text-color:#bbb}.replay-trip-component .rt-main.Light{--bg-color:#ffffff80;--text-color:#000;--h2-text-color:#666}.replay-trip-component .rt-main #rt-map{width:100%;height:100%}.replay-trip-component .rt-main .rt-button{position:absolute;left:50%;transform:translateX(-50%);bottom:60px;z-index:calc(var(--rt-z-index) + 10);border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.replay-trip-component .rt-main .rt-button.starting{left:20px;bottom:100px;transform:translateX(0)}.replay-trip-component .rt-main .rt-button .rt-b-item{width:150px;transition:background-color .1s;user-select:none}.replay-trip-component .rt-main .rt-button .rt-b-item.start{background-color:var(--saki-default-color);font-weight:700;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 0 10px #0000004d}.replay-trip-component .rt-main .rt-button .rt-b-item.start:hover{background-color:#df738e}.replay-trip-component .rt-main .rt-button .rt-b-item.start:active{background-color:#dd5174}.replay-trip-component .rt-main .rt-button .rt-b-item.start.starting{font-size:28px}.replay-trip-component .rt-main .rt-city{position:absolute;bottom:0;right:0;z-index:calc(var(--rt-z-index) + 10);padding:10px;border-radius:10px 0 0 10px;font-family:Verdana,sans-serif}.replay-trip-component .rt-main .rt-city.pov{width:100%;height:80px;border-radius:0;display:flex;align-items:center;flex-wrap:wrap}.replay-trip-component .rt-main .rt-city.Dark{background-color:#0000004d}.replay-trip-component .rt-main .rt-city.Dark span{color:#fff}.replay-trip-component .rt-main .rt-city.Light{background-color:#ffffff4d}.replay-trip-component .rt-main .rt-city.Light span{color:#000}.replay-trip-component .rt-main .rt-city.newdashboard{bottom:calc(10px + var(--dashboard-data-h));right:0;transition:bottom .3s}.replay-trip-component .rt-main .rt-city span{font-size:18px;font-weight:700}.replay-trip-component .rt-main .rt-processbar{width:calc(100% - 60px);height:40px;max-width:500px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:calc(var(--rt-z-index) + 10);display:flex;justify-content:center;align-items:center;padding:0 10px;border-radius:20px;background-color:var(--bg-color);transition:background-color .3s,bottom .3s}.replay-trip-component .rt-main .rt-processbar.Dark{background-color:#0000004d}.replay-trip-component .rt-main .rt-processbar.Light{background-color:#ffffff4d}.replay-trip-component .rt-main .rt-processbar.show{bottom:calc(30px + var(--dashboard-data-h))}.replay-trip-component .rt-main .rt-processbar.hide{bottom:-40px}.replay-trip-component .rt-main .rt-processbar.Mobile{width:calc(100% - 20px)}.replay-trip-component .rt-main .rt-processbar:hover{background-color:#00000080}.replay-trip-component .rt-main .rt-processbar:hover.Dark{background-color:#0000004d}.replay-trip-component .rt-main .rt-processbar:hover.Light{background-color:#ffffff80}.replay-trip-component .rt-main .rt-processbar:hover .rt-p .rt-p-mark{opacity:1}.replay-trip-component .rt-main .rt-processbar .rt-p{flex:1 1;height:10px;position:relative}.replay-trip-component .rt-main .rt-processbar .rt-p .rt-p-mark{top:-4px;opacity:0;transition:opacity .2s}.replay-trip-component .rt-main .rt-processbar saki-dropdown{width:50px}.replay-trip-component .rt-main .rt-processbar saki-dropdown saki-button{display:flex;flex-direction:column;justify-content:center;align-items:center}.replay-trip-component .rt-main .rt-skip-button{position:absolute;bottom:calc(160px + var(--dashboard-data-h));left:10px;z-index:calc(var(--rt-z-index) + 10);transition:all .3s}.replay-trip-component .rt-main .rt-skip-button span{color:#fff;transform:translateY(-1px)}.replay-trip-component .rt-main .rt-back-button{position:absolute;z-index:calc(var(--rt-z-index) + 10)}.replay-trip-component .rt-main .rt-back-button.stop{left:10px;top:10px}.replay-trip-component .rt-main .rt-back-button.start{display:none}.replay-trip-component .rt-main.pov{--pov-top:10px}.replay-trip-component .rt-main.pov .rt-bg{background-color:#444}.replay-trip-component .rt-main.pov #rt-map{--map-w:240px;width:var(--map-w);height:var(--map-w);position:absolute!important;right:10px;top:calc(10px + var(--pov-top));border-radius:calc(var(--map-w)/12);border:calc(var(--map-w)/120) solid #666;overflow:hidden}.replay-trip-component .rt-main.pov .rt-city{width:auto;height:auto;border-radius:10px 0 0 10px;display:flex;align-items:center;flex-wrap:wrap;background-color:#000}.dashboard-layer{width:100%;height:100%}.dashboard-layer .dl-comp{width:100%;height:100%;position:absolute;left:0;top:0}.dashboard-layer .dl-map{width:100%;height:100%}.road-icon-component{--ri-w:80px;align-self:flex-start;animation:showAnime .5s linear;text-align:center;width:var(--ri-w)}@keyframes showAnime{0%{opacity:0;transform:translateY(15px)}50%{transform:translateY(0)}to{opacity:1}}.road-icon-component.primary,.road-icon-component.residential,.road-icon-component.secondary,.road-icon-component.tertiary,.road-icon-component.trunk,.road-icon-component.unclassified{--ri-w:100px}.road-icon-component.primary.onlyCode,.road-icon-component.residential.onlyCode,.road-icon-component.secondary.onlyCode,.road-icon-component.tertiary.onlyCode,.road-icon-component.trunk.onlyCode,.road-icon-component.unclassified.onlyCode{padding:calc(var(--ri-w)*.08) calc(var(--ri-w)*.13) calc(var(--ri-w)*.13)}@media screen and (max-width:767px){.road-icon-component.primary,.road-icon-component.secondary,.road-icon-component.tertiary,.road-icon-component.trunk,.road-icon-component.unclassified{--ri-w:80px}}.road-icon-component.motorway{height:var(--ri-w);background-color:#008100;color:#fff;border-radius:calc(var(--ri-w)*.11);position:relative;padding:calc(var(--ri-w)*.059) calc(var(--ri-w)*.06) calc(var(--ri-w)*.08);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.road-icon-component.motorway.onlyCode{padding:calc(var(--ri-w)*.059) calc(var(--ri-w)*.06) calc(var(--ri-w)*.18)}.road-icon-component.motorway:after{content:"";position:absolute;left:calc(var(--ri-w)*.031);top:calc(var(--ri-w)*.031);width:calc(100% - var(--ri-w)*.062);height:calc(100% - var(--ri-w)*.062);border:calc(var(--ri-w)*.031) solid #fff;border-radius:calc(var(--ri-w)*.08)}.road-icon-component.motorway .ri-desc{font-size:calc(var(--ri-w)*.1);line-height:calc(var(--ri-w)*.18);height:calc(var(--ri-w)*.2);letter-spacing:calc(var(--ri-w)*.07);padding:0 0 0 calc(var(--ri-w)*.1);font-weight:700;white-space:nowrap;width:calc(var(--ri-w) - var(--ri-w)*.062*2)}.road-icon-component.motorway .ri-desc.s{background-color:#ff0;color:#000}.road-icon-component.motorway .ri-desc.g{background-color:red}.road-icon-component.motorway .ri-code{display:flex;justify-content:center;align-items:center;font-size:calc(var(--ri-w)*.4);line-height:calc(var(--ri-w)*.5);height:calc(var(--ri-w)*.48);font-weight:700;transform:translateY(-2px)}.road-icon-component.motorway .ri-code.long{font-size:calc(var(--ri-w)*.3)}.road-icon-component.motorway .ri-code.long span:nth-child(2){font-size:calc(var(--ri-w)*.2);transform:translateY(calc(var(--ri-w) * .04))}.road-icon-component.motorway .ri-name{font-size:calc(var(--ri-w)*.18);line-height:calc(var(--ri-w)*.2);height:calc(var(--ri-w)*.23);white-space:nowrap;padding:0 0 calc(var(--ri-w)*.06) 0;text-align:center;display:flex;justify-content:center;align-items:center;font-weight:700}.road-icon-component.motorway .ri-name.h5{transform:scale(.8)}.road-icon-component.motorway .ri-name.h6{transform:scale(.7)}.road-icon-component.motorway .ri-name.h7,.road-icon-component.motorway .ri-name.h8,.road-icon-component.motorway .ri-name.h9{transform:scale(.7);white-space:wrap;width:calc(var(--ri-w)*1.2);padding:0 0 calc(var(--ri-w)*.15) 0}.road-icon-component.primary,.road-icon-component.residential,.road-icon-component.secondary,.road-icon-component.tertiary,.road-icon-component.trunk,.road-icon-component.unclassified{border-radius:calc(var(--ri-w)*.11);position:relative;width:auto;padding:calc(var(--ri-w)*.08) calc(var(--ri-w)*.13) calc(var(--ri-w)*.12);display:flex;flex-direction:column;justify-content:space-between}.road-icon-component.primary:after,.road-icon-component.residential:after,.road-icon-component.secondary:after,.road-icon-component.tertiary:after,.road-icon-component.trunk:after,.road-icon-component.unclassified:after{content:"";position:absolute;left:calc(var(--ri-w)*.031);top:calc(var(--ri-w)*.031);width:calc(100% - var(--ri-w)*.062);height:calc(100% - var(--ri-w)*.062);border:calc(var(--ri-w)*.031) solid #fff;border-radius:calc(var(--ri-w)*.08)}.road-icon-component.primary .ri-code,.road-icon-component.residential .ri-code,.road-icon-component.secondary .ri-code,.road-icon-component.tertiary .ri-code,.road-icon-component.trunk .ri-code,.road-icon-component.unclassified .ri-code{font-size:calc(var(--ri-w)*.3);line-height:calc(var(--ri-w)*.3);font-weight:700}.road-icon-component.primary .ri-name,.road-icon-component.residential .ri-name,.road-icon-component.secondary .ri-name,.road-icon-component.tertiary .ri-name,.road-icon-component.trunk .ri-name,.road-icon-component.unclassified .ri-name{font-size:calc(var(--ri-w)*.14);line-height:calc(var(--ri-w)*.2);font-weight:700;white-space:nowrap}.road-icon-component.primary .ri-name.only,.road-icon-component.residential .ri-name.only,.road-icon-component.secondary .ri-name.only,.road-icon-component.tertiary .ri-name.only,.road-icon-component.trunk .ri-name.only,.road-icon-component.unclassified .ri-name.only{font-size:calc(var(--ri-w)*.18);line-height:calc(var(--ri-w)*.3)}.road-icon-component.trunk{background-color:red;color:#fff}.road-icon-component.primary{background-color:#ff0}.road-icon-component.primary:after{border:calc(var(--ri-w)*.031) solid #000}.road-icon-component.secondary{background-color:#fff}.road-icon-component.secondary:after{border:calc(var(--ri-w)*.031) solid #000}.road-icon-component.tertiary{background-color:#fff}.road-icon-component.tertiary:after{border:calc(var(--ri-w)*.031) solid #000}.road-icon-component.unclassified{background-color:#fff}.road-icon-component.unclassified:after{border:calc(var(--ri-w)*.031) solid #000}.road-icon-component.residential{background-color:#fff}.road-icon-component.residential:after{border:calc(var(--ri-w)*.031) solid #000}.dashboard-component{width:100%;height:100%;position:fixed;left:0;top:0;z-index:410;pointer-events:none;--text-shadow-dark:#0003;--text-shadow-light:#fff9}.dashboard-component>div{pointer-events:auto}@font-face{font-family:Verdana;src:url(/fonts/verdana-bold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.dashboard-component .custom-font{font-family:Verdana,sans-serif}.dashboard-component.Dark{--bg-color:#00000080;--text-color:#fff;--h2-text-color:#bbb}.dashboard-component.Light{--bg-color:#ffffffb3;--text-color:#000;--h2-text-color:#666}.dashboard-component.Light.dark-text,.dashboard-component.Light.light-text{--dark-text-color:#000;--dark-text-h2-color:#666;--dark-text-shadow:#0000}.dashboard-component.Light .dashboard-time{--bg-color:#ffffff4d}.dashboard-component.Light .dashboard-alt,.dashboard-component.Light .dashboard-distance,.dashboard-component.Light .dashboard-slope{background-color:#ffffff4d}.dashboard-component.Light .dashboard-g,.dashboard-component.Light .dashboard-speed{background-color:#fff3}.dashboard-component.Light .dashboard-g .speedometer,.dashboard-component.Light .dashboard-speed .speedometer{background-color:#ffffff4d}.dashboard-component.Light .dashboard-g .speedometer .sm-text,.dashboard-component.Light .dashboard-speed .speedometer .sm-text{color:#000}.dashboard-component.Light .dashboard-g .speedometer .sm-text .sm-t-g,.dashboard-component.Light .dashboard-speed .speedometer .sm-text .sm-t-g{color:#222}.dashboard-component.Light .dashboard-g .speedometer .sm-text .sm-t-unit,.dashboard-component.Light .dashboard-speed .speedometer .sm-text .sm-t-unit{color:#444}.dashboard-component.dark-text{--dark-text-color:#fff;--dark-text-h2-color:#ccc;--dark-text-shadow:var(--text-shadow-dark)}.dashboard-component.light-text{--dark-text-color:#444;--dark-text-h2-color:#666;--dark-text-shadow:var(--text-shadow-light)}.dashboard-component.pov{--dark-text-color:#fff;--dark-text-h2-color:#ccc;--dark-text-shadow:var(--text-shadow-dark);--bg-color:#000;--dark-text-shadow:#0000}.dashboard-component.pov .dashboard-time{top:calc(10px + var(--pov-top));background-color:#000;left:10px;transform:translate(0)}.dashboard-component.pov .dashboard-alt{top:calc(148px + var(--pov-top))}.dashboard-component.pov .dashboard-distance{top:calc(56px + var(--pov-top))}.dashboard-component.pov .dashboard-alt .da-progress,.dashboard-component.pov .dashboard-distance .da-progress,.dashboard-component.pov .dashboard-slope .da-progress{width:calc(var(--progress-width) + 0px);background-color:#000}.dashboard-component.pov .dashboard-alt .da-val>span,.dashboard-component.pov .dashboard-distance .da-val>span,.dashboard-component.pov .dashboard-slope .da-val>span{color:var(--dark-text-color);font-size:14px;text-shadow:-1px -1px 0 var(--dark-text-shadow),1px -1px 0 var(--dark-text-shadow),-1px 1px 0 var(--dark-text-shadow),1px 1px 0 var(--dark-text-shadow)}.dashboard-component.pov .dashboard-g,.dashboard-component.pov .dashboard-speed{background-color:#222}.dashboard-component.pov .dashboard-g .speedometer,.dashboard-component.pov .dashboard-speed .speedometer{background-color:#000}.dashboard-component.pov .dashboard-data.hide .data-position{position:absolute;top:7px;left:10px;transform:translate(0);width:calc(100% - 0px)}.dashboard-component.pov .dashboard-data.hide .data-bottom{position:absolute;top:0;right:40px;margin:5px 0;width:calc(100% - 0px);display:flex}.dashboard-component.pov .dashboard-data.hide .data-bottom .data-b-item{display:flex;flex-direction:row-reverse;flex:auto}.dashboard-component.pov .dashboard-data.hide .data-bottom .data-b-item .di-value{font-size:14px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-color);transition:color .2s;white-space:nowrap;display:flex;justify-content:center;align-items:flex-end}.dashboard-component.pov .dashboard-data.hide .data-bottom .data-b-item .di-value .di-v-unit{font-size:12px;color:var(--text-color);margin:0 0 0 2px}.dashboard-component.pov .dashboard-data.hide .data-bottom .data-b-item .di-unit{margin:0 6px 0 0}.dashboard-component.pov .dashboard-roadIcon{top:calc(246px + var(--pov-top))}.dashboard-component.markerPosition .data-main{height:240px}.dashboard-component.markerPosition .data-main .data-bottom{grid-template-rows:repeat(1,1fr)}.dashboard-component.Mobile .dashboard-alt,.dashboard-component.Mobile .dashboard-distance,.dashboard-component.Mobile .dashboard-slope{min-width:110px;margin:0 0 10px;padding:6px 10px}.dashboard-component.Mobile .dashboard-alt .da-val>span,.dashboard-component.Mobile .dashboard-distance .da-val>span,.dashboard-component.Mobile .dashboard-slope .da-val>span{font-size:14px}.dashboard-component.Mobile .dashboard-alt .da-val>span:nth-child(2),.dashboard-component.Mobile .dashboard-distance .da-val>span:nth-child(2),.dashboard-component.Mobile .dashboard-slope .da-val>span:nth-child(2){font-size:26px}.dashboard-component.Mobile .dashboard-alt .da-val>span:nth-child(3),.dashboard-component.Mobile .dashboard-distance .da-val>span:nth-child(3),.dashboard-component.Mobile .dashboard-slope .da-val>span:nth-child(3){display:flex;justify-content:space-between;align-items:flex-end}.dashboard-component.Mobile .dashboard-alt .da-val>span:nth-child(3)>span:nth-child(2),.dashboard-component.Mobile .dashboard-distance .da-val>span:nth-child(3)>span:nth-child(2),.dashboard-component.Mobile .dashboard-slope .da-val>span:nth-child(3)>span:nth-child(2){font-size:14px}.dashboard-component.Mobile .dashboard-time{min-width:110px;margin:0 0 10px}.dashboard-component.Mobile .dashboard-time .dt-text>span{font-size:14px}.dashboard-component.Mobile .dashboard-g{left:156px}.dashboard-component.Mobile .dashbord-city span{font-size:15px}.dashboard-component .dashboard-alt,.dashboard-component .dashboard-distance,.dashboard-component .dashboard-slope{--progress-height:70px;--progress-width:6px;--progress:0;position:absolute;left:10px;top:12px;z-index:calc(var(--z-index) + 10);min-width:128px;display:flex;padding:8px 12px;border-radius:10px;transition:width .3s;margin:0 0 14px}.dashboard-component .dashboard-alt.dark,.dashboard-component .dashboard-distance.dark,.dashboard-component .dashboard-slope.dark{background-color:#0000004d}.dashboard-component .dashboard-alt .da-progress,.dashboard-component .dashboard-distance .da-progress,.dashboard-component .dashboard-slope .da-progress{width:var(--progress-width);height:var(--progress-height);border-radius:5px;background-color:#00000080;position:relative}.dashboard-component .dashboard-alt .da-progress:after,.dashboard-component .dashboard-distance .da-progress:after,.dashboard-component .dashboard-slope .da-progress:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:var(--progress-width);height:calc(var(--progress-height)*var(--progress));border-radius:5px;background:linear-gradient(45deg,#8cc846,#e66e46)}.dashboard-component .dashboard-alt .da-val,.dashboard-component .dashboard-distance .da-val,.dashboard-component .dashboard-slope .da-val{padding:0 0 0 8px;display:flex;flex-direction:column;justify-content:center}.dashboard-component .dashboard-alt .da-val>span,.dashboard-component .dashboard-distance .da-val>span,.dashboard-component .dashboard-slope .da-val>span{color:var(--dark-text-color);font-size:14px;text-shadow:-1px -1px 0 var(--dark-text-shadow),1px -1px 0 var(--dark-text-shadow),-1px 1px 0 var(--dark-text-shadow),1px 1px 0 var(--dark-text-shadow)}.dashboard-component .dashboard-alt .da-val>span:nth-child(2),.dashboard-component .dashboard-distance .da-val>span:nth-child(2),.dashboard-component .dashboard-slope .da-val>span:nth-child(2){font-size:24px;font-weight:700}.dashboard-component .dashboard-alt .da-val>span:nth-child(3),.dashboard-component .dashboard-distance .da-val>span:nth-child(3),.dashboard-component .dashboard-slope .da-val>span:nth-child(3){display:flex;justify-content:space-between;align-items:flex-end}.dashboard-component .dashboard-alt .da-val>span:nth-child(3)>span:nth-child(2),.dashboard-component .dashboard-distance .da-val>span:nth-child(3)>span:nth-child(2),.dashboard-component .dashboard-slope .da-val>span:nth-child(3)>span:nth-child(2){font-size:14px;font-weight:300;color:var(--dark-text-h2-color)}.dashboard-component .dashboard-slope .da-progress{--progress-bottom:35px}.dashboard-component .dashboard-slope .da-progress:after{bottom:var(--progress-bottom);height:calc(var(--progress-height)*var(--progress)/2)}.dashboard-component .dashboard-alt{top:104px}@media screen and (max-height:410px){.dashboard-component .dashboard-alt{top:12px;left:130px}}.dashboard-component .dashboard-distance{top:12px}.dashboard-component .dashboard-roadIcon{position:absolute;left:18px;top:200px;display:flex;width:220px;flex-wrap:wrap;gap:6px}.dashboard-component .dashboard-testroadIcon{position:absolute;top:50px;left:20%;display:flex;width:200px;flex-wrap:wrap}.dashboard-component .dashboard-testroadIcon>div{margin:0 6px 6px 0}.dashboard-component .dashboard-time{position:absolute;top:10px;left:50%;transform:translate(-50%);min-width:128px;z-index:calc(var(--z-index) + 10);display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);padding:10px;border-radius:10px;margin:0 0 14px}.dashboard-component .dashboard-time .dt-text{flex:1 1;display:flex;justify-content:center;align-items:center}.dashboard-component .dashboard-time .dt-text>span{color:var(--text-color);font-size:14px}.dashboard-component .dashboard-g,.dashboard-component .dashboard-speed{--pixel:160px;position:absolute;left:10px;bottom:calc(6px + var(--dashboard-data-h));width:var(--pixel);height:var(--pixel);background-color:#0003;border-radius:50%;z-index:calc(var(--z-index) + 11);transition:bottom .3s}.dashboard-component .dashboard-g .speedometer,.dashboard-component .dashboard-speed .speedometer{--margin-pixel:var(--pixel) /7;position:relative;width:calc(100% - var(--margin-pixel));height:calc(100% - var(--margin-pixel));display:flex;justify-content:center;align-items:center;background-color:#0000004d;border-radius:50%;margin:calc(var(--margin-pixel)/2)}.dashboard-component .dashboard-g .speedometer .outer-circle,.dashboard-component .dashboard-speed .speedometer .outer-circle{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 1turn,#8cc846 0,#e66e46 50%,#e66e46 100%);-webkit-mask:radial-gradient(circle,#0000 63%,#000 0);mask:radial-gradient(circle,#0000 63%,#000 0);clip-path:path("M 68.5714 68.5714 L 68.5714 0 A 68.5714 68.5714 0 1 1 68.5714 0 Z");transform:rotate(180deg);transition:clip-path .3s}.dashboard-component .dashboard-g .speedometer .sm-text,.dashboard-component .dashboard-speed .speedometer .sm-text{position:absolute;width:calc(100% - var(--pixel)/8);height:calc(100% - var(--pixel)/8);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;font-weight:700;color:#fff;box-shadow:0 0 calc(var(--pixel)/16) #0000001a}.dashboard-component .dashboard-g .speedometer .sm-text saki-icon,.dashboard-component .dashboard-speed .speedometer .sm-text saki-icon{transform:translateY(-6px) rotate(calc(var(--position-heading) - 90deg));transition:transform .3s}.dashboard-component .dashboard-g .speedometer .sm-text .sm-t-g,.dashboard-component .dashboard-speed .speedometer .sm-text .sm-t-g{font-size:calc(var(--pixel)/12);color:#eee}.dashboard-component .dashboard-g .speedometer .sm-text .sm-t-g span:nth-child(2),.dashboard-component .dashboard-speed .speedometer .sm-text .sm-t-g span:nth-child(2){font-size:calc(var(--pixel)/15);margin:0 0 0 2px}.dashboard-component .dashboard-g .speedometer .sm-text .sm-t-speed,.dashboard-component .dashboard-speed .speedometer .sm-text .sm-t-speed{font-size:calc(var(--pixel)/4.6);margin:4px 0}.dashboard-component .dashboard-g .speedometer .sm-text .sm-t-unit,.dashboard-component .dashboard-speed .speedometer .sm-text .sm-t-unit{font-size:calc(var(--pixel)/11);color:#bbb}.dashboard-component .dashboard-g{left:170px}.dashboard-component .dashboard-g .speedometer .outer-circle{-webkit-mask:radial-gradient(circle,#0000 60%,#000 0);mask:radial-gradient(circle,#0000 60%,#000 0)}.dashboard-component .dashboard-g .speedometer .sm-text .sm-t-g{font-size:calc(var(--pixel)/5)}.dashboard-component .dashboard-data{position:absolute;z-index:calc(var(--z-index) + 0);border-radius:0 0 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 10px #0000004d;transition:width .3s;padding:20px 0;background-color:var(--bg-color);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;transition:background-color .2s;transition:bottom .3s}.dashboard-component .dashboard-data,.dashboard-component .dashboard-data.Mobile{left:0;bottom:0;width:100%;transform:translate(0)}.dashboard-component .dashboard-data.Mobile .data-bottom{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}@media screen and (min-width:600px){.dashboard-component .dashboard-data.Mobile .data-bottom{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(1,1fr)}.dashboard-component .dashboard-data.Mobile .data-header-right span.wind{display:inline}}.dashboard-component .dashboard-data.hide{bottom:calc(-1*var(--dashboard-data-cur-height) + 30px)}.dashboard-component .dashboard-data .dashboard-mindata{width:calc(100% - 40px);height:30px;position:absolute;top:0;left:0;color:#fff;display:flex;justify-content:center;align-items:center}.dashboard-component .dashboard-data .data-theme{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:flex-start}.dashboard-component .dashboard-data .data-theme span{color:var(--text-color);transition:color .2s}.dashboard-component .dashboard-data .data-theme .data-markerinfo{display:flex;justify-content:flex-start;align-items:center;margin:1px 0 0 6px}.dashboard-component .dashboard-data .data-theme .data-markerinfo .logo{display:flex;justify-content:flex-start;align-items:center}.dashboard-component .dashboard-data .data-running-speed{position:absolute;left:0;top:0}.dashboard-component .dashboard-data .data-running-speed span{color:var(--text-color);transition:color .2s}.dashboard-component .dashboard-data .data-speed{display:flex;flex-direction:column;align-items:center}.dashboard-component .dashboard-data .data-speed .ds-value{font-size:46px;font-weight:700;color:var(--text-color);transition:color .2s}.dashboard-component .dashboard-data .data-speed .ds-unit{font-size:18px;color:var(--h2-text-color);transition:color .2s}.dashboard-component .dashboard-data .data-bottom{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(1,1fr);margin:9px 0 8px;width:100%;padding:0 10px;max-width:1000px}.dashboard-component .dashboard-data .data-bottom .data-b-item{display:flex;flex-direction:column;align-items:center;flex:1 1}.dashboard-component .dashboard-data .data-bottom .data-b-item .di-value{font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-color);transition:color .2s;white-space:nowrap;display:flex;justify-content:center;align-items:flex-end}.dashboard-component .dashboard-data .data-bottom .data-b-item .di-value .di-v-unit{font-size:12px;color:var(--text-color);margin:0 0 0 2px}.dashboard-component .dashboard-data .data-bottom .data-b-item .di-unit{font-size:14px;color:var(--h2-text-color);transition:color .2s}.dashboard-component .dashboard-data .data-position{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:12px;color:var(--h2-text-color);transition:color .2s;white-space:nowrap}.dashboard-component .dashboard-data .data-position span.weather{display:none}.dashboard-component .dashboard-data .data-header-right{position:absolute;top:0;right:4px;display:flex;justify-content:flex-start;align-items:center}.dashboard-component .dashboard-data .data-header-right .dhr-weather{color:#fff;margin:0 10px 0 0}.dashboard-component .dashboard-data .data-header-right span.wind{display:none}.dashboard-component .data-min{width:100px;height:100px;position:absolute;top:10px;left:10px;background-color:var(--bg-color);z-index:calc(var(--z-index) + 10);border-radius:50%;display:flex;justify-content:center;align-items:center}.dashboard-component .data-min.Dark{--bg-color:#010101;--text-color:#fff;--h2-text-color:#aaa;border:6px solid #fff}.dashboard-component .data-min.Light{--bg-color:#fff;--text-color:var(--saki-default-color);--h2-text-color:var(--saki-default-color);border:6px solid var(--saki-default-color)}.dashboard-component .data-min .data-speed{display:flex;flex-direction:column;align-items:center}.dashboard-component .data-min .data-speed .ds-value{font-size:30px;font-weight:700;color:var(--text-color);transition:color .2s}.dashboard-component .data-min .data-speed .ds-unit{font-size:14px;color:var(--h2-text-color);transition:color .2s}.dashboard-component .data-main{width:420px;height:300px;position:absolute;top:10px;left:10px;transform:translate(0);z-index:calc(var(--z-index) + 10);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 10px #0000004d;transition:width .3s;background-color:var(--bg-color);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;transition:background-color .2s}.dashboard-component .data-main.Mobile{width:100%;height:300px;top:0;left:0;transform:translate(0);border-radius:0 0 20px 20px}@media screen and (min-width:500px){.dashboard-component .data-main.Mobile{height:250px}.dashboard-component .data-main.Mobile .data-bottom{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.dashboard-component .data-main.Mobile .data-bottom .data-b-item.windSpeed{display:none}.dashboard-component .data-main.Mobile .data-header-right span.wind{display:inline}}.dashboard-component .data-main .data-theme{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:flex-start}.dashboard-component .data-main .data-theme span{color:var(--text-color);transition:color .2s}.dashboard-component .data-main .data-theme .data-markerinfo{display:flex;justify-content:flex-start;align-items:center;margin:1px 0 0 6px}.dashboard-component .data-main .data-theme .data-markerinfo .logo{display:flex;justify-content:flex-start;align-items:center}.dashboard-component .data-main .data-running-speed{position:absolute;left:0;top:0}.dashboard-component .data-main .data-running-speed span{color:var(--text-color);transition:color .2s}.dashboard-component .data-main .data-speed{display:flex;flex-direction:column;align-items:center}.dashboard-component .data-main .data-speed .ds-value{font-size:46px;font-weight:700;color:var(--text-color);transition:color .2s}.dashboard-component .data-main .data-speed .ds-unit{font-size:18px;color:var(--h2-text-color);transition:color .2s}.dashboard-component .data-main .data-bottom{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:6px 0;width:100%;padding:0 10px}.dashboard-component .data-main .data-bottom .data-b-item{display:flex;flex-direction:column;align-items:center;flex:1 1}.dashboard-component .data-main .data-bottom .data-b-item .di-value{font-size:22px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-color);transition:color .2s;white-space:nowrap;display:flex;justify-content:center;align-items:center}.dashboard-component .data-main .data-bottom .data-b-item .di-value .di-v-unit{font-size:12px;color:var(--text-color);margin:0 0 0 6px}.dashboard-component .data-main .data-bottom .data-b-item .di-unit{font-size:14px;color:var(--h2-text-color);transition:color .2s}.dashboard-component .data-main .data-position{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:12px;color:var(--h2-text-color);transition:color .2s;white-space:nowrap}.dashboard-component .data-main .data-position span.weather{display:none}.dashboard-component .data-main .data-header-right{position:absolute;top:0;right:4px;display:flex;justify-content:flex-start;align-items:center}.dashboard-component .data-main .data-header-right .dhr-weather{color:#fff;margin:0 10px 0 0}.dashboard-component .data-main .data-header-right span.wind{display:none}.speed-meter-component.Dark{--bg-color:#010101;--text-color:#fff;--h2-text-color:#aaa}.speed-meter-component.Light{--bg-color:#fff;--text-color:#000;--h2-text-color:#666}.speed-meter-component.markerPosition .data-main{height:240px}.speed-meter-component.markerPosition .data-main .data-bottom{grid-template-rows:repeat(1,1fr)}.speed-meter-component .data-min{width:100px;height:100px;position:absolute;top:10px;left:10px;background-color:var(--bg-color);z-index:calc(var(--z-index) + 10);border-radius:50%;display:flex;justify-content:center;align-items:center}.speed-meter-component .data-min.Dark{--bg-color:#010101;--text-color:#fff;--h2-text-color:#aaa;border:6px solid #fff}.speed-meter-component .data-min.Light{--bg-color:#fff;--text-color:var(--saki-default-color);--h2-text-color:var(--saki-default-color);border:6px solid var(--saki-default-color)}.speed-meter-component .data-min .data-speed{display:flex;flex-direction:column;align-items:center}.speed-meter-component .data-min .data-speed .ds-value{font-size:30px;font-weight:700;color:var(--text-color);transition:color .2s}.speed-meter-component .data-min .data-speed .ds-unit{font-size:14px;color:var(--h2-text-color);transition:color .2s}.speed-meter-component .data-main{width:420px;height:300px;position:absolute;top:10px;left:10px;transform:translate(0);z-index:calc(var(--z-index) + 10);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 10px #0000004d;transition:width .3s;background-color:var(--bg-color);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;transition:background-color .2s}.speed-meter-component .data-main.Mobile{width:100%;height:300px;top:0;left:0;transform:translate(0);border-radius:0 0 20px 20px}@media screen and (min-width:500px){.speed-meter-component .data-main.Mobile{height:250px}.speed-meter-component .data-main.Mobile .data-bottom{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.speed-meter-component .data-main.Mobile .data-bottom .data-b-item.windSpeed{display:none}.speed-meter-component .data-main.Mobile .data-header-right span.wind{display:inline}}.speed-meter-component .data-main .data-theme{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:flex-start}.speed-meter-component .data-main .data-theme span{color:var(--text-color);transition:color .2s}.speed-meter-component .data-main .data-theme .data-markerinfo{display:flex;justify-content:flex-start;align-items:center;margin:1px 0 0 6px}.speed-meter-component .data-main .data-theme .data-markerinfo .logo{display:flex;justify-content:flex-start;align-items:center}.speed-meter-component .data-main .data-running-speed{position:absolute;left:0;top:0}.speed-meter-component .data-main .data-running-speed span{color:var(--text-color);transition:color .2s}.speed-meter-component .data-main .data-speed{display:flex;flex-direction:column;align-items:center}.speed-meter-component .data-main .data-speed .ds-value{font-size:46px;font-weight:700;color:var(--text-color);transition:color .2s}.speed-meter-component .data-main .data-speed .ds-unit{font-size:18px;color:var(--h2-text-color);transition:color .2s}.speed-meter-component .data-main .data-bottom{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:6px 0;width:100%;padding:0 10px}.speed-meter-component .data-main .data-bottom .data-b-item{display:flex;flex-direction:column;align-items:center;flex:1 1}.speed-meter-component .data-main .data-bottom .data-b-item .di-value{font-size:22px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-color);transition:color .2s;white-space:nowrap;display:flex;justify-content:center;align-items:center}.speed-meter-component .data-main .data-bottom .data-b-item .di-value .di-v-unit{font-size:12px;color:var(--text-color);margin:0 0 0 6px}.speed-meter-component .data-main .data-bottom .data-b-item .di-unit{font-size:14px;color:var(--h2-text-color);transition:color .2s}.speed-meter-component .data-main .data-position{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:12px;color:var(--h2-text-color);transition:color .2s;white-space:nowrap}.speed-meter-component .data-main .data-position span.weather{display:none}.speed-meter-component .data-main .data-header-right{position:absolute;top:0;right:4px;display:flex;justify-content:flex-start;align-items:center}.speed-meter-component .data-main .data-header-right .dhr-weather{color:#fff;margin:0 10px 0 0}.speed-meter-component .data-main .data-header-right span.wind{display:none}.data-vehicle-item-dropdown{display:flex;justify-content:flex-start;align-items:center}.filter-component{width:100%;height:100%}.filter-component .filter-type-header{position:absolute;left:0;top:0;width:100%;height:56px;z-index:600}.filter-component .filter-type-header .ft-h-right{display:flex;justify-content:flex-end;align-items:center}.filter-component .filter-type-main{width:100%;padding:18px 0 10px;margin:40px 0 0}.filter-component .filter-type-main .ftd-item{width:118px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.filter-component .filter-type-main .ftd-item .ftd-right{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.filter-component .filter-type-main .ftd-item .ftd-right .ftd-r-title{text-align:left;font-size:12px}.filter-component .filter-type-main .ftd-item .ftd-right .ftd-r-distance{font-size:10px;color:#666}.filter-component .filter-type-main .ftd-l-date{display:flex;width:100%}.filter-component .filter-type-main .ftd-l-date .ftd-l-d-content{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;width:100%}.filter-component .filter-type-main .ftd-l-date .ftd-l-d-content saki-input,.filter-component .filter-type-main .ftd-l-date .ftd-l-d-content span{color:#ccc}.filter-component .filter-type-main .ftd-l-vehicle{display:flex;width:100%}.filter-component .filter-type-main .ftd-l-vehicle .ftd-v-item{width:98px;display:flex;justify-content:flex-start;align-items:flex-start}.filter-component .filter-type-main .ftd-l-vehicle .ftd-v-item .jmil-icon{width:28px;height:28px;display:flex;justify-content:center;align-items:center;background-color:var(--saki-default-color);border-radius:50%;margin:2px 4px 0 0}.filter-component .filter-type-main .ftd-l-vehicle .ftd-v-item .ftd-v-i-right{flex:1 1;display:flex;justify-content:flex-start;flex-direction:column}.filter-component .filter-type-main .ftd-l-vehicle .ftd-v-item .ftd-v-i-right span{font-size:12px;text-align:left}.filter-component .filter-type-main .ftd-sub-title{color:#999;font-size:12px;display:flex;justify-content:flex-end;align-items:center;font-style:italic;margin:0 0 2px}.filter-component .filter-type-main .ftd-sub-title span:nth-child(2){margin:0 4px}.filter-component .filter-type-main .ftd-sub-title saki-icon{transition:transform .3s}.filter-component .filter-type-main .ftd-sub-title saki-icon.active{transform:rotate(180deg) translate(-4px)}.filter-component .filter-type-main .ftd-l-distance{display:flex;flex-direction:column;align-items:center;width:100%;height:0;overflow:hidden;transition:height .3s,opacity .3s;opacity:0}.filter-component .filter-type-main .ftd-l-distance.active{height:75px;overflow:visible;opacity:1}.filter-component .filter-type-main .ftd-l-distance .ftd-l-d-speed{width:100%;display:flex;justify-content:space-between;padding:0 16px}.filter-component .filter-type-main .ftd-l-distance .ftd-l-d-speed span{font-size:12px;color:#999}.filter-component .filter-type-main .ftd-l-distance saki-slider{width:100%}.filter-component .filter-type-main .ftd-l-customtrip{display:flex;justify-content:flex-end;align-items:center;padding:4px 11px}.filter-component .filter-type-main .ftd-l-customtrip span{margin:0 4px 0 0;font-size:12px}.filter-component .filter-type-main .ftd-l-header{display:flex;justify-content:space-between;align-items:center;padding:6px;width:100%;background-color:#fff;z-index:1000}.filter-component .filter-type-main .ftd-l-header .ftd-l-h-left{display:flex;justify-content:flex-start;align-items:center;font-style:italic;color:#999}.filter-component .filter-type-main .ftd-l-header .ftd-l-h-left .ftd-l-h-l-count{margin:3px 0 0 6px;font-size:12px}.filter-component .filter-type-main .ftd-list{width:100%}.filter-component .filter-type-main .ftd-list .ftd-l-list{width:100%;display:grid;grid-template-columns:1fr 1fr}.filter-component .filter-type-main .ftd-buttons{display:flex;justify-content:flex-end;padding:6px}.filter-component .filter-type-main .ftd-buttons span{font-size:12px}.ftd-l-item{padding:4px 4px 4px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ftd-l-item.PublicTransport.en-US .name{font-size:10px}.ftd-l-item span{font-size:14px}.ftd-l-item .item-top{width:100%;display:flex;justify-content:space-between;align-items:center}.ftd-l-item .item-top .name{word-wrap:break-word;word-break:break-all;font-size:12px}.ftd-l-item .item-top .date{color:#999;font-size:12px;margin-top:4px}.ftd-l-item .item-bottom{display:flex;justify-content:space-between;margin:2px 0 0}.ftd-l-item .item-bottom span{color:#999;font-size:12px;position:relative}.vehicle-component{display:flex;justify-content:flex-start;flex-direction:column;height:100%;user-select:none;position:relative}.vehicle-component .vc-header .vc-h-right{display:flex;align-items:center}.vehicle-component .vc-page{display:flex;justify-content:space-between;height:calc(100% - 56px);padding:0 20px 10px}.vehicle-component .vc-page .vc-list,.vehicle-component .vc-page saki-scroll-view{width:100%}.vehicle-component .vc-page .vc-list saki-card-item .vc-name{display:flex;flex-direction:column;align-items:flex-start}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .name{font-size:15px;display:flex;justify-content:flex-start;align-items:center}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .name .device-icon{margin-right:4px}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .name .default{color:#58c8f2;font-style:italic;font-weight:700;margin:1px 0 0 8px;font-size:12px;padding:2px 4px;border-radius:6px;border:1px solid #58c8f2}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .name .positionShare{color:var(--saki-default-color);font-style:italic;font-weight:700;margin:1px 0 0 8px;font-size:12px;padding:2px 4px;border-radius:6px;border:1px solid var(--saki-default-color)}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .name .current-device{color:#666;margin-left:4px}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .status{margin-top:2px;font-size:12px;color:#666;display:flex;align-items:center;justify-content:flex-start;word-break:break-all}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .status span{margin-right:4px}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .desc{font-style:italic;margin:1px 6px 0 0;font-size:12px}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .desc span{margin-right:4px}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .desc span.licensePlate{color:var(--saki-default-color);font-weight:700}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .info{margin-top:2px;font-size:12px;color:#666;display:flex;align-items:center;justify-content:flex-start;word-break:break-all}.vehicle-component .vc-page .vc-list saki-card-item .vc-name .info span{margin-right:4px}.vehicle-component .add-trip-here-page,.vehicle-component .add-vehicle-page{background-color:#fff;position:absolute;left:0;top:50px;width:100%;height:calc(100% - 56px);transition:opacity .3s,transform .3s}.vehicle-component .add-trip-here-page.avp-enter,.vehicle-component .add-vehicle-page.avp-enter{opacity:0;transform:translateX(100%)}.vehicle-component .add-trip-here-page.avp-enter-active,.vehicle-component .add-trip-here-page.avp-leave,.vehicle-component .add-vehicle-page.avp-enter-active,.vehicle-component .add-vehicle-page.avp-leave{opacity:1;transform:translateX(0)}.vehicle-component .add-trip-here-page.avp-leave-active,.vehicle-component .add-vehicle-page.avp-leave-active{opacity:0;transform:translateX(100%)}.vehicle-component .add-trip-here-page.avp-leave-done,.vehicle-component .add-vehicle-page.avp-leave-done{display:none}.vehicle-component .add-vehicle-page{display:flex;justify-content:center}.vehicle-component .add-vehicle-page .av-main{width:100%;max-width:500px;padding:0 20px;display:flex;flex-direction:column}.vehicle-component .add-vehicle-page .av-main .av-item{display:flex;justify-content:space-between;align-items:center;margin:30px 0 0}.vehicle-component .add-vehicle-page .av-main .av-item>span:first-child{color:var(--saki-default-color)}.vehicle-component .add-vehicle-page .av-main .av-item.av-buttons{margin:20px 0 0;justify-content:flex-end}.vehicle-component .add-trip-here-page{display:flex;justify-content:center}.vehicle-component .add-trip-here-page .ath-main{width:100%;padding:10px 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.vehicle-component .add-trip-here-page .ath-main .ath-m-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px 10px}.vehicle-component .add-trip-here-page .ath-main .ath-m-header .ath-m-h-left{display:flex;justify-content:flex-start;align-items:center}.vehicle-component .add-trip-here-page .ath-main .ath-m-list{width:100%;border:1px dashed var(--saki-default-color);border-radius:10px;padding:10px 4px;height:calc(100% - 40px);overflow:hidden}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-l-header{display:flex;justify-content:space-between;align-items:center;padding:6px;width:100%;background-color:#fff;z-index:1000}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-l-header .ftd-l-h-left{display:flex;justify-content:flex-start;align-items:center;font-style:italic;color:#999}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-l-header .ftd-l-h-left .ftd-l-h-l-count{margin:3px 0 0 6px;font-size:12px}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-l-header .ftd-l-h-right{display:flex;justify-content:flex-end;align-items:center}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-l-header .ftd-l-h-right .si-t-r-icon{position:relative}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-l-header .ftd-l-h-right .si-t-r-icon.active .si-t-r-i-dot{opacity:1}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-l-header .ftd-l-h-right .si-t-r-icon .si-t-r-i-dot{position:absolute;right:-4px;top:-4px;width:8px;height:8px;background-color:red;border-radius:50%;opacity:0}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-list{height:calc(100% - 30px)}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-list .ftd-l-item{padding:0 0 0 6px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-list .ftd-l-item.PublicTransport.en-US .name{font-size:10px}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-list .ftd-l-item span{font-size:14px}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-list .ftd-l-item .name{flex:1 1;word-wrap:break-word;word-break:break-all}.vehicle-component .add-trip-here-page .ath-main .ath-m-list .ftd-list .ftd-l-item .date{color:#999;font-size:12px;margin-top:4px}.vehicle-logo-component{background-color:var(--saki-default-color);padding:6px;border-radius:50%;display:flex;justify-content:center;align-items:center}.find-location-component{width:100%;height:100%}.find-location-component .fl-main{width:100%;height:calc(100% - 56px);position:relative}.find-location-component .fl-main #fl-map{width:100%;height:100%}.fiexd-weather1-component{position:fixed;z-index:calc(var(--z-index) + 0);--text-shadow-dark:#0003;--text-shadow-light:#fff9}.fiexd-weather1-component.Mobile .dashbord-city span{font-size:15px}.fiexd-weather1-component .custom-font{font-family:Verdana,sans-serif}.fiexd-weather1-component.Dark{--bg-color:#00000080;--text-color:#fff;--h2-text-color:#bbb}.fiexd-weather1-component.Light{--bg-color:#ffffffb3;--text-color:#000;--h2-text-color:#666}.fiexd-weather1-component.dark-text{--dark-text-color:#fff;--dark-text-h2-color:#ccc;--dark-text-shadow:var(--text-shadow-dark)}.fiexd-weather1-component.light-text{--dark-text-color:#444;--dark-text-h2-color:#666;--dark-text-shadow:var(--text-shadow-light)}.fiexd-weather1-component .dashbord-weather{border-radius:10px;display:flex;flex-direction:column;align-items:flex-end}.fiexd-weather1-component .dashbord-weather span{font-size:24px;font-weight:700;color:var(--dark-text-h2-color)}.fiexd-weather1-component .dashbord-weather span:first-child span:nth-child(2){font-size:18px}.fiexd-weather1-component .dashbord-weather span:nth-child(2){font-size:16px}.fiexd-weather1-component .dashbord-city{border-radius:10px;display:flex;justify-content:flex-end}.fiexd-weather1-component .dashbord-city span{font-size:16px;font-weight:700;color:var(--dark-text-h2-color)}.fiexd-weather1-component .dashbord-latlng{border-radius:10px;display:flex;justify-content:flex-end;margin:2px 0 0;cursor:pointer}.fiexd-weather1-component .dashbord-latlng span{font-size:12px;font-weight:700;color:var(--dark-text-h2-color);margin:0 0 0 6px}.fiexd-weather-component{max-width:calc(100% - 130px);position:fixed;right:0;bottom:0;font-size:13px;color:#555}.fiexd-weather-component.Mobile{max-width:calc(100% - 100px)}.fiexd-weather-component .fw-cords{position:absolute;top:-21px;right:0;height:21px}.fiexd-weather-component .fw-cords,.fw-text{background-color:#ffffffb3;padding:2px;border-radius:4px 0 0 0;display:flex;align-items:center}.fw-text{word-break:break-all;text-align:right;justify-content:flex-end;flex-wrap:wrap}.fw-text span{line-height:15px;user-select:none;cursor:pointer}.fw-text span:nth-child(2n){padding:2px}.create-custom-trip-component{width:100%;height:100%}.create-custom-trip-component.showTag .map-custom-trip-marker-wrap{display:none}.create-custom-trip-component .cct-main{width:100%;height:calc(100% - 56px);position:relative}.create-custom-trip-component .cct-main #cct-map{width:100%;height:100%}.create-custom-trip-component .cct-main .ctt-m-info{width:100%;height:100%;position:absolute;top:0;left:0;z-index:666;background-color:#fff;padding:0 10px;transition:opacity .3s,transform .3s}.create-custom-trip-component .cct-main .ctt-m-info.cct-info-enter{opacity:0;transform:translateX(100%)}.create-custom-trip-component .cct-main .ctt-m-info.cct-info-enter-active,.create-custom-trip-component .cct-main .ctt-m-info.cct-info-leave{opacity:1;transform:translateX(0)}.create-custom-trip-component .cct-main .ctt-m-info.cct-info-leave-active{opacity:0;transform:translateX(100%)}.create-custom-trip-component .cct-main .ctt-m-info.cct-info-leave-done{display:none}.create-custom-trip-component .cct-main .ctt-m-info .info-main{margin:0 auto;width:100%;max-width:400px}.create-custom-trip-component .cct-main .ctt-m-info .info-main .im-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0 0}.create-custom-trip-component .cct-main .ctt-m-info .info-main .im-item .ftd-l-date{display:flex;flex-direction:column;justify-content:flex-end}.create-custom-trip-component .cct-main .ctt-m-info .info-main .im-item .ftd-l-date .ftd-l-d-content,.create-custom-trip-component .cct-main .ctt-m-info .info-main .im-item.im-buttons{display:flex;justify-content:flex-end;align-items:center}.visited-cities-modal{width:100%;height:100%;position:relative}.visited-cities-modal .th-header{position:absolute;left:0;top:0;width:100%;height:56px;z-index:600}.visited-cities-modal .vc-main{width:100%;height:100%;position:relative;background-color:#fff}.visited-cities-modal .vc-main .vc-map-wrap{width:100%;height:calc(100% - 200px);position:absolute;left:0;top:0;z-index:591;transition:height .3s}.visited-cities-modal .vc-main .vc-map-wrap .vc-switch-citytype{position:absolute;right:20px;bottom:10px;z-index:592}.visited-cities-modal .vc-main .vc-map-wrap #visited-cities-map{width:100%;height:100%;position:absolute;left:0;top:0;outline:none}.visited-cities-modal .vc-main saki-scroll-view{width:100%;height:100%}.visited-cities-modal .vc-main .vc-layer{background-color:#fff;border-radius:10px 10px 0 0;margin:calc(100% - 250px) 0 0;transition:margin .3s;padding:10px 10px 20px}.visited-cities-modal .vc-main .vc-layer.startScroll{position:relative;z-index:592}.visited-cities-modal .vc-main .vc-layer .vc-m-tabs{overflow:hidden}.visited-cities-modal .vc-main .vc-layer .vc-m-tabs .timeline-item .vc-m-header{display:flex;justify-content:space-between;align-items:center;margin:0;padding:10px;border:1px dashed var(--saki-default-color);border-radius:10px}.visited-cities-modal .vc-main .vc-layer .vc-m-tabs .timeline-item .vc-m-header .vch-left{display:flex;flex-direction:column}.visited-cities-modal .vc-main .vc-layer .vc-m-tabs .timeline-item .vc-m-header .vch-left .vch-l-note{font-size:16px}.visited-cities-modal .vc-main .vc-layer .vc-m-tabs .timeline-item .vc-m-header .vch-left .vch-l-title{display:flex;justify-content:flex-start;align-items:baseline;margin:4px 0 0;font-size:16px}.visited-cities-modal .vc-main .vc-layer .vc-m-tabs .timeline-item .vc-m-header .vch-left .vch-l-title .days{font-size:28px;font-weight:700;margin:0 4px 0 0}.visited-cities-modal .vc-main .vc-layer .vc-m-tabs .timeline-item .vc-m-header .vch-left .vch-l-desc{font-size:14px;color:#444}.visited-cities-modal .vc-main .vc-layer .vc-m-tabs .timeline-item .vc-m-header .vch-right{display:flex;justify-content:flex-end;align-items:center}.city-list-modal{width:100%}.city-list-modal .cl-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 20px}.city-list-modal .cl-list .list-item .item-name{padding:0 14px}.city-list-modal .cl-list .list-item .item-cities .cities-item{padding:6px 10px;border:2px solid #eee;border-radius:6px;overflow:hidden;background-color:#eee;transition:background-color .2s}.city-list-modal .cl-list .list-item .item-cities .cities-item.active{border:2px solid var(--saki-default-color);background-color:#f7e2e5}.city-list-modal .cl-list .list-item .item-cities .cities-item:hover{background-color:#ddd}.city-list-modal .cl-list .list-item .item-cities .cities-item:hover.active{background-color:#f7cad2}.city-list-modal .cl-list .list-item .item-cities .cities-item:active{background-color:#ccc}.city-list-modal .cl-list .list-item .item-cities .cities-item:active.active{background-color:#eeacb8}.city-timeline-component{background-color:#fff}.city-timeline-component .timeline-header{margin:20px 0 10px}.city-timeline-component .timeline-header .th-left{font-size:20px;font-weight:700}.city-timeline-component .timeline-list,.city-timeline-component .timeline-list .tl-item{display:flex;flex-direction:column;justify-content:center}.city-timeline-component .timeline-list .tl-item .tl-i-header{margin:10px 0 8px}.city-timeline-component .timeline-list .tl-item .tl-i-header .tl-i-h-title{font-weight:700;font-size:16px}.city-timeline-component .timeline-list .tl-item .tl-i-list{display:flex;flex-direction:column;justify-content:center}.city-timeline-component .timeline-list .tl-item .tl-i-list .tl-i-l-item{display:flex;justify-content:space-between;align-items:center;margin:6px 0}.city-timeline-component .timeline-list .tl-item .tl-i-list .tl-i-l-item .tl-i-l-i-left{color:#000;font-weight:700;font-size:14px;padding:0 6px 0 0;display:flex;justify-content:flex-start;align-items:center;flex:1 1}.city-timeline-component .timeline-list .tl-item .tl-i-list .tl-i-l-item .tl-i-l-i-left.TripItem{font-weight:500}.city-timeline-component .timeline-list .tl-item .tl-i-list .tl-i-l-item .tl-i-l-i-left span:first-child{margin-right:4px}.city-timeline-component .timeline-list .tl-item .tl-i-list .tl-i-l-item .tl-i-l-i-right{font-weight:300;font-size:13px;color:#999;font-style:italic;white-space:nowrap}.journey-memories-modal{width:100%;height:100%;position:relative;--layer-width:700px}.journey-memories-modal .jm-header{position:absolute;left:0;top:0;width:100%;height:56px;z-index:700}.journey-memories-modal .jm-header .vc-h-left{display:flex;align-items:center}.journey-memories-modal .jm-header .jm-h-right{display:flex;align-items:center;justify-content:flex-end}.journey-memories-modal .jm-header .text{font-size:18px;font-weight:700;color:#222}.journey-memories-modal .jm-main{width:100%;height:100%;position:relative;background-color:#fff}.journey-memories-modal .jm-main .jm-loading{color:#999}.journey-memories-modal .jm-main .jm-loading,.journey-memories-modal .jm-main .jm-none{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.journey-memories-modal .jm-main .jm-layer{margin:54px auto 0;width:100%;max-width:var(--layer-width);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.journey-memories-modal .jm-main .jm-layer .jm-list{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 10px}.journey-memories-modal .jm-main .jm-layer .jm-list saki-card{width:100%}.journey-memories-modal .jm-main .jm-layer .jm-list .jm-item{width:100%;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;cursor:default}.journey-memories-modal .jm-main .jm-layer .jm-list .jm-item .jmi-top{display:flex;justify-content:flex-start;align-items:center;padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid #ddd}.journey-memories-modal .jm-main .jm-layer .jm-list .jm-item .jmi-top .jmi-left .jmil-icon{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background-color:var(--saki-default-color);border-radius:6px;margin:0 10px 0 0}.journey-memories-modal .jm-main .jm-layer .jm-list .jm-item .jmi-top .jmi-right{flex:1 1;display:flex;justify-content:space-between;align-items:center}.journey-memories-modal .jm-main .jm-layer .jm-list .jm-item .jmi-top .jmi-right .jmi-r-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:calc(100% - 40px)}.journey-memories-modal .jm-main .jm-layer .jm-list .jm-item .jmi-top .jmi-right .jmi-r-left .name{font-size:18px;font-weight:700;margin:0 0 2px}.journey-memories-modal .jm-main .jm-layer .jm-list .jm-item .jmi-top .jmi-right .jmi-r-left .desc{font-size:14px;margin:0 0 6px;color:#666}.journey-memories-modal .jm-main .jm-layer .jm-list .jm-item .jmi-bottom .jm-statistics{margin:2px 0 4px}.journey-memories-modal .jm-main saki-scroll-view{width:100%;height:100%}.page-transition{background-color:#fff;position:absolute;left:0;top:50px;width:100%;height:calc(100% - 52px);transition:opacity .3s,transform .3s}.page-transition.avp-disable-animation{transition:none}.page-transition.avp-disable-animation.avp-enter{opacity:1;transform:translateX(0)}.page-transition.avp-will-load{transition:none;display:none}.page-transition.avp-enter,.page-transition.avp-will-load{opacity:0;transform:translateX(100%)}.page-transition.avp-enter-active,.page-transition.avp-leave{opacity:1;transform:translateX(0)}.page-transition.avp-leave-active{opacity:0;transform:translateX(100%)}.page-transition.avp-leave-done{display:none}.jm-detail-page{width:100%;height:100%;top:0}.jm-detail-page.preview .jmd-main{--layer-width:800px}.jm-detail-page .jmd-media{width:100%;height:calc(100% - 210px);position:relative;margin:0 0 20px}.jm-detail-page .jmd-media .jmd-map{width:100%;height:100%;position:relative}.jm-detail-page .jmd-media .jmd-map .map{width:100%;height:100%;outline:none}.jm-detail-page .jmd-media .jmd-carnav{position:absolute;bottom:10px;right:10px;width:80%;z-index:600;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.jm-detail-page .jmd-media .jmd-carnav .jmd-c-cover{position:relative}.jm-detail-page .jmd-media .jmd-carnav .jmd-c-cover .cover-text{position:absolute;bottom:10px;right:10px;background-color:#0009;color:#fff;padding:4px 6px 4px 10px;border-radius:6px;font-size:12px;display:flex;justify-content:flex-end;align-items:center}.jm-detail-page .jmd-loading,.jm-detail-page .jmd-none{width:100%;margin:100px auto;text-align:center;font-size:18px;color:#999}.jm-detail-page .jmd-main{width:100%;max-width:var(--layer-width);margin:0 auto 40px;padding:0 20px}.jm-detail-page .jmd-main .jmd-name{font-size:28px;font-weight:700;margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}.jm-detail-page .jmd-main .jmd-desc{margin:0 0 10px;font-size:16px;color:#666}.jm-detail-page .jmd-main .jmd-city{margin:30px 0 6px}.jm-detail-page .jmd-main .jmd-city span.cn{background-color:#eee}.jm-detail-page .jmd-main .jmd-city span.cn,.jm-detail-page .jmd-main .jmd-city span.more{display:inline-block;color:#666;font-size:12px;padding:4px;border-radius:4px;margin:0 10px 4px 0}.jm-detail-page .jmd-main .jmd-city span.more:hover{color:var(--saki-default-color);cursor:pointer;user-select:none}.jm-detail-page .jmd-main .jmd-road{margin:10px 0 6px}.jm-detail-page .jmd-main .jmd-road span.cn{display:inline-block;color:#666;font-size:12px;background-color:#eee;padding:4px;border-radius:4px;margin:0 10px 4px 0}.jm-detail-page .jmd-main .jmd-road span.cn.motorway{background-color:#008100;color:#fff}.jm-detail-page .jmd-main .jmd-road span.cn.trunk{background-color:red;color:#fff}.jm-detail-page .jmd-main .jmd-road span.cn.primary{background-color:#ff0;padding:3px;border:1px solid #999}.jm-detail-page .jmd-main .jmd-road span.more{display:inline-block;color:#666;font-size:12px;padding:4px;border-radius:4px;margin:0 10px 4px 0}.jm-detail-page .jmd-main .jmd-road span.more:hover{color:var(--saki-default-color);cursor:pointer;user-select:none}.jm-detail-page .jmd-main .jmd-info{font-size:14px;color:#999}.jm-detail-page .jmd-main .jmd-info span:first-child{margin:0 4px 0 0}.jm-detail-page .jmd-main .jmd-info span:nth-child(n+2){margin:0 4px}.jm-detail-page .jmd-main .jmd-timeline-none{margin:100px 0 0;text-align:center;color:#aaa;font-size:22px}.jm-detail-page .jmd-main .jmd-timeline-title{margin:40px 0 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding:20px 0 0}.jm-detail-page .jmd-main .jmd-timeline-title .jmd-tl-t-left{display:flex;justify-content:flex-start;align-items:flex-end}.jm-detail-page .jmd-main .jmd-timeline-title .jmd-tl-t-left .title{font-size:22px;font-weight:700}.jm-detail-page .jmd-main .jmd-timeline{display:flex;flex-direction:column;justify-content:flex-start}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item{width:calc(100% - 5px);padding:0 0 30px 14px;margin:0 0 0 5px;position:relative}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item:before{content:"";width:1px;height:calc(100% - 0px);background-color:#eee;position:absolute;left:-1px;top:14px}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-header{position:relative;margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-header:before{content:"";width:10px;height:10px;background-color:#fff;border:2px solid var(--saki-default-color);border-radius:50%;position:absolute;left:-19.5px;top:50%;transform:translateY(-50%)}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-header .date{font-size:14px;color:#999;margin:0 6px 0 0}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-name{margin:0 0 6px}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-name .name{font-size:24px;font-weight:700}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-desc{margin:0 0 10px;color:#666}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-desc .desc{font-size:14px}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-city{margin:0 0 6px}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-city span.cn{background-color:#eee}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-city span.cn,.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-city span.more{display:inline-block;color:#666;font-size:12px;padding:4px;border-radius:4px;margin:0 10px 4px 0}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-city span.more:hover{color:var(--saki-default-color);cursor:pointer;user-select:none}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-road{margin:0 0 6px}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-road span.cn{display:inline-block;color:#666;font-size:12px;background-color:#eee;padding:4px;border-radius:4px;margin:0 10px 4px 0}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-road span.motorway{background-color:#008100;color:#fff}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-road span.trunk{background-color:red;color:#fff}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-road span.primary{background-color:#ff0;padding:3px;border:1px solid #999}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-road span.more{display:inline-block;color:#666;font-size:12px;padding:4px;border-radius:4px;margin:0 10px 4px 0}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-road span.more:hover{color:var(--saki-default-color);cursor:pointer;user-select:none}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-video{width:100%;max-width:600px;height:400px;border-radius:10px;overflow:hidden;margin:0 0 10px}@media screen and (max-width:767px){.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-video{max-width:500px;height:280px}}@media screen and (max-width:400px){.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-video{max-width:500px;height:200px}}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-video .vid,.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-video .vid iframe{width:100%;height:100%}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media{margin:0 0 10px}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-m-map{width:100%;height:100%}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list{display:grid;grid-template-columns:repeat(3,120px);gap:10px}@media screen and (max-width:450px){.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list{grid-template-columns:repeat(3,80px)}}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list .item-m-l-vid-item{border-radius:10px;overflow:hidden;position:relative;user-select:none}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list .item-m-l-vid-item.active .play-icon,.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list .item-m-l-vid-item:hover .play-icon{opacity:1}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list .item-m-l-vid-item.active:before,.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list .item-m-l-vid-item:hover:before{background-color:#000000b3}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list .item-m-l-vid-item .play-icon{width:100%;height:100%;position:absolute;left:0;top:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list .item-m-l-vid-item:before{content:"";width:100%;height:100%;background-color:#0000;transition:background-color .3s;position:absolute;left:0;top:0;cursor:pointer}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list .item-m-l-vid-item .vid,.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-media .item-media-list .item-m-l-vid-item .vid iframe{width:100%;height:100%}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-trips .item-t-list{overflow:hidden}.jm-detail-page .jmd-main .jmd-timeline .jmd-tl-item .item-continer .item-trips .item-t-list.min{max-height:164px}.add-jm-page,.add-jmtl-page{width:100%;display:flex;justify-content:center;z-index:700}.add-jm-page saki-scroll-view,.add-jmtl-page saki-scroll-view{width:100%}.add-jm-page .av-main,.add-jmtl-page .av-main{width:100%;max-width:600px;padding:0 20px;display:flex;flex-direction:column;margin:0 auto}.add-jm-page .av-main .av-item,.add-jmtl-page .av-main .av-item{display:flex;justify-content:space-between;align-items:center;margin:30px 0 0}.add-jm-page .av-main .av-item>span:first-child,.add-jmtl-page .av-main .av-item>span:first-child{color:var(--saki-default-color)}.add-jm-page .av-main .av-item.av-buttons,.add-jmtl-page .av-main .av-item.av-buttons{margin:20px 0 0;justify-content:flex-end}.add-jm-page .av-main .av-item .av-i-title,.add-jmtl-page .av-main .av-item .av-i-title{display:flex;flex-direction:column}.add-jm-page .av-main .av-item .av-i-title>span:first-child,.add-jmtl-page .av-main .av-item .av-i-title>span:first-child{color:var(--saki-default-color)}.add-jm-page .av-main .av-item .av-i-title>span:nth-child(2),.add-jmtl-page .av-main .av-item .av-i-title>span:nth-child(2){color:#999}.add-jm-page .av-main .av-item .av-i-right,.add-jmtl-page .av-main .av-item .av-i-right{display:flex;justify-content:flex-end;align-items:center}.add-jm-page .av-main .av-item.media,.add-jmtl-page .av-main .av-item.media{align-items:flex-start}.add-jm-page .av-main .av-item.media .av-i-media,.add-jmtl-page .av-main .av-item.media .av-i-media{max-width:270px}.add-jm-page .av-main .av-item.media .av-i-media.flex,.add-jmtl-page .av-main .av-item.media .av-i-media.flex{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}.add-jm-page .av-main .av-item.media .av-i-media.flex .media-item,.add-jmtl-page .av-main .av-item.media .av-i-media.flex .media-item{margin:0 0 0 10px}.add-jm-page .av-main .av-item.media .av-i-media.grid,.add-jmtl-page .av-main .av-item.media .av-i-media.grid{display:grid;grid-template-columns:repeat(3,80px);gap:10px}.add-jm-page .av-main .av-item.media .av-i-media .media-item,.add-jmtl-page .av-main .av-item.media .av-i-media .media-item{width:80px;height:80px;display:flex;justify-content:center;align-items:center;border:2px solid #eee;border-radius:10px;cursor:pointer}.jmd-media-map-nav-text{display:flex;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;color:#666;font-size:12px;background-color:#eee;border-radius:4px;cursor:pointer}.jm-statistics{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:0 0 10px}.jm-statistics .item-s-item{display:inline;color:#666;font-size:12px;margin:0 20px 0 0}.images-waterfall-component{width:100%;height:100%}.images-waterfall-component .iw-main{width:100%;max-width:1200px;margin:0 auto}.images-waterfall-component .iw-main .saki-gallery{width:100%;padding:0 5px}.images-waterfall-component .iw-main .saki-gallery .im-img{position:relative}.images-waterfall-component .iw-main .saki-gallery .im-img .im-i-name{width:100%;position:absolute;bottom:0;color:#fff;padding:20px 6px 6px;font-size:14px;background:linear-gradient(0deg,#0000004d,#0000)}@media(max-width:767px){.images-waterfall-component .iw-main .saki-gallery .im-img .im-i-name{font-size:12px}}.map-layer-modal{display:flex;justify-content:flex-start;flex-direction:column;height:100%;user-select:none}.map-layer-modal.Mobile .settings-main{position:relative}.map-layer-modal .settings-main{display:flex;justify-content:space-between;border-top:1px solid #eee;width:100%;height:calc(100% - 56px)}.map-layer-setting-maps{width:100%;height:100%;padding:10px 16px 40px}.map-layer-setting-maps .sm-map-layer{display:flex;justify-content:space-between}.map-layer-setting-maps .sm-map-layer .layer-main{width:50px;position:relative;overflow:hidden;z-index:1}.map-layer-setting-maps .sm-map-layer .layer-main.active img{border:2px solid var(--saki-default-color)}.map-layer-setting-maps .sm-map-layer .layer-main.active .layer-button{color:var(--saki-default-color)}.map-layer-setting-maps .sm-map-layer .layer-main:hover img{border:2px solid var(--saki-default-color)}.map-layer-setting-maps .sm-map-layer .layer-main:hover .layer-button{color:var(--saki-default-color)}.map-layer-setting-maps .sm-map-layer .layer-main img{width:50px;height:50px;border-radius:10px;border:2px solid #ccc}.map-layer-setting-maps .sm-map-layer .layer-main .layer-button{width:100%;transition:all .2s;display:flex;justify-content:center;align-items:center;color:#666}.map-layer-setting-maps .sm-map-layer .layer-main .layer-button span{margin:0 0 0 4px;font-size:11px;text-align:center}.map-layer-setting-maps .sm-tip{margin:6px 0 0;display:flex;justify-content:space-between;align-items:center}.map-layer-setting-maps .sm-tip span{color:#aaa;font-size:10px}.map-layer-setting-maps .sm-map-display{display:grid;grid-template-columns:repeat(5,1fr);column-gap:16px;row-gap:10px}.map-layer-setting-maps .sm-map-display .map-display-item{display:flex;flex-direction:column;align-items:center}.map-layer-setting-maps .sm-map-display .map-display-item:hover .mdi-icon{background-color:#ddd}.map-layer-setting-maps .sm-map-display .map-display-item:hover .mdi-name,.map-layer-setting-maps .sm-map-display .map-display-item:hover .mdi-name .name{color:#444}.map-layer-setting-maps .sm-map-display .map-display-item:active .mdi-icon{background-color:#ccc}.map-layer-setting-maps .sm-map-display .map-display-item:active .mdi-name,.map-layer-setting-maps .sm-map-display .map-display-item:active .mdi-name .name{color:#222}.map-layer-setting-maps .sm-map-display .map-display-item.active .mdi-icon{background-color:var(--saki-default-color)}.map-layer-setting-maps .sm-map-display .map-display-item.active .mdi-name,.map-layer-setting-maps .sm-map-display .map-display-item.active .mdi-name .name{color:var(--saki-default-color)}.map-layer-setting-maps .sm-map-display .map-display-item .mdi-icon{background-color:#eee;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:all .3s}.map-layer-setting-maps .sm-map-display .map-display-item .mdi-name{margin:4px 0 0;font-size:10px;color:#666;text-align:center;transition:all .3s}.map-layer-setting-maps .sm-map-display .map-display-item .mdi-name .name{font-size:10px;color:#666;transition:all .3s}.map-layer-setting-maps .sm-segmented{position:relative;display:flex;justify-content:flex-end}.map-layer-setting-maps .sm-segmented saki-segmented{width:100%}.map-layer-setting-maps .sm-segmented saki-segmented saki-segmented-item{width:25%}.map-layer-setting-maps .sm-segmented saki-segmented saki-segmented-item .saki-segmented-item-component span{color:#444;font-size:12px}.map-layer-setting-maps .sm-segmented saki-segmented saki-segmented-item .saki-segmented-item-component.active span{color:#fff}.map-layer-setting-maps .sm-item .sm-sc-name{font-size:12px;color:#666}.map-layer-setting-maps .sm-item .sm-sc-color{flex:1 1;padding:0 0 0 8px}.map-layer-setting-maps .sm-basemap,.map-layer-setting-maps .sm-positionShare{display:flex;justify-content:flex-start;margin:20px 0 0}.map-layer-setting-maps .sm-bm-recommend{display:flex;justify-content:flex-start;align-items:center;margin-top:6px;white-space:nowrap;flex-wrap:wrap}.map-layer-setting-maps .sm-bm-recommend .sm-r-item{margin:4px 6px 0 0;cursor:pointer;font-style:italic}.map-layer-setting-maps .sm-bm-recommend .sm-r-item>span{font-size:12px;color:#666}.map-layer-setting-maps .sm-bm-recommend .sm-r-item>span:hover{color:#444}.map-layer-setting-maps .sm-bm-recommend .sm-r-item>span:active{color:#222}.map-layer-setting-maps .sm-sc-color{display:flex;justify-content:space-between;align-items:center}.map-layer-setting-maps .sm-sc-color .sm-sc-min{padding-right:6px;color:#58c8f2}.map-layer-setting-maps .sm-sc-color .sm-sc-line{flex:1 1;height:4px;border-radius:2px}.map-layer-setting-maps .sm-sc-color .sm-sc-max{padding-left:6px;color:#eda4b2}.map-layer-setting-maps .sm-speed-color-range{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.map-layer-setting-maps .sm-speed-color-range .sm-sc-type{width:100%;display:flex;justify-content:space-between;margin:0 0 10px}.map-layer-setting-maps .sm-speed-color-range .sm-sc-type span{font-size:12px;color:#666}.map-layer-setting-maps .sm-speed-color-range .sm-sc-speed{width:100%;display:flex;align-items:center;justify-content:space-between}.map-layer-setting-maps .sm-speed-color-range .sm-sc-speed span{font-size:12px;color:#666}.map-layer-setting-maps .sm-speed-color-range .sm-sc-range{width:100%;display:flex;align-items:center;justify-content:space-between}.map-layer-setting-maps .sm-speed-color-range .sm-sc-range saki-slider{width:100%;padding:0 20px}.map-layer-setting-maps .sm-speed-color-range .sm-sc-range>div span{display:flex;flex-direction:column;align-items:center}.map-layer-setting-maps .sm-speed-color-range .sm-sc-range>div span.text{color:#555;margin:0 0 2px}.map-layer-setting-maps .sm-trc-item{display:flex;justify-content:space-between;align-items:center}.map-layer-setting-maps .sm-trc-item span{margin:0 10px 0 0}.map-layer-setting-maps .sm-trc-item .sm-trc-i-color{flex:1 1;height:4px;border-radius:2px}.map-layer-setting-maps .sm-track-width{display:flex;align-items:center;margin:8px 0}.map-layer-setting-maps .sm-track-width .sm-tw-name{padding:0 6px 0 0;font-size:12px;color:#666}.map-layer-setting-maps .sm-track-width .sm-tw-num{padding:0 0 0 6px;font-size:12px;color:#666}.layer-buttons{position:absolute;z-index:401;transition:all .3s}.layer-buttons.hide{display:none}.layer-buttons.Mobile .layer-main{width:60px;height:60px}.layer-buttons.Mobile .layer-main .layer-button span{font-size:10px}.layer-buttons .layer-main{width:80px;height:80px;position:relative;border:4px solid #fff;border-radius:10px;overflow:hidden;z-index:1}.layer-buttons .layer-main:hover .layer-button{background:linear-gradient(0deg,#00000080,#0000)}.layer-buttons .layer-main img{width:100%;height:100%;position:absolute;left:0;top:0}.layer-buttons .layer-main .layer-button{position:absolute;bottom:0;width:100%;padding:30px 6px 6px;background:linear-gradient(0deg,#0000004d,#0000);transition:all .2s;display:flex;justify-content:flex-start;align-items:center;color:#fff}.layer-buttons .layer-main .layer-button span{margin:0 0 0 4px;font-size:11px}.weather-app-modal{width:100%;height:100%}html{font-family:Roboto,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;--primary-color:#f29cb2;--primary-light-color:#e9eefe;--default-color:#f29cb2;--default-hover-color:#2476db;--default-active-color:#1363c5}body,html{width:100%;height:100%;overflow-x:hidden;background-color:#fff}.body-modal{overflow:hidden;padding-right:17px;box-sizing:border-box}*,:after,:before{box-sizing:border-box;margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none}.clearfix:after,.clearfix:before{content:"";display:block;height:0;line-height:0;visibility:hidden;overflow:hidden;clear:both}.text-elipsis,.text-three-elipsis,.text-two-elipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-elipsis{-webkit-line-clamp:1;line-clamp:1}.text-two-elipsis{-webkit-line-clamp:2;line-clamp:2}.text-three-elipsis{-webkit-line-clamp:3;line-clamp:3}.text-wrap{overflow:hidden;word-wrap:break-word}.mui-btn,button,input[type=button],input[type=reset],input[type=submit]{font-size:14px;font-weight:400;line-height:1.42;position:relative;display:inline-block;margin-bottom:0;padding:6px 12px;height:32px;outline:none;cursor:pointer;transition:all;transition-timing-function:linear;transition-duration:.2s;text-align:center;vertical-align:top;white-space:nowrap;border:1px solid #fff0;background-clip:padding-box}.nav-list .nav-item,saki-button{-webkit-tap-highlight-color:rgba(0,0,0,0)}.privacy-geofence-modal{width:100%;height:100%}.privacy-geofence-modal.showTag .map-custom-trip-marker-wrap{display:none}.privacy-geofence-modal .pg-main{width:100%;height:calc(100% - 56px);position:relative}.privacy-geofence-modal .pg-main #pg-map{width:100%;height:100%}.privacy-geofence-modal .pg-main .pg-m-info{width:100%;height:100%;position:absolute;top:0;left:0;z-index:666;background-color:#fff;padding:0 10px;transition:opacity .3s,transform .3s}.privacy-geofence-modal .pg-main .pg-m-info.cct-info-enter{opacity:0;transform:translateX(100%)}.privacy-geofence-modal .pg-main .pg-m-info.cct-info-enter-active,.privacy-geofence-modal .pg-main .pg-m-info.cct-info-leave{opacity:1;transform:translateX(0)}.privacy-geofence-modal .pg-main .pg-m-info.cct-info-leave-active{opacity:0;transform:translateX(100%)}.privacy-geofence-modal .pg-main .pg-m-info.cct-info-leave-done{display:none}.privacy-geofence-modal .pg-main .pg-m-info .info-main{margin:0 auto;width:100%;max-width:400px}.privacy-geofence-modal .pg-main .pg-m-info .info-main .im-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0 0}.privacy-geofence-modal .pg-main .pg-m-info .info-main .im-item .ftd-l-date{display:flex;flex-direction:column;justify-content:flex-end}.privacy-geofence-modal .pg-main .pg-m-info .info-main .im-item .ftd-l-date .ftd-l-d-content,.privacy-geofence-modal .pg-main .pg-m-info .info-main .im-item.im-buttons{display:flex;justify-content:flex-end;align-items:center}.dashLine{stroke-dasharray:10}.map-custom-trip-marker{--custom-trip-marker-pixel:10px;--custom-trip-marker-bg-color:var(--saki-default-color);width:var(--custom-trip-marker-pixel);height:var(--custom-trip-marker-pixel);border-radius:50%;margin:calc(-1*var(--custom-trip-marker-pixel)/2) 0 0 calc(-1*var(--custom-trip-marker-pixel)/2);border:2px solid #fff;background-color:var(--custom-trip-marker-bg-color)}.map-custom-trip-marker.active .map-custom-trip-marker-wrap{background-color:#62c3e8}.map-custom-trip-marker.active .map-custom-trip-marker-wrap:before{border-top:30px solid #62c3e8}.map-custom-trip-marker .map-custom-trip-marker-wrap{position:absolute;left:-30px;top:-8px;background-color:var(--custom-trip-marker-bg-color);display:flex;justify-content:space-between;align-items:center;padding:4px;height:28px;border-radius:14px;transform:scale(.8) translate(42px,15px)}.map-custom-trip-marker .map-custom-trip-marker-wrap:before{content:"";position:absolute;left:-10px;top:-14px;transform:rotate(130deg);border-top:30px solid var(--custom-trip-marker-bg-color);border-left:8px solid #0000;border-right:8px solid #0000}.map-custom-trip-marker .map-custom-trip-marker-wrap .msm-icon{background-color:#fff;width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.map-custom-trip-marker .map-custom-trip-marker-wrap .msm-speed{display:flex;justify-content:flex-start;align-items:flex-end;padding:0 2px;position:relative}.map-custom-trip-marker .map-custom-trip-marker-wrap .msm-speed span{color:#fff}.map-custom-trip-marker .map-custom-trip-marker-wrap .msm-speed span:first-child{font-size:14px}.map-custom-trip-marker .map-custom-trip-marker-wrap .msm-speed span:nth-child(2){font-size:11px;margin-left:2px;transform:translateY(-2px)}.pg-polygon-label{color:#fff;text-shadow:-1px -1px 0 #666,1px -1px 0 #666,-1px 1px 0 #666,1px 1px 0 #666;font-weight:700;font-size:14px}