:root{--idm-white: rgba(255, 255, 255, 1);--idm-white-9: rgba(255, 255, 255, .9);--idm-white-8: rgba(255, 255, 255, .8);--idm-white-7: rgba(255, 255, 255, .7);--idm-white-6: rgba(255, 255, 255, .6);--idm-white-5: rgba(255, 255, 255, .5);--idm-white-4: rgba(255, 255, 255, .4);--idm-white-3: rgba(255, 255, 255, .3);--idm-white-2: rgba(255, 255, 255, .2);--idm-white-1: rgba(255, 255, 255, .1);--idm-black: rgba(0, 0, 0, 1);--idm-black-9: rgba(0, 0, 0, .9);--idm-black-8: rgba(0, 0, 0, .8);--idm-black-7: rgba(0, 0, 0, .7);--idm-black-6: rgba(0, 0, 0, .6);--idm-black-5: rgba(0, 0, 0, .5);--idm-black-4: rgba(0, 0, 0, .4);--idm-black-3: rgba(0, 0, 0, .3);--idm-black-2: rgba(0, 0, 0, .2);--idm-black-1: rgba(0, 0, 0, .1);--idm-gray-light: rgba(239, 239, 239, 1);--idm-gray-light2: rgba(239, 239, 249, .6);--idm-hover-color: rgba(64, 159, 255, .1);--idm-primary-color: rgba(42, 87, 183, 1);--idm-primary-color-highlight: #0033ff;--idm-primary-color-light: #6c8ad9;--idm-primary-color-light2: #a7c4ff;--idm-primary-color-dark: #053a7e;--idm-primary-color-dark2: #002e6b;--idm-primary-color-9: rgba(42, 87, 183, .9);--idm-primary-color-8: rgba(42, 87, 183, .8);--idm-primary-color-7: rgba(42, 87, 183, .7);--idm-primary-color-6: rgba(42, 87, 183, .6);--idm-primary-color-5: rgba(42, 87, 183, .5);--idm-primary-color-4: rgba(42, 87, 183, .4);--idm-primary-color-3: rgba(42, 87, 183, .3);--idm-primary-color-2: rgba(42, 87, 183, .2);--idm-primary-color-1: rgba(42, 87, 183, .1);--idm-success-color: #0ddd9f;--idm-success-color-light: #92f7d9;--idm-success-color-dark: #06a074;--idm-success-color-dark2: #06694c;--idm-warning-color: #ff9500;--idm-warning-color-light: #ffcc00;--idm-warning-color-dark: #c77402;--idm-danger-color: #f44336;--idm-danger-color-light: #fb796e;--idm-danger-color-dark: #ad251b;--idm-info-color: #6e6e6e;--idm-info-color-light: #969696;--idm-info-color-light2: #c0c0c0;--idm-info-color-light3: #e2e2e2;--idm-info-color-dark: #494949;--idm-dangerous: #f44336;--idm-severe: #ff9500;--idm-heavy: #ffff00;--idm-gray-light: rgba(239,239,239,.8);--idm-vessel-cargo-color: lightgreen;--idm-vessel-tanker-color: red;--idm-vessel-passenger-color: blue;--idm-vessel-other-color: lightgrey;--idm-perf-cii-a: var(--idm-success-color);--idm-perf-cii-b: var(--idm-success-color-light);--idm-perf-cii-c: var(--idm-warning-color);--idm-perf-cii-d: var(--idm-danger-color-light);--idm-perf-cii-e: var(--idm-danger-color);--idm-tropicals-td: #03f869;--idm-tropicals-ts: #f2f202;--idm-tropicals-sts: #ff9100;--idm-tropicals-ty: #f44336;--idm-tropicals-sty: #f903d0;--idm-tropicals-super-ty: #8702f9;--idm-tropicals-r7: #ff9100;--idm-tropicals-r10: #f44336;--idm-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);--idm-dashed-border: 1px dashed var(--idm-white-5);--idm-solid-border: 1px solid var(--idm-white-4);--idm-background-color: var(--idm-primary-color-9);--idm-background-color-dark: var(--idm-primary-color-dark);--idm-background-color-light: var(--idm-primary-color-light);--idm-background-color-light2: #f3f5f8;--idm-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--idm-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);--idm-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--idm-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%);--idm-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%);--idm-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%);--idm-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%);--idm-blink-animation: blink .8s ease-out infinite alternate}:root[colorTheme=black]{--idm-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%);--idm-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%);--idm-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%);--idm-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%);--idm-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%);--idm-active-background-light: linear-gradient(130deg, rgba(117, 117, 117, .93) 30%, rgba(200, 200, 200, .93) 100%);--idm-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);--idm-primary-color: rgba(0, 0, 0, .7);--idm-primary-color-light: #757575;--idm-primary-color-light2: #a5a5a5;--idm-primary-color-dark: rgba(0, 0, 0, .8);--idm-primary-color-dark2: rgba(0, 0, 0, 1);--idm-primary-color-9: rgba(0, 0, 0, .9);--idm-primary-color-7: rgba(0, 0, 0, .7);--idm-primary-color-5: rgba(0, 0, 0, .5);--idm-primary-color-3: rgba(0, 0, 0, .3);--idm-primary-color-1: rgba(0, 0, 0, .1)}:root[colorTheme=blue]{--idm-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--idm-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%);--idm-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%);--idm-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%);--idm-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%);--idm-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--idm-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);--idm-primary-color: rgba(42, 87, 183, 1);--idm-primary-color-light: #6c8ad9;--idm-primary-color-light2: #a7c4ff;--idm-primary-color-dark: #053a7e;--idm-primary-color-dark2: #002e6b;--idm-primary-color-9: rgba(42, 87, 183, .9);--idm-primary-color-8: rgba(42, 87, 183, .8);--idm-primary-color-7: rgba(42, 87, 183, .7);--idm-primary-color-6: rgba(42, 87, 183, .6);--idm-primary-color-5: rgba(42, 87, 183, .5);--idm-primary-color-4: rgba(42, 87, 183, .4);--idm-primary-color-3: rgba(42, 87, 183, .3);--idm-primary-color-2: rgba(42, 87, 183, .2);--idm-primary-color-1: rgba(42, 87, 183, .1)}:root[colorTheme=dark-blue]{--idm-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%);--idm-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%);--idm-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--idm-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%);--idm-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%);--idm-active-background-light: linear-gradient(130deg, rgba(104, 104, 226, .93) 20%, rgba(22, 49, 182, .93) 100%);--idm-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);--idm-primary-color: rgba(42, 87, 183, 1);--idm-primary-color-light: #6266e0;--idm-primary-color-light2: #89b0ff;--idm-primary-color-dark: #00224e;--idm-primary-color-dark2: #021a39;--idm-primary-color-9: rgba(19, 47, 108, .9);--idm-primary-color-7: rgba(19, 47, 108, .7);--idm-primary-color-5: rgba(19, 47, 108, .5);--idm-primary-color-3: rgba(19, 47, 108, .3);--idm-primary-color-1: rgba(19, 47, 108, .1)}@font-face{font-family:iconfont;src:url(https://iconfont.idmwx.com/iconfont.woff2) format("woff2"),url(https://iconfont.idmwx.com/iconfont.woff) format("woff"),url(https://iconfont.idmwx.com/iconfont.ttf) format("truetype"),url(https://iconfont.idmwx.com/iconfont.svg?#iconfont) 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-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-between,.flex-space{display:flex;align-items:center;justify-content:space-between}.flex-around{display:flex;align-items:center;justify-content:space-around}.flex-evenly{display:flex;align-items:center;justify-content:space-evenly}.flex-col-center-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-col-start-center{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.flex-col-start-start{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.flex-col-end-center{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.flex-col-between-center{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.flex-col-around-center{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.flex-col-center-start{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.flex-col-center-end{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.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}.loading{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--idm-black-5);z-index:1000;display:flex;justify-content:center;align-items:center;flex-direction:column}.loading i{font-size:30px;color:var(--idm-white);margin-bottom:16px;animation:rotate 2s linear infinite}.loading div{color:var(--idm-white);font-size:16px}@keyframes blink{0%{box-shadow:0 0 20px var(--idm-warning-color-dark) inset}to{box-shadow:0 0 20px var(--idm-success-color) inset}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.idm-gl-layer .menu-bar-box[data-v-e63e3e9a]{position:absolute;overflow-y:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:10px}.idm-gl-layer .menu-bar-box .bar-item[data-v-e63e3e9a]{position:relative;margin-bottom:15px;border-radius:5px;background:var(--idm-white);box-shadow:0 0 6px 2px #0003}.idm-gl-layer .menu-bar-box .bar-item .menu-icon[data-v-e63e3e9a]{padding:8px;display:flex}.idm-gl-layer .menu-bar-box .bar-item .menu-icon[data-v-e63e3e9a]:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.idm-gl-layer .menu-bar-box .bar-item .menu-icon[data-v-e63e3e9a]:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.idm-gl-layer .menu-bar-box .bar-item .menu-icon span[data-v-e63e3e9a]{font-size:20px;font-weight:600;color:var(--idm-black-8)}.idm-gl-layer .menu-bar-box .bar-item .menu-icon.active[data-v-e63e3e9a]{background:var(--idm-primary-color)}.idm-gl-layer .menu-bar-box .bar-item .menu-icon.active span[data-v-e63e3e9a]{color:var(--idm-white)}.idm-gl-layer .all-layers-box[data-v-e63e3e9a]{position:absolute;right:0;bottom:0;width:100vw;height:100vh;box-sizing:border-box;background:var(--idm-black-5);z-index:5;transition:bottom .1s}.idm-gl-layer .all-layers-box .mask[data-v-e63e3e9a]{width:100vw;height:40vh}.idm-gl-layer .all-layers-box .main[data-v-e63e3e9a]{width:100vw;height:60vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.idm-gl-layer .all-layers-box .main .content[data-v-e63e3e9a]{flex:1;padding:10px;display:flex;flex-direction:column;box-sizing:border-box;border-radius:5px 5px 0 0;box-shadow:0 2px 12px #0003;color:var(--idm-black-8);background:var(--idm-white);overflow-y:auto}.idm-gl-layer .all-layers-box .main .content .other-layers .body[data-v-e63e3e9a]{height:calc(100% - 30px);padding-right:10px;overflow-y:auto}.idm-gl-layer .all-layers-box .main .content .title[data-v-e63e3e9a]{display:flex;align-items:flex-end;justify-content:flex-start;font-weight:600;margin-bottom:10px;font-size:16px}.idm-gl-layer .all-layers-box .main .content .title .sub[data-v-e63e3e9a]{margin-left:10px;font-size:12px}.idm-gl-layer .all-layers-box .main .content .body[data-v-e63e3e9a]{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;width:100%;margin-bottom:10px;box-sizing:border-box}.idm-gl-layer .all-layers-box .main .content .body .layer-png-option[data-v-e63e3e9a]{width:25%;padding:5px;display:flex;flex-direction:column;box-sizing:border-box}.idm-gl-layer .all-layers-box .main .content .body .layer-png-option.active .layer-png[data-v-e63e3e9a]{border:2px solid var(--idm-primary-color)}.idm-gl-layer .all-layers-box .main .content .body .layer-png-option.active .pin-icon[data-v-e63e3e9a]{align-self:flex-end;display:inline-block;position:relative;height:0;color:var(--idm-primary-color)}.idm-gl-layer .all-layers-box .main .content .body .layer-png-option .layer-png[data-v-e63e3e9a]{width:100%;border-radius:5px;box-sizing:border-box;border:2px solid var(--idm-white)}.idm-gl-layer .all-layers-box .main .content .body .layer-png-option .text[data-v-e63e3e9a]{font-size:13px}.idm-gl-layer .all-layers-box .main .content .body .layer-png-option .pin-icon[data-v-e63e3e9a]{display:none}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option[data-v-e63e3e9a]{width:100%;padding:2px 5px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(245,245,245)}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option.active .switch-on[data-v-e63e3e9a]{display:block;font-size:40px;color:var(--idm-primary-color)}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option.active .switch-off[data-v-e63e3e9a]{display:none}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option[data-v-e63e3e9a]:last-child{padding:10px 5px}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option[data-v-e63e3e9a]:first-child{margin-top:0}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option .switch-on[data-v-e63e3e9a]{display:none}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option .switch-off[data-v-e63e3e9a]{display:block;font-size:40px;color:#cecece}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option .text[data-v-e63e3e9a]{font-size:14px}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option .model-box[data-v-e63e3e9a]{display:flex;align-items:center;justify-content:center}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option .model-box span[data-v-e63e3e9a]{padding:3px 10px;border:1px solid #cecece}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option .model-box span.active[data-v-e63e3e9a]{color:var(--idm-white);border:1px solid var(--idm-primary-color);background:var(--idm-primary-color)}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option .model-box span[data-v-e63e3e9a]:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.idm-gl-layer .all-layers-box .main .content .body .layer-switch-option .model-box span[data-v-e63e3e9a]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:none}.idm-gl-layer .fade-enter-active[data-v-e63e3e9a],.idm-gl-layer .fade-leave-active[data-v-e63e3e9a]{transition:opacity .5s}.idm-gl-layer .fade-enter[data-v-e63e3e9a],.idm-gl-layer .fade-leave-to[data-v-e63e3e9a]{opacity:0}.legend-bars[data-v-d546ae7a]{margin-bottom:30px}.legend-bars i[data-v-d546ae7a]{cursor:pointer;font-size:24px;color:var(--idm-white-8);text-shadow:var(--idm-text-shadow)}.legend-bars i.active[data-v-d546ae7a]{color:var(--idm-white)}.legend-bars span[data-v-d546ae7a]{cursor:pointer;font-size:12px;color:var(--idm-white-8);text-shadow:var(--idm-text-shadow);margin-left:4px;background:var(--idm-background-linear-gradient-bottom);padding:2px 4px;border-radius:5px}.legend-bars span.active[data-v-d546ae7a]{color:var(--idm-white)}.switch-box .switch-on[data-v-d546ae7a],.switch-box .switch-off[data-v-d546ae7a]{display:block;font-size:40px;color:var(--idm-white)}.switch-box .el-switch[data-v-d546ae7a]{--el-switch-on-color: var(--idm-primary-color)}.legend-box[data-v-6f8dfce8]{width:40px;height:200px;padding:5px;box-sizing:border-box;border-radius:5px;background:var(--idm-white);display:flex;flex-direction:column;box-shadow:0 0 6px 2px #0003}.legend-box .content[data-v-6f8dfce8]{width:100%;flex:1;display:flex;align-items:center;justify-content:space-around}.legend-box .content .text-bars[data-v-6f8dfce8]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.legend-box .content .text-bars span[data-v-6f8dfce8]{display:inline-block;font-size:11px;text-align:center;color:var(--idm-black-8)}.legend-box .content .legend-bars[data-v-6f8dfce8]{width:11px;height:100%;border:1px solid var(--idm-black-8);border-radius:5px;background:linear-gradient(to top,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))}.legend-box .unit[data-v-6f8dfce8]{font-size:12px;text-align:center;color:var(--idm-black-8)}.legend-bars[data-v-12daaa0c]{margin-bottom:30px}.legend-bars i[data-v-12daaa0c]{cursor:pointer;font-size:24px;color:var(--idm-white-8);text-shadow:var(--idm-text-shadow)}.legend-bars i.active[data-v-12daaa0c]{color:var(--idm-white)}.legend-bars span[data-v-12daaa0c]{cursor:pointer;font-size:12px;color:var(--idm-white-8);text-shadow:var(--idm-text-shadow);margin-left:4px;background:var(--idm-background-linear-gradient-bottom);padding:2px 4px;border-radius:5px}.legend-bars span.active[data-v-12daaa0c]{color:var(--idm-white)}.switch-box .switch-on[data-v-12daaa0c],.switch-box .switch-off[data-v-12daaa0c]{display:block;font-size:40px;color:var(--idm-white)}.switch-box .el-switch[data-v-12daaa0c]{--el-switch-on-color: var(--idm-primary-color)}.legend-box[data-v-b3c1e2af]{width:40px;height:200px;padding:5px;box-sizing:border-box;border-radius:5px;background:var(--idm-white);display:flex;flex-direction:column;box-shadow:0 0 6px 2px #0003}.legend-box .content[data-v-b3c1e2af]{width:100%;flex:1;display:flex;align-items:center;justify-content:space-around}.legend-box .content .text-bars[data-v-b3c1e2af]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.legend-box .content .text-bars span[data-v-b3c1e2af]{display:inline-block;font-size:11px;text-align:center;color:var(--idm-black-8)}.legend-box .content .legend-bars[data-v-b3c1e2af]{width:11px;height:100%;border:1px solid var(--idm-black-8);border-radius:5px;background:linear-gradient(to top,rgb(84,170,230),rgb(84,170,230),rgb(64,127,115),rgb(58,164,58),rgb(191,182,67),rgb(197,154,68),rgb(160,70,94),rgb(138,84,166),rgb(82,113,165),rgb(84,142,152),rgb(150,181,184),rgb(195,194,194),rgb(195,194,194))}.legend-box .unit[data-v-b3c1e2af]{font-size:12px;text-align:center;color:var(--idm-black-8)}.legend-box[data-v-6175a589]{width:40px;height:200px;padding:5px;box-sizing:border-box;border-radius:5px;background:var(--idm-white);display:flex;flex-direction:column;box-shadow:0 0 6px 2px #0003}.legend-box .content[data-v-6175a589]{width:100%;flex:1;display:flex;align-items:center;justify-content:space-around}.legend-box .content .text-bars[data-v-6175a589]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.legend-box .content .text-bars span[data-v-6175a589]{display:inline-block;font-size:11px;text-align:center;color:var(--idm-black-8)}.legend-box .content .legend-bars[data-v-6175a589]{width:11px;height:100%;border:1px solid var(--idm-black-8);border-radius:5px;background:linear-gradient(to bottom,rgb(68,1,84),rgb(63,72,137),rgb(63,72,137),rgb(46,110,142),rgb(46,110,142),rgb(33,145,140),rgb(33,145,140),rgb(45,178,125),rgb(45,178,125),rgb(112,207,87),rgb(112,207,87),rgb(253,231,37),rgb(253,231,37))}.legend-box .unit[data-v-6175a589]{font-size:12px;text-align:center;color:var(--idm-black-8)}.legend-box[data-v-38a9bcf1]{width:40px;height:200px;padding:5px;box-sizing:border-box;border-radius:5px;background:var(--idm-white);display:flex;flex-direction:column;box-shadow:0 0 6px 2px #0003}.legend-box .content[data-v-38a9bcf1]{width:100%;flex:1;display:flex;align-items:center;justify-content:space-around}.legend-box .content .text-bars[data-v-38a9bcf1]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.legend-box .content .text-bars span[data-v-38a9bcf1]{display:inline-block;font-size:11px;text-align:center;color:var(--idm-black-8)}.legend-box .content .legend-bars[data-v-38a9bcf1]{width:11px;height:100%;border:1px solid var(--idm-black-8);border-radius:5px;background:linear-gradient(to bottom,rgb(4,6,19),rgb(51,50,102),rgb(51,50,102),rgb(63,82,158),rgb(63,82,158),rgb(66,123,183),rgb(66,123,183),rgb(92,161,197),rgb(92,161,197),rgb(134,199,212),rgb(134,199,212),rgb(234,253,253))}.legend-box .unit[data-v-38a9bcf1]{font-size:12px;text-align:center;color:var(--idm-black-8)}.active-tropical[data-v-40af4c58]{bottom:unset}.active-tropical .header-box[data-v-40af4c58]{position:absolute;top:0;left:0;width:100vw;padding:10px;box-sizing:border-box;color:var(--idm-black-8);background:var(--idm-white-9);box-shadow:0 0 6px 2px #0003}.active-tropical .header-box .close-btn[data-v-40af4c58]{position:relative;height:0px;text-align:right;font-size:22px;color:var(--idm-primary-color)}.active-tropical .header-box .main[data-v-40af4c58]{font-size:16px}.active-tropical .header-box .sub[data-v-40af4c58]{margin:3px 0;font-size:12px;color:var(--idm-info-color)}.active-tropical .main-box[data-v-40af4c58]{position:absolute;color:var(--idm-black-8);left:0;bottom:0;width:100vw;height:160px;padding:15px 10px;overflow-y:auto;box-sizing:border-box;background-color:var(--idm-white);font-size:12px;z-index:4;box-shadow:0 0 6px 2px #0003}.active-tropical .main-box .content[data-v-40af4c58]{padding:5px 0;border-radius:5px;background:rgba(239,239,239,.6)}.active-tropical .main-box .row[data-v-40af4c58]{width:100%;padding:4px 5px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.active-tropical .main-box .row .col[data-v-40af4c58]{display:flex;align-items:center;justify-content:space-between}.active-tropical .main-box .row .col label[data-v-40af4c58]{width:82px;margin-right:4px;color:var(--idm-info-color)}.active-tropical .main-box .row .col.col-24[data-v-40af4c58]{width:100%}.active-tropical .main-box .row .col.col-left[data-v-40af4c58]{width:55%}.active-tropical .main-box .row .col.col-right[data-v-40af4c58]{width:40%}.forecast-models[data-v-40af4c58]{display:flex;justify-content:flex-end;flex:1;margin-left:5px;flex-wrap:wrap}.forecast-models .model[data-v-40af4c58]{font-size:12px;padding:0 3px 4px;display:flex;border:1px solid var(--idm-primary-color)}.forecast-models .model span[data-v-40af4c58]{padding-bottom:2px;border-bottom:2px dashed #f2a0a0}.forecast-models .model span.cma[data-v-40af4c58]{border-color:#e2ea03cc}.forecast-models .model span.jma[data-v-40af4c58]{border-color:#01d2b7cc}.forecast-models .model span.ecmwf[data-v-40af4c58]{border-color:#f582f2cc}.forecast-models .model span.ukm[data-v-40af4c58]{border-color:#f5bb47cc}.forecast-models .model span.noaa-at[data-v-40af4c58],.forecast-models .model span.noaa-ep[data-v-40af4c58]{border-color:#9758fbcc}.forecast-models .model.active[data-v-40af4c58]{border:1px solid var(--idm-primary-color);background-color:var(--idm-primary-color);color:var(--idm-white)}.forecast-models .model[data-v-40af4c58]:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.forecast-models .model.center-child[data-v-40af4c58]{border-left:1px solid var(--idm-primary-color);border-right:1px solid var(--idm-primary-color)}.forecast-models .model[data-v-40af4c58]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.legend[data-v-40af4c58]{display:flex;align-items:center;color:var(--idm-info-color)}.legend .icon[data-v-40af4c58]{height:12px;width:12px;border-radius:50%;border:2px solid #fff;margin-right:3px}.legend .icon.td[data-v-40af4c58]{background-color:var(--idm-tropicals-td)}.legend .icon.ts[data-v-40af4c58]{background-color:var(--idm-tropicals-ts)}.legend .icon.sts[data-v-40af4c58]{background-color:var(--idm-tropicals-sts)}.legend .icon.ty[data-v-40af4c58]{background-color:var(--idm-tropicals-ty)}.legend .icon.sty[data-v-40af4c58]{background-color:var(--idm-tropicals-sty)}.legend .icon.supper-ty[data-v-40af4c58]{background-color:var(--idm-tropicals-super-ty)}.legend .icon.r7[data-v-40af4c58]{border:1.5px solid var(--idm-tropicals-r7)}.legend .icon.r10[data-v-40af4c58]{border:1.5px solid var(--idm-tropicals-r10)}.legend .icon.history[data-v-40af4c58]{border:none;border-radius:0;height:4px;background:var(--idm-black-5)}.legend .button[data-v-40af4c58]{cursor:pointer;padding:0 4px;border-radius:4px;background:var(--idm-black-4)}.legend-box[data-v-918bb3d8]{width:40px;height:200px;padding:5px;box-sizing:border-box;border-radius:5px;background:var(--idm-white);display:flex;flex-direction:column}.legend-box .content[data-v-918bb3d8]{width:100%;flex:1;display:flex;align-items:center;justify-content:space-around}.legend-box .content .text-bars[data-v-918bb3d8]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.legend-box .content .text-bars span[data-v-918bb3d8]{display:inline-block;font-size:11px;text-align:center;color:var(--idm-black-8)}.legend-box .content .legend-bars[data-v-918bb3d8]{width:11px;height:100%;border:1px solid var(--idm-black-8);border-radius:5px;background:linear-gradient(to top,rgba(59,126,162,0),rgba(172,210,255,.8),rgba(51,202,248,.8),rgba(3,248,103,.8),rgba(14,201,3,.8),rgba(190,226,2,.8),rgba(248,1,1,.8),rgba(197,5,58,.8),rgba(197,5,58,.8))}.legend-box .unit[data-v-918bb3d8]{font-size:12px;text-align:center;color:var(--idm-black-8)}.legend-box[data-v-12d5f227]{width:40px;height:200px;padding:5px;box-sizing:border-box;border-radius:5px;background:var(--idm-white);display:flex;flex-direction:column}.legend-box .content[data-v-12d5f227]{width:100%;flex:1;display:flex;align-items:center;justify-content:space-around}.legend-box .content .text-bars[data-v-12d5f227]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.legend-box .content .text-bars span[data-v-12d5f227]{display:inline-block;font-size:11px;text-align:center;color:var(--idm-black-8)}.legend-box .content .legend-bars[data-v-12d5f227]{width:11px;height:100%;border:1px solid var(--idm-black-8);border-radius:5px;background:linear-gradient(to top,rgba(172,210,255,.8),rgba(172,210,255,.8),rgba(4,210,64,.8),rgba(4,210,64,.8),rgba(190,226,2,.8),rgba(190,226,2,.8),rgba(208,56,56,.8),rgba(208,56,56,.8),rgba(189,50,160,.8),rgba(189,50,160,.8))}.legend-box .unit[data-v-12d5f227]{font-size:12px;text-align:center;color:var(--idm-black-8)}.legend-box[data-v-9b7c369d]{width:40px;height:200px;padding:5px;box-sizing:border-box;border-radius:5px;background:var(--idm-white);display:flex;flex-direction:column}.legend-box .content[data-v-9b7c369d]{width:100%;flex:1;display:flex;align-items:center;justify-content:space-around}.legend-box .content .text-bars[data-v-9b7c369d]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.legend-box .content .text-bars span[data-v-9b7c369d]{display:inline-block;font-size:11px;text-align:center;color:var(--idm-black-8)}.legend-box .content .legend-bars[data-v-9b7c369d]{width:11px;height:100%;border:1px solid var(--idm-black-8);border-radius:5px;background:linear-gradient(to top,rgb(95,143,197),rgb(95,143,197),rgb(80,140,62),rgb(121,146,28),rgb(171,161,14),rgb(223,177,6),rgb(243,150,6),rgb(236,95,21),rgb(190,65,18),rgb(138,43,10),rgb(138,43,10))}.legend-box .unit[data-v-9b7c369d]{font-size:12px;text-align:center;color:var(--idm-black-8)}.legend-box[data-v-bb630bd4]{width:40px;height:200px;padding:5px;box-sizing:border-box;border-radius:5px;background:var(--idm-white);display:flex;flex-direction:column}.legend-box .content[data-v-bb630bd4]{width:100%;flex:1;display:flex;align-items:center;justify-content:space-around}.legend-box .content .text-bars[data-v-bb630bd4]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.legend-box .content .text-bars span[data-v-bb630bd4]{display:inline-block;font-size:11px;text-align:center;color:var(--idm-black-8)}.legend-box .content .legend-bars[data-v-bb630bd4]{width:11px;height:100%;border:1px solid var(--idm-black-8);border-radius:5px;background:linear-gradient(to top,rgb(149,137,211),rgb(149,137,211),rgb(150,209,216),rgb(129,204,197),rgb(103,180,186),rgb(95,143,197),rgb(80,140,62),rgb(121,146,28),rgb(171,161,14),rgb(223,177,6),rgb(243,150,6),rgb(236,95,21),rgb(190,65,18),rgb(138,43,10),rgb(138,43,10))}.legend-box .unit[data-v-bb630bd4]{font-size:12px;text-align:center;color:var(--idm-black-8)}.legend-box[data-v-06d5abeb]{width:40px;height:200px;padding:5px;box-sizing:border-box;border-radius:5px;background:var(--idm-white);display:flex;flex-direction:column}.legend-box .content[data-v-06d5abeb]{width:100%;flex:1;display:flex;align-items:center;justify-content:space-around}.legend-box .content .text-bars[data-v-06d5abeb]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.legend-box .content .text-bars span[data-v-06d5abeb]{display:inline-block;font-size:11px;text-align:center;color:var(--idm-black-8)}.legend-box .content .legend-bars[data-v-06d5abeb]{width:11px;height:100%;border:1px solid var(--idm-black-8);border-radius:5px;background:linear-gradient(to top,rgba(76,165,228,0),rgb(76,165,228),rgb(103,180,186),rgb(129,204,197),rgb(150,209,216),rgb(180,209,216))}.legend-box .unit[data-v-06d5abeb]{font-size:12px;text-align:center;color:var(--idm-black-8)}.point-meteo[data-v-35636f1e]{bottom:unset}.point-meteo .header-box[data-v-35636f1e]{position:absolute;top:0;left:0;width:100vw;padding:10px;box-sizing:border-box;color:var(--idm-black-8);background:var(--idm-white-9);box-shadow:0 0 6px 2px #0003}.point-meteo .header-box .close-btn[data-v-35636f1e]{position:relative;height:0px;text-align:right;font-size:22px;color:var(--idm-primary-color)}.point-meteo .header-box .main[data-v-35636f1e]{font-size:16px}.point-meteo .header-box .sub[data-v-35636f1e]{margin:3px 0;font-size:12px;color:var(--idm-info-color)}.point-meteo .main-box[data-v-35636f1e]{position:absolute;color:var(--idm-black-8);left:0;bottom:0;width:100vw;height:160px;padding:15px 10px;overflow-y:auto;box-sizing:border-box;background-color:var(--idm-white);font-size:12px;z-index:4;box-shadow:0 0 6px 2px #0003}.point-meteo .main-box .close-btn[data-v-35636f1e]{position:relative;text-align:right;height:30px;margin-top:-10px;margin-right:-5px;color:#cecece;font-size:22px}.point-meteo .main-box .content[data-v-35636f1e]{padding:5px 0;border-radius:5px;background:rgba(239,239,239,.6)}.point-meteo .main-box .row[data-v-35636f1e]{width:100%;padding:4px 10px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.point-meteo .main-box .row .col[data-v-35636f1e]{display:flex;align-items:center;justify-content:space-between}.point-meteo .main-box .row .col label[data-v-35636f1e]{width:82px;margin-right:4px;color:var(--idm-info-color)}.point-meteo .main-box .row .col.col-24[data-v-35636f1e]{width:100%}.point-meteo .main-box .row .col.col-left[data-v-35636f1e]{width:55%}.point-meteo .main-box .row .col.col-right[data-v-35636f1e]{width:40%}#zone-info[data-v-37476058]{position:absolute;background:var(--idm-white);color:var(--idm-black-8);z-index:10}#zone-info .rich-context[data-v-37476058]{width:100vw;height:100vh;padding:10px;font-size:14px;font-weight:400;color:var(--idm-black-8)!important;overflow-y:auto}#zone-info .close[data-v-37476058]{position:relative;color:var(--idm-primary-color);font-size:24px;height:0;text-align:right;margin:5px 5px 0 0}#port-info[data-v-f83e76f3]{position:absolute;background:var(--idm-white);color:var(--idm-black-8);padding:10px;border-radius:6px;cursor:default;z-index:1000;height:fit-content;box-shadow:0 0 6px 2px #0003}#port-info .port-box[data-v-f83e76f3]{margin-top:10px;max-width:240px}#port-info .port-box .flex-start[data-v-f83e76f3]{line-height:2}#port-info .port-box .flex-start label[data-v-f83e76f3]{color:var(--idm-info-color);margin-right:10px;width:50px}#port-info .port-box .flex-start span[data-v-f83e76f3]{flex:1;flex-wrap:wrap;text-align:justify-all;color:var(--idm-black-8)}#port-info .port-box .flex-start span.link[data-v-f83e76f3]{cursor:pointer;text-decoration:underline}#port-info .port-box .flex-start span.link[data-v-f83e76f3]:hover{font-weight:600}#port-info .close[data-v-f83e76f3]{position:relative;text-align:right;height:0px;color:var(--idm-info-color-light2);font-size:24px}.lat-lng-tip[data-v-f9fb3419]{position:absolute;padding:2px 6px;border-radius:5px;color:var(--idm-white-8);font-weight:300;font-size:13px;top:unset;background:var(--idm-background-linear-gradient-bottom)}:root{--idm-tropicals-td: #03f869;--idm-tropicals-ts: #f2f202;--idm-tropicals-sts: #ff9100;--idm-tropicals-ty: #f44336;--idm-tropicals-sty: #c604a4;--idm-tropicals-super-ty: #6b05bb;--idm-tropicals-r7: #ff9100;--idm-tropicals-r10: #f44336;--idm-gl-box-shadow-color: rgba(0, 0, 0, .5);--idm-gl-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);--idm-gl-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);--idm-gl-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);--idm-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)}.point-marker{pointer-events:none!important}.point-marker .marker-circle{pointer-events:inherit;width:12px;height:12px;border-radius:50%;border:2px solid var(--idm-white);background:#f44336}.point-marker .marker-circle:hover{cursor:pointer}.point-marker.closed{pointer-events:auto!important}.point-summary-marker,.point-contextmenu-marker{color:var(--idm-white);font-size:12px;background:#f44336;border:1px solid var(--idm-white);padding:0 5px;border-radius:5px;cursor:pointer}.point-summary-marker .marker-close,.point-contextmenu-marker .marker-close{pointer-events:auto;position:absolute;background:#f44336;border:1px dashed var(--idm-white);display:flex;align-items:center;justify-content:center;width:20px;height:20px;right:-17px;top:-17px;cursor:pointer;font-size:20px;border-radius:5px}.tip-marker{color:var(--idm-white);font-size:12px;text-shadow:var(--idm-text-shadow);background-color:var(--idm-black-6);padding:2px 5px;border-radius:5px;cursor:pointer}.tip-marker .marker-label{border-bottom:var(--idm-dashed-border)}.tip-marker .marker-label:last-child{border-bottom:none}.tip-marker .marker-label b{font-weight:600;color:#f44336}.hurricane-hourly-marker .iconfont{font-size:34px!important}.hurricane-hourly-marker svg{height:34px;width:34px}.hurricane-hourly-marker .center{box-sizing:border-box;display:flex;align-items:center;justify-content:center}.hurricane-hourly-marker .center.north{animation:anticlockwise 3s linear infinite}.hurricane-hourly-marker .center.south{animation:clockwise 3s linear infinite}.td{color:var(--idm-tropicals-td)}.ts{color:var(--idm-tropicals-ts)}.sts{color:var(--idm-tropicals-sts)}.ty{color:var(--idm-tropicals-ty)}.sty{color:var(--idm-tropicals-sty)}.supper-ty{color:var(--idm-tropicals-super-ty)}@keyframes clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes anticlockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}