@charset "UTF-8";.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}:root{--adverse-heavy: #ffc800;--adverse-severe: #ff8000;--adverse-danger: #d50000}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib{display:none}.mapboxgl-ctrl-bottom-left{display:none!important}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-logo{display:none}.map-marker-label-box{background-color:var(--opi-background-color);color:var(--opi-white);border-radius:4px;padding:0 4px;text-shadow:var(--opi-text-shadow);cursor:pointer}.map-marker-label-box.Underway{background:var(--opi-success-color-dark)}.map-marker-label-box.Ready{background:var(--opi-success-color)}.map-marker-label-box.Reached{background:var(--opi-warning-color)}.map-marker-line-point{height:10px;width:10px}.map-marker-line-point.map-sailing{border:2px solid var(--opi-white);background:var(--opi-danger-color);border-radius:50%}.map-marker-line-point.map-remain{border:2px solid var(--opi-white);background:var(--opi-success-color-light);border-radius:50%}.vessel.cargo{color:var(--opi-vessel-cargo-color)}.vessel.tanker{color:var(--opi-vessel-tanker-color)}.vessel.passenger{color:var(--opi-vessel-passenger-color)}.vessel.other{color:var(--opi-vessel-other-color)}.vessel.active{color:#0ff}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.initial-map-box[data-v-71882f82]{height:100%;position:relative}.initial-map-box #map[data-v-71882f82]{height:100%}.initial-map-box #center-marker[data-v-71882f82]{display:none;padding:12px;border:3px dashed var(--opi-danger-color);animation:fadeOut 8s forwards}.slot[data-v-f8704fc8]{flex:none;transition:width .3s ease-in-out}.map-timeline[data-v-f8704fc8]{position:absolute;box-sizing:border-box;height:55px;width:100%;color:var(--opi-white-8)}.map-timeline .play-box[data-v-f8704fc8]{display:flex;align-items:center}.map-timeline .play-box .btn[data-v-f8704fc8]{position:relative;background-color:var(--opi-black-6);width:26px;height:26px;border-radius:50%;cursor:pointer;-webkit-user-select:none;user-select:none}.map-timeline .play-box .btn.large[data-v-f8704fc8]{width:34px;height:34px;margin:0 20px}.map-timeline .play-box .btn.disabled[data-v-f8704fc8]{opacity:.6;cursor:not-allowed}.map-timeline .play-box .btn.disabled[data-v-f8704fc8]:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:9}.map-timeline .play-box .btn .btn-inner[data-v-f8704fc8]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.map-timeline .play-box .btn .btn-inner .iconfont[data-v-f8704fc8]{position:relative;color:var(--opi-white);line-height:1em}.map-timeline .play-box .btn .btn-inner .iconfont.previous[data-v-f8704fc8]{font-size:11px;right:1px}.map-timeline .play-box .btn .btn-inner .iconfont.pause[data-v-f8704fc8]{font-size:14px}.map-timeline .play-box .btn .btn-inner .iconfont.resume[data-v-f8704fc8]{font-size:14px;left:1px}.map-timeline .play-box .btn .btn-inner .iconfont.next[data-v-f8704fc8]{font-size:11px;left:1px}.map-timeline .scroll-box[data-v-f8704fc8]{flex-grow:1;background:var(--opi-background-timeline-linear)}.map-timeline .timeline-progress[data-v-f8704fc8]{display:flex;flex:1;padding-top:7px}.map-timeline .timeline-progress .progress-step[data-v-f8704fc8]{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;height:8px;width:20px;background:var(--opi-background-timeline-progress)}.map-timeline .timeline-progress .progress-step[data-v-f8704fc8]:after{content:"";width:4px;height:4px;border-radius:2px;background:#c2c2c2;position:absolute;z-index:9;top:4px;right:0;margin-top:-2px;margin-right:-2px}.map-timeline .timeline-progress .progress-step.active[data-v-f8704fc8]{background-color:var(--opi-white)}.map-timeline .timeline-progress .progress-step[data-v-f8704fc8]:first-child{border-left:var(--opi-solid-border);border-radius:4px 0 0 4px}.map-timeline .timeline-progress .progress-step[data-v-f8704fc8]:last-child{border-radius:0 4px 4px 0}.map-timeline .timeline-progress .progress-step[data-v-f8704fc8]:last-child:after{display:none}.map-timeline .timeline-progress .progress-step .date[data-v-f8704fc8]{text-align:left;width:100px;left:-1px;top:18px;padding-top:4px;padding-left:6px;position:absolute;border-left:var(--opi-solid-border);font-size:16px;line-height:1em;color:var(--opi-white);text-shadow:0px 0px 3px rgba(26,90,153,.8);white-space:nowrap;-webkit-user-select:none;user-select:none}.map-timeline .timeline-progress .progress-step .current-time-button[data-v-f8704fc8]{width:16px;height:16px;border-radius:8px;background:#f36f17;position:absolute;border:3px solid var(--opi-white);z-index:14;top:4px;right:0;margin-top:-8px;margin-right:-8px}.map-timeline .timeline-progress .progress-step .current-box[data-v-f8704fc8]{width:16px;height:16px;border-radius:8px;background:#264fb6;position:absolute;border:3px solid var(--opi-white);z-index:15;top:4px;right:0;margin-top:-8px;margin-right:-8px}[data-v-db9604d1] .van-popover__content{border-radius:3px}.current-time[data-v-db9604d1]{font-size:10px;line-height:1em;color:var(--opi-white);padding:5px;width:76px;text-align:center;white-space:nowrap}.map-timeline[data-v-db9604d1]{position:absolute;box-sizing:border-box;height:40px;width:100%;color:var(--opi-white-8);z-index:9}.map-timeline .play-box[data-v-db9604d1]{display:flex;align-items:center;height:100%;flex:none;position:relative}.map-timeline .play-box .btn[data-v-db9604d1]{position:relative;background-color:var(--opi-black-6);width:26px;height:26px;cursor:pointer;-webkit-user-select:none;user-select:none}.map-timeline .play-box .btn.large[data-v-db9604d1]{width:30px;height:100%}.map-timeline .play-box .btn.disabled[data-v-db9604d1]{opacity:.6;cursor:not-allowed}.map-timeline .play-box .btn.disabled[data-v-db9604d1]:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:9}.map-timeline .play-box .btn .btn-inner[data-v-db9604d1]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.map-timeline .play-box .btn .btn-inner .iconfont[data-v-db9604d1]{position:relative;color:var(--opi-white);line-height:1em}.map-timeline .play-box .btn .btn-inner .iconfont.previous[data-v-db9604d1]{font-size:11px;right:1px}.map-timeline .play-box .btn .btn-inner .iconfont.pause[data-v-db9604d1]{font-size:10px}.map-timeline .play-box .btn .btn-inner .iconfont.resume[data-v-db9604d1]{font-size:10px;left:1px}.map-timeline .play-box .btn .btn-inner .iconfont.next[data-v-db9604d1]{font-size:11px;left:1px}.map-timeline .current-arrow-box[data-v-db9604d1]{position:absolute;top:0;right:calc((100% - 30px)/2);margin-right:-8px;z-index:19;font-size:0}.map-timeline .current-arrow-box .current-arrow[data-v-db9604d1]{position:relative;border-top:8px solid var(--opi-white);border-right:8px solid transparent;border-left:8px solid transparent;display:flex;justify-content:center;align-items:flex-start}.map-timeline .current-arrow-box .current-arrow[data-v-db9604d1]:before{content:"";position:absolute;top:-7px;border-top:5px solid var(--opi-primary-color);border-right:5px solid transparent;border-left:5px solid transparent;z-index:9}.map-timeline .scroll-box[data-v-db9604d1]{width:0;flex-grow:1;background:rgba(0,0,0,.45);display:flex;overflow-x:scroll;height:100%;position:relative}.map-timeline .scroll-box .half-slot[data-v-db9604d1]{flex:none;height:100%}.map-timeline .scroll-box .timeline-progress[data-v-db9604d1]{display:flex;flex-grow:1}.map-timeline .scroll-box .timeline-progress .progress-step[data-v-db9604d1]{position:relative;flex:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;height:17px;border-top:1px solid var(--opi-white)}.map-timeline .scroll-box .timeline-progress .progress-step.start[data-v-db9604d1]:before{height:27px;background:var(--opi-white)}.map-timeline .scroll-box .timeline-progress .progress-step[data-v-db9604d1]:before{content:"";width:1px;height:100%;background:#97b4c2;position:absolute;z-index:9;top:0;left:0}.map-timeline .scroll-box .timeline-progress .progress-step.active[data-v-db9604d1]{background-color:var(--opi-white)}.map-timeline .scroll-box .timeline-progress .progress-step[data-v-db9604d1]:last-child:after{content:"";width:1px;height:28px;background:var(--opi-white);position:absolute;z-index:9;top:-1px;left:100%}.map-timeline .scroll-box .timeline-progress .progress-step .date[data-v-db9604d1]{z-index:13;text-align:center;left:0;top:23px;position:absolute;font-size:10px;line-height:1em;color:var(--opi-white);white-space:nowrap;-webkit-user-select:none;user-select:none}.map-timeline .scroll-box .timeline-progress .progress-step .current-time-button[data-v-db9604d1]{z-index:11;width:3px;height:39px;background:#ff8932;position:absolute;top:0;right:0;margin-right:-2px}.map-timeline .scroll-box .timeline-progress .progress-step .current-time-button[data-v-db9604d1]:before{content:"";position:absolute;width:20px;height:100%;top:0;left:0;margin-left:-10px}.map-timeline .scroll-box .timeline-progress .progress-step .current-box[data-v-db9604d1]{width:16px;height:16px;border-radius:8px;background:#264fb6;position:absolute;border:3px solid var(--opi-white);z-index:15;top:4px;right:0;margin-top:-8px;margin-right:-8px}:root{--opi-white: rgba(255, 255, 255, 1);--opi-white-9: rgba(255, 255, 255, .9);--opi-white-8: rgba(255, 255, 255, .8);--opi-white-7: rgba(255, 255, 255, .7);--opi-white-6: rgba(255, 255, 255, .6);--opi-white-5: rgba(255, 255, 255, .5);--opi-white-4: rgba(255, 255, 255, .4);--opi-white-3: rgba(255, 255, 255, .3);--opi-white-2: rgba(255, 255, 255, .2);--opi-white-1: rgba(255, 255, 255, .1);--opi-black: rgba(0, 0, 0, 1);--opi-black-9: rgba(0, 0, 0, .9);--opi-black-8: rgba(0, 0, 0, .8);--opi-black-7: rgba(0, 0, 0, .7);--opi-black-6: rgba(0, 0, 0, .6);--opi-black-5: rgba(0, 0, 0, .5);--opi-black-4: rgba(0, 0, 0, .4);--opi-black-3: rgba(0, 0, 0, .3);--opi-black-2: rgba(0, 0, 0, .2);--opi-black-1: rgba(0, 0, 0, .1);--opi-primary-color: #1a367c;--opi-primary-color-light: #dae2f8;--opi-primary-color-light2: #eef1f9;--opi-primary-color-dark: #053a7e;--opi-primary-color-dark2: #002e6b;--opi-primary-color-9: rgba(26, 54, 124, .9);--opi-primary-color-7: rgba(26, 54, 124, .7);--opi-primary-color-5: rgba(26, 54, 124, .5);--opi-primary-color-3: rgba(26, 54, 124, .3);--opi-primary-color-1: rgba(26, 54, 124, .1);--opi-success-color: #489e3f;--opi-success-color-light: #75c232;--opi-success-color-dark: #398626;--opi-success-color-dark2: #0e6500;--opi-warning-color: #f36f17;--opi-warning-color-light: #ff9249;--opi-warning-color-dark: #da6c05;--opi-danger-color: #ef4949;--opi-danger-color-light: #f76c6c;--opi-danger-color-dark: #fc2d2d;--opi-info-color: #6e6e6e;--opi-info-color-light: #969696;--opi-info-color-light2: #c0c0c0;--opi-info-color-light3: #e2e2e2;--opi-info-color-dark: #494949;--opi-dangerous: rgba(156, 0, 30, 1);--opi-severe: rgba(255, 41, 0, 1);--opi-heavy: rgba(255, 255, 0, 1);--opi-vessel-cargo-color: lightgreen;--opi-vessel-tanker-color: red;--opi-vessel-passenger-color: blue;--opi-vessel-other-color: lightgrey;--opi-perf-cii-a: #75c232;--opi-perf-cii-b: #9dd472;--opi-perf-cii-c: #f8cda2;--opi-perf-cii-d: #ee9797;--opi-perf-cii-e: #e9696a;--opi-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);--opi-dashed-border: 1px dashed var(--opi-white-5);--opi-solid-border: 1px solid var(--opi-white-4);--opi-background-color: var(--opi-primary-color-9);--opi-background-color-dark: var(--opi-primary-color-dark);--opi-background-color-light: var(--opi-primary-color-light);--opi-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--opi-background-linear-gradient-top: rgba(0, 0, 0, .65);--opi-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-right: linear-gradient(to right, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-left: linear-gradient(to left, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-blink-animation: blink .8s ease-out infinite alternate;--opi-background-timeline-linear: linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);--opi-background-timeline-progress: #4c639d;--opi-font-color-3: #333333;--opi-font-color-6: #666666;--opi-font-color-9: #999999;--opi-font-color-link: #264fb5;--opi-menu-color-active: #4c639d;--opi-line-color-border: #e6e6e6;--opi-line-color-split: #f2f2f2;--opi-line-color-disable: #cfcfcf;--opi-table-row-color-light-blue: #f7f9ff;--opi-list-background-color: #f8faff;--opi-button-background-light-blue: #eef1f9;--opi-button-background-dark-blue: #c2cce4}:root[colorTheme=blue]{--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--opi-background-linear-gradient-top: linear-gradient(to top, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-right: linear-gradient(to right, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-left: linear-gradient(to left, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-primary-color: #1a367c;--opi-primary-color-light: #dae2f8;--opi-primary-color-light2: #eef1f9;--opi-primary-color-dark: #053a7e;--opi-primary-color-dark2: #002e6b;--opi-primary-color-9: rgba(26, 54, 124, .9);--opi-primary-color-7: rgba(26, 54, 124, .7);--opi-primary-color-5: rgba(26, 54, 124, .5);--opi-primary-color-3: rgba(26, 54, 124, .3);--opi-primary-color-1: rgba(26, 54, 124, .1)}@font-face{font-family:iconfont;src:url(https://iconfont.oceanpitech.com/iconfont.woff2) format("woff2"),url(https://iconfont.oceanpitech.com/iconfont.woff) format("woff"),url(https://iconfont.oceanpitech.com/iconfont.truetype) format("truetype"),url(https://iconfont.oceanpitech.com/iconfont.svg) format("svg")}.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-around{display:flex;align-items:center;justify-content:space-around}.flex-evenly{display:flex;align-items:center;justify-content:space-evenly}.flex{flex:1}.dropdown{position:relative;display:inline-block!important}.dropdown .dropdown-content{display:none;position:absolute;z-index:1}.dropdown:hover .dropdown-content{display:block}@keyframes blink{0%{box-shadow:0 0 20px var(--opi-warning-color-dark) inset}to{box-shadow:0 0 20px var(--opi-success-color) inset}}.el-radio[data-v-2d68c89d]{--el-radio-font-size: var(--el-font-size-base);--el-radio-text-color: var(--el-text-color-regular);--el-radio-font-weight: var(--el-font-weight-primary);--el-radio-input-height: 14px;--el-radio-input-width: 14px;--el-radio-input-border-radius: var(--el-border-radius-circle);--el-radio-input-bg-color: var(--el-fill-color-blank);--el-radio-input-border: var(--el-border);--el-radio-input-border-color: var(--el-border-color);--el-radio-input-border-color-hover: var(--el-color-primary)}.el-radio[data-v-2d68c89d]{color:var(--el-radio-text-color);font-weight:var(--el-radio-font-weight);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;outline:none;font-size:var(--el-font-size-base);-webkit-user-select:none;user-select:none;margin-right:32px;height:32px}.el-radio.el-radio--large[data-v-2d68c89d]{height:40px}.el-radio.el-radio--small[data-v-2d68c89d]{height:24px}.el-radio.is-bordered[data-v-2d68c89d]{padding:0 15px 0 9px;border-radius:var(--el-border-radius-base);border:var(--el-border);box-sizing:border-box}.el-radio.is-bordered.is-checked[data-v-2d68c89d]{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled[data-v-2d68c89d]{cursor:not-allowed;border-color:var(--el-border-color-lighter)}.el-radio.is-bordered.el-radio--large[data-v-2d68c89d]{padding:0 19px 0 11px;border-radius:var(--el-border-radius-base)}.el-radio.is-bordered.el-radio--large .el-radio__label[data-v-2d68c89d]{font-size:var(--el-font-size-base)}.el-radio.is-bordered.el-radio--large .el-radio__inner[data-v-2d68c89d]{height:14px;width:14px}.el-radio.is-bordered.el-radio--small[data-v-2d68c89d]{padding:0 11px 0 7px;border-radius:var(--el-border-radius-base)}.el-radio.is-bordered.el-radio--small .el-radio__label[data-v-2d68c89d]{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner[data-v-2d68c89d]{height:12px;width:12px}.el-radio[data-v-2d68c89d]:last-child{margin-right:0}.el-radio__input[data-v-2d68c89d]{white-space:nowrap;cursor:pointer;outline:none;display:inline-flex;position:relative;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner[data-v-2d68c89d]{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner[data-v-2d68c89d]:after{cursor:not-allowed;background-color:var(--el-disabled-bg-color)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label[data-v-2d68c89d]{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner[data-v-2d68c89d]{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled.is-checked .el-radio__inner[data-v-2d68c89d]:after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label[data-v-2d68c89d]{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner[data-v-2d68c89d]{border-color:var(--el-color-primary);background:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner[data-v-2d68c89d]:after{transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label[data-v-2d68c89d]{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner[data-v-2d68c89d]{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner[data-v-2d68c89d]{border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);width:var(--el-radio-input-width);height:var(--el-radio-input-height);background-color:var(--el-radio-input-bg-color);position:relative;cursor:pointer;display:inline-block;box-sizing:border-box}.el-radio__inner[data-v-2d68c89d]:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner[data-v-2d68c89d]:after{width:4px;height:4px;border-radius:var(--el-radio-input-border-radius);background-color:var(--el-color-white);content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.el-radio__original[data-v-2d68c89d]{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio__original:focus-visible+.el-radio__inner[data-v-2d68c89d]{outline:2px solid var(--el-radio-input-border-color-hover);outline-offset:1px;border-radius:var(--el-radio-input-border-radius)}.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner[data-v-2d68c89d]{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label[data-v-2d68c89d]{font-size:var(--el-radio-font-size);padding-left:8px}.el-radio.el-radio--large .el-radio__label[data-v-2d68c89d]{font-size:14px}.el-radio.el-radio--large .el-radio__inner[data-v-2d68c89d]{width:14px;height:14px}.el-radio.el-radio--small .el-radio__label[data-v-2d68c89d]{font-size:12px}.el-radio.el-radio--small .el-radio__inner[data-v-2d68c89d]{width:12px;height:12px}.opi-gl-layer[data-v-2d68c89d]{position:absolute;top:0;right:0;height:100%}.opi-gl-layer .fade-enter-active[data-v-2d68c89d],.opi-gl-layer .fade-leave-active[data-v-2d68c89d]{transition:opacity .5s}.opi-gl-layer .fade-enter[data-v-2d68c89d],.opi-gl-layer .fade-leave-to[data-v-2d68c89d]{opacity:0}.opi-gl-layer .layer[data-v-2d68c89d]{cursor:pointer;display:flex;align-items:center;padding-top:10px}.opi-gl-layer .layer.disabled[data-v-2d68c89d]{cursor:not-allowed}.opi-gl-layer .layer.disabled span[data-v-2d68c89d]{color:var(--opi-white-6)}.opi-gl-layer .layer.hidden[data-v-2d68c89d]{display:none!important}.opi-gl-layer .layer .iconfont[data-v-2d68c89d]{font-size:16px;margin:0 22px 0 3px}.opi-gl-layer .layer span[data-v-2d68c89d]{color:var(--opi-white);font-size:16px;width:0;flex-grow:1;-webkit-user-select:none;user-select:none}.opi-gl-layer .layer .el-switch[data-v-2d68c89d]{--el-switch-on-color: var(--opi-primary-color)}.opi-gl-layer .layer-bars[data-v-2d68c89d]{display:flex;position:absolute;top:10px;right:calc(100% + 30px);border-radius:24px;overflow:hidden}.opi-gl-layer .layer-bars .layer-icon[data-v-2d68c89d]{background:var(--opi-background-linear-gradient-top);padding:8px;cursor:pointer}.opi-gl-layer .layer-bars .layer-icon.open .iconfont[data-v-2d68c89d]{transform:rotate(-90deg)}.opi-gl-layer .layer-bars .layer-icon:hover .iconfont[data-v-2d68c89d]{color:var(--el-color-primary-light-5)}.opi-gl-layer .layer-bars .layer-icon .iconfont[data-v-2d68c89d]{margin:0;font-size:16px;color:var(--opi-white);padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transform:rotate(90deg)}.opi-gl-layer .layer-bars .active-layers[data-v-2d68c89d]{display:flex;align-items:center;background:var(--opi-background-linear-gradient-top);position:relative;padding:0 10px}.opi-gl-layer .layer-bars .active-layers[data-v-2d68c89d]:after{content:"";position:absolute;width:1px;height:calc(100% - 18px);top:9px;right:0;background:var(--opi-white-1)}.opi-gl-layer .layer-bars .active-layers .layer[data-v-2d68c89d]{padding:8px}.opi-gl-layer .layer-bars .active-layers .layer.active .iconfont[data-v-2d68c89d]{background:var(--opi-menu-color-active)}.opi-gl-layer .layer-bars .active-layers .layer .iconfont[data-v-2d68c89d]{margin:0;font-size:16px;color:var(--opi-white);padding:4px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.opi-gl-layer .other-bars[data-v-2d68c89d]{position:absolute;top:78px;right:calc(100% + 30px);border-radius:24px;background:var(--opi-background-linear-gradient-top)}.opi-gl-layer .other-bars .layer-icon[data-v-2d68c89d]{padding:10px 6px;cursor:pointer;color:var(--opi-white-9);position:relative}.opi-gl-layer .other-bars .layer-icon[data-v-2d68c89d]:not(:last-child):after{content:"";position:absolute;width:calc(100% - 18px);height:1px;left:9px;bottom:0;background:var(--opi-white-1)}.opi-gl-layer .other-bars .layer-icon.active .iconfont[data-v-2d68c89d]{background:var(--opi-menu-color-active)}.opi-gl-layer .other-bars .layer-icon .iconfont[data-v-2d68c89d]{margin:0;font-size:22px;color:var(--opi-white);padding:4px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.opi-gl-layer .drawer-box[data-v-2d68c89d]{width:0;height:100%;transition:width .3s ease-in-out;overflow:hidden}.opi-gl-layer .drawer-box.show[data-v-2d68c89d]{width:286px}.opi-gl-layer .drawer-box.showTagging[data-v-2d68c89d]{width:413px;position:absolute;top:246px;right:calc(100% + 90px)}.opi-gl-layer .drawer-box.showTagging .button[data-v-2d68c89d]{border-color:var(--opi-white);color:var(--opi-white);background:none}.opi-gl-layer .drawer-box.showTagging .primary[data-v-2d68c89d]{color:var(--opi-white);background-color:#4c639d!important;border-color:#4c639d!important}.opi-gl-layer .drawer-box.showTagging .layer-row[data-v-2d68c89d]{display:flex;align-items:center;justify-content:space-between;color:var(--opi-white);width:100%}.opi-gl-layer .drawer-box.showTagging .layer-row .row-item[data-v-2d68c89d]{display:flex;align-items:center;justify-content:space-between;max-width:100%;font-size:14px;line-height:32px;width:100%}.opi-gl-layer .drawer-box.showTagging .layer-row .row-item .label[data-v-2d68c89d]{width:max-content}.opi-gl-layer .drawer-box.showTagging .layer-row .row-item .img-row[data-v-2d68c89d]{display:flex;align-items:center;justify-content:left}.opi-gl-layer .drawer-box.showTagging .layer-row .row-item .content[data-v-2d68c89d]{width:max-content!important;margin-left:10px}.opi-gl-layer .drawer-box.showTagging .layer-row .row-item .content .el-radio[data-v-2d68c89d]{--el-radio-font-size: var(--el-font-size-base);--el-radio-text-color: var(--opi-white) !important}.opi-gl-layer .drawer-box.showTagging .layer-row .row-item .content .el-radio__label[data-v-2d68c89d]{color:var(--opi-white)!important;padding-left:8px}.opi-gl-layer .drawer-box.showTagging .layer-row .row-item .content .img[data-v-2d68c89d]{width:30px;height:30px;margin-right:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.opi-gl-layer .drawer-box.showTagging .layer-row .row-item .content .selected[data-v-2d68c89d]{background:#4c639d;border-radius:4px}.opi-gl-layer .drawer-box.showTagging .layer-row .row-item .name-input[data-v-2d68c89d]{width:100%!important;border-radius:4px!important}.opi-gl-layer .drawer-box.showTagging .layer-row .row-item .name-input[data-v-2d68c89d] .el-textarea__inner{color:var(--opi-white)!important;background-color:#143242!important}.opi-gl-layer .drawer-box .available-layers[data-v-2d68c89d]{border-radius:16px 0 0 16px;color:var(--opi-white-9);background:var(--opi-background-linear-gradient-top);width:286px;height:100%}.opi-gl-layer .drawer-box .available-layers .inner-box[data-v-2d68c89d]{padding:15px 0}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-title[data-v-2d68c89d]{font-weight:600;padding-bottom:15px;padding-top:15px;color:var(--opi-white);position:relative;padding-left:36px;font-size:16px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-title[data-v-2d68c89d]:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--opi-white);top:50%;left:20px;margin-top:-3px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body[data-v-2d68c89d]{display:flex;flex-wrap:wrap;width:100%}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .layer[data-v-2d68c89d]{position:relative;width:100%;padding:7px 30px 7px 20px;line-height:35px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .layer[data-v-2d68c89d]:not(:first-child):after{content:"";position:absolute;width:calc(100% - 50px);height:1px;background:var(--opi-white-1);top:0;left:20px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body[data-v-2d68c89d] .el-switch.is-checked .el-switch__core{border-color:var(--opi-menu-color-active);background-color:var(--opi-menu-color-active)}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .display[data-v-2d68c89d]{display:flex;align-items:center;justify-content:space-between;width:100%}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .display .title[data-v-2d68c89d]{font-size:14px;color:#fff;line-height:28px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .color[data-v-2d68c89d]{margin:0 5px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .color.active[data-v-2d68c89d]{color:var(--opi-menu-color-active)}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box[data-v-2d68c89d]{width:100%;background-color:#0000004d}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item[data-v-2d68c89d]{position:relative;display:flex;align-items:center;padding:14px 30px 14px 20px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item[data-v-2d68c89d]:after{content:"";position:absolute;width:calc(100% - 50px);height:1px;background:var(--opi-white-1);bottom:0;left:20px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item.title[data-v-2d68c89d]{padding:10px 30px 10px 36px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item.title[data-v-2d68c89d]:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--opi-white);top:50%;left:20px;margin-top:-3px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item.header[data-v-2d68c89d]{padding:10px 30px 10px 20px;font-size:12px;line-height:16px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item.header .name[data-v-2d68c89d],.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item.header .time[data-v-2d68c89d]{color:var(--opi-font-color-9)}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item .eye[data-v-2d68c89d]{flex:none;width:20px;margin-right:19px;cursor:pointer;-webkit-user-select:none;user-select:none}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item .eye.open[data-v-2d68c89d]{font-size:15px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item .eye.close[data-v-2d68c89d]{font-size:10px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item .name[data-v-2d68c89d]{width:0;flex-grow:1;margin-right:19px;word-break:break-all}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-item .time[data-v-2d68c89d]{flex:none;width:110px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-no-data[data-v-2d68c89d]{position:relative;display:flex;align-items:center;justify-content:center;padding:14px 30px 14px 20px}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-no-data[data-v-2d68c89d]:before{content:"";width:20px;height:1px;margin-right:10px;background:var(--opi-line-color-border)}.opi-gl-layer .drawer-box .available-layers .inner-box .layers-body .sub-box .sub-no-data[data-v-2d68c89d]:after{content:"";width:20px;height:1px;margin-left:10px;background:var(--opi-line-color-border)}.opi-gl-layer .drawer-box .available-layers .inner-box .other-layers[data-v-2d68c89d]{margin-top:15px}.opi-gl-layer .drawer-box .available-layers .inner-box .confirm[data-v-2d68c89d]{cursor:pointer;padding:0 4px;background:var(--opi-primary-color-light);border-radius:5px}.opi-gl-layer .text-style[data-v-2d68c89d]{white-space:pre-line}.opi-gl-layer .error[data-v-2d68c89d]{color:var(--opi-danger-color-light)}.opi-gl-layer .eye[data-v-2d68c89d]{font-size:14px;margin-right:8px;cursor:pointer}.opi-gl-layer .hide[data-v-2d68c89d]{font-size:8px;margin-right:8px;cursor:pointer}.opi-gl-layer .el-divider[data-v-2d68c89d]{margin:10px 0;color:var(--opi-line-color-border)}.opi-gl-layer[data-v-2d68c89d] .el-sub-menu__title{padding-left:0!important;height:28px;line-height:28px;color:var(--opi-white)}.opi-gl-layer[data-v-2d68c89d] .el-sub-menu__title:hover{background:none;font-weight:700}.opi-gl-layer[data-v-2d68c89d] .el-menu{background:none;border:none;color:var(--opi-white)}.opi-gl-layer[data-v-2d68c89d] .sub-menu{background-color:#0000004d;padding-left:10px!important;padding-right:10px!important;border-bottom:1px solid #536373;color:var(--opi-white);cursor:default}.opi-gl-layer[data-v-2d68c89d] .sub-menu .line-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opi-gl-layer .edit-content[data-v-2d68c89d]{width:100%;background-color:#00000080;padding-top:14px!important;font-size:12px}.opi-gl-layer .edit-content .label[data-v-2d68c89d]{width:100%;padding:14px 10px 0!important}.opi-gl-layer .edit-content .row[data-v-2d68c89d]{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #536373;padding:6px 10px 10px!important}.opi-gl-layer .edit-content .row .block[data-v-2d68c89d]{width:30px;height:30px;cursor:pointer}.opi-gl-layer .edit-content .row .red[data-v-2d68c89d]{background:#d63031}.opi-gl-layer .edit-content .row .yellow[data-v-2d68c89d]{background:#f59701}.opi-gl-layer .edit-content .row .pink[data-v-2d68c89d]{background:#ec6863}.opi-gl-layer .edit-content .row .green[data-v-2d68c89d]{background:#005e66}.opi-gl-layer .edit-content .row .blue[data-v-2d68c89d]{background:#006eb5}.opi-gl-layer .edit-content .row .white[data-v-2d68c89d]{background:#ffffff}.opi-gl-layer .edit-content .row[data-v-2d68c89d] .el-input__count{background:none}.opi-gl-layer .edit-content .row[data-v-2d68c89d] .el-radio__label{color:#fff}.opi-gl-layer .edit-content .row .num[data-v-2d68c89d]{width:20px;height:20px;border-radius:50%;margin-right:8px;background-color:#ffffff4d;color:var(--opi-white);line-height:20px;text-align:center}.opi-gl-layer .edit-content .row .coord-content[data-v-2d68c89d]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.opi-gl-layer .edit-content .row .coord-content .pos[data-v-2d68c89d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.opi-gl-layer .edit-content .row .coord-content .pos .unit[data-v-2d68c89d]{margin:0 5px}.opi-gl-layer .edit-content .row .coord-content .pos[data-v-2d68c89d] .el-input-number{width:35px}.opi-gl-layer .edit-content .row .coord-content .pos[data-v-2d68c89d] .el-select__wrapper{padding:2px;min-height:25px}.opi-gl-layer .edit-content .row .coord-content .pos[data-v-2d68c89d] .el-input__wrapper{padding-left:0!important;padding-right:0!important;height:25px}.opi-gl-layer .edit-content .row .coord-content .pos .dir[data-v-2d68c89d]{width:60px}.opi-gl-layer .edit-content .no-bg[data-v-2d68c89d]{width:150px}.opi-gl-layer .edit-content .no-bg[data-v-2d68c89d] .el-input__wrapper{background:none!important}.opi-gl-layer .edit-content .no-bg[data-v-2d68c89d] .el-input__wrapper .el-input__inner{color:var(--opi-white);text-align:right}.opi-gl-layer .edit-content .no-bg-textarea[data-v-2d68c89d] .el-textarea__inner{background:none!important;color:var(--opi-white)}.opi-gl-layer .edit-content .white-font[data-v-2d68c89d]{color:var(--opi-white)}.opi-gl-layer .edit-content .white-font[data-v-2d68c89d] .el-radio__label{color:var(--opi-white);font-size:12px}.opi-gl-layer[data-v-2d68c89d] .el-radio__input.is-checked .el-radio__inner{background:#409eff!important;border-color:#409eff!important}.opi-gl-layer[data-v-2d68c89d] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#409eff!important;border-color:#409eff!important}.opi-gl-layer[data-v-2d68c89d] .el-radio__input.is-checked+.el-radio__label{color:#409eff!important;font-size:var(--el-radio-font-size);padding-left:8px}.term-item[data-v-2d68c89d]{display:flex}.term-item .unit[data-v-2d68c89d]{margin:0 8px}.term-item .detail[data-v-2d68c89d]{width:107px}.drag-icon[data-v-2d68c89d]{position:absolute;bottom:5px;right:11px;display:flex;justify-content:right}.drag-icon .iconfont[data-v-2d68c89d]{font-size:22px;cursor:grab}.no-select[data-v-2d68c89d]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-v-7c1f0800] .el-scrollbar__thumb{height:0!important}[data-v-7c1f0800] .van-popover__arrow{top:11px!important}[data-v-7c1f0800] .van-popover__wrapper{display:block}[data-v-7c1f0800] .van-popover__content{border-radius:3px;height:22px}.popover-name[data-v-7c1f0800]{font-size:10px;line-height:1em;height:100%;color:var(--opi-white);padding:5px;text-align:center;white-space:nowrap}.menu-list[data-v-7c1f0800]{position:absolute;top:60px;right:10px}.menu-list .collapse-box[data-v-7c1f0800]{display:flex;flex-direction:column;align-items:flex-end}.menu-list .collapse-box .collapse-item[data-v-7c1f0800]{margin-bottom:10px;display:flex;flex-direction:column;align-items:flex-end;background:var(--opi-black-6);border-radius:5px}.menu-list .collapse-box .collapse-item.active .collapse-item-switch[data-v-7c1f0800]{border-bottom-left-radius:0;border-bottom-right-radius:0}.menu-list .collapse-box .collapse-item.active .collapse-item-switch .iconfont[data-v-7c1f0800]{color:#648cf1!important}.menu-list .collapse-box .collapse-item.active .collapse-item-scroll-box[data-v-7c1f0800]{height:max-content}.menu-list .collapse-box .collapse-item .collapse-item-switch[data-v-7c1f0800]{flex:none}.menu-list .collapse-box .collapse-item .collapse-item-switch .iconfont[data-v-7c1f0800]{margin:0;font-size:15px;color:var(--opi-white);padding:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.menu-list .collapse-box .collapse-item .collapse-item-scroll-box[data-v-7c1f0800]{flex:none;height:0vh;transition:height ease-in-out .3s}.menu-list .collapse-box .collapse-item .collapse-item-scroll-box .scroll-box[data-v-7c1f0800]{height:100%}.menu-list .collapse-box .collapse-item .collapse-item-scroll-box .scroll-box .menu-item[data-v-7c1f0800]{position:relative;flex:none;padding:4px}.menu-list .collapse-box .collapse-item .collapse-item-scroll-box .scroll-box .menu-item[data-v-7c1f0800]:before{content:"";display:block;width:22px;height:1px;background:#627d8c;position:absolute;left:4px;top:0}.menu-list .collapse-box .collapse-item .collapse-item-scroll-box .scroll-box .menu-item.active .iconfont[data-v-7c1f0800]{background:#648cf1}.menu-list .collapse-box .collapse-item .collapse-item-scroll-box .scroll-box .menu-item .iconfont[data-v-7c1f0800]{position:relative;margin:0;font-size:15px;color:var(--opi-white);padding:4px;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center}.active-tropical[data-v-cf29b8dc]{position:absolute;background:var(--opi-primary-color-7);color:var(--opi-white);padding:15px;border-radius:8px;cursor:default;z-index:1000;height:fit-content}.active-tropical .tropical-title[data-v-cf29b8dc]{font-size:18px;margin-bottom:10px}.active-tropical .tropical-content[data-v-cf29b8dc]{width:450px;border:1px dashed var(--opi-white);border-radius:8px;padding:10px}.active-tropical i[data-v-cf29b8dc]{font-size:24px;color:var(--opi-white)}.active-tropical .info[data-v-cf29b8dc]{padding:0 10px;margin-bottom:10px;font-size:14px}.active-tropical .info .label[data-v-cf29b8dc]{font-weight:400;color:var(--opi-white-7);margin-bottom:8px}.active-tropical .info .name[data-v-cf29b8dc],.active-tropical .info .number[data-v-cf29b8dc]{color:var(--opi-white);font-size:26px}.active-tropical .info .number span[data-v-cf29b8dc]{font-size:12px;vertical-align:super}.active-tropical .forecast-models[data-v-cf29b8dc]{display:flex;border-radius:10px;padding:2px 4px}.active-tropical .forecast-models .model[data-v-cf29b8dc]{font-size:14px;padding:0 10px 6px;cursor:pointer}.active-tropical .forecast-models .model span[data-v-cf29b8dc]{padding-bottom:2px;border-bottom:3px dashed #fff}.active-tropical .forecast-models .model span.jma[data-v-cf29b8dc],.active-tropical .forecast-models .model span.jma-tc[data-v-cf29b8dc]{border-color:#86ff4a}.active-tropical .forecast-models .model span.ecmwf[data-v-cf29b8dc]{border-color:#ffbc2b}.active-tropical .forecast-models .model span.ukm[data-v-cf29b8dc]{border-color:#348fff}.active-tropical .forecast-models .model span.noaa-at[data-v-cf29b8dc],.active-tropical .forecast-models .model span.noaa-ep[data-v-cf29b8dc]{border-color:#763aff}.active-tropical .forecast-models .model span.bom-a[data-v-cf29b8dc],.active-tropical .forecast-models .model span.bom-access[data-v-cf29b8dc]{border-color:#ef4949}.active-tropical .forecast-models .model span.nhc-ep[data-v-cf29b8dc]{border-color:#293ba7}.active-tropical .forecast-models .model span.nhc-cp[data-v-cf29b8dc]{border-color:#f8ff2b}.active-tropical .forecast-models .model span.gfs[data-v-cf29b8dc]{border-color:#c659ff}.active-tropical .forecast-models .model span.cma[data-v-cf29b8dc]{border-color:#a73131}.active-tropical .forecast-models .model.active[data-v-cf29b8dc]{background-color:var(--opi-success-color-dark);color:var(--opi-white);text-shadow:var(--opi-text-shadow)}.active-tropical .forecast-models .model[data-v-cf29b8dc]:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.active-tropical .forecast-models .model[data-v-cf29b8dc]:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.active-tropical .forecast-legends[data-v-cf29b8dc]{margin-top:10px}.active-tropical .forecast-legends .legend[data-v-cf29b8dc]{display:flex;align-items:center}.active-tropical .forecast-legends .legend .icon[data-v-cf29b8dc]{height:12px;width:12px;border-radius:50%;margin-right:3px}.active-tropical .forecast-legends .legend .icon.td[data-v-cf29b8dc]{background-color:var(--opi-tropicals-td)}.active-tropical .forecast-legends .legend .icon.ts[data-v-cf29b8dc]{background-color:var(--opi-tropicals-ts)}.active-tropical .forecast-legends .legend .icon.sts[data-v-cf29b8dc]{background-color:var(--opi-tropicals-sts)}.active-tropical .forecast-legends .legend .icon.ty[data-v-cf29b8dc]{background-color:var(--opi-tropicals-ty)}.active-tropical .forecast-legends .legend .icon.sty[data-v-cf29b8dc]{background-color:var(--opi-tropicals-sty)}.active-tropical .forecast-legends .legend .icon.supper-ty[data-v-cf29b8dc]{background-color:var(--opi-tropicals-super-ty)}.active-tropical .forecast-legends .legend .icon.r7[data-v-cf29b8dc]{background-color:var(--opi-tropicals-r7)}.active-tropical .forecast-legends .legend .icon.r10[data-v-cf29b8dc]{background-color:var(--opi-tropicals-r10)}.active-tropical .forecast-legends .legend .icon.history[data-v-cf29b8dc]{border-radius:0;height:0;border-bottom:2px solid var(--opi-black-8)}.active-tropical .forecast-legends .legend .button[data-v-cf29b8dc]{cursor:pointer;padding:0 4px;border-radius:4px;background:var(--opi-black-4)}.active-tropical .close[data-v-cf29b8dc]{font-size:30px;padding:0 3px;position:absolute;right:5px;top:15px;border-top-right-radius:6px;cursor:pointer}.point-detail[data-v-cf29b8dc]{position:absolute;background:rgba(0,0,0,.65);color:var(--opi-white);border-radius:6px;cursor:default;z-index:1010;width:300px}.point-detail[data-v-cf29b8dc]:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.65)}.point-detail .point-detail-content[data-v-cf29b8dc]{position:relative}.point-detail .point-detail-content .title[data-v-cf29b8dc]{position:relative;display:flex;align-items:center;font-size:14px;font-weight:700;height:46px;line-height:46px;padding:0 20px}.point-detail .point-detail-content .title[data-v-cf29b8dc]:after{content:"";position:absolute;width:100%;height:1px;background:#405060;bottom:0;left:0}.point-detail .point-detail-content .detail-list .detail-item[data-v-cf29b8dc]{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;height:42px;padding:0 20px}.point-detail .point-detail-content .detail-list .detail-item[data-v-cf29b8dc]:not(:last-child):after{content:"";position:absolute;width:calc(100% - 40px);height:1px;background:#405060;bottom:0;left:20px}.point-detail .point-detail-content .detail-list .detail-item .label[data-v-cf29b8dc]{white-space:nowrap}.active-tropical.h5[data-v-cf29b8dc]{width:290px;background:var(--opi-primary-color);padding:20px 10px 10px;border-radius:10px;z-index:5;background-image:url(//oss.oceanpitech.com/asset/typhoon-bg.png);background-repeat:no-repeat;background-size:cover;background-position:left top}.active-tropical .h5-content .close[data-v-cf29b8dc]{padding:10px;position:absolute;top:0;right:0}.active-tropical .h5-content .close .iconfont[data-v-cf29b8dc]{width:17px;height:17px;line-height:1em;display:flex;align-items:center;justify-content:center;font-size:8px;background:var(--opi-white-5);border-radius:50%}.active-tropical .h5-content .info-box[data-v-cf29b8dc]{align-items:flex-start}.active-tropical .h5-content .info-box .iconfont[data-v-cf29b8dc]{font-size:30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:15px}.active-tropical .h5-content .info-box .iconfont.after[data-v-cf29b8dc]{position:relative;text-shadow:0px 2px 3px #3d4d78;color:transparent}.active-tropical .h5-content .info-box .iconfont.after .before[data-v-cf29b8dc]{background-image:-webkit-linear-gradient(bottom,#cad9ff,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:absolute;left:0;top:0;z-index:10;text-shadow:none}.active-tropical .h5-content .info-box .right-box[data-v-cf29b8dc]{width:0;flex-grow:1}.active-tropical .h5-content .info-box .right-box .name[data-v-cf29b8dc]{font-weight:700;font-size:15px;line-height:1em;color:var(--opi-white);text-shadow:0px 1px 2px rgba(37,53,94,.8)}.active-tropical .h5-content .info-box .right-box .time[data-v-cf29b8dc],.active-tropical .h5-content .info-box .right-box .label[data-v-cf29b8dc]{font-size:10px;line-height:1em;color:var(--opi-white);text-shadow:0px 1px 2px rgba(37,53,94,.8);margin-top:5px}.active-tropical .h5-content .param-box[data-v-cf29b8dc]{margin:8px -3px 0}.active-tropical .h5-content .param-box .card[data-v-cf29b8dc]{width:0;flex-grow:1;margin:0 3px;background:#222f5d;border-radius:10px;opacity:.6;padding:15px;display:flex;align-items:center;justify-content:space-between}.active-tropical .h5-content .param-box .card .iconfont[data-v-cf29b8dc]{font-size:16px}.active-tropical .h5-content .param-box .card .split-line[data-v-cf29b8dc]{width:1px;height:23px;background:#6b79a4}.active-tropical .h5-content .param-box .card .content .label[data-v-cf29b8dc]{font-size:9px;line-height:1em}.active-tropical .h5-content .param-box .card .content .number[data-v-cf29b8dc]{font-size:14px;font-weight:700;line-height:1em;margin-top:5px}.active-tropical .h5-content .param-box .card .content .number .unit[data-v-cf29b8dc]{font-size:10px;margin-left:5px}.active-tropical .h5-content .source-box[data-v-cf29b8dc]{margin-top:7px;margin-left:-10px}.active-tropical .h5-content .source-box .forecast-models[data-v-cf29b8dc]{width:100%;display:flex;justify-content:flex-end;flex-wrap:wrap;border-radius:0;padding:0}.active-tropical .h5-content .source-box .forecast-models .model[data-v-cf29b8dc]{font-size:0;padding:2px 6px;cursor:pointer;border-radius:3px;border:1px solid #7588bf;margin-top:8px;margin-left:8px;white-space:nowrap}.active-tropical .h5-content .source-box .forecast-models .model span[data-v-cf29b8dc]{font-size:11px;line-height:1em;padding-bottom:2px;border-bottom:2px dashed #fff}.active-tropical .h5-content .source-box .forecast-models .model span.jma[data-v-cf29b8dc],.active-tropical .h5-content .source-box .forecast-models .model span.jma-tc[data-v-cf29b8dc]{border-color:#86ff4a}.active-tropical .h5-content .source-box .forecast-models .model span.ecmwf[data-v-cf29b8dc]{border-color:#ffbc2b}.active-tropical .h5-content .source-box .forecast-models .model span.ukm[data-v-cf29b8dc]{border-color:#348fff}.active-tropical .h5-content .source-box .forecast-models .model span.noaa-at[data-v-cf29b8dc],.active-tropical .h5-content .source-box .forecast-models .model span.noaa-ep[data-v-cf29b8dc]{border-color:#763aff}.active-tropical .h5-content .source-box .forecast-models .model span.bom-a[data-v-cf29b8dc],.active-tropical .h5-content .source-box .forecast-models .model span.bom-access[data-v-cf29b8dc]{border-color:#ef4949}.active-tropical .h5-content .source-box .forecast-models .model span.nhc-ep[data-v-cf29b8dc]{border-color:#293ba7}.active-tropical .h5-content .source-box .forecast-models .model span.nhc-cp[data-v-cf29b8dc]{border-color:#f8ff2b}.active-tropical .h5-content .source-box .forecast-models .model span.gfs[data-v-cf29b8dc]{border-color:#c659ff}.active-tropical .h5-content .source-box .forecast-models .model span.cma[data-v-cf29b8dc]{border-color:#a73131}.active-tropical .h5-content .source-box .forecast-models .model.active[data-v-cf29b8dc]{background-color:#7588bf;color:var(--opi-white);text-shadow:var(--opi-text-shadow)}.active-tropical .h5-content .legend-box[data-v-cf29b8dc]{border-top:1px solid #6071aa;margin:15px 0 10px}.active-tropical .h5-content .legend-box .forecast-legends[data-v-cf29b8dc]{margin-top:10px}.active-tropical .h5-content .legend-box .forecast-legends .legend[data-v-cf29b8dc]{display:flex;align-items:center}.active-tropical .h5-content .legend-box .forecast-legends .legend .icon[data-v-cf29b8dc]{height:6px;width:6px;border-radius:50%;margin-right:5px}.active-tropical .h5-content .legend-box .forecast-legends .legend .icon.td[data-v-cf29b8dc]{background-color:var(--opi-tropicals-td)}.active-tropical .h5-content .legend-box .forecast-legends .legend .icon.ts[data-v-cf29b8dc]{background-color:var(--opi-tropicals-ts)}.active-tropical .h5-content .legend-box .forecast-legends .legend .icon.sts[data-v-cf29b8dc]{background-color:var(--opi-tropicals-sts)}.active-tropical .h5-content .legend-box .forecast-legends .legend .icon.ty[data-v-cf29b8dc]{background-color:var(--opi-tropicals-ty)}.active-tropical .h5-content .legend-box .forecast-legends .legend .icon.sty[data-v-cf29b8dc]{background-color:var(--opi-tropicals-sty)}.active-tropical .h5-content .legend-box .forecast-legends .legend .icon.supper-ty[data-v-cf29b8dc]{background-color:var(--opi-tropicals-super-ty)}.active-tropical .h5-content .legend-box .forecast-legends .legend .icon.r7[data-v-cf29b8dc]{height:8px;width:8px;border:1.5px solid var(--opi-tropicals-r7)}.active-tropical .h5-content .legend-box .forecast-legends .legend .icon.r10[data-v-cf29b8dc]{height:8px;width:8px;border:1.5px solid var(--opi-tropicals-r10)}.active-tropical .h5-content .legend-box .forecast-legends .legend .icon.history[data-v-cf29b8dc]{border-radius:0;height:0;border-bottom:2px solid var(--opi-black-8)}.active-tropical .h5-content .legend-box .forecast-legends .legend .label[data-v-cf29b8dc]{font-size:10px;line-height:1em}.active-tropical .h5-content .legend-box .forecast-legends .legend .button[data-v-cf29b8dc]{cursor:pointer;padding:4px;border-radius:4px;background:var(--opi-black-4);font-size:10px;line-height:1em}.editor-box[data-v-cfbf745d]{display:flex;align-items:center}.editor-box .flex-start[data-v-cfbf745d]{align-self:flex-start}.editor-box span[data-v-cfbf745d]{margin-right:6px}.editor-box[data-v-08813d1c]{display:flex;align-items:center;justify-content:flex-start}.editor-box .flex-start[data-v-08813d1c]{align-self:flex-start}.editor-box span[data-v-08813d1c]{margin-right:6px}.form-item-value[data-v-0903de16]{color:var(--opi-font-color-3)}.point-meteo[data-v-0903de16]{bottom:unset}.point-meteo .meteo-box[data-v-0903de16]{position:absolute;color:var(--opi-white-9);top:-6px;left:3px;background-color:var(--opi-black-6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:250px;border-radius:6px;font-size:12px}.point-meteo .meteo-box .item[data-v-0903de16]{margin:0 10px;display:flex;align-items:center;border-top:1px solid var(--opi-white-2);padding:5px 0}.point-meteo .meteo-box .item[data-v-0903de16]:first-child{padding-top:18px}.point-meteo .meteo-box .flex-space[data-v-0903de16]{display:flex;align-items:center;justify-content:space-between}.point-meteo .meteo-box .flex-space label[data-v-0903de16]{color:var(--opi-white)}.point-meteo .meteo-box .flex-space label[data-v-0903de16]:after{content:":"}.point-meteo .meteo-box .flex-space[data-v-0903de16]:last-child{border-bottom:none}.point-meteo .meteo-box .meteo-menu[data-v-0903de16]{display:flex;border-top:1px solid var(--opi-white-2)}.point-meteo .meteo-box .meteo-menu .item[data-v-0903de16]{flex:1;padding:10px 15px;display:flex;align-items:center;justify-content:center;border-top:none;margin:0;line-height:1em;cursor:pointer}.point-meteo .meteo-box .meteo-menu .item[data-v-0903de16]:not(:first-child){border-left:1px solid var(--opi-white-2)}.point-meteo .meteo-box .meteo-menu .edit[data-v-0903de16]{justify-content:center;cursor:pointer}.point-meteo .meteo-box .meteo-menu .more[data-v-0903de16]{cursor:pointer}.point-meteo .meteo-box .close[data-v-0903de16]{position:absolute;top:0;right:0;font-size:16px;padding:2px 2px 10px 10px;cursor:pointer}.point-meteo .dot[data-v-0903de16]{display:block;width:8px;height:8px;border-radius:50%;background-color:var(--opi-white);margin-bottom:400px;position:relative}.point-meteo .dot[data-v-0903de16]:before{content:"";width:18px;height:18px;background-color:var(--opi-white-3);position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;border-radius:50%}.point-meteo .dot[data-v-0903de16]:after{content:"";width:26px;height:26px;background-color:var(--opi-white-2);position:absolute;top:50%;left:50%;margin-top:-13px;margin-left:-13px;border-radius:50%}.point-meteo .line[data-v-0903de16]{display:block;width:2px;height:400px;margin-left:3px;border-left:2px solid var(--opi-white)}#zone-info[data-v-e6a6813c]{position:absolute;background:var(--opi-black);opacity:.65!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:2px 2px 8px var(--opi-primary-color-7);color:var(--opi-white);padding:20px;border-radius:6px;cursor:default;z-index:1000}#zone-info .content[data-v-e6a6813c]{max-height:560px}#zone-info .content .rich-context[data-v-e6a6813c]{width:500px;color:var(--opi-white)!important}#zone-info .content .rich-context span[data-v-e6a6813c]{color:var(--opi-white)!important}#zone-info .close[data-v-e6a6813c]{font-size:25px;padding:3px;position:absolute;right:2px;top:0;border-top-right-radius:6px;cursor:pointer}#port-info[data-v-0d853193]{position:absolute;background:var(--opi-black);opacity:.65!important;color:var(--opi-white);padding:10px;border-radius:6px;cursor:default;z-index:1000;height:fit-content;font-size:14px}#port-info .port-box[data-v-0d853193]{width:250px;margin-top:10px}#port-info .port-box .flex-space[data-v-0d853193]{line-height:2.8;border-bottom:1px solid #616161}#port-info .port-box .flex-space label[data-v-0d853193]{font-weight:400;color:var(--opi-font-color-9);margin-right:10px}#port-info .port-box .flex-space span[data-v-0d853193]{flex-wrap:wrap;font-weight:500;text-align:justify-all}#port-info .port-box .flex-space span.link[data-v-0d853193]{cursor:pointer;text-decoration:underline}#port-info .port-box .flex-space span.link[data-v-0d853193]:hover{font-weight:600}#port-info .close[data-v-0d853193]{font-size:16px;padding:0 3px;position:absolute;right:2px;top:0;border-top-right-radius:6px;cursor:pointer}.lat-lng-tip[data-v-126b3408]{padding:4px 13px;border-radius:5px;color:var(--opi-white);font-weight:300;font-size:12px;top:unset;line-height:1em;background:var(--opi-black-7)}.legend-box[data-v-0800eaae]{position:relative;display:flex}.legend-box .layer-icon[data-v-0800eaae]{background:var(--opi-background-linear-gradient-top);width:26px;height:26px;margin-left:15px;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer}.legend-box .layer-icon.open[data-v-0800eaae]{background:#264fb6}.legend-box .layer-icon:hover .iconfont[data-v-0800eaae]{color:var(--el-color-primary-light-5)}.legend-box .layer-icon .iconfont[data-v-0800eaae]{margin:0;font-size:16px;color:var(--opi-white);width:16px;height:16px}.legend-box .base-map-box[data-v-0800eaae]{width:0;transition:width .5s ease-in-out,right .5s;overflow:hidden;bottom:0;right:96px;position:absolute;height:132px}.legend-box .base-map-box.show[data-v-0800eaae]{width:620px;height:150px}.legend-box .base-map-box .available-layers[data-v-0800eaae]{border-radius:6px;color:var(--opi-white-9);height:100%;align-content:center}.legend-box .base-map-box .available-layers .map-item[data-v-0800eaae]{width:180px;display:inline-flex;cursor:pointer;border-radius:15px;overflow:hidden;border:2px solid var(--opi-white-7);margin-left:15px;transition:transform .3s ease;flex-direction:column}.legend-box .base-map-box .available-layers .map-item .map-name[data-v-0800eaae]{background-color:var(--opi-white-8);padding:3px;display:flex;align-items:center;justify-content:center;height:25px;color:var(--opi-primary-color)}.legend-box .base-map-box .available-layers .map-item .map-name.show[data-v-0800eaae]{background-color:var(--opi-primary-color);color:var(--opi-white)}.legend-box .base-map-box .available-layers .map-item[data-v-0800eaae]:hover{transform:scale(1.1)}.legend-box .drawer-box[data-v-0800eaae]{width:0;transition:width .5s ease-in-out,right .5s;overflow:hidden;bottom:0;right:96px;position:absolute;height:332px}.legend-box .drawer-box.show[data-v-0800eaae]{width:790px!important;height:332px}.legend-box .drawer-box .available-layers[data-v-0800eaae]{border-radius:6px;color:var(--opi-white-9);background:var(--opi-background-linear-gradient-top);width:790px;height:100%}.legend-box .drawer-box .available-layers .inner-box[data-v-0800eaae]{padding:20px;display:flex;align-items:center;justify-content:space-between}.legend-box .drawer-box .available-layers .inner-box .legend-layers[data-v-0800eaae]{position:relative;display:flex;flex-direction:column;align-items:center}.legend-box .drawer-box .available-layers .inner-box .layers-title[data-v-0800eaae]{font-weight:700;color:var(--opi-white);position:relative;font-size:13px;padding-bottom:5px}.legend-box .drawer-box .available-layers .inner-box .layers-body[data-v-0800eaae]{border-right:1px solid var(--opi-white-1);width:100%;height:261px;display:flex;justify-content:space-between}.legend-box .drawer-box .available-layers .inner-box .layers-body .column[data-v-0800eaae]{margin-right:15px}.legend-box .drawer-box .available-layers .inner-box .layers-body .column .layer[data-v-0800eaae]{margin-top:10px;font-size:12px;line-height:24px;display:flex}.legend-box .drawer-box .available-layers .inner-box .layers-body .column .layer i[data-v-0800eaae]{font-size:24px}.legend-box .drawer-box .available-layers .inner-box .layers-body .column .layer .wave-legend-block[data-v-0800eaae]{width:16px;height:24px;display:block;margin-right:8px}.legend-box .drawer-box.time[data-v-0800eaae]{height:auto}.legend-box .drawer-box.time.show[data-v-0800eaae]{width:200px!important;height:auto}.legend-box .drawer-box.time .available-layers[data-v-0800eaae]{width:200px!important;padding:20px}.legend-box .drawer-box.time .available-layers .item[data-v-0800eaae]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.legend-box .drawer-box.time .available-layers .item[data-v-0800eaae]:last-child{margin-bottom:0}.legend-box .drawer-box.time .available-layers .item i[data-v-0800eaae]{font-size:16px}[data-v-ad3eef06] .drawer-box{overflow:hidden;position:relative;width:calc(100vw - 20px)}[data-v-ad3eef06] .drawer-box .available-layers{border-radius:6px;color:var(--opi-white-9);width:100%}[data-v-ad3eef06] .drawer-box .available-layers .inner-box{padding:10px}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .legend-layers{position:relative;display:flex;flex-direction:column;align-items:center}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .legend-layers:not(:last-child){border-bottom:1px solid var(--opi-white-1);padding-bottom:5px}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .legend-layers:not(:first-child){margin-top:10px}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .layers-title{color:var(--opi-white);position:relative;font-size:10px;padding-bottom:5px;width:100%;text-align:left}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .layers-body{width:100%;display:flex;align-items:center;flex-wrap:wrap}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .layers-body.wind-speed .layer{width:12.5%}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .layers-body.wave-height .layer{width:14.2%}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .layers-body.precipitation .layer{width:20%}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .layers-body.current-speed .layer{width:14.2%}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .layers-body .layer{font-size:9px;line-height:22px;display:flex;align-items:center}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .layers-body .layer i{font-size:12px}[data-v-ad3eef06] .drawer-box .available-layers .inner-box .layers-body .layer .wave-legend-block{width:8px;height:12px;display:block;margin-right:5px}[data-v-ad3eef06] .base-map-box{width:0;transition:width .5s ease-in-out,right .5s;overflow:hidden;bottom:0;position:absolute;right:25px;height:280px}[data-v-ad3eef06] .base-map-box.show{width:130px;height:280px}[data-v-ad3eef06] .base-map-box .available-layers{border-radius:6px;color:var(--opi-white-9);height:100%;align-content:center}[data-v-ad3eef06] .base-map-box .available-layers .map-item{width:100px;display:inline-flex;cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid var(--opi-white-7);margin:0 0 10px 15px;transition:transform .3s ease;flex-direction:column}[data-v-ad3eef06] .base-map-box .available-layers .map-item .map-name{color:var(--opi-primary-color);background-color:var(--opi-white-8);padding:3px;display:flex;align-items:center;justify-content:center;height:25px;font-size:12px}[data-v-ad3eef06] .base-map-box .available-layers .map-item .map-name.show{color:var(--opi-white);background-color:var(--opi-primary-color)}[data-v-ad3eef06] .base-map-box .available-layers .map-item:hover{transform:scale(1.02)}.legend-box[data-v-ad3eef06]{position:relative;display:inline-flex;flex-direction:column}.legend-box .layer-icon[data-v-ad3eef06]{background-color:var(--opi-black-6);cursor:pointer;border-radius:50%;margin-bottom:10px}.legend-box .layer-icon.open .iconfont[data-v-ad3eef06]{color:#648cf1!important}.legend-box .layer-icon .iconfont[data-v-ad3eef06]{margin:0;font-size:10px;color:var(--opi-white);padding:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.point-marker-popup[data-v-a425f816]{padding:10px;font-size:12px;border-radius:5px;background-color:var(--opi-primary-color-5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--opi-white);width:250px;display:none}.point-marker-popup .point-marker-title[data-v-a425f816]{display:flex;align-items:center;font-size:14px;justify-content:space-between}.point-marker-popup .point-marker-title .ais-close[data-v-a425f816]{cursor:pointer!important}.point-marker-popup .point-marker-item[data-v-a425f816]{display:flex;justify-content:space-between}.point-marker-popup .point-marker-item .point-marker-label[data-v-a425f816]{color:var(--opi-white-7)}.point-marker-popup .point-marker-item .point-marker-note[data-v-a425f816]{width:200px;word-break:keep-all;word-wrap:break-word;white-space:pre-wrap}.source-box[data-v-fd1516b8]{border-radius:6px;color:var(--opi-white);font-weight:300;font-size:12px;line-height:1em;background:var(--opi-black);min-width:210px}.source-box .source-group[data-v-fd1516b8]{border-radius:inherit;display:flex;align-items:center}.source-box .source-group .source-item[data-v-fd1516b8]{border-radius:inherit;flex:1;padding:9px;text-align:center;cursor:pointer;font-size:16px;transition:var(--el-transition-all)}.source-box .source-group .source-item.active[data-v-fd1516b8]{background:var(--opi-primary-color)}.source-box .update-time[data-v-fd1516b8]{font-size:12px;padding:9px 5px 6px}.color-bar[data-v-720bf04f]{margin-right:20px}.color-bar .cell[data-v-720bf04f]{color:var(--opi-white-9);font-size:14px;display:flex;align-items:center;justify-content:end}.color-bar .cell label[data-v-720bf04f]{margin-right:10px}.color-bar .color-legend[data-v-720bf04f]{height:20px;width:250px}.color-bar .color-legend .factor[data-v-720bf04f]{cursor:pointer;transition:.3s opacity;border-radius:20px;display:flex;box-shadow:2px 2px 3px 1px var(--opi-primary-color-5)}.color-bar .color-legend .factor span[data-v-720bf04f]{flex:1;display:flex;justify-content:center;align-items:center;color:var(--opi-white);font-size:12px;font-weight:400}.color-bar .color-legend .factor.swell[data-v-720bf04f]{background:linear-gradient(to right,rgb(129,203,222),rgb(50,158,186),rgb(53,159,187),rgb(36,90,164),rgb(75,55,175),rgb(145,42,171),rgb(136,48,50),rgb(194,76,91),rgb(192,118,105),rgb(192,162,157),rgb(192,162,157))}.color-bar .color-legend .factor.wave[data-v-720bf04f]{background:linear-gradient(to right,rgb(129,203,222),rgb(129,203,222),rgb(50,158,186),rgb(53,159,187),rgb(36,90,164),rgb(75,55,175),rgb(145,42,171),rgb(136,48,50),rgb(194,76,91),rgb(192,118,105),rgb(192,162,157),rgb(192,162,157))}.color-bar .color-legend .factor.current[data-v-720bf04f]{background:linear-gradient(to right,rgb(64,77,144),rgb(64,77,144),rgb(64,77,144),rgb(64,77,144),rgb(61,121,110),rgb(50,140,50),rgb(140,133,49),rgb(143,115,50),rgb(117,52,68),rgb(107,67,131),rgb(67,93,133),rgb(73,122,132),rgb(115,135,139),rgb(144,144,144),rgb(144,144,144))}.color-bar .color-legend .factor.wind[data-v-720bf04f]{background:linear-gradient(to right,rgb(98,113,184),rgb(98,113,184),rgb(98,113,184),rgb(98,113,184),rgb(61,110,163),rgb(74,148,170),rgb(74,146,148),rgb(77,142,124),rgb(76,164,76),rgb(103,164,54),rgb(162,135,64),rgb(162,109,92),rgb(141,63,92),rgb(151,75,145),rgb(95,100,160),rgb(91,136,161),rgb(91,136,161))}.color-bar .color-legend .factor.icethickness[data-v-720bf04f]{background:linear-gradient(to right,rgb(0,62,255),rgb(0,62,255),rgb(0,131,255),rgb(17,168,255),rgb(0,255,255),rgb(6,197,73),rgb(132,217,8),rgb(255,209,0),rgb(244,163,0),rgb(250,0,4),rgb(250,0,4))}.color-bar .color-legend .factor.icethickness[data-v-720bf04f],.color-bar .color-legend .factor.icedensity[data-v-720bf04f]{overflow:hidden}.color-bar .color-legend .factor.icedensity[data-v-720bf04f]{background:linear-gradient(to right,rgb(0,62,255),rgb(0,62,255),rgb(0,131,255),rgb(0,193,255),rgb(0,255,255),rgb(2,234,190),rgb(4,216,131),rgb(6,197,73),rgb(15,181,15),rgb(73,199,11),rgb(132,217,8),rgb(197,237,4),rgb(255,255,0),rgb(255,233,0),rgb(255,209,0),rgb(255,187,0),rgb(255,165,0),rgb(255,120,0),rgb(255,80,0),rgb(255,40,0),rgb(255,40,0),rgb(250,0,4))}.color-bar .color-legend .factor.dark span[data-v-720bf04f]{text-shadow:0px 1px 5px var(--opi-black-7)}.mapboxgl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}:root{--opi-tropicals-td: #5eff02;--opi-tropicals-ts: #f2da00;--opi-tropicals-sts: #f27d00;--opi-tropicals-ty: #f00000;--opi-tropicals-sty: #971d12;--opi-tropicals-super-ty: #010101;--opi-tropicals-r7: rgba(255, 249, 201, .5);--opi-tropicals-r10: rgba(255, 233, 44, .6);--opi-gl-box-shadow-color: rgba(0, 0, 0, .5);--opi-gl-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);--opi-gl-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);--opi-gl-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);--opi-gl-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16)}.line-point-marker{height:15px;width:15px;cursor:pointer}.map-primary{background:#FF0D0D;border-radius:50%;color:#fff;font-size:12px;font-weight:700;text-align:center;line-height:15px}.context-point-buttons{padding:2px 6px;border-radius:4px;font-weight:500;color:#ffffffb3;background:rgba(0,0,0,.7);box-shadow:0 0 4px #000;cursor:pointer}.context-point-buttons .delete-point{color:#ef4949}.point-marker{pointer-events:none!important}.point-marker .marker-circle{pointer-events:inherit;width:10px;height:10px;border-radius:50%;border:2px solid var(--opi-white);background:var(--opi-danger-color)}.point-marker .marker-circle:hover{cursor:pointer}.point-marker.closed{pointer-events:auto!important}.preview-gif-marker{z-index:10}.preview-gif-marker .preview-gif-btn{width:110px;height:32px;line-height:32px;text-align:center;background:rgba(0,0,0,.65);color:var(--opi-white);border-radius:6px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.point-marker-line{width:15px;height:15px;border-radius:50%;background:#FF0D0D;color:#fff}.point-marker-line .marker-num{font-size:12px;font-weight:700;text-align:center;line-height:15px}.point-marker-line:hover{cursor:pointer}.point-contextmenu-marker{color:var(--opi-white);font-size:12px;background:var(--opi-danger-color);border:1px solid var(--opi-white);padding:2px 5px;border-radius:5px;cursor:pointer}.point-contextmenu-marker .marker-close{pointer-events:auto;position:absolute;background:var(--opi-danger-color);border:1px dashed var(--opi-white);display:flex;align-items:center;justify-content:center;width:20px;height:20px;right:-17px;top:-17px;cursor:pointer;font-size:20px}.point-summary-marker{color:var(--opi-white);font-size:12px;background:var(--opi-black-6);padding:5px 10px;margin-left:10px;border-radius:5px;display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between}.point-summary-marker .marker-close{margin-left:10px;cursor:pointer;font-size:20px}.tip-marker{color:var(--opi-white);font-size:12px;text-shadow:var(--opi-text-shadow);background-color:var(--opi-black-7);padding:2px 5px;border-radius:5px;cursor:pointer}.tip-marker .marker-label{margin:5px;padding:3px;font-size:14px;border-bottom:1px solid var(--opi-white-3)}.tip-marker .marker-label:last-child{border-bottom:none}.tip-marker .marker-label b{font-weight:600;color:var(--opi-warning-color)}.hurricane-hourly-marker .iconfont{text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;font-size:35px!important;color:var(--opi-danger-color)}.hurricane-hourly-marker .center{box-sizing:border-box;display:flex;align-items:center;justify-content:center}.hurricane-hourly-marker .center.north{animation:anticlockwise 2s linear infinite}.hurricane-hourly-marker .center.south{animation:clockwise 2s linear infinite}@keyframes clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes anticlockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.mapboxgl-ctrl{position:relative;margin:0!important;right:250px;top:-48px;transition:width .3s ease-in-out;font-size:12px!important;text-align:center;background:transparent!important}.mapboxgl-ctrl-scale{border-top:0px solid transparent!important;border-bottom:2px solid var(--opi-black-7)!important;border-left:0px solid transparent!important;border-right:0px solid transparent!important;position:relative;overflow:hidden}.mapboxgl-ctrl-scale:before{content:"";position:absolute;left:0;top:70%;height:100%;width:100%;border-left:2px solid var(--opi-black-7);border-right:2px solid var(--opi-black-7);z-index:-1}.gl-layers[data-v-1d4b32d5]{z-index:20}.gl-layers.h5[data-v-1d4b32d5]{z-index:9}.bottom-right-box[data-v-1d4b32d5]{z-index:1;position:absolute;display:flex}.bottom-right-box .tool-group[data-v-1d4b32d5]{display:flex;flex-direction:column;align-items:flex-end}.bottom-right-box .tool-group .tool-item[data-v-1d4b32d5]{margin-top:10px;display:flex;align-items:center}.bottom-right-box .slot[data-v-1d4b32d5]{flex:none;transition:width .3s ease-in-out}.h5-bottom-right-box[data-v-1d4b32d5]{z-index:9;position:absolute;display:flex;right:10px;bottom:50px}.h5-bottom-right-box .tool-group[data-v-1d4b32d5]{display:flex;flex-direction:column;align-items:flex-end}.h5-bottom-right-box .tool-group .tool-item[data-v-1d4b32d5]{margin-top:10px}.voyage-fleet-container[data-v-db097dca]{display:flex;position:absolute;width:0;top:0;left:0;box-sizing:border-box;z-index:10;border-radius:0 16px 16px 0;height:calc(100% - 55px);transition:left .3s ease-in-out}.voyage-fleet-container.hidden[data-v-db097dca]{display:block;width:0;padding:0}.voyage-fleet-container.hidden .main-container[data-v-db097dca]{display:none}.voyage-fleet-container .main-container[data-v-db097dca]{flex:none;width:0;height:100%}.voyage-fleet-container .main-container .title[data-v-db097dca]{text-align:center;text-shadow:var(--opi-text-shadow);margin-bottom:10px;font-size:18px;font-weight:700}.voyage-fleet-container .main-container .search-box[data-v-db097dca]{width:300px;padding:10px;margin-top:20px;border-radius:10px;box-shadow:0 0 10px #4271a04d;background:var(--opi-white)}.voyage-fleet-container .main-container .search-box[data-v-db097dca] .el-select__wrapper{box-shadow:none;background-color:var(--opi-line-color-split);min-height:34px}.voyage-fleet-container .main-container .active-voyages[data-v-db097dca]{width:0;height:calc(100% - 84px);margin-top:10px;background:var(--opi-white);display:flex;flex-direction:column}.voyage-fleet-container .main-container .active-voyages .icon .batch[data-v-db097dca]{font-size:15px;margin-right:10px}.voyage-fleet-container .main-container .active-voyages .icon .batch.show[data-v-db097dca]{color:var(--opi-success-color)}.voyage-fleet-container .main-container .active-voyages .header-box[data-v-db097dca]{position:relative;width:300px;background:var(--opi-white);padding:0 20px;font-size:14px;font-weight:400;height:53px;display:flex;align-items:center;border-radius:10px;box-shadow:0 0 10px #4271a04d}.voyage-fleet-container .main-container .active-voyages .header-box.has-result[data-v-db097dca]{border-radius:10px 10px 0 0}.voyage-fleet-container .main-container .active-voyages .header-box.has-result[data-v-db097dca]:after{display:block}.voyage-fleet-container .main-container .active-voyages .header-box[data-v-db097dca]:after{content:"";display:none;position:absolute;width:100%;height:10px;z-index:9;left:0;bottom:0;background:var(--opi-white)}.voyage-fleet-container .main-container .active-voyages .header-box label[data-v-db097dca]{font-weight:700}.voyage-fleet-container .main-container .active-voyages .header-box i[data-v-db097dca]{cursor:pointer;color:var(--opi-line-color-disable);-webkit-user-select:none;user-select:none}.voyage-fleet-container .main-container .active-voyages .voyage-list[data-v-db097dca]{width:300px;background:var(--opi-white);max-height:calc(100% - 53px);border-top:10px solid var(--opi-line-color-split);border-radius:0 0 10px 10px;box-shadow:0 0 10px #4271a04d;z-index:5}.voyage-fleet-container .main-container .active-voyages .voyage-list .vessel-item[data-v-db097dca]{display:flex;align-items:center;padding:10px 20px}.voyage-fleet-container .main-container .active-voyages .voyage-list .vessel-item .el-checkbox[data-v-db097dca]{height:18px}.voyage-fleet-container .main-container .active-voyages .voyage-list .vessel-item .batch-icon[data-v-db097dca]{font-size:15px;color:var(--opi-primary-color);margin-right:5px;cursor:pointer}.voyage-fleet-container .main-container .active-voyages .voyage-list .voyage-item[data-v-db097dca]{flex:2;cursor:pointer}.voyage-fleet-container .main-container .active-voyages .voyage-list .voyage-item[data-v-db097dca]:not(:last-child){border-bottom:1px solid var(--opi-line-color-border)}.voyage-fleet-container .main-container .active-voyages .voyage-list .voyage-item.active .vessel-name[data-v-db097dca]{font-weight:500;color:var(--opi-font-color-3)}.voyage-fleet-container .main-container .active-voyages .voyage-list .voyage-item .vessel-name[data-v-db097dca]{font-size:14px;max-width:135px;color:var(--opi-font-color-3);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voyage-fleet-container .main-container .active-voyages .voyage-list .voyage-item .voyage-status[data-v-db097dca]{position:relative;width:102px;line-height:18px;font-size:14px;font-weight:300;text-align:center;padding:2px 0;border-radius:6px;color:var(--opi-white)}.voyage-fleet-container .main-container .active-voyages .voyage-list .voyage-item .voyage-status.Underway[data-v-db097dca]{background:var(--opi-success-color)}.voyage-fleet-container .main-container .active-voyages .voyage-list .voyage-item .voyage-status.Ready[data-v-db097dca]{background:var(--opi-success-color-light)}.voyage-fleet-container .main-container .active-voyages .voyage-list .voyage-item .voyage-status.Reached[data-v-db097dca]{background:var(--opi-warning-color)}.voyage-fleet-container .main-container .active-voyages .voyage-list .voyage-item .voyage-status.warning .iconfont[data-v-db097dca]{display:block}.voyage-fleet-container .main-container .active-voyages .voyage-list .voyage-item .voyage-status .iconfont[data-v-db097dca]{display:none;position:absolute;top:-8px;right:-8px;color:var(--opi-danger-color);font-size:16px;border-radius:50%}.voyage-fleet-container .main-container .active-voyages .flex-slot[data-v-db097dca]{flex-grow:1}.voyage-fleet-container .side-bar[data-v-db097dca]{position:absolute;top:0;right:-60px;width:60px;padding:6px;background:var(--opi-background-linear-gradient-left);border-bottom-right-radius:5px;transition:all .4s ease-in-out}.voyage-fleet-container .side-bar .toggle[data-v-db097dca]{display:flex;justify-content:center;align-items:center;padding:4px 0;cursor:pointer}.voyage-fleet-container .side-bar .toggle i[data-v-db097dca]{font-size:16px;font-weight:800;margin-right:0}.voyage-fleet-container .side-bar .menu-item[data-v-db097dca]{padding:4px 0;display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.voyage-fleet-container .side-bar .menu-item.toggle[data-v-db097dca]{justify-content:center;padding-bottom:10px;margin-bottom:4px;border-bottom:var(--opi-solid-border)}.voyage-fleet-container .side-bar .menu-item.toggle i[data-v-db097dca]{font-size:16px;font-weight:800;margin-right:0}.voyage-fleet-container .side-bar .menu-item i[data-v-db097dca]{font-size:12px;font-weight:600;margin-right:4px}.voyage-fleet-container .side-bar .menu-item span[data-v-db097dca]{font-size:14px;font-weight:300}.no-data{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-data .img{width:118px;height:110px}.no-data .text{position:relative;margin-top:10px;font-size:13px;color:var(--opi-font-color-9)}.no-data .text:before{content:"";position:absolute;width:30px;height:1px;background:var(--opi-line-color-border);top:50%;right:calc(100% + 15px)}.no-data .text:after{content:"";position:absolute;width:30px;height:1px;background:var(--opi-line-color-border);top:50%;left:calc(100% + 15px)}.search-ship-menu[data-v-4e309352]{position:absolute;top:20px;right:10px;z-index:10;display:flex;border-radius:6px;overflow:hidden;margin-bottom:15px}.search-ship-menu .layer-icon[data-v-4e309352]{background-color:var(--opi-black-6);cursor:pointer}.search-ship-menu .layer-icon.active .iconfont[data-v-4e309352]{color:#648cf1!important}.search-ship-menu .layer-icon .iconfont[data-v-4e309352]{margin:0;font-size:15px;color:var(--opi-white);padding:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.popup-box[data-v-4e309352]{display:flex;flex-direction:column;width:100%;height:100%}.popup-box .header[data-v-4e309352]{flex:none}.popup-box .header .search-box[data-v-4e309352]{position:relative;padding:20px 10px 15px;border-radius:5px;background:var(--opi-white)}.popup-box .header .search-box[data-v-4e309352] .el-select__wrapper{box-shadow:none;background-color:var(--opi-line-color-split);min-height:34px;padding-left:34px}.popup-box .header .search-box .input-search-icon[data-v-4e309352]{position:absolute;top:0;left:0;padding:20px 0 15px 20px;font-size:13px;z-index:9;color:var(--opi-font-color-9);height:100%;display:flex;align-items:center}.popup-box .content[data-v-4e309352]{height:0;flex-grow:1}.popup-box .content .voyage-list[data-v-4e309352]{height:100%;background:var(--opi-white);border-top:5px solid var(--opi-line-color-split);z-index:5}.popup-box .content .voyage-list .voyage-item[data-v-4e309352]{padding:10px 20px;cursor:pointer}.popup-box .content .voyage-list .voyage-item[data-v-4e309352]:not(:last-child){border-bottom:1px solid var(--opi-line-color-border)}.popup-box .content .voyage-list .voyage-item.active .vessel-name[data-v-4e309352]{font-weight:500;color:var(--opi-font-color-3)}.popup-box .content .voyage-list .voyage-item .vessel-name[data-v-4e309352]{font-size:14px;color:var(--opi-font-color-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-box .content .voyage-list .voyage-item .voyage-status[data-v-4e309352]{position:relative;width:102px;font-size:14px;font-weight:300;text-align:center;padding:2px 0;border-radius:6px;color:var(--opi-white)}.popup-box .content .voyage-list .voyage-item .voyage-status.Underway[data-v-4e309352]{background:var(--opi-success-color)}.popup-box .content .voyage-list .voyage-item .voyage-status.Ready[data-v-4e309352]{background:var(--opi-success-color-light)}.popup-box .content .voyage-list .voyage-item .voyage-status.Reached[data-v-4e309352]{background:var(--opi-warning-color)}.popup-box .content .voyage-list .voyage-item .voyage-status.warning .iconfont[data-v-4e309352]{display:block}.popup-box .content .voyage-list .voyage-item .voyage-status .iconfont[data-v-4e309352]{display:none;position:absolute;top:-8px;right:-8px;color:var(--opi-danger-color);font-size:16px;border-radius:50%}.opi-monitor-container[data-v-6c4f9188]{height:100%}.opi-monitor-container .monitor-scrollbar .monitor-group .header[data-v-6c4f9188]{height:50px;padding:0 12px;border-bottom:1px solid var(--opi-line-color-border)}.opi-monitor-container .monitor-scrollbar .monitor-group .header .title[data-v-6c4f9188]{font-weight:700;font-size:14px;color:var(--opi-font-color-3);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAARxJREFUOE+tk81Kw0AUhc+pUCsGaxRxFXDnsgsfQOjOB7ERd/VFulJrfBB3BV9AdKe7QlZFTEhoMU1rjjSxmhZa7M/s7sy939y5cw4xtfxuXNEXaoCqII/SY6kNsMUNOKZRfMmXcBxIKvnhoAGoBqAwDf6JE4BOL+xcWZb1OdpLAa7rbhnlwwdJpzMKJ7ZJPnaDztkIkgK8MGpCtP9T/JtD3u3tFC/o+3FFBT3NaXsWN2EyOKEXxNeALhe6/a+NG34E0SvB42UAgt7oBf0IwOYyAAD91QFreMIKQ5RumUl3hW/MhBQ3IS0kJEnO/m7JXo+Ux37YLh80IJ7PNRN13wve6xNmymsgnckwsUVUiczOgtoUWtTQMU3jOZ//DT1+lOsvRjg2AAAAAElFTkSuQmCC)!important;background-repeat:no-repeat!important;background-position:left top!important;height:30px;line-height:32px;padding-left:8px}.opi-monitor-container .monitor-scrollbar .monitor-group .header .tip[data-v-6c4f9188]{font-size:14px;color:var(--el-color-danger)}.opi-monitor-container .monitor-scrollbar .monitor-group .header .link[data-v-6c4f9188]{color:var(--opi-primary-color);font-size:14px;cursor:pointer}.opi-monitor-container .monitor-scrollbar .monitor-group .header .link .iconfont[data-v-6c4f9188]{display:inline-block;transform:rotate(180deg);margin-left:6px}.opi-monitor-container .monitor-scrollbar .monitor-group .content[data-v-6c4f9188]{padding:20px}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper[data-v-6c4f9188]{height:180px;margin:0 auto}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .plan[data-v-6c4f9188]{padding:28px 20px 12px}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .plan .divider[data-v-6c4f9188]{position:relative;height:2px;background:var(--el-fill-color-lighter);margin-bottom:15px;margin-top:5px}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .plan .divider .portTitle[data-v-6c4f9188]{position:relative;font-size:14px;color:var(--el-color-primary);top:-8px;background:var(--el-fill-color-lighter);width:fit-content}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .plan .divider .portTitle.link[data-v-6c4f9188]{text-decoration:underline;cursor:pointer}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .plan .divider[data-v-6c4f9188]:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to right,var(--el-fill-color-lighter) 50%,#d4daea 50%);background-size:20px 2px}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .plan .circle[data-v-6c4f9188]{width:6px;height:6px;background:var(--el-color-primary);border-radius:50%;opacity:1}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .plan[data-v-6c4f9188] .el-progress-bar__inner{background-color:var(--opi-menu-color-active)!important}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .plan[data-v-6c4f9188] .el-progress-bar__inner--striped{background-image:linear-gradient(-45deg,var(--el-color-primary) 25%,transparent 25%,transparent 50%,var(--el-color-primary) 50%,var(--el-color-primary) 75%,transparent 75%,transparent);background-size:1.25em 1.25em}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .baseContent[data-v-6c4f9188]{position:relative}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .baseContent .arrow[data-v-6c4f9188]{position:absolute;top:36%;z-index:10;width:20px;height:20px;background:var(--opi-black);opacity:.2;color:var(--opi-white);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .baseContent .arrow[data-v-6c4f9188]:hover{opacity:.3}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .baseContent .arrow.prev[data-v-6c4f9188]{left:-10px}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .baseContent .arrow.next[data-v-6c4f9188]{right:-10px}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .baseContent .arrow .iconfont[data-v-6c4f9188]{font-size:12px}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .baseContent .carousel[data-v-6c4f9188]{width:100%;margin:0 auto;background:var(--el-fill-color-lighter)}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .baseContent .carousel[data-v-6c4f9188] .el-carousel__indicators--outside{background-color:var(--opi-white)}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper .baseContent .carousel[data-v-6c4f9188] .el-carousel__indicator--horizontal{padding:10px 4px}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper[data-v-6c4f9188] .el-carousel__indicator--horizontal .el-carousel__button{width:6px;height:6px;background:var(--opi-button-background-light-blue);border-radius:50%;opacity:1}.opi-monitor-container .monitor-scrollbar .monitor-group .content.swiper[data-v-6c4f9188] .el-carousel__indicator--horizontal.is-active .el-carousel__button{width:6px;height:6px;background:var(--el-color-primary);border-radius:50%;opacity:1}.opi-monitor-container .monitor-scrollbar .monitor-group .content.ais[data-v-6c4f9188],.opi-monitor-container .monitor-scrollbar .monitor-group .content.dps[data-v-6c4f9188]{padding:20px 15px;display:flex;flex-wrap:wrap}.opi-monitor-container .monitor-scrollbar .monitor-group .content.remark[data-v-6c4f9188],.opi-monitor-container .monitor-scrollbar .monitor-group .content.alert[data-v-6c4f9188]{height:380px}.opi-monitor-container .monitor-scrollbar .monitor-group .content .info-item[data-v-6c4f9188]{width:calc(50% - 10px);display:flex;align-items:center;justify-content:space-between;padding:17px 20px;margin:0 5px;line-height:1em}.opi-monitor-container .monitor-scrollbar .monitor-group .content .info-item[data-v-6c4f9188]:nth-child(4n+1){background:var(--opi-list-background-color)}.opi-monitor-container .monitor-scrollbar .monitor-group .content .info-item:nth-child(4n+1)+.info-item[data-v-6c4f9188]{background:var(--opi-list-background-color)}.opi-monitor-container .monitor-scrollbar .monitor-group .content .info-item .label[data-v-6c4f9188]{font-size:14px;color:var(--opi-font-color-3)}.opi-monitor-container .monitor-scrollbar .monitor-group .content .info-item .value[data-v-6c4f9188]{font-size:14px;color:var(--opi-primary-color)}.opi-monitor-container .monitor-scrollbar .monitor-group .content .message-group .item[data-v-6c4f9188]:not(:last-child){margin-bottom:20px}.opi-monitor-container .monitor-scrollbar .monitor-group .content .message-group .item .title[data-v-6c4f9188]{font-size:14px;font-weight:700;color:var(--opi-primary-color);margin-top:10px}.opi-monitor-container .monitor-scrollbar .monitor-group .content .message-group .item .message[data-v-6c4f9188]{font-size:14px;color:var(--opi-font-color-3);background:var(--opi-list-background-color);margin-top:10px;padding:10px}.opi-monitor-container .monitor-scrollbar .row-container[data-v-6c4f9188]{display:flex}.opi-monitor-container .monitor-scrollbar .row-container .monitor-group[data-v-6c4f9188]{width:0;flex-grow:1}.opi-monitor-container .monitor-scrollbar .divider-row[data-v-6c4f9188]{width:100%;height:10px;background:var(--opi-line-color-split)}.opi-monitor-container .monitor-scrollbar .divider-col[data-v-6c4f9188]{flex:none;width:10px;background:var(--opi-line-color-split)}.editor-box[data-v-2673e5c1]{display:flex;align-items:center}.editor-box .flex-start[data-v-2673e5c1]{align-self:flex-start}.editor-box span[data-v-2673e5c1]{margin-right:6px}.editor-box[data-v-d2fa3f81]{display:flex;align-items:center;justify-content:flex-start}.editor-box .flex-start[data-v-d2fa3f81]{align-self:flex-start}.editor-box span[data-v-d2fa3f81]{margin-right:6px}.opi-editable-item{display:block;width:100%}.opi-editable-item .group{display:flex;align-items:center;justify-content:flex-start}.opi-editable-item .group .el-tag{flex:0}.opi-editable-item .group .el-input,.opi-editable-item .group .el-select,.opi-editable-item .group .el-textarea,.opi-editable-item .group .el-radio-group,.opi-editable-item .group .el-checkbox-group,.opi-editable-item .group .rich-editor{flex:1}.opi-editable-item .group .datetime .el-input__wrapper{width:100%}.opi-editable-item .group .el-radio-group label,.opi-editable-item .group .el-checkbox-group label{display:block;text-align:left}.opi-editable-item .group .el-radio-group label:after,.opi-editable-item .group .el-checkbox-group label:after{display:none}.opi-editable-item .group .buttons{width:20px}.opi-editable-item .group label{display:inline-block;text-align:right;line-height:26px}.opi-editable-item .group label:after{content:":";margin:0 4px 0 2px}.opi-editable-item .group span{flex:inherit;word-break:inherit;text-align:left;line-height:26px}.opi-editable-item .group .el-button{display:none}.opi-editable-item .group .el-button .el-icon{font-size:14px}.opi-editable-item .group .el-button.show-button{display:flex!important;align-items:center;width:50px}.opi-editable-item .group .el-button.show-button.primary{border-color:var(--opi-primary-color);color:var(--opi-primary-color)}.opi-editable-item .group .el-button.show-button i{font-size:12px}.opi-editable-item .group:hover .el-button{color:var(--color);display:block}.noon-select[data-v-8a485a49]{display:flex;align-items:center;justify-content:flex-end}.seg[data-v-8a485a49]{display:flex;justify-content:flex-end;align-items:center}.seg .bell-box[data-v-8a485a49]{display:flex;align-items:center}.seg .bell-box .bell[data-v-8a485a49]{font-size:15px;margin-right:5px}.error[data-v-8a485a49]{color:var(--opi-danger-color-light)}.warn[data-v-8a485a49]{color:var(--opi-warning-color-light)}.operate-box .operate-item[data-v-8a485a49]:not(:last-child){margin-right:20px}.mail-body{border:1px dashed var(--opi-black-4);padding:0 10px;border-radius:5px;height:340px!important}.attachment a{cursor:pointer}.attachment .el-form-item__content{display:block}.dialog-form[data-v-b5adbd56]{max-height:70vh;overflow-y:auto;overflow-x:hidden}.dialog-form .email-body[data-v-b5adbd56]{box-shadow:0 0 0 1px var(--el-border-color) inset;border-radius:8px;margin-left:100px;border:0px;padding:10px}.mail-container .mail-title[data-v-758b7077]{display:flex;justify-content:flex-end;align-items:center}.mail-container .mail-title .title-select[data-v-758b7077]{display:flex;color:var(--opi-black-5);font-size:14px}.mail-container .mail-title .title-select .item[data-v-758b7077]{font-size:14px}.mail-container .mail-title .mail-add[data-v-758b7077]{margin-left:20px}.mail-container .mail-detail[data-v-758b7077]{display:flex;flex-direction:column;margin-top:10px;height:calc(100% - 40px)}.mail-container .mail-detail .mail-list .mail-item[data-v-758b7077]{font-size:12px;display:flex;justify-content:space-between;align-items:center;padding:15px 14px;margin-bottom:10px;background-color:var(--opi-table-row-color-light-blue)}.mail-container .mail-detail .mail-list .mail-item .detail[data-v-758b7077]{display:flex;align-items:center;width:100%}.mail-container .mail-detail .mail-list .mail-item .detail .detail-icon[data-v-758b7077]{height:30px;width:30px;border-radius:15px;margin-right:10px;display:flex;align-items:center;justify-content:center;color:var(--opi-white);background-color:var(--opi-warning-color)}.mail-container .mail-detail .mail-list .mail-item .detail .detail-icon.send[data-v-758b7077]{background-color:var(--opi-primary-color)}.mail-container .mail-detail .mail-list .mail-item .detail .detail-icon i[data-v-758b7077]{font-size:12px;padding:0;margin:0}.mail-container .mail-detail .mail-list .mail-item .detail .info[data-v-758b7077]{display:flex;flex-direction:column;width:calc(100% - 30px);color:var(--opi-black-8)}.mail-container .mail-detail .mail-list .mail-item .detail .info .info-label[data-v-758b7077]{display:flex;justify-content:space-between;margin-bottom:5px}.mail-container .mail-detail .mail-list .mail-item .detail .info .info-sub[data-v-758b7077]{text-align:left;font-size:12px}.mail-container .mail-detail .mail-list .mail-item .button .show[data-v-758b7077]{font-size:16px;color:var(--opi-primary-color)}.mail-container .mail-detail .mail-list .mail-item .button .hide[data-v-758b7077]{font-size:12px;color:var(--opi-line-color-disable)}.mail-container .mail-detail .mail-list .mail-item .button .error[data-v-758b7077]{font-size:18px;color:var(--opi-danger-color-dark)}.mail-drawer[data-v-758b7077]{position:fixed;left:100px;bottom:0;background:var(--opi-white);border-radius:5px 5px 0 0;width:calc(100vw - 100px);transition:height .5s;padding:0 10px;z-index:30}.mail-drawer .drag-handle[data-v-758b7077]{height:5px;cursor:n-resize}.mail-drawer .drawer-header[data-v-758b7077]{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:3px;color:var(--opi-black-8)}.mail-drawer .close[data-v-758b7077]{display:flex;font-size:18px;font-weight:600;color:var(--opi-black);justify-content:flex-end;align-items:center;line-height:25px;cursor:pointer}.container-box[data-v-758b7077]{background:var(--opi-white);box-sizing:border-box;height:100%;padding:5px 10px}.container-box[data-v-758b7077] .el-input__wrapper .el-input__inner,.container-box[data-v-758b7077] .el-date-editor .el-range-separator,.container-box[data-v-758b7077] .el-date-editor .el-range-input{color:var(--opi-black)}.container-box .filter[data-v-758b7077]{display:flex;font-size:14px}.container-box .filter .item[data-v-758b7077]{margin:5px;display:flex}.container-box .filter .item .item-button[data-v-758b7077]{border-radius:5px;background-color:var(--opi-white-3);color:var(--opi-black)}.container-box .filter .item .item-button.active[data-v-758b7077]{background-color:var(--opi-primary-color-3)}.container-box .filter .item[data-v-758b7077] .el-select__wrapper{width:150px!important}.container-box .filter .item[data-v-758b7077] .el-range-editor--small.el-input__wrapper{width:250px}.container-box .foot-container[data-v-758b7077]{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}.container-box .foot-container .pagination[data-v-758b7077]{margin:8px}.container-box .foot-container .pagination[data-v-758b7077] .el-pagination__total{color:var(--opi-black-8)}.container-box .foot-container .pagination[data-v-758b7077] .el-pagination.is-background .el-pager li{background-color:transparent;color:var(--opi-black-8)}.container-box .foot-container .pagination[data-v-758b7077] .el-pagination.is-background .el-pager li.is-active{color:var(--opi-white);background-color:var(--opi-primary-color)}.container-box .foot-container .pagination[data-v-758b7077] .el-pagination.is-background .el-pager li:hover{color:var(--el-color-primary)}.container-box .foot-container .pagination[data-v-758b7077] .el-pagination.is-background .btn-next,.container-box .foot-container .pagination[data-v-758b7077] .el-pagination.is-background .btn-prev{color:var(--opi-black)}.container-box .foot-container .pagination[data-v-758b7077] .el-pagination__jump{color:var(--opi-black-8)}html.dark{color-scheme:dark;--el-color-primary: #409eff;--el-color-primary-light-3: #3375b9;--el-color-primary-light-5: #2a598a;--el-color-primary-light-7: #213d5b;--el-color-primary-light-8: #1d3043;--el-color-primary-light-9: #18222c;--el-color-primary-dark-2: #66b1ff;--el-color-success: #67c23a;--el-color-success-light-3: #4e8e2f;--el-color-success-light-5: #3e6b27;--el-color-success-light-7: #2d481f;--el-color-success-light-8: #25371c;--el-color-success-light-9: #1c2518;--el-color-success-dark-2: #85ce61;--el-color-warning: #e6a23c;--el-color-warning-light-3: #a77730;--el-color-warning-light-5: #7d5b28;--el-color-warning-light-7: #533f20;--el-color-warning-light-8: #3e301c;--el-color-warning-light-9: #292218;--el-color-warning-dark-2: #ebb563;--el-color-danger: #f56c6c;--el-color-danger-light-3: #b25252;--el-color-danger-light-5: #854040;--el-color-danger-light-7: #582e2e;--el-color-danger-light-8: #412626;--el-color-danger-light-9: #2b1d1d;--el-color-danger-dark-2: #f78989;--el-color-error: #f56c6c;--el-color-error-light-3: #b25252;--el-color-error-light-5: #854040;--el-color-error-light-7: #582e2e;--el-color-error-light-8: #412626;--el-color-error-light-9: #2b1d1d;--el-color-error-dark-2: #f78989;--el-color-info: #909399;--el-color-info-light-3: #6b6d71;--el-color-info-light-5: #525457;--el-color-info-light-7: #393a3c;--el-color-info-light-8: #2d2d2f;--el-color-info-light-9: #202121;--el-color-info-dark-2: #a6a9ad;--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;--el-bg-color-page: #0a0a0a;--el-bg-color: #141414;--el-bg-color-overlay: #1d1e1f;--el-text-color-primary: #E5EAF3;--el-text-color-regular: #CFD3DC;--el-text-color-secondary: #A3A6AD;--el-text-color-placeholder: #8D9095;--el-text-color-disabled: #6C6E72;--el-border-color-darker: #636466;--el-border-color-dark: #58585B;--el-border-color: #4C4D4F;--el-border-color-light: #414243;--el-border-color-lighter: #363637;--el-border-color-extra-light: #2B2B2C;--el-fill-color-darker: #424243;--el-fill-color-dark: #39393A;--el-fill-color: #303030;--el-fill-color-light: #262727;--el-fill-color-lighter: #1D1D1D;--el-fill-color-extra-light: #191919;--el-fill-color-blank: transparent;--el-mask-color: rgba(0, 0, 0, .8);--el-mask-color-extra-light: rgba(0, 0, 0, .3)}html.dark .el-button{--el-button-disabled-text-color: rgba(255, 255, 255, .5)}html.dark .el-card{--el-card-bg-color: var(--el-bg-color-overlay)}html.dark .el-empty{--el-empty-fill-color-0: var(--el-color-black);--el-empty-fill-color-1: #4b4b52;--el-empty-fill-color-2: #36383d;--el-empty-fill-color-3: #1e1e20;--el-empty-fill-color-4: #262629;--el-empty-fill-color-5: #202124;--el-empty-fill-color-6: #212224;--el-empty-fill-color-7: #1b1c1f;--el-empty-fill-color-8: #1c1d1f;--el-empty-fill-color-9: #18181a}.common-table{flex-grow:1;position:relative}.common-table .el-table .cell.el-tooltip{white-space:normal!important}.common-table td.el-table__cell{border-bottom:none}.common-table .el-table__inner-wrapper:before{display:none}.common-table thead.is-group th.el-table__cell{background:var(--opi-white)!important}.common-table.el-table--border td.el-table__cell{border-right:none!important;border-bottom:none!important}.common-table.dark-header table th,.common-table.dark-header thead.is-group th.el-table__cell{background-color:var(--el-fill-color-lighter)!important}.common-table.no-border th.el-table__cell.is-leaf,.common-table.no-border td.el-table__cell{border:none}.common-table.el-table--small .el-table__cell{padding:12px 0}.el-dialog.is-fullscreen{overflow:hidden}.common-dialog{max-height:90vh}.common-dialog .el-dialog__header{position:relative;text-align:left;margin-right:0!important;padding:0;height:20px;line-height:20px}.common-dialog .el-dialog__header:after{content:"";position:absolute;width:calc(100% - 20px);height:1px;top:50%;left:0;border-radius:2px;background:var(--opi-line-color-border)}.common-dialog .el-dialog__header .el-dialog__title{position:relative;display:inline-block;height:20px;line-height:20px;font-size:16px;font-weight:700;padding-left:18px;padding-right:15px;color:var(--opi-font-color-3);background:var(--opi-white);z-index:99}.common-dialog .el-dialog__header .el-dialog__title:before{content:"";position:absolute;width:4px;height:100%;top:0;left:0;border-radius:2px;background:var(--opi-primary-color)}.common-dialog .el-dialog__header .el-dialog__headerbtn{top:50%;margin-top:-24px;right:-20px;font-size:18px}.common-dialog .el-dialog__header .dialog-header{padding:0;height:100%;display:flex;align-items:center}.common-dialog .el-dialog__body{padding:10px 0}.common-dialog .el-dialog__body .el-input__wrapper{width:300px;box-sizing:border-box}.common-dialog .el-dialog__footer{box-shadow:none;border-top:none}.no-header-dialog .el-dialog__header{display:none}.no-header-dialog .el-dialog__footer{box-shadow:0 -3px 8px #0000000f;border-top:1px solid #dcdfe6!important}.el-dialog__body{padding:10px 16px}.el-dialog__body .el-input__wrapper{width:300px}.el-dialog__body .upload-demo{width:322px}.el-dialog__body .upload-demo .el-icon--upload{font-size:40px}.el-select__popper,.el-picker__popper{z-index:3000!important}.el-message{z-index:5000!important}.detail-container{position:fixed;top:0;right:0;height:100%;box-sizing:border-box;background-color:var(--el-bg-color);z-index:2000;box-shadow:var(--el-box-shadow);border-radius:16px 0 0 16px}.detail-container.open{padding:0;height:auto;background-color:transparent;border-bottom-left-radius:5px}.detail-container.open .el-menu{background-color:var(--opi-black-6);border-bottom-left-radius:5px;border:none}.detail-container.open .el-menu .el-menu-item:hover{background:transparent}.detail-container.open .el-menu .el-menu-item:hover .el-icon{font-weight:700;transform:scale(1.1)}.detail-container.open .el-menu .el-menu-item .el-icon{color:var(--opi-white);margin:0}.detail-container.transparent,.detail-container.transparent .detail-side-bar .el-menu{background-color:var(--opi-black-7)}.detail-container.transparent .detail-side-bar .el-menu .el-menu-item{color:var(--opi-white)}.detail-container.transparent .detail-side-bar .el-menu .el-menu-item:hover{background-color:var(--opi-black-2)}.detail-container.transparent .detail-side-bar .el-menu .el-menu-item.is-active{font-weight:700;background-color:var(--opi-black-5)}.detail-container.transparent .detail-main .detail-header{color:var(--opi-white)}.detail-container.default{background-color:var(--el-bg-color)!important}.detail-container.default .detail-main .detail-header{color:var(--opi-black-7)!important}.detail-container .detail-side-bar{position:absolute;top:0;left:-80px;width:80px;float:left;clear:both;box-shadow:var(--el-box-shadow-dark);border-bottom-left-radius:5px}.detail-container .detail-side-bar .el-menu{border-right:none;background-color:var(--el-bg-color);border-bottom-left-radius:5px}.detail-container .detail-side-bar .el-menu .el-menu-item{height:40px}.detail-container .detail-side-bar .el-menu .el-menu-item:hover{font-weight:700}.detail-container .detail-side-bar .el-menu .el-menu-item:hover .el-icon{transform:scale(1.1);font-weight:700}.detail-container .detail-side-bar .el-menu .el-menu-item:last-child{border-bottom-left-radius:5px}.detail-container .detail-side-bar .el-menu .close{height:59px;justify-content:center;border-bottom:solid 1px var(--el-menu-border-color)}.detail-container .detail-side-bar .el-menu .close .el-icon{margin:0}.detail-container .detail-side-bar .refresh{position:fixed;top:20px;right:10px;z-index:3000;font-size:16px;color:var(--opi-white)}.detail-container .detail-main{height:100%;display:flex;flex-direction:column}.detail-container .detail-main .detail-header{position:relative;height:58px;text-align:left;border-bottom:solid 1px var(--el-menu-border-color);font-size:16px;display:flex;align-items:center;justify-content:space-between;padding:0 0 0 30px;flex:none}.detail-container .detail-main .detail-header .name{color:var(--opi-font-color-6);display:inline-block;font-size:14px;margin-left:30px}.detail-container .detail-main .detail-header .close-button{width:55px;height:55px;border:none;color:var(--opi-line-color-disable);margin-left:20px}.detail-container .detail-main .detail-header .close-button:hover{background-color:unset}.detail-container .detail-main .detail-header .close-button .iconfont{font-size:16px}.detail-container .detail-main .detail-body{height:0;flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:0 30px}.detail-container .detail-main .detail-body .detail-card{margin-bottom:10px;padding:10px;border-radius:5px}.detail-container .detail-main .detail-body .nav-radio{margin-top:30px}.voyage-detail .dot-title{font-size:16px;font-weight:600;color:var(--opi-primary-color);position:relative;padding:15px 0 15px 16px}.voyage-detail .dot-title .tips{font-size:14px;font-weight:500;color:var(--el-color-danger)}.voyage-detail .dot-title:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--opi-primary-color);top:50%;left:0;margin-top:-3px}.voyage-detail .container.dark{background-color:var(--opi-list-background-color);padding:10px 20px}.voyage-detail .container.dark~.dark{margin-top:10px}.voyage-detail .container .el-tree{background:none!important}.voyage-detail .container .dark{background-color:var(--opi-list-background-color);padding:10px 20px}.voyage-detail .container .map{height:350px}.voyage-detail .container.unchecked .el-form-item{margin-bottom:5px!important}.search-container{padding:15px 10px;margin-bottom:10px;background-color:var(--opi-white)}.search-container .list{display:flex;flex-wrap:wrap}.search-container .list.search .item{width:18%}.search-container .list.search .item .el-date-editor.el-input{width:100%}.search-container .list.search .item.collapse-tags{min-width:240px!important}.search-container .list.search .item.collapse-tags .el-select__selection{display:flex;flex-wrap:nowrap!important}.search-container .list.search .item.collapse-tags .el-select__selection span{max-width:150px!important}.search-container .list.buttons{display:flex;flex-wrap:wrap;justify-content:flex-start}.search-container .list.buttons div{display:flex}.search-container .list.buttons div .operate{font-size:12px}.search-container .list .item{display:flex;align-items:center;justify-content:flex-start;margin:0 15px 15px 0}.search-container .search-content{max-height:40vh;overflow-y:auto}.search-container .search-row{display:flex;align-items:flex-start;justify-content:space-between}.search-container .search-row>.left-box{width:0;flex-grow:1;display:flex;flex-wrap:wrap}.search-container .search-row>.right-box{flex:none;display:flex;flex-wrap:nowrap}.search-container .search-item{display:flex;align-items:flex-start;justify-content:flex-end;padding:5px 10px;max-width:100%}.search-container .search-item.collapse-tags{min-width:240px!important}.search-container .search-item.collapse-tags .el-select__selection{display:flex;flex-wrap:nowrap!important}.search-container .search-item.collapse-tags .el-select__selection span{max-width:100px!important}.search-container .search-item>.label{line-height:32px;text-align:right;white-space:nowrap}.search-container .search-item>.label.fix-width{width:90px}.search-container .search-item>.content{width:max-content!important;margin-left:10px}.search-container .search-item>.content.select{width:10vw!important}.search-container .search-item>.content.range{width:240px!important}.search-container .navbar{display:flex;align-items:center}.search-container .navbar .back{color:var(--opi-font-color-9)}.search-container .navbar .breadcrumb{margin-left:10px;padding-left:10px;border-left:1px solid var(--opi-line-color-border)}.search-container .navbar .breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--opi-primary-color);font-weight:700}.search-container .el-button i~span{margin-left:10px}.search-container .el-button span~i{margin-left:10px}.search-container .button{border-color:var(--opi-primary-color);color:var(--opi-primary-color);padding:8px 10px}.search-container .button.operate{height:34px}.search-container .button.primary{color:var(--opi-white);background-color:var(--opi-primary-color)!important;border-color:var(--opi-primary-color)!important}.search-container .button.primary i{color:var(--opi-white)}.search-container .el-divider{margin:10px 0;color:var(--opi-line-color-border)}.search-container .collapse{color:var(--opi-line-color-disable);padding:10px}.search-container .collapse.open i{transform:rotate(180deg)}.search-container .collapse i{font-size:20px}.search-container .amount-board{display:flex;align-items:flex-end;padding:10px 0}.search-container .amount-board .amount-item{position:relative;width:0;flex-grow:1;display:flex;flex-direction:column;align-items:center}.search-container .amount-board .amount-item:after{display:block;content:"";position:absolute;width:1px;height:calc(100% - 6px);top:3px;right:0;background:var(--opi-line-color-border)}.search-container .amount-board .amount-item:last-child:after{display:none}.search-container .amount-board .amount-item .number{font-weight:700;font-size:18px;color:var(--opi-primary-color);line-height:1em}.search-container .amount-board .amount-item .label{margin-top:10px}.list-container{height:100%}.list-container .link{cursor:pointer}.list-container .link:hover{color:var(--el-color-primary)}.list-container .operation-bar{display:flex;width:100%;align-items:center;justify-content:space-between;margin:10px;box-sizing:border-box}.list-container .operation-bar .buttons{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;height:40px;margin-right:30px}.list-container .table-container{height:100%;background-color:var(--opi-white)}.list-container .search-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;background-color:var(--el-bg-color-page);padding:0 16px 16px;margin-bottom:20px;border-radius:10px;clear:both;flex-shrink:0}.list-container .search-bar .item{display:flex;align-items:center;justify-content:flex-start;margin-top:16px}.list-container .search-bar .item.buttons{flex:1;justify-content:flex-end}.list-container .search-bar .item .label{width:80px;margin-right:12px;text-align:right}.list-container .search-bar .item .el-input,.list-container .search-bar .item .el-select{min-width:240px;width:100%;flex:1}.list-container .list-body{padding:10px;box-shadow:var(--el-box-shadow-light);border-radius:5px}.list-container .list-body .el-scrollbar{height:calc(100% - 60px);box-sizing:border-box}.list-container .list-body .el-scrollbar .el-descriptions{margin:10px 0;box-sizing:border-box}.list-container .list-body .el-scrollbar .el-descriptions:first-child{margin-top:0}.opi-transparent-container{height:100%;position:relative;color:var(--opi-black-7)}.opi-transparent-container .transparent-list{height:100%;display:flex;flex-direction:column}.opi-transparent-container .transparent-list .transparent-buttons{flex:none;display:flex;align-items:center;justify-content:flex-end;margin-bottom:10px}.opi-transparent-container .transparent-list .transparent-buttons .el-button~.el-button,.opi-transparent-container .transparent-list .transparent-buttons>span{margin-left:10px}.opi-transparent-container .transparent-list .transparent-scrollbar{height:0;flex-grow:1;width:100%;box-sizing:border-box}.transparent-container{height:100%;position:relative;color:var(--opi-black-7)}.transparent-container .transparent-list{height:100%}.transparent-container .transparent-list .transparent-buttons{display:flex;align-items:center;justify-content:flex-end;margin-bottom:10px}.transparent-container .transparent-list .transparent-buttons .icon-button{cursor:pointer;margin-right:10px;color:var(--opi-black-7)}.transparent-container .transparent-list .transparent-buttons .icon-button:hover{color:var(--opi-black-9)}.transparent-container .transparent-list .transparent-buttons .icon-button:last-child{margin-right:0}.transparent-container .transparent-list .transparent-buttons .el-button{color:var(--opi-black-9)}.transparent-container .transparent-list .transparent-scrollbar{height:calc(100% - 15px);width:100%;box-sizing:border-box}.transparent-container .transparent-list .transparent-scrollbar .el-table{background-color:transparent!important;--el-table-border-color: var(--opi-black-7) !important}.transparent-container .transparent-list .transparent-scrollbar .el-table:before,.transparent-container .transparent-list .transparent-scrollbar .el-table:after{background-color:transparent!important}.transparent-container .transparent-list .transparent-scrollbar .el-table .el-table__inner-wrapper:after,.transparent-container .transparent-list .transparent-scrollbar .el-table .el-table__inner-wrapper:before{background-color:transparent!important}.transparent-container .transparent-list .transparent-scrollbar .el-table .el-table__border-left-patch{display:none}.transparent-container .transparent-list .transparent-scrollbar .el-table .current-row{background-color:var(--opi-primary-color-1)!important}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr{background-color:transparent!important}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr.delete{background-color:var(--table-delete)!important}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr:hover td.el-table__cell{background-color:var(--opi-black-1)!important}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr th,.transparent-container .transparent-list .transparent-scrollbar .el-table table tr td{cursor:pointer}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr th.el-table-fixed-column--right.el-table__cell,.transparent-container .transparent-list .transparent-scrollbar .el-table table tr td.el-table-fixed-column--right.el-table__cell{background-color:var(--opi-white)!important}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr th.el-table-fixed-column--right.el-table__cell:first-child,.transparent-container .transparent-list .transparent-scrollbar .el-table table tr td.el-table-fixed-column--right.el-table__cell:first-child{border-right:none!important}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr th.el-table-fixed-column--left.el-table__cell,.transparent-container .transparent-list .transparent-scrollbar .el-table table tr td.el-table-fixed-column--left.el-table__cell{background-color:var(--opi-white)!important}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr th.el-table-fixed-column--left.el-table__cell:first-child,.transparent-container .transparent-list .transparent-scrollbar .el-table table tr td.el-table-fixed-column--left.el-table__cell:first-child{border-right:none!important}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr th.el-table__cell,.transparent-container .transparent-list .transparent-scrollbar .el-table table tr td.el-table__cell{background-color:transparent!important;border-bottom:1px solid var(--opi-line-color-border)!important}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr th .el-button,.transparent-container .transparent-list .transparent-scrollbar .el-table table tr td .el-button{color:var(--opi-primary-color-7)}.transparent-container .transparent-list .transparent-scrollbar .el-table table tr th .el-button:hover,.transparent-container .transparent-list .transparent-scrollbar .el-table table tr td .el-button:hover{color:var(--opi-primary-color)}.transparent-container .transparent-list .transparent-scrollbar .el-table.border-table .el-table__cell{border:1px solid var(--opi-black-2)!important}.transparent-container .transparent-list .transparent-scrollbar .el-table.border-table .excluded-row{background-color:var(--opi-black-1)!important}.delete-confirm-box{background-color:var(--el-color-danger)!important;border:1px solid var(--el-color-danger-light-3)!important}.common-button{display:inline-block}.common-button~.common-button{margin-left:20px}.common-button.is-disabled,.common-button.is-disabled:hover{color:var(--el-button-disabled-text-color)!important;border-color:var(--el-button-disabled-border-color)!important;cursor:not-allowed!important;background-image:none!important;background-color:var(--el-button-disabled-bg-color)!important}.common-button.plain-color-primary{color:var(--opi-primary-color);border-color:var(--opi-primary-color)}.common-button.primary-icon-18{width:18px;height:18px;padding:0;border:none;color:var(--opi-primary-color);background-color:transparent}.common-button.primary-icon-18:hover{background-color:unset}.common-button.primary-icon-18 .iconfont{font-size:18px}.common-button.danger-icon-18{width:18px;height:18px;padding:0;border:none;color:var(--el-color-danger);background-color:transparent}.common-button.danger-icon-18:hover{background-color:unset}.common-button.danger-icon-18 .iconfont{font-size:18px}.common-button.primary-icon-20{width:20px;height:20px;padding:0;border:none;color:var(--opi-primary-color);background-color:transparent}.common-button.primary-icon-20:hover{background-color:unset}.common-button.primary-icon-20 .iconfont{font-size:20px}.common-button.primary-icon-20 .iconfont.eye{font-size:16px}.common-button.primary-icon-20 .iconfont.hide{font-size:10px}.common-button.primary-icon-24{width:24px;height:24px;padding:0;border:none;color:var(--opi-primary-color)}.common-button.primary-icon-24:hover{background-color:unset}.common-button.primary-icon-24 .iconfont{font-size:24px}.common-button.danger-icon-14{width:20px;height:20px;padding:0;border:none;color:var(--el-color-danger)}.common-button.danger-icon-14:hover{background-color:unset}.common-button.danger-icon-14 .iconfont{font-size:14px}.common-button.danger-icon-20{width:20px;height:20px;padding:0;border:none;color:var(--el-color-danger)}.common-button.danger-icon-20:hover{background-color:unset}.common-button.danger-icon-20 .iconfont{font-size:20px}.common-button.danger-icon-24{width:24px;height:24px;padding:0;border:none;color:var(--el-color-danger)}.common-button.danger-icon-24:hover{background-color:unset}.common-button.danger-icon-24 .iconfont{font-size:24px}.common-button.refresh i{margin-right:10px}.common-button.refresh i.add{font-size:16px}.common-button.refresh p{text-decoration:underline}.common-button.primary-square-26{width:26px;height:26px;padding:0;border:none;color:var(--opi-primary-color);border-radius:4px;background-color:var(--opi-button-background-light-blue)}.common-button.primary-square-26:hover{background-color:var(--el-button-hover-bg-color)}.common-button.primary-square-26 .iconfont{font-size:14px}.common-button.primary-round-27{width:27px;height:27px;padding:0;border:1px solid var(--opi-line-color-border);color:var(--opi-primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.common-button.primary-round-27:hover{background-color:var(--el-button-hover-bg-color)}.common-button.primary-round-27 .iconfont{font-size:12px}.common-tag{display:inline-block;min-width:70px;text-align:center}.common-tag~.common-tag{margin-left:30px}.common-tag.dot-title{font-size:16px;font-weight:700;color:var(--opi-primary-color);position:relative;padding-left:16px}.common-tag.dot-title:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--opi-primary-color);top:50%;left:0;margin-top:-3px}.common-tag.light-primary-round-26{font-size:14px;line-height:26px;border-radius:13px;color:var(--opi-primary-color);background:var(--opi-list-background-color);padding:0 22px}.common-tag.light-info-round-20{font-size:14px;line-height:20px;border-radius:10px;color:var(--opi-font-color-9);background:var(--opi-line-color-split);padding:0 10px}.common-tag.link{font-size:14px;font-weight:400;color:var(--opi-primary-color);text-decoration-line:underline;cursor:pointer}.common-tag.dot{position:relative;padding-left:16px}.common-tag.dot:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--opi-primary-color);top:50%;left:0;margin-top:-3px}.common-form.nav-radio{width:100%;border:1px solid var(--opi-line-color-border);border-radius:6px}.common-form.nav-radio .el-radio-button{width:0;flex-grow:1}.common-form.nav-radio .el-radio-button.is-active .el-radio-button__inner:after{display:none}.common-form.nav-radio .el-radio-button:last-child .el-radio-button__inner:after{display:none}.common-form.nav-radio .el-radio-button .el-radio-button__inner{width:100%;border-radius:6px;border:none;padding:13px 19px}.common-form.nav-radio .el-radio-button .el-radio-button__inner:after{display:block;content:"";position:absolute;width:1px;height:calc(100% - 16px);top:8px;right:0;background:var(--opi-line-color-border)}.common-form.tab-radio{border:1px solid var(--opi-primary-color);border-radius:4px}.common-form.tab-radio .el-radio-button.is-active .el-radio-button__inner:after{display:none}.common-form.tab-radio .el-radio-button:last-child .el-radio-button__inner:after{display:none}.common-form.tab-radio .el-radio-button .el-radio-button__inner{width:100%;border-radius:4px;border:none;padding:8px 19px;transition-property:none}.common-form.tab-radio .el-radio-button .el-radio-button__inner:after{display:block;content:"";position:absolute;width:1px;height:calc(100% - 12px);top:6px;right:0;background:var(--opi-line-color-border)}.common-bottom-drawer{position:fixed;left:0;bottom:0;background-color:var(--opi-white);border-radius:0 16px 0 0;width:100vw;z-index:-1;box-shadow:2px 4px 10px 10px var(--opi-black-1);display:flex}.common-bottom-drawer .bottom-drawer-inner{width:0;height:100%;flex-grow:1;display:flex;flex-direction:column}.common-bottom-drawer .bottom-drawer-inner .drag-handle{height:10px;cursor:n-resize;flex:none}.common-bottom-drawer .bottom-drawer-inner .drawer-header{display:flex;align-items:center;flex:none;height:40px;padding:0 30px 10px;border-bottom:1px solid var(--opi-line-color-border)}.common-bottom-drawer .bottom-drawer-inner .drawer-header .title{font-weight:700;font-size:14px;color:var(--opi-font-color-3)}.common-bottom-drawer .bottom-drawer-inner .drawer-header .close{display:flex;font-size:16px;color:var(--opi-line-color-disable);justify-content:flex-end;align-items:center;line-height:25px;cursor:pointer}.common-bottom-drawer .bottom-drawer-inner .drawer-content{height:0;flex-grow:1}.common-bottom-drawer .bottom-drawer-inner .drawer-footer{flex:none}.common-bottom-drawer .slot{flex:none;transition:width .3s ease-in-out}.scroll::-webkit-scrollbar{width:8px;height:5px}.scroll::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--el-bg-color-page)}.scroll::-webkit-scrollbar-thumb:hover{border-radius:4px;background-color:var(--el-bg-color-page)}.lane-point-marker{height:15px;width:15px;cursor:pointer}.map-primary{border:2px solid var(--opi-white);background:var(--success);border-radius:50%}.map-second{border:2px solid var(--opi-white);background:var(--el-color-primary);border-radius:50%}.map-active{border:2px solid var(--opi-white);background:var(--el-color-danger);border-radius:50%}.key{height:14px;width:14px}.context-point-buttons{padding:2px 6px;border-radius:4px;font-weight:500;color:var(--opi-white-7);background:var(--opi-black-7);box-shadow:var(--el-box-shadow);cursor:pointer}.context-point-buttons .delete-point{color:var(--el-color-danger)}.mapboxgl-popup-tip{border-right-color:var(--opi-black-3)!important}.mapboxgl-popup-content{background-color:var(--opi-black-3)!important;padding:15px 10px!important;border-radius:5px;color:var(--opi-white-9)}.mapboxgl-popup-content button{font-size:18px;color:var(--opi-white-9)}.fly-to-center{pointer-events:none!important}:root[colorTheme=black]{--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .8) 80%, rgb(0, 0, 0, .8) 100%);--opi-background-linear-gradient-top: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-background-linear-gradient-bottom: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-background-linear-gradient-right: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-background-linear-gradient-left: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-active-background-light: linear-gradient(130deg, rgba(117, 117, 117, .93) 30%, rgba(200, 200, 200, .93) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(253, 253, 253), 0 0 21px rgb(226, 226, 226), 0 0 30px rgba(185, 185, 185, .4), 0 0 12px rgba(67, 67, 67, .6), 0 0 22px rgba(27, 27, 27, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-primary-color: rgba(0, 0, 0, .7);--opi-primary-color-light: #757575;--opi-primary-color-light2: #a5a5a5;--opi-primary-color-dark: rgba(0, 0, 0, .8);--opi-primary-color-dark2: rgba(0, 0, 0, 1);--opi-primary-color-9: rgba(0, 0, 0, .9);--opi-primary-color-7: rgba(0, 0, 0, .7);--opi-primary-color-5: rgba(0, 0, 0, .5);--opi-primary-color-3: rgba(0, 0, 0, .3);--opi-primary-color-1: rgba(0, 0, 0, .1)}:root[colorTheme=blue]{--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--opi-background-linear-gradient-top: linear-gradient(to top, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-right: linear-gradient(to right, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-left: linear-gradient(to left, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-primary-color: rgba(35, 59, 147, 1);--opi-primary-color-light: #6c8ad9;--opi-primary-color-light2: #a7c4ff;--opi-primary-color-dark: #053a7e;--opi-primary-color-dark2: #002e6b;--opi-primary-color-9: rgba(35, 59, 147, .9);--opi-primary-color-7: rgba(35, 59, 147, .7);--opi-primary-color-5: rgba(35, 59, 147, .5);--opi-primary-color-3: rgba(35, 59, 147, .3);--opi-primary-color-1: rgba(35, 59, 147, .1)}:root[colorTheme=dark-blue]{--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-top: linear-gradient(to top, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-bottom: linear-gradient(to bottom, rgbargba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-right: linear-gradient(to right, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-left: linear-gradient(to left, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-active-background-light: linear-gradient(130deg, rgba(104, 104, 226, .93) 20%, rgba(22, 49, 182, .93) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-primary-color: rgba(19, 47, 108, 1);--opi-primary-color-light: #6266e0;--opi-primary-color-light2: #89b0ff;--opi-primary-color-dark: #00224e;--opi-primary-color-dark2: #021a39;--opi-primary-color-9: rgba(19, 47, 108, .9);--opi-primary-color-7: rgba(19, 47, 108, .7);--opi-primary-color-5: rgba(19, 47, 108, .5);--opi-primary-color-3: rgba(19, 47, 108, .3);--opi-primary-color-1: rgba(19, 47, 108, .1)}:root{--success: rgba(21, 171, 2, 1);--background-color-1: rgba(35, 35, 35, 1);--background-color-2: rgba(62, 62, 62, 1);--background-color-3: rgba(239, 239, 239, .5);--mail-change-background: #f2f3f5;--mail-change-border: #e1e1e1;--mail-background-1: #f2f2f2;--mail-background-2: #f5f7fa;--mail-background-3: var(--opi-white);--mail-background-4: #d9d9d9;--mail-background-5: #e7e7e7;--mail-font-color: #3b3b3b;--theme-light-blue: rgba(44, 93, 184);--theme-dark-blue: rgb(18, 28, 118);--theme-black: var(--opi-black);--table-sent: #fafafa;--table-delete: rgba(210, 44, 44, .4);--adverse-heavy: #ffc800;--adverse-severe: #ff8000;--adverse-danger: #d50000}html{height:100%;width:100%;overflow:hidden}body{margin:0;padding:0}a{color:var(--el-color-primary)}code{border-radius:2px;padding:2px 4px;background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.mlt8{margin-left:8px}.mrt8{margin-right:8px}.ql-editor.ql-blank:before{color:var(--opi-white-7)!important}.el-tree-node__content{height:auto!important}.el-tree-node__content .el-tree-node__label{flex:1}.el-step__description{padding-right:0!important}.el-card__body{padding:10px!important}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-center{display:flex;align-items:center;justify-content:center}.flex-space{display:flex;align-items:center;justify-content:space-between}.border-dashed{border:1px solid var(--opi-black-3);padding:10px;border-radius:5px;height:inherit}.flex1[data-v-5ca540a5]{flex:1}.voyage-container[data-v-5ca540a5]{display:flex;position:absolute;top:0;left:0;box-sizing:border-box;z-index:30;box-shadow:var(--el-box-shadow);border-radius:0 16px 16px 0;height:100%}.voyage-container .contract[data-v-5ca540a5]{position:absolute;top:32px;right:-37px;transform:rotate(-180deg)}.voyage-container .contract.show[data-v-5ca540a5]{transform:rotate(0)}.voyage-container.hidden[data-v-5ca540a5]{display:block;width:0;padding:0}.voyage-container.hidden .voyage-detail-container[data-v-5ca540a5]{display:none}.voyage-container.hidden .side-bar[data-v-5ca540a5]{width:60px;left:-60px}.voyage-container.hidden .side-bar .menu-item.toggle[data-v-5ca540a5]{border-bottom:none;margin-bottom:0;padding-bottom:4px}.voyage-container .detail-side-bar[data-v-5ca540a5]{position:relative;height:100%;border-bottom-left-radius:5px;z-index:99;background:var(--opi-white);display:flex;flex-direction:column}.voyage-container .detail-side-bar .home[data-v-5ca540a5]{position:relative;z-index:99;flex:none}.voyage-container .detail-side-bar .menu-scrollbar[data-v-5ca540a5]{position:relative;z-index:99;flex-grow:1}.voyage-container .detail-side-bar .menu-scrollbar .el-menu[data-v-5ca540a5]{border-right:none;background-color:transparent;border-bottom-left-radius:5px}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item[data-v-5ca540a5]{padding:0;margin-top:30px;line-height:1em;height:max-content}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item .item[data-v-5ca540a5]{margin:auto;border-radius:6px;background-color:var(--opi-primary-color-light2);width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--opi-primary-color);-webkit-user-select:none;user-select:none}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item .item .iconfont[data-v-5ca540a5]{font-size:20px}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item[data-v-5ca540a5]:hover{background:transparent}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item:hover .el-icon[data-v-5ca540a5]{font-weight:700;transform:scale(1.1)}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item.is-active .item[data-v-5ca540a5]{background-color:var(--opi-primary-color);color:var(--opi-white)}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item .el-icon[data-v-5ca540a5]{margin:0}.voyage-container .detail-side-bar .logo[data-v-5ca540a5]{position:absolute;z-index:9;left:-10px;bottom:6px;writing-mode:vertical-rl;font-weight:700;font-size:76px;color:#f7f7f7;line-height:1em;-webkit-user-select:none;user-select:none}.voyage-container .drawer-container[data-v-5ca540a5]{position:absolute;top:0;right:0;width:0;height:100%}.voyage-container .drawer-container .drawer-box[data-v-5ca540a5]{height:100%;transition:left .3s ease-in-out;position:absolute;border-radius:0 16px 16px 0;box-shadow:0 0 20px #4271a066}.voyage-container .drawer-container .drawer-box .detail-main[data-v-5ca540a5]{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--opi-line-color-split);border-radius:inherit;padding-left:10px}.voyage-container .drawer-container .drawer-box .detail-main .detail-header[data-v-5ca540a5]{margin-bottom:10px;padding:10px;display:flex;font-size:14px!important;justify-content:flex-start!important;flex-direction:column;border:0!important;border-radius:0 16px 0 0;background-color:var(--opi-white)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title[data-v-5ca540a5]{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:16px}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .bold[data-v-5ca540a5]{color:var(--opi-primary-color);text-decoration:underline;cursor:pointer}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title i[data-v-5ca540a5]{font-size:20px;font-weight:700;color:var(--opi-primary-color)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title i.link[data-v-5ca540a5]{font-weight:400;margin-left:10px;cursor:pointer}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .cp[data-v-5ca540a5]{background-color:var(--opi-primary-color-light2);padding:3px 0 3px 15px;border-radius:15px;font-size:14px;display:flex;align-items:center;cursor:pointer}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .cp span[data-v-5ca540a5]{font-weight:700;color:var(--opi-primary-color)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .cp i[data-v-5ca540a5]{font-size:20px;margin-left:10px}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon[data-v-5ca540a5]{display:flex;flex-direction:row}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon span[data-v-5ca540a5]{color:var(--opi-primary-color);font-size:14px}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon div[data-v-5ca540a5]{display:flex}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon div .icon[data-v-5ca540a5]{margin-left:10px;font-size:18px;cursor:pointer;font-weight:500;color:var(--opi-black-2)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon div .icon.show[data-v-5ca540a5]{color:var(--opi-primary-color)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon div .icon.warning[data-v-5ca540a5]{color:var(--opi-danger-color)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon div.report-icon[data-v-5ca540a5]{padding-right:10px;border-right:1px solid var(--opi-black-1)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .pop-confirm-icon[data-v-5ca540a5]{font-size:18px;color:var(--opi-black-2);margin-left:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .pop-confirm-icon.active[data-v-5ca540a5]{color:var(--adverse-heavy)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .creat-report[data-v-5ca540a5]{font-size:14px;padding:0 10px;line-height:30px;border-radius:5px;border:1px dashed var(--opi-success-color)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .header[data-v-5ca540a5]{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:10px}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .header .header-item[data-v-5ca540a5]{font-size:16px;display:flex;align-items:center}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .header .header-icon[data-v-5ca540a5]{padding-top:3px;display:flex;align-items:center;justify-content:flex-end}.voyage-container .drawer-container .drawer-box .detail-main .detail-body[data-v-5ca540a5]{width:100%;height:0;flex-grow:1;background-color:var(--opi-white);border-radius:0 0 16px;display:flex;flex-direction:column}.voyage-container .drawer-container .drawer-box .detail-main .detail-body .body-header[data-v-5ca540a5]{width:100%;flex:none;padding:20px 20px 0}.voyage-container .drawer-container .drawer-box .detail-main .detail-body .body-content[data-v-5ca540a5]{width:100%;height:0;flex-grow:1;padding:20px}.voyage-container .voyage-detail-container[data-v-5ca540a5]{height:100%;overflow:hidden}.voyage-container .voyage-detail-container .title[data-v-5ca540a5]{border-bottom:var(--opi-solid-border);padding-bottom:5px}.voyage-container .voyage-detail-container .title label[data-v-5ca540a5]{color:var(--opi-white-6)}.voyage-container .voyage-detail-container .title span.link[data-v-5ca540a5]{cursor:pointer}.voyage-container .voyage-detail-container .border-box[data-v-5ca540a5]{margin-bottom:10px;padding:15px 20px;background:var(--opi-list-background-color);border-radius:4px;color:var(--opi-font-color-3)}.voyage-container .voyage-detail-container .border-box span[data-v-5ca540a5]{font-size:14px}.voyage-container .voyage-detail-container .border-box label[data-v-5ca540a5]{color:var(--opi-font-color-9);font-size:14px}.voyage-container .voyage-detail-container .border-box label[data-v-5ca540a5]:after{content:":";margin-right:10px}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row[data-v-5ca540a5]{margin-bottom:8px}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row[data-v-5ca540a5]:last-child{margin-bottom:0}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.load[data-v-5ca540a5],.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.type[data-v-5ca540a5]{font-weight:700;font-size:16px;color:var(--opi-primary-color)}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.status[data-v-5ca540a5]{width:102px;padding:3px 6px;border-radius:6px;text-align:center;color:var(--opi-white)}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.status.Underway[data-v-5ca540a5],.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.status.Ready[data-v-5ca540a5]{background:var(--opi-success-color)}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.status.Reached[data-v-5ca540a5]{background:var(--opi-warning-color)}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.important[data-v-5ca540a5]{color:var(--opi-danger-color)}.voyage-container .voyage-detail-container .border-box.active-leg[data-v-5ca540a5]{font-size:14px}.voyage-container .voyage-detail-container .border-box.active-leg .wayport[data-v-5ca540a5]{cursor:pointer;color:var(--opi-primary-color);width:40%;line-height:1.5em}.voyage-container .voyage-detail-container .border-box.active-leg .wayport .distance i[data-v-5ca540a5]{margin-right:3px}.voyage-container .voyage-detail-container .border-box.active-leg .wayport .distance label[data-v-5ca540a5]{margin:0 3px}.voyage-container .voyage-detail-container .border-box.active-leg .wayport .distance label[data-v-5ca540a5]:after{content:none}.voyage-container .voyage-detail-container .border-box.active-leg .wayport .time label[data-v-5ca540a5]{color:var(--opi-font-color-9)}.voyage-container .voyage-detail-container .border-box.active-leg .wayport .time span[data-v-5ca540a5]{color:var(--opi-font-color-3)}.voyage-container .voyage-detail-container .border-box.active-leg .wayport.sailing[data-v-5ca540a5],.voyage-container .voyage-detail-container .border-box.active-leg .wayport.remain[data-v-5ca540a5]{width:50%;cursor:default;margin-top:10px}.voyage-container .voyage-detail-container .border-box.active-leg .line-grogress[data-v-5ca540a5]{margin-top:10px;width:100%}.voyage-container .voyage-detail-container .border-box.bps[data-v-5ca540a5]{height:calc(100% - 340px)}.voyage-container .voyage-detail-container .border-box.bps .bps-scrollbar[data-v-5ca540a5]{height:calc(100% - 60px)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .title[data-v-5ca540a5]{color:var(--opi-primary-color);font-weight:700;margin-top:10px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .cp[data-v-5ca540a5]{margin-top:6px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .based-on[data-v-5ca540a5]{margin-top:6px;padding:10px;background:var(--opi-button-background-light-blue)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .based-on label[data-v-5ca540a5],.voyage-container .voyage-detail-container .border-box.bps .seg-item .based-on span[data-v-5ca540a5]{color:var(--opi-primary-color)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary[data-v-5ca540a5]{margin-top:6px;font-size:13px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row[data-v-5ca540a5]{margin-top:10px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .label[data-v-5ca540a5]{flex:1.8}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row.light[data-v-5ca540a5]{border-bottom:var(--opi-solid-border)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row div[data-v-5ca540a5]{text-align:center;margin-right:20px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row div[data-v-5ca540a5]:first-child{text-align:left}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row div[data-v-5ca540a5]:last-child{margin-right:0}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii[data-v-5ca540a5]{text-align:center;color:var(--opi-white);padding:3px 0}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii.a[data-v-5ca540a5]{background:var(--opi-perf-cii-a)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii.b[data-v-5ca540a5]{background:var(--opi-perf-cii-b)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii.c[data-v-5ca540a5]{background:var(--opi-perf-cii-c)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii.d[data-v-5ca540a5]{background:var(--opi-perf-cii-d)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii.e[data-v-5ca540a5]{background:var(--opi-perf-cii-e)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .spd.over[data-v-5ca540a5]{color:var(--opi-success-color)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .spd.under[data-v-5ca540a5]{color:var(--opi-danger-color)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .fo-dgo.over b[data-v-5ca540a5]{color:var(--opi-danger-color);margin-right:3px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .fo-dgo.saving b[data-v-5ca540a5]{color:var(--opi-success-color);margin-right:3px}.voyage-container .voyage-detail-container .warning-tip[data-v-5ca540a5]{font-size:14px;color:var(--opi-warning-color-light)}.voyage-container .side-bar[data-v-5ca540a5]{position:absolute;top:0;left:-90px;width:90px;padding:6px;background:var(--opi-background-linear-gradient-right);border-bottom-left-radius:5px;transition:all .4s ease-in-out}.voyage-container .side-bar .menu-item[data-v-5ca540a5]{padding:4px 0;display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.voyage-container .side-bar .menu-item.toggle[data-v-5ca540a5]{justify-content:center;padding-bottom:10px;margin-bottom:4px;border-bottom:var(--opi-solid-border)}.voyage-container .side-bar .menu-item.toggle i[data-v-5ca540a5]{font-size:16px;font-weight:800;margin-right:0}.voyage-container .side-bar .menu-item i[data-v-5ca540a5]{font-size:12px;font-weight:600;margin-right:4px}.voyage-container .side-bar .menu-item span[data-v-5ca540a5]{font-size:14px}.flex1[data-v-a4d7ed2f]{flex:1}.voyage-container[data-v-a4d7ed2f]{display:flex;position:absolute;top:0;left:0;box-sizing:border-box;z-index:30;box-shadow:var(--el-box-shadow);border-radius:0 16px 16px 0;height:100%}.voyage-container .contract[data-v-a4d7ed2f]{position:absolute;top:32px;right:-37px;transform:rotate(-180deg)}.voyage-container .contract.show[data-v-a4d7ed2f]{transform:rotate(0)}.voyage-container.hidden[data-v-a4d7ed2f]{display:block;width:0;padding:0}.voyage-container.hidden .voyage-detail-container[data-v-a4d7ed2f]{display:none}.voyage-container.hidden .side-bar[data-v-a4d7ed2f]{width:60px;left:-60px}.voyage-container.hidden .side-bar .menu-item.toggle[data-v-a4d7ed2f]{border-bottom:none;margin-bottom:0;padding-bottom:4px}.voyage-container .detail-side-bar[data-v-a4d7ed2f]{position:relative;height:100%;border-bottom-left-radius:5px;z-index:99;background:var(--opi-white);display:flex;flex-direction:column}.voyage-container .detail-side-bar .home[data-v-a4d7ed2f]{position:relative;z-index:99;flex:none}.voyage-container .detail-side-bar .menu-scrollbar[data-v-a4d7ed2f]{position:relative;z-index:99;flex-grow:1}.voyage-container .detail-side-bar .menu-scrollbar .el-menu[data-v-a4d7ed2f]{border-right:none;background-color:transparent;border-bottom-left-radius:5px}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item[data-v-a4d7ed2f]{padding:0;margin-top:30px;line-height:1em;height:max-content}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item .item[data-v-a4d7ed2f]{margin:auto;border-radius:6px;background-color:var(--opi-primary-color-light2);width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--opi-primary-color);-webkit-user-select:none;user-select:none}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item .item .iconfont[data-v-a4d7ed2f]{font-size:20px}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item[data-v-a4d7ed2f]:hover{background:transparent}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item:hover .el-icon[data-v-a4d7ed2f]{font-weight:700;transform:scale(1.1)}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item.is-active .item[data-v-a4d7ed2f]{background-color:var(--opi-primary-color);color:var(--opi-white)}.voyage-container .detail-side-bar .menu-scrollbar .el-menu .el-menu-item .el-icon[data-v-a4d7ed2f]{margin:0}.voyage-container .detail-side-bar .logo[data-v-a4d7ed2f]{position:absolute;z-index:9;left:-10px;bottom:6px;writing-mode:vertical-rl;font-weight:700;font-size:76px;color:#f7f7f7;line-height:1em;-webkit-user-select:none;user-select:none}.voyage-container .drawer-container[data-v-a4d7ed2f]{position:absolute;top:0;right:0;width:0;height:100%}.voyage-container .drawer-container .drawer-box[data-v-a4d7ed2f]{height:100%;transition:left .3s ease-in-out;position:absolute;border-radius:0 16px 16px 0;box-shadow:0 0 20px #4271a066}.voyage-container .drawer-container .drawer-box .detail-main[data-v-a4d7ed2f]{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--opi-line-color-split);border-radius:inherit;padding-left:10px}.voyage-container .drawer-container .drawer-box .detail-main .detail-header[data-v-a4d7ed2f]{margin-bottom:10px;padding:10px;display:flex;font-size:14px!important;justify-content:flex-start!important;flex-direction:column;border:0!important;border-radius:0 16px 0 0;background-color:var(--opi-white)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title[data-v-a4d7ed2f]{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:16px}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .bold[data-v-a4d7ed2f]{color:var(--opi-primary-color);text-decoration:underline;cursor:pointer}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title i[data-v-a4d7ed2f]{font-size:20px;font-weight:700;color:var(--opi-primary-color)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title i.link[data-v-a4d7ed2f]{font-weight:400;margin-left:10px;cursor:pointer}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .cp[data-v-a4d7ed2f]{background-color:var(--opi-primary-color-light2);padding:3px 0 3px 15px;border-radius:15px;font-size:14px;display:flex;align-items:center;cursor:pointer}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .cp span[data-v-a4d7ed2f]{font-weight:700;color:var(--opi-primary-color)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .cp i[data-v-a4d7ed2f]{font-size:20px;margin-left:10px}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon[data-v-a4d7ed2f]{display:flex;flex-direction:row}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon span[data-v-a4d7ed2f]{color:var(--opi-primary-color);font-size:14px}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon div[data-v-a4d7ed2f]{display:flex}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon div .icon[data-v-a4d7ed2f]{margin-left:10px;font-size:18px;cursor:pointer;font-weight:500;color:var(--opi-black-2)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon div .icon.show[data-v-a4d7ed2f]{color:var(--opi-primary-color)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon div .icon.warning[data-v-a4d7ed2f]{color:var(--opi-danger-color)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .title .title-icon div.report-icon[data-v-a4d7ed2f]{padding-right:10px;border-right:1px solid var(--opi-black-1)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .creat-report[data-v-a4d7ed2f]{font-size:14px;padding:0 10px;line-height:30px;border-radius:5px;border:1px dashed var(--opi-success-color)}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .header[data-v-a4d7ed2f]{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:10px}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .header .header-item[data-v-a4d7ed2f]{font-size:16px;display:flex;align-items:center}.voyage-container .drawer-container .drawer-box .detail-main .detail-header .header .header-icon[data-v-a4d7ed2f]{padding-top:3px;display:flex;align-items:center;justify-content:flex-end}.voyage-container .drawer-container .drawer-box .detail-main .detail-body[data-v-a4d7ed2f]{width:100%;height:0;flex-grow:1;background-color:var(--opi-white);border-radius:0 0 16px;display:flex;flex-direction:column}.voyage-container .drawer-container .drawer-box .detail-main .detail-body .body-header[data-v-a4d7ed2f]{width:100%;flex:none;padding:20px 20px 0}.voyage-container .drawer-container .drawer-box .detail-main .detail-body .body-content[data-v-a4d7ed2f]{width:100%;height:0;flex-grow:1;padding:20px}.voyage-container .voyage-detail-container[data-v-a4d7ed2f]{height:100%;overflow:hidden}.voyage-container .voyage-detail-container .title[data-v-a4d7ed2f]{border-bottom:var(--opi-solid-border);padding-bottom:5px}.voyage-container .voyage-detail-container .title label[data-v-a4d7ed2f]{color:var(--opi-white-6)}.voyage-container .voyage-detail-container .title span.link[data-v-a4d7ed2f]{cursor:pointer}.voyage-container .voyage-detail-container .border-box[data-v-a4d7ed2f]{margin-bottom:10px;padding:15px 20px;background:var(--opi-list-background-color);border-radius:4px;color:var(--opi-font-color-3)}.voyage-container .voyage-detail-container .border-box span[data-v-a4d7ed2f]{font-size:14px}.voyage-container .voyage-detail-container .border-box label[data-v-a4d7ed2f]{color:var(--opi-font-color-9);font-size:14px}.voyage-container .voyage-detail-container .border-box label[data-v-a4d7ed2f]:after{content:":";margin-right:10px}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row[data-v-a4d7ed2f]{margin-bottom:8px}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row[data-v-a4d7ed2f]:last-child{margin-bottom:0}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.load[data-v-a4d7ed2f],.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.type[data-v-a4d7ed2f]{font-weight:700;font-size:16px;color:var(--opi-primary-color)}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.status[data-v-a4d7ed2f]{width:102px;padding:3px 6px;border-radius:6px;text-align:center;color:var(--opi-white)}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.status.Underway[data-v-a4d7ed2f],.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.status.Ready[data-v-a4d7ed2f]{background:var(--opi-success-color)}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.status.Reached[data-v-a4d7ed2f]{background:var(--opi-warning-color)}.voyage-container .voyage-detail-container .border-box.realtime-ais .ais-row span.important[data-v-a4d7ed2f]{color:var(--opi-danger-color)}.voyage-container .voyage-detail-container .border-box.active-leg[data-v-a4d7ed2f]{font-size:14px}.voyage-container .voyage-detail-container .border-box.active-leg .wayport[data-v-a4d7ed2f]{cursor:pointer;color:var(--opi-primary-color);width:40%;line-height:1.5em}.voyage-container .voyage-detail-container .border-box.active-leg .wayport .distance i[data-v-a4d7ed2f]{margin-right:3px}.voyage-container .voyage-detail-container .border-box.active-leg .wayport .distance label[data-v-a4d7ed2f]{margin:0 3px}.voyage-container .voyage-detail-container .border-box.active-leg .wayport .distance label[data-v-a4d7ed2f]:after{content:none}.voyage-container .voyage-detail-container .border-box.active-leg .wayport .time label[data-v-a4d7ed2f]{color:var(--opi-font-color-9)}.voyage-container .voyage-detail-container .border-box.active-leg .wayport .time span[data-v-a4d7ed2f]{color:var(--opi-font-color-3)}.voyage-container .voyage-detail-container .border-box.active-leg .wayport.sailing[data-v-a4d7ed2f],.voyage-container .voyage-detail-container .border-box.active-leg .wayport.remain[data-v-a4d7ed2f]{width:50%;cursor:default;margin-top:10px}.voyage-container .voyage-detail-container .border-box.active-leg .line-grogress[data-v-a4d7ed2f]{margin-top:10px;width:100%}.voyage-container .voyage-detail-container .border-box.bps[data-v-a4d7ed2f]{height:calc(100% - 340px)}.voyage-container .voyage-detail-container .border-box.bps .bps-scrollbar[data-v-a4d7ed2f]{height:calc(100% - 60px)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .title[data-v-a4d7ed2f]{color:var(--opi-primary-color);font-weight:700;margin-top:10px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .cp[data-v-a4d7ed2f]{margin-top:6px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .based-on[data-v-a4d7ed2f]{margin-top:6px;padding:10px;background:var(--opi-button-background-light-blue)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .based-on label[data-v-a4d7ed2f],.voyage-container .voyage-detail-container .border-box.bps .seg-item .based-on span[data-v-a4d7ed2f]{color:var(--opi-primary-color)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary[data-v-a4d7ed2f]{margin-top:6px;font-size:13px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row[data-v-a4d7ed2f]{margin-top:10px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .label[data-v-a4d7ed2f]{flex:1.8}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row.light[data-v-a4d7ed2f]{border-bottom:var(--opi-solid-border)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row div[data-v-a4d7ed2f]{text-align:center;margin-right:20px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row div[data-v-a4d7ed2f]:first-child{text-align:left}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row div[data-v-a4d7ed2f]:last-child{margin-right:0}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii[data-v-a4d7ed2f]{text-align:center;color:var(--opi-white);padding:3px 0}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii.a[data-v-a4d7ed2f]{background:var(--opi-perf-cii-a)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii.b[data-v-a4d7ed2f]{background:var(--opi-perf-cii-b)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii.c[data-v-a4d7ed2f]{background:var(--opi-perf-cii-c)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii.d[data-v-a4d7ed2f]{background:var(--opi-perf-cii-d)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .cii.e[data-v-a4d7ed2f]{background:var(--opi-perf-cii-e)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .spd.over[data-v-a4d7ed2f]{color:var(--opi-success-color)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .spd.under[data-v-a4d7ed2f]{color:var(--opi-danger-color)}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .fo-dgo.over b[data-v-a4d7ed2f]{color:var(--opi-danger-color);margin-right:3px}.voyage-container .voyage-detail-container .border-box.bps .seg-item .summary .row .fo-dgo.saving b[data-v-a4d7ed2f]{color:var(--opi-success-color);margin-right:3px}.voyage-container .voyage-detail-container .warning-tip[data-v-a4d7ed2f]{font-size:14px;color:var(--opi-warning-color-light)}.voyage-container .side-bar[data-v-a4d7ed2f]{position:absolute;top:0;left:-90px;width:90px;padding:6px;background:var(--opi-background-linear-gradient-right);border-bottom-left-radius:5px;transition:all .4s ease-in-out}.voyage-container .side-bar .menu-item[data-v-a4d7ed2f]{padding:4px 0;display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.voyage-container .side-bar .menu-item.toggle[data-v-a4d7ed2f]{justify-content:center;padding-bottom:10px;margin-bottom:4px;border-bottom:var(--opi-solid-border)}.voyage-container .side-bar .menu-item.toggle i[data-v-a4d7ed2f]{font-size:16px;font-weight:800;margin-right:0}.voyage-container .side-bar .menu-item i[data-v-a4d7ed2f]{font-size:12px;font-weight:600;margin-right:4px}.voyage-container .side-bar .menu-item span[data-v-a4d7ed2f]{font-size:14px}.ship-meteo-marker{position:relative;width:204px}.ship-meteo-marker:after{content:"";display:block;width:15px;height:1px;background:#092438;position:absolute;top:0;left:100%}.ship-meteo-marker .item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:rgba(0,29,49,.5);color:var(--opi-white);font-size:12px;line-height:16px;padding:6px 10px}.ship-meteo-marker .item:nth-child(2n){background:rgba(0,29,49,.4)}.wayport i[data-v-2cecd6b0]{font-size:16px;font-weight:800;text-shadow:var(--opi-active-text-shadow-light)}.wayport .rank[data-v-2cecd6b0]{position:absolute;top:-10px;left:20px;width:max-content}.mapbox-container[data-v-45610d1c]{width:100%;height:100%;position:relative}