@idmwx/idmui-gl3 4.7.3 → 4.7.4

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";: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-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-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-gl3-layer .fade-enter-active,.idm-gl3-layer .fade-leave-active{transition:opacity .4s}.idm-gl3-layer .fade-enter,.idm-gl3-layer .fade-leave-to{opacity:0}.idm-gl3-layer .menu-bar-box{position:absolute;overflow-y:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;transition:all .4s ease-in-out;z-index:2;border-radius:5px;box-shadow:0 2px 12px #0003}.idm-gl3-layer .menu-bar-box .bar-item{position:relative;border-radius:5px;background:var(--idm-white);cursor:pointer}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon{padding:8px;display:flex}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon span{font-size:20px;font-weight:600;color:var(--idm-black-8)}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon.active{background:var(--idm-primary-color)}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon.active span{color:var(--idm-white)}.idm-gl3-layer .active-layers{position:absolute;max-width:160px;font-size:14px;padding:2px 5px;background:var(--idm-white);border-radius:5px;box-shadow:0 2px 12px #0003;transition:all .4s ease-in-out}.idm-gl3-layer .active-layers .layer{width:auto;padding:4px 10px}.idm-gl3-layer .active-layers .layer .name{font-size:14px}.idm-gl3-layer .available-layers{position:absolute;height:calc(100vh - 120px);box-sizing:border-box;transition:all .4s ease-in-out}.idm-gl3-layer .available-layers .header-box{font-size:16px;font-weight:600;padding:5px 10px 10px;color:var(--idm-black-8)}.idm-gl3-layer .available-layers .header-box .close-btn{font-size:20px;font-weight:400;color:var(--idm-black-2);cursor:pointer}.idm-gl3-layer .available-layers .header-box .close-btn:hover{color:var(--idm-primary-color)}.idm-gl3-layer .available-layers .list-box{height:inherit;width:200px;overflow-y:auto;color:var(--idm-black-8);background:var(--idm-white);display:flex;flex-direction:column;box-shadow:0 2px 12px #0003;z-index:1}.idm-gl3-layer .available-layers .list-box .layers-title{font-size:14px;font-weight:600;padding:5px 10px;color:var(--idm-black-8)}.idm-gl3-layer .available-layers .list-box .layers-body{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding:0 10px;font-size:14px}.idm-gl3-layer .available-layers .list-box .layers-body .layer{width:100%}.idm-gl3-layer .available-layers .list-box .layers-body .layer-radio{margin-top:5px}.idm-gl3-layer .available-layers .list-box .layers-body .layer-radio .el-radio{height:24px}.idm-gl3-layer .available-layers .list-box .layers-body .layer-radio .el-radio.is-checked .el-radio__inner{background:var(--idm-primary-color);border-color:var(--idm-primary-color)}.idm-gl3-layer .available-layers .list-box .layers-body .layer-radio .el-radio.is-checked .el-radio__label{color:var(--idm-primary-color)}.idm-gl3-layer .available-layers .list-box .layers-body .tip{margin-left:-5px;margin-bottom:2px;font-size:12px;color:var(--idm-info-color)}.idm-gl3-layer .available-layers .list-box .layers-body .tip .bookmark-icon{color:var(--idm-warning-color)}.idm-gl3-layer .layer{display:inline-flex;align-items:center;padding:4px 0;color:var(--idm-black-8);font-size:14px;cursor:pointer}.idm-gl3-layer .layer .checkbox{width:14px;height:14px;margin-right:10px;border:1px solid var(--idm-black-2);box-sizing:border-box}.idm-gl3-layer .layer .bookmark-icon{font-size:15px}.idm-gl3-layer .layer .bookmark-icon.active{display:inline-block;color:var(--idm-warning-color)}.idm-gl3-layer .layer .bookmark-icon.inactive{display:none}.idm-gl3-layer .layer .sub-layer-icon{margin-left:10px;font-size:16px}.idm-gl3-layer .layer .sub-layer-icon.active{color:var(--idm-primary-color)}.idm-gl3-layer .layer.active .checkbox{border:1px solid var(--idm-primary-color);background:var(--idm-primary-color)}.idm-gl3-layer .layer.active .checkbox:after{position:relative;content:"✔";color:var(--idm-white);font-size:10px;display:flex;align-items:center;justify-content:center}.idm-gl3-layer .layer.active .name{color:var(--idm-primary-color)}.idm-gl3-layer .layer.disabled{color:var(--idm-black-4);cursor:not-allowed}.idm-gl3-layer .layer.disabled .checkbox{cursor:not-allowed;border:1px solid var(--idm-black-2);opacity:.5}.idm-gl3-layer .layer:hover .bookmark-icon.inactive{display:inline-block}.idm-gl3-layer .switch{font-size:24px;height:19px;margin-right:10px;color:var(--idm-black-2);cursor:pointer}.idm-gl3-layer .switch .active{color:var(--idm-primary-color)}.idm-gl3-layer .card-bg{background:var(--idm-gray-light2);border-radius:3px;margin:8px}.idm-gl3-layer .card-bg:first-child{margin-top:0}.wind-tool-bars{transition:all .4s ease-in-out;padding:2px 5px;border-radius:4px;background:var(--idm-white);box-shadow:0 2px 12px #0003}.wind-tool-bars .item-bar{cursor:pointer;padding:4px 10px}.wind-tool-bars .item-bar.active .checkbox{border:var(--idm-primary-color);background:var(--idm-primary-color)}.wind-tool-bars .item-bar.active .checkbox:after{content:"✔";color:var(--idm-white);font-size:12px;display:flex;align-items:center;justify-content:center}.wind-tool-bars .item-bar.active span{font-size:12px;color:var(--idm-primary-color)}.wind-tool-bars .item-bar .checkbox{width:14px;height:14px;margin-right:10px;border:1px solid var(--idm-black-2)}.wind-tool-bars .item-bar span{font-size:12px;color:var(--idm-black-8)}.legend-bars[data-v-14070127]{transition:all .4s ease-in-out;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));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-14070127]{font-size:12px;text-align:center;color:var(--idm-white-8);width:32px}.current-tool-bars{transition:all .4s ease-in-out;background:var(--idm-white);padding:2px 5px;border-radius:4px;box-shadow:0 2px 12px #0003}.current-tool-bars .item-bar{cursor:pointer;padding:4px 10px}.current-tool-bars .item-bar.active .checkbox{border:var(--idm-primary-color);background:var(--idm-primary-color)}.current-tool-bars .item-bar.active .checkbox:after{content:"✔";color:var(--idm-white);font-size:12px;display:flex;align-items:center;justify-content:center}.current-tool-bars .item-bar.active span{font-size:12px;color:var(--idm-primary-color)}.current-tool-bars .item-bar .checkbox{width:14px;height:14px;margin-right:10px;border:1px solid var(--idm-black-2)}.current-tool-bars .item-bar span{font-size:12px;color:var(--idm-black-8)}.legend-bars[data-v-163d1f9a]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(84,170,230),rgb(84,170,230),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));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-163d1f9a]{font-size:12px;text-align:center;color:var(--idm-white);width:36px}.active-tropical[data-v-44a4e671]{bottom:unset;background:var(--idm-white-9);padding:10px;border-radius:5px;box-shadow:0 2px 12px #0003;z-index:5}.active-tropical .header-box[data-v-44a4e671]{min-width:360px;margin-bottom:10px;box-sizing:border-box;color:var(--idm-black-8)}.active-tropical .header-box .close-btn[data-v-44a4e671]{position:relative;height:0px;text-align:right;font-size:20px;color:var(--idm-black-2);cursor:pointer}.active-tropical .header-box .close-btn[data-v-44a4e671]:hover{color:var(--idm-primary-color)}.active-tropical .header-box .main[data-v-44a4e671]{font-size:16px}.active-tropical .header-box .sub[data-v-44a4e671]{margin:3px 0;font-size:12px;color:var(--idm-info-color)}.active-tropical .main-box[data-v-44a4e671]{min-width:360px;color:var(--idm-black-8);overflow-y:auto;box-sizing:border-box;font-size:12px;z-index:4}.active-tropical .main-box .content[data-v-44a4e671]{padding:5px 0;border-radius:5px;background:var(--idm-gray-light)}.active-tropical .main-box .row[data-v-44a4e671]{width:100%;padding:4px 10px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.active-tropical .main-box .row .col[data-v-44a4e671]{display:flex;align-items:center;justify-content:space-between}.active-tropical .main-box .row .col label[data-v-44a4e671]{width:82px;margin-right:4px;color:var(--idm-info-color)}.active-tropical .main-box .row .col.col-24[data-v-44a4e671]{width:100%}.active-tropical .main-box .row .col.col-left[data-v-44a4e671]{width:55%}.active-tropical .main-box .row .col.col-right[data-v-44a4e671]{width:40%}.active-tropical .main-box .row .col .icon[data-v-44a4e671]{font-size:30px;color:var(--idm-black-4)}.active-tropical .main-box .row .col .icon.active[data-v-44a4e671]{color:var(--idm-primary-color)}.forecast-models[data-v-44a4e671]{display:flex;justify-content:flex-end;flex:1;margin-left:5px;flex-wrap:wrap}.forecast-models .model[data-v-44a4e671]{font-size:12px;padding:0 6px 4px;display:flex;border:1px solid var(--idm-primary-color);cursor:pointer}.forecast-models .model span[data-v-44a4e671]{border-bottom:2px dashed var(--idm-white)}.forecast-models .model span.cma[data-v-44a4e671]{border-color:#e2ea03cc}.forecast-models .model span.jma[data-v-44a4e671]{border-color:#01d2b7cc}.forecast-models .model span.ecmwf[data-v-44a4e671]{border-color:#f582f2cc}.forecast-models .model span.ukm[data-v-44a4e671]{border-color:#f5bb47cc}.forecast-models .model span.noaa-at[data-v-44a4e671],.forecast-models .model span.noaa-ep[data-v-44a4e671]{border-color:#9758fbcc}.forecast-models .model.active[data-v-44a4e671]{border:1px solid var(--idm-primary-color);background-color:var(--idm-primary-color);color:var(--idm-white)}.forecast-models .model[data-v-44a4e671]:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.forecast-models .model.center-child[data-v-44a4e671]{border-left:1px solid var(--idm-primary-color);border-right:1px solid var(--idm-primary-color)}.forecast-models .model[data-v-44a4e671]:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.legend[data-v-44a4e671]{display:flex;align-items:center;color:var(--idm-info-color)}.legend .icon[data-v-44a4e671]{height:14px;width:14px;border-radius:50%;border:3px solid #fff;margin-right:3px}.legend .icon.td[data-v-44a4e671]{background-color:var(--idm-tropicals-td)}.legend .icon.ts[data-v-44a4e671]{background-color:var(--idm-tropicals-ts)}.legend .icon.sts[data-v-44a4e671]{background-color:var(--idm-tropicals-sts)}.legend .icon.ty[data-v-44a4e671]{background-color:var(--idm-tropicals-ty)}.legend .icon.sty[data-v-44a4e671]{background-color:var(--idm-tropicals-sty)}.legend .icon.supper-ty[data-v-44a4e671]{background-color:var(--idm-tropicals-super-ty)}.legend .icon.r7[data-v-44a4e671]{border:1.5px solid var(--idm-tropicals-r7)}.legend .icon.r10[data-v-44a4e671]{border:1.5px solid var(--idm-tropicals-r10)}.legend .icon.history[data-v-44a4e671]{border:none;border-radius:0;height:4px;background:var(--idm-black-5)}.legend .button[data-v-44a4e671]{cursor:pointer;padding:0 4px;border-radius:4px;border:1px solid var(--idm-primary-color);color:var(--idm-primary-color)}.more[data-v-44a4e671]{display:flex;align-items:center;justify-content:flex-end;color:var(--idm-primary-color);font-weight:700;margin-top:5px;cursor:pointer}.legend-bars[data-v-e83717bd]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgba(59,126,162,0),rgb(172,210,255),rgb(172,210,255),rgb(3,248,103),rgb(14,201,3),rgb(190,226,2),rgb(248,1,1),rgb(197,5,58),rgb(197,5,58));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-e83717bd]{font-size:12px;text-align:center;color:var(--idm-white);width:35px}.legend-bars[data-v-1c8a9237]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(189,50,160),rgb(189,50,160),rgb(189,50,160),rgb(189,50,160),rgb(208,56,56),rgb(208,56,56),rgb(190,226,2),rgb(190,226,2),rgb(4,210,64),rgb(4,210,64),rgb(172,210,255),rgb(172,210,255));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-1c8a9237]{font-size:12px;text-align:center;color:var(--idm-white);width:40px}.legend-bars[data-v-8974924d]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(95,143,197),rgb(95,143,197),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));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-8974924d]{font-size:12px;text-align:center;color:var(--idm-white);width:32px}.legend-bars[data-v-d709ba86]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(149,137,211),rgb(149,137,211),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));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-d709ba86]{font-size:12px;text-align:center;color:var(--idm-white);width:32px}.legend-bars[data-v-5bb73794]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(76,165,228),rgb(76,165,228),rgb(76,165,228),rgb(76,165,228),rgb(103,180,186),rgb(129,204,197),rgb(150,209,216),rgb(180,209,216));padding:2px 0;border-radius:10px;box-shadow:var(--idm-gl-box-shadow)}.legend-bars span[data-v-5bb73794]{font-size:12px;text-align:center;color:var(--idm-white);width:40px}.point-meteo[data-v-aca52662]{bottom:unset;z-index:9}.point-meteo .meteo-box[data-v-aca52662]{position:absolute;top:0;left:5px;width:480px;font-size:13px;color:var(--idm-black-8);background-color:var(--idm-white);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-top-right-radius:5px;border-bottom-right-radius:5px;box-shadow:0 2px 12px #0003;font-family:'Microsoft YaHei, Helvetica Neue", Helvetica'}.point-meteo .meteo-box .header-box[data-v-aca52662]{padding:8px 5px;font-size:16px;box-sizing:border-box;color:var(--idm-black-8);border-top-right-radius:5px;background-color:var(--idm-gray-light)}.point-meteo .meteo-box .header-box .lnglat[data-v-aca52662]{margin:0 5px}.point-meteo .meteo-box .header-box .close[data-v-aca52662]{font-size:18px;color:var(--idm-black-3);cursor:pointer}.point-meteo .meteo-box .header-box .close[data-v-aca52662]:hover{color:var(--idm-primary-color)}.point-meteo .meteo-box .main-box[data-v-aca52662]{padding:10px 10px 0;background:var(--idm-white);color:var(--idm-black-7);background-size:cover;background-position:top left}.point-meteo .meteo-box .main-box.night-bg[data-v-aca52662]{color:var(--idm-white);background:linear-gradient(180deg,#111 0%,#999 100%,transparent)}.point-meteo .meteo-box .main-box.day-bg[data-v-aca52662]{color:var(--idm-white);background:linear-gradient(180deg,#467fb5 0%,#467fb5 20%,#fff 100%,transparent)}.point-meteo .meteo-box .main-box.font-color-white[data-v-aca52662]{color:var(--idm-white)}.point-meteo .meteo-box .main-box .unit[data-v-aca52662],.point-meteo .meteo-box .main-box .info[data-v-aca52662]{font-size:13px;opacity:.8}.point-meteo .meteo-box .main-box .summary-row[data-v-aca52662]{margin-bottom:10px}.point-meteo .meteo-box .main-box .summary-row .summary .icon[data-v-aca52662]{height:60px;width:60px;cursor:pointer}.point-meteo .meteo-box .main-box .summary-row .summary .temp[data-v-aca52662]{font-size:28px;margin:0 20px 0 5px}.point-meteo .meteo-box .main-box .summary-row .summary .des[data-v-aca52662]{font-size:13px}.point-meteo .meteo-box .main-box .summary-row .summary label[data-v-aca52662]{margin-right:2px}.point-meteo .meteo-box .main-box .summary-row .date[data-v-aca52662]{margin:0 5px;font-size:14px}.point-meteo .meteo-box .main-box .summary-row .row[data-v-aca52662]{padding:3px 0;box-sizing:border-box}.point-meteo .meteo-box .main-box .detail-box .menu-header .menu-item[data-v-aca52662]{width:max-content;padding:3px 20px;margin-bottom:5px;font-size:14px;cursor:pointer}.point-meteo .meteo-box .main-box .detail-box .menu-header .menu-item.active[data-v-aca52662]{font-weight:600;border-bottom:2px solid var(--idm-white)}.point-meteo .meteo-box .main-box .detail-box .menu-header .menu-item[data-v-aca52662]:hover{font-weight:600}.point-meteo .meteo-box .main-box .detail-box .basic-table[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table[data-v-aca52662]{width:100%;font-size:12px}.point-meteo .meteo-box .main-box .detail-box .basic-table .tr-title[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .tr-title[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table .tr-title[data-v-aca52662]{text-align:right!important;width:95px}.point-meteo .meteo-box .main-box .detail-box .basic-table .unit[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .unit[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table .unit[data-v-aca52662]{display:inline-block;width:24px;padding:0 5px;text-align:left}.point-meteo .meteo-box .main-box .detail-box .basic-table tr th[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .basic-table td[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table tr th[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table td[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table tr th[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table td[data-v-aca52662]{text-align:center;line-height:15px;width:40px}.point-meteo .meteo-box .main-box .detail-box .basic-table th[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table th[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table th[data-v-aca52662]{font-weight:400}.point-meteo .meteo-box .main-box .detail-box .basic-table .weather-icon[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .weather-icon[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table .weather-icon[data-v-aca52662]{width:22px;height:22px;cursor:pointer}.point-meteo .meteo-box .main-box .detail-box .basic-table .icon[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .icon[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table .icon[data-v-aca52662]{font-size:10px;margin-right:1px}.point-meteo .meteo-box .main-box .detail-box .basic-table .icon.blue[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .icon.blue[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table .icon.blue[data-v-aca52662]{color:var(--idm-primary-color)}.point-meteo .meteo-box .main-box .detail-box .basic-table .icon.orange[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .icon.orange[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table .icon.orange[data-v-aca52662]{color:var(--idm-warning-color-light)}.point-meteo .meteo-box .main-box .detail-box .basic-table .icon.gray[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .icon.gray[data-v-aca52662],.point-meteo .meteo-box .main-box .detail-box .sea-table .icon.gray[data-v-aca52662]{color:var(--idm-info-color)}.point-meteo .meteo-box .more[data-v-aca52662]{padding:5px 10px;text-align:right;font-size:14px;font-weight:600;color:var(--idm-black-7);border-top:1px solid var(--idm-gray-light);cursor:pointer}.point-meteo .meteo-box .more[data-v-aca52662]:hover{color:var(--idm-primary-color)}.point-meteo[data-v-aca52662]:after{display:block;margin-bottom:360px;width:8px;height:8px;border-radius:50%;content:"";background-color:var(--idm-gray-light);box-shadow:0 2px 12px #000}.point-meteo[data-v-aca52662]:before{display:block;content:"";width:2px;height:360px;margin-left:3px;border-left:2px solid var(--idm-gray-light);box-shadow:0 2px 12px #000}#idm-gl3-zone-info{position:absolute;background:var(--idm-white);color:var(--idm-black-8);padding:10px;border-radius:5px;cursor:default;z-index:1000;height:fit-content;max-height:900px;overflow-y:auto;font-size:13px;box-shadow:0 2px 12px #0003}#idm-gl3-zone-info .rich-context{width:500px}#idm-gl3-zone-info .close{font-size:20px;position:absolute;right:10px;top:10px;color:var(--idm-black-2);border-top-right-radius:6px;cursor:pointer}#idm-gl3-zone-info .close:hover{color:var(--idm-primary-color)}#port-info[data-v-c07e4c45]{position:absolute;background:var(--idm-white);color:var(--idm-black-8);padding:5px 10px;border-radius:6px;cursor:default;z-index:1000;height:fit-content}#port-info .port-box[data-v-c07e4c45]{max-width:240px}#port-info .port-box .flex-start[data-v-c07e4c45]{line-height:2}#port-info .port-box .flex-start label[data-v-c07e4c45]{color:var(--idm-info-color);margin-right:10px;width:50px}#port-info .port-box .flex-start span[data-v-c07e4c45]{flex:1;flex-wrap:wrap;text-align:justify-all;color:var(--idm-black-8)}#port-info .port-box .flex-start span.link[data-v-c07e4c45]{cursor:pointer;text-decoration:underline}#port-info .port-box .flex-start span.link[data-v-c07e4c45]:hover{font-weight:600}#port-info .close[data-v-c07e4c45]{position:relative;text-align:right;height:0px;color:var(--idm-black-2);font-size:20px;cursor:pointer}#port-info .close[data-v-c07e4c45]:hover{color:var(--idm-primary-color)}.lat-lng-tip[data-v-ad66a24c]{position:absolute;padding:2px 10px;border-radius:5px;color:var(--idm-primary-color);font-size:12px;top:unset;background:var(--idm-white);box-shadow:0 2px 12px #00000080;transition:all .4s ease-in-out}.menu-bar-box[data-v-7301123d]{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;transition:all .4s ease-in-out}.menu-bar-box .bar-item[data-v-7301123d]{position:relative;margin-bottom:15px;border-radius:5px;background:var(--idm-white);cursor:pointer;box-shadow:0 2px 12px #0003}.menu-bar-box .bar-item .menu-icon[data-v-7301123d]{padding:8px;display:flex}.menu-bar-box .bar-item .menu-icon[data-v-7301123d]:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.menu-bar-box .bar-item .menu-icon[data-v-7301123d]:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.menu-bar-box .bar-item .menu-icon span[data-v-7301123d]{font-size:18px;font-weight:500;color:var(--idm-black-8)}.menu-bar-box .bar-item .menu-icon.active[data-v-7301123d]{background:var(--idm-primary-color)}.menu-bar-box .bar-item .menu-icon.active span[data-v-7301123d]{color:var(--idm-white)}:root{--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:var(--idm-danger-color)}.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:var(--idm-danger-color);border:2px solid var(--idm-white);padding:2px 5px;border-radius:5px;cursor:pointer}.point-summary-marker .marker-close,.point-contextmenu-marker .marker-close{pointer-events:auto;position:absolute;background:var(--idm-danger-color);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}.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:var(--idm-danger-color)}.hurricane-hourly-marker .iconfont{font-size:34px!important;color:var(--idm-danger-color)}.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 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)}}
+@charset "UTF-8";: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-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-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-gl3-layer .fade-enter-active,.idm-gl3-layer .fade-leave-active{transition:opacity .4s}.idm-gl3-layer .fade-enter,.idm-gl3-layer .fade-leave-to{opacity:0}.idm-gl3-layer .menu-bar-box{position:absolute;overflow-y:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;transition:all .4s ease-in-out;z-index:2;border-radius:5px;box-shadow:0 2px 12px #0003}.idm-gl3-layer .menu-bar-box .bar-item{position:relative;border-radius:5px;background:var(--idm-white);cursor:pointer}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon{padding:8px;display:flex}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon span{font-size:20px;font-weight:600;color:var(--idm-black-8)}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon.active{background:var(--idm-primary-color)}.idm-gl3-layer .menu-bar-box .bar-item .menu-icon.active span{color:var(--idm-white)}.idm-gl3-layer .active-layers{position:absolute;max-width:160px;font-size:14px;padding:2px 5px;background:var(--idm-white);border-radius:5px;box-shadow:0 2px 12px #0003;transition:all .4s ease-in-out}.idm-gl3-layer .active-layers .layer{width:auto;padding:4px 10px}.idm-gl3-layer .active-layers .layer .name{font-size:14px}.idm-gl3-layer .available-layers{position:absolute;height:calc(100vh - 120px);box-sizing:border-box;transition:all .4s ease-in-out}.idm-gl3-layer .available-layers .header-box{font-size:16px;font-weight:600;padding:5px 10px 10px;color:var(--idm-black-8)}.idm-gl3-layer .available-layers .header-box .close-btn{font-size:20px;font-weight:400;color:var(--idm-black-2);cursor:pointer}.idm-gl3-layer .available-layers .header-box .close-btn:hover{color:var(--idm-primary-color)}.idm-gl3-layer .available-layers .list-box{height:inherit;width:200px;overflow-y:auto;color:var(--idm-black-8);background:var(--idm-white);display:flex;flex-direction:column;box-shadow:0 2px 12px #0003;z-index:1}.idm-gl3-layer .available-layers .list-box .layers-title{font-size:14px;font-weight:600;padding:5px 10px;color:var(--idm-black-8)}.idm-gl3-layer .available-layers .list-box .layers-body{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding:0 10px;font-size:14px}.idm-gl3-layer .available-layers .list-box .layers-body .layer{width:100%}.idm-gl3-layer .available-layers .list-box .layers-body .layer-radio{margin-top:5px}.idm-gl3-layer .available-layers .list-box .layers-body .layer-radio .el-radio{height:24px}.idm-gl3-layer .available-layers .list-box .layers-body .layer-radio .el-radio.is-checked .el-radio__inner{background:var(--idm-primary-color);border-color:var(--idm-primary-color)}.idm-gl3-layer .available-layers .list-box .layers-body .layer-radio .el-radio.is-checked .el-radio__label{color:var(--idm-primary-color)}.idm-gl3-layer .available-layers .list-box .layers-body .tip{margin-left:-5px;margin-bottom:2px;font-size:12px;color:var(--idm-info-color)}.idm-gl3-layer .available-layers .list-box .layers-body .tip .bookmark-icon{color:var(--idm-warning-color)}.idm-gl3-layer .layer{display:inline-flex;align-items:center;padding:4px 0;color:var(--idm-black-8);font-size:14px;cursor:pointer}.idm-gl3-layer .layer .checkbox{width:14px;height:14px;margin-right:10px;border:1px solid var(--idm-black-2);box-sizing:border-box}.idm-gl3-layer .layer .bookmark-icon{font-size:15px}.idm-gl3-layer .layer .bookmark-icon.active{display:inline-block;color:var(--idm-warning-color)}.idm-gl3-layer .layer .bookmark-icon.inactive{display:none}.idm-gl3-layer .layer .sub-layer-icon{margin-left:10px;font-size:16px}.idm-gl3-layer .layer .sub-layer-icon.active{color:var(--idm-primary-color)}.idm-gl3-layer .layer.active .checkbox{border:1px solid var(--idm-primary-color);background:var(--idm-primary-color)}.idm-gl3-layer .layer.active .checkbox:after{position:relative;content:"✔";color:var(--idm-white);font-size:10px;display:flex;align-items:center;justify-content:center}.idm-gl3-layer .layer.active .name{color:var(--idm-primary-color)}.idm-gl3-layer .layer.disabled{color:var(--idm-black-4);cursor:not-allowed}.idm-gl3-layer .layer.disabled .checkbox{cursor:not-allowed;border:1px solid var(--idm-black-2);opacity:.5}.idm-gl3-layer .layer:hover .bookmark-icon.inactive{display:inline-block}.idm-gl3-layer .switch{font-size:24px;height:19px;margin-right:10px;color:var(--idm-black-2);cursor:pointer}.idm-gl3-layer .switch .active{color:var(--idm-primary-color)}.idm-gl3-layer .card-bg{background:var(--idm-gray-light2);border-radius:3px;margin:8px}.idm-gl3-layer .card-bg:first-child{margin-top:0}.wind-tool-bars{transition:all .4s ease-in-out;padding:2px 5px;border-radius:4px;background:var(--idm-white);box-shadow:0 2px 12px #0003}.wind-tool-bars .item-bar{cursor:pointer;padding:4px 10px}.wind-tool-bars .item-bar.active .checkbox{border:var(--idm-primary-color);background:var(--idm-primary-color)}.wind-tool-bars .item-bar.active .checkbox:after{content:"✔";color:var(--idm-white);font-size:12px;display:flex;align-items:center;justify-content:center}.wind-tool-bars .item-bar.active span{font-size:12px;color:var(--idm-primary-color)}.wind-tool-bars .item-bar .checkbox{width:14px;height:14px;margin-right:10px;border:1px solid var(--idm-black-2)}.wind-tool-bars .item-bar span{font-size:12px;color:var(--idm-black-8)}.legend-bars[data-v-14070127]{transition:all .4s ease-in-out;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));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-14070127]{font-size:12px;text-align:center;color:var(--idm-white-8);width:32px}.current-tool-bars{transition:all .4s ease-in-out;background:var(--idm-white);padding:2px 5px;border-radius:4px;box-shadow:0 2px 12px #0003}.current-tool-bars .item-bar{cursor:pointer;padding:4px 10px}.current-tool-bars .item-bar.active .checkbox{border:var(--idm-primary-color);background:var(--idm-primary-color)}.current-tool-bars .item-bar.active .checkbox:after{content:"✔";color:var(--idm-white);font-size:12px;display:flex;align-items:center;justify-content:center}.current-tool-bars .item-bar.active span{font-size:12px;color:var(--idm-primary-color)}.current-tool-bars .item-bar .checkbox{width:14px;height:14px;margin-right:10px;border:1px solid var(--idm-black-2)}.current-tool-bars .item-bar span{font-size:12px;color:var(--idm-black-8)}.legend-bars[data-v-163d1f9a]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(84,170,230),rgb(84,170,230),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));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-163d1f9a]{font-size:12px;text-align:center;color:var(--idm-white);width:36px}.active-tropical[data-v-44a4e671]{bottom:unset;background:var(--idm-white-9);padding:10px;border-radius:5px;box-shadow:0 2px 12px #0003;z-index:5}.active-tropical .header-box[data-v-44a4e671]{min-width:360px;margin-bottom:10px;box-sizing:border-box;color:var(--idm-black-8)}.active-tropical .header-box .close-btn[data-v-44a4e671]{position:relative;height:0px;text-align:right;font-size:20px;color:var(--idm-black-2);cursor:pointer}.active-tropical .header-box .close-btn[data-v-44a4e671]:hover{color:var(--idm-primary-color)}.active-tropical .header-box .main[data-v-44a4e671]{font-size:16px}.active-tropical .header-box .sub[data-v-44a4e671]{margin:3px 0;font-size:12px;color:var(--idm-info-color)}.active-tropical .main-box[data-v-44a4e671]{min-width:360px;color:var(--idm-black-8);overflow-y:auto;box-sizing:border-box;font-size:12px;z-index:4}.active-tropical .main-box .content[data-v-44a4e671]{padding:5px 0;border-radius:5px;background:var(--idm-gray-light)}.active-tropical .main-box .row[data-v-44a4e671]{width:100%;padding:4px 10px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.active-tropical .main-box .row .col[data-v-44a4e671]{display:flex;align-items:center;justify-content:space-between}.active-tropical .main-box .row .col label[data-v-44a4e671]{width:82px;margin-right:4px;color:var(--idm-info-color)}.active-tropical .main-box .row .col.col-24[data-v-44a4e671]{width:100%}.active-tropical .main-box .row .col.col-left[data-v-44a4e671]{width:55%}.active-tropical .main-box .row .col.col-right[data-v-44a4e671]{width:40%}.active-tropical .main-box .row .col .icon[data-v-44a4e671]{font-size:30px;color:var(--idm-black-4)}.active-tropical .main-box .row .col .icon.active[data-v-44a4e671]{color:var(--idm-primary-color)}.forecast-models[data-v-44a4e671]{display:flex;justify-content:flex-end;flex:1;margin-left:5px;flex-wrap:wrap}.forecast-models .model[data-v-44a4e671]{font-size:12px;padding:0 6px 4px;display:flex;border:1px solid var(--idm-primary-color);cursor:pointer}.forecast-models .model span[data-v-44a4e671]{border-bottom:2px dashed var(--idm-white)}.forecast-models .model span.cma[data-v-44a4e671]{border-color:#e2ea03cc}.forecast-models .model span.jma[data-v-44a4e671]{border-color:#01d2b7cc}.forecast-models .model span.ecmwf[data-v-44a4e671]{border-color:#f582f2cc}.forecast-models .model span.ukm[data-v-44a4e671]{border-color:#f5bb47cc}.forecast-models .model span.noaa-at[data-v-44a4e671],.forecast-models .model span.noaa-ep[data-v-44a4e671]{border-color:#9758fbcc}.forecast-models .model.active[data-v-44a4e671]{border:1px solid var(--idm-primary-color);background-color:var(--idm-primary-color);color:var(--idm-white)}.forecast-models .model[data-v-44a4e671]:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.forecast-models .model.center-child[data-v-44a4e671]{border-left:1px solid var(--idm-primary-color);border-right:1px solid var(--idm-primary-color)}.forecast-models .model[data-v-44a4e671]:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.legend[data-v-44a4e671]{display:flex;align-items:center;color:var(--idm-info-color)}.legend .icon[data-v-44a4e671]{height:14px;width:14px;border-radius:50%;border:3px solid #fff;margin-right:3px}.legend .icon.td[data-v-44a4e671]{background-color:var(--idm-tropicals-td)}.legend .icon.ts[data-v-44a4e671]{background-color:var(--idm-tropicals-ts)}.legend .icon.sts[data-v-44a4e671]{background-color:var(--idm-tropicals-sts)}.legend .icon.ty[data-v-44a4e671]{background-color:var(--idm-tropicals-ty)}.legend .icon.sty[data-v-44a4e671]{background-color:var(--idm-tropicals-sty)}.legend .icon.supper-ty[data-v-44a4e671]{background-color:var(--idm-tropicals-super-ty)}.legend .icon.r7[data-v-44a4e671]{border:1.5px solid var(--idm-tropicals-r7)}.legend .icon.r10[data-v-44a4e671]{border:1.5px solid var(--idm-tropicals-r10)}.legend .icon.history[data-v-44a4e671]{border:none;border-radius:0;height:4px;background:var(--idm-black-5)}.legend .button[data-v-44a4e671]{cursor:pointer;padding:0 4px;border-radius:4px;border:1px solid var(--idm-primary-color);color:var(--idm-primary-color)}.more[data-v-44a4e671]{display:flex;align-items:center;justify-content:flex-end;color:var(--idm-primary-color);font-weight:700;margin-top:5px;cursor:pointer}.legend-bars[data-v-e83717bd]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgba(59,126,162,0),rgb(172,210,255),rgb(172,210,255),rgb(3,248,103),rgb(14,201,3),rgb(190,226,2),rgb(248,1,1),rgb(197,5,58),rgb(197,5,58));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-e83717bd]{font-size:12px;text-align:center;color:var(--idm-white);width:35px}.legend-bars[data-v-1c8a9237]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(189,50,160),rgb(189,50,160),rgb(189,50,160),rgb(189,50,160),rgb(208,56,56),rgb(208,56,56),rgb(190,226,2),rgb(190,226,2),rgb(4,210,64),rgb(4,210,64),rgb(172,210,255),rgb(172,210,255));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-1c8a9237]{font-size:12px;text-align:center;color:var(--idm-white);width:40px}.legend-bars[data-v-8974924d]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(95,143,197),rgb(95,143,197),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));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-8974924d]{font-size:12px;text-align:center;color:var(--idm-white);width:32px}.legend-bars[data-v-d709ba86]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(149,137,211),rgb(149,137,211),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));padding:2px 0;border-radius:10px;box-shadow:0 2px 12px #000c}.legend-bars span[data-v-d709ba86]{font-size:12px;text-align:center;color:var(--idm-white);width:32px}.legend-bars[data-v-5bb73794]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(76,165,228),rgb(76,165,228),rgb(76,165,228),rgb(76,165,228),rgb(103,180,186),rgb(129,204,197),rgb(150,209,216),rgb(180,209,216));padding:2px 0;border-radius:10px;box-shadow:var(--idm-gl-box-shadow)}.legend-bars span[data-v-5bb73794]{font-size:12px;text-align:center;color:var(--idm-white);width:40px}.point-meteo[data-v-e19202e0]{bottom:unset;z-index:9}.point-meteo .meteo-box[data-v-e19202e0]{position:absolute;top:0;left:5px;width:480px;font-size:13px;color:var(--idm-black-8);background-color:var(--idm-white);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-top-right-radius:5px;border-bottom-right-radius:5px;box-shadow:0 2px 12px #0003;font-family:'Microsoft YaHei, Helvetica Neue", Helvetica'}.point-meteo .meteo-box .header-box[data-v-e19202e0]{padding:8px 5px;font-size:16px;box-sizing:border-box;color:var(--idm-black-8);border-top-right-radius:5px;background-color:var(--idm-gray-light)}.point-meteo .meteo-box .header-box .lnglat[data-v-e19202e0]{margin:0 5px}.point-meteo .meteo-box .header-box .close[data-v-e19202e0]{font-size:18px;color:var(--idm-black-3);cursor:pointer}.point-meteo .meteo-box .header-box .close[data-v-e19202e0]:hover{color:var(--idm-primary-color)}.point-meteo .meteo-box .main-box[data-v-e19202e0]{padding:10px 10px 0;background:var(--idm-white);color:var(--idm-black-7);background-size:cover;background-position:top left}.point-meteo .meteo-box .main-box.night-bg[data-v-e19202e0]{color:var(--idm-white);background:linear-gradient(180deg,#111 0%,#999 100%,transparent)}.point-meteo .meteo-box .main-box.day-bg[data-v-e19202e0]{color:var(--idm-white);background:linear-gradient(180deg,#467fb5 0%,#467fb5 20%,#fff 100%,transparent)}.point-meteo .meteo-box .main-box.font-color-white[data-v-e19202e0]{color:var(--idm-white)}.point-meteo .meteo-box .main-box .unit[data-v-e19202e0],.point-meteo .meteo-box .main-box .info[data-v-e19202e0]{font-size:13px;opacity:.8}.point-meteo .meteo-box .main-box .summary-row[data-v-e19202e0]{margin-bottom:10px}.point-meteo .meteo-box .main-box .summary-row .summary .icon[data-v-e19202e0]{height:60px;width:60px;cursor:pointer}.point-meteo .meteo-box .main-box .summary-row .summary .temp[data-v-e19202e0]{font-size:28px;margin:0 20px 0 5px}.point-meteo .meteo-box .main-box .summary-row .summary .des[data-v-e19202e0]{font-size:13px}.point-meteo .meteo-box .main-box .summary-row .summary label[data-v-e19202e0]{margin-right:2px}.point-meteo .meteo-box .main-box .summary-row .date[data-v-e19202e0]{margin:0 5px;font-size:14px}.point-meteo .meteo-box .main-box .summary-row .row[data-v-e19202e0]{padding:3px 0;box-sizing:border-box}.point-meteo .meteo-box .main-box .detail-box .menu-header .menu-item[data-v-e19202e0]{width:max-content;padding:3px 20px;margin-bottom:5px;font-size:14px;cursor:pointer}.point-meteo .meteo-box .main-box .detail-box .menu-header .menu-item.active[data-v-e19202e0]{font-weight:600;border-bottom:2px solid var(--idm-white)}.point-meteo .meteo-box .main-box .detail-box .menu-header .menu-item[data-v-e19202e0]:hover{font-weight:600}.point-meteo .meteo-box .main-box .detail-box .basic-table[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table[data-v-e19202e0]{width:100%;font-size:12px}.point-meteo .meteo-box .main-box .detail-box .basic-table .tr-title[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .tr-title[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table .tr-title[data-v-e19202e0]{text-align:right!important;width:95px}.point-meteo .meteo-box .main-box .detail-box .basic-table .unit[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .unit[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table .unit[data-v-e19202e0]{display:inline-block;width:24px;padding:0 5px;text-align:left}.point-meteo .meteo-box .main-box .detail-box .basic-table tr th[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .basic-table td[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table tr th[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table td[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table tr th[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table td[data-v-e19202e0]{text-align:center;line-height:15px;width:40px}.point-meteo .meteo-box .main-box .detail-box .basic-table th[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table th[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table th[data-v-e19202e0]{font-weight:400}.point-meteo .meteo-box .main-box .detail-box .basic-table .weather-icon[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .weather-icon[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table .weather-icon[data-v-e19202e0]{width:22px;height:22px;cursor:pointer}.point-meteo .meteo-box .main-box .detail-box .basic-table .icon[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .icon[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table .icon[data-v-e19202e0]{font-size:10px;margin-right:1px}.point-meteo .meteo-box .main-box .detail-box .basic-table .icon.blue[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .icon.blue[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table .icon.blue[data-v-e19202e0]{color:var(--idm-primary-color)}.point-meteo .meteo-box .main-box .detail-box .basic-table .icon.orange[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .icon.orange[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table .icon.orange[data-v-e19202e0]{color:var(--idm-warning-color-light)}.point-meteo .meteo-box .main-box .detail-box .basic-table .icon.gray[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .wave-current-table .icon.gray[data-v-e19202e0],.point-meteo .meteo-box .main-box .detail-box .sea-table .icon.gray[data-v-e19202e0]{color:var(--idm-black-6)}.point-meteo .meteo-box .more[data-v-e19202e0]{padding:5px 10px;text-align:right;font-size:14px;font-weight:600;color:var(--idm-black-7);border-top:1px solid var(--idm-gray-light);cursor:pointer}.point-meteo .meteo-box .more[data-v-e19202e0]:hover{color:var(--idm-primary-color)}.point-meteo[data-v-e19202e0]:after{display:block;margin-bottom:360px;width:8px;height:8px;border-radius:50%;content:"";background-color:var(--idm-gray-light);box-shadow:0 2px 12px #000}.point-meteo[data-v-e19202e0]:before{display:block;content:"";width:2px;height:360px;margin-left:3px;border-left:2px solid var(--idm-gray-light);box-shadow:0 2px 12px #000}#idm-gl3-zone-info{position:absolute;background:var(--idm-white);color:var(--idm-black-8);padding:10px;border-radius:5px;cursor:default;z-index:1000;height:fit-content;max-height:900px;overflow-y:auto;font-size:13px;box-shadow:0 2px 12px #0003}#idm-gl3-zone-info .rich-context{width:500px}#idm-gl3-zone-info .close{font-size:20px;position:absolute;right:10px;top:10px;color:var(--idm-black-2);border-top-right-radius:6px;cursor:pointer}#idm-gl3-zone-info .close:hover{color:var(--idm-primary-color)}#port-info[data-v-c07e4c45]{position:absolute;background:var(--idm-white);color:var(--idm-black-8);padding:5px 10px;border-radius:6px;cursor:default;z-index:1000;height:fit-content}#port-info .port-box[data-v-c07e4c45]{max-width:240px}#port-info .port-box .flex-start[data-v-c07e4c45]{line-height:2}#port-info .port-box .flex-start label[data-v-c07e4c45]{color:var(--idm-info-color);margin-right:10px;width:50px}#port-info .port-box .flex-start span[data-v-c07e4c45]{flex:1;flex-wrap:wrap;text-align:justify-all;color:var(--idm-black-8)}#port-info .port-box .flex-start span.link[data-v-c07e4c45]{cursor:pointer;text-decoration:underline}#port-info .port-box .flex-start span.link[data-v-c07e4c45]:hover{font-weight:600}#port-info .close[data-v-c07e4c45]{position:relative;text-align:right;height:0px;color:var(--idm-black-2);font-size:20px;cursor:pointer}#port-info .close[data-v-c07e4c45]:hover{color:var(--idm-primary-color)}.lat-lng-tip[data-v-ad66a24c]{position:absolute;padding:2px 10px;border-radius:5px;color:var(--idm-primary-color);font-size:12px;top:unset;background:var(--idm-white);box-shadow:0 2px 12px #00000080;transition:all .4s ease-in-out}.menu-bar-box[data-v-7301123d]{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;transition:all .4s ease-in-out}.menu-bar-box .bar-item[data-v-7301123d]{position:relative;margin-bottom:15px;border-radius:5px;background:var(--idm-white);cursor:pointer;box-shadow:0 2px 12px #0003}.menu-bar-box .bar-item .menu-icon[data-v-7301123d]{padding:8px;display:flex}.menu-bar-box .bar-item .menu-icon[data-v-7301123d]:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.menu-bar-box .bar-item .menu-icon[data-v-7301123d]:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.menu-bar-box .bar-item .menu-icon span[data-v-7301123d]{font-size:18px;font-weight:500;color:var(--idm-black-8)}.menu-bar-box .bar-item .menu-icon.active[data-v-7301123d]{background:var(--idm-primary-color)}.menu-bar-box .bar-item .menu-icon.active span[data-v-7301123d]{color:var(--idm-white)}:root{--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:var(--idm-danger-color)}.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:var(--idm-danger-color);border:2px solid var(--idm-white);padding:2px 5px;border-radius:5px;cursor:pointer}.point-summary-marker .marker-close,.point-contextmenu-marker .marker-close{pointer-events:auto;position:absolute;background:var(--idm-danger-color);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}.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:var(--idm-danger-color)}.hurricane-hourly-marker .iconfont{font-size:34px!important;color:var(--idm-danger-color)}.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 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)}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@idmwx/idmui-gl3",
   "private": false,
-  "version": "4.7.3",
+  "version": "4.7.4",
   "description": "idm webgl3",
   "type": "module",
   "keywords": [

package/dist/pi.svg

@@ -1,48 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg"
- width="300" height="300" viewBox="0 0 1280.000000 1280.000000"
- preserveAspectRatio="xMidYMid meet">
-<g transform="translate(0.000000,1280.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M4225 11533 c-100 -6 -311 -23 -335 -27 -14 -3 -59 -10 -100 -16
--408 -60 -813 -229 -1110 -465 -98 -77 -307 -287 -393 -395 -37 -47 -74 -93
--82 -102 -7 -9 -22 -29 -32 -45 -9 -15 -20 -30 -23 -33 -16 -13 -139 -202
--225 -345 -94 -157 -256 -467 -330 -635 -21 -47 -48 -108 -60 -136 -71 -158
--234 -584 -250 -654 -2 -8 -8 -37 -14 -63 -27 -117 -16 -290 23 -366 40 -76
-162 -100 372 -73 118 16 204 44 274 92 61 41 136 119 179 185 14 22 28 42 31
-45 3 3 19 25 35 50 17 25 34 50 38 55 4 6 34 46 65 90 101 143 233 300 336
-398 289 278 518 397 871 452 58 10 122 14 328 25 184 10 214 9 256 -5 106 -35
-121 -98 96 -410 -3 -38 -7 -104 -10 -145 -17 -256 -42 -587 -50 -670 -20 -206
--26 -262 -39 -400 -19 -190 -34 -332 -41 -385 -3 -22 -10 -76 -15 -120 -6 -44
--17 -132 -25 -195 -8 -63 -19 -142 -24 -175 -5 -33 -14 -94 -20 -135 -15 -102
--38 -247 -57 -355 -9 -49 -18 -101 -20 -115 -5 -26 -42 -220 -50 -255 -8 -40
--24 -120 -28 -140 -24 -118 -69 -303 -131 -535 -146 -551 -395 -1063 -780
--1610 -25 -36 -53 -76 -63 -90 -9 -14 -19 -27 -22 -30 -17 -17 -182 -264 -250
--375 -152 -247 -219 -413 -276 -680 -27 -127 -26 -365 2 -505 64 -314 256
--557 538 -685 244 -110 548 -108 857 5 74 26 235 110 272 140 152 125 200 168
-241 219 27 33 52 61 55 61 4 0 15 13 24 30 10 16 23 35 30 42 7 7 26 33 43 58
-184 265 381 726 493 1154 89 340 192 880 255 1346 70 507 116 894 162 1355 2
-28 6 66 9 85 5 43 11 101 30 310 8 91 17 188 20 215 5 52 21 236 30 340 3 33
-10 112 15 175 9 106 63 792 75 955 3 39 7 99 10 135 7 94 14 192 20 295 3 50
-8 119 10 155 3 36 10 135 15 220 37 580 40 602 75 657 9 14 38 35 63 46 47 22
-49 22 963 25 862 2 919 2 965 -15 33 -13 56 -30 72 -53 23 -33 24 -41 18 -140
--3 -58 -8 -121 -11 -140 -2 -19 -9 -82 -15 -140 -5 -58 -14 -150 -20 -205 -24
--227 -44 -430 -55 -550 -3 -27 -7 -72 -10 -100 -14 -139 -14 -137 -45 -465
--30 -318 -48 -523 -55 -615 -2 -33 -7 -85 -10 -115 -2 -30 -7 -86 -10 -125 -3
--38 -7 -92 -10 -120 -3 -27 -7 -84 -10 -125 -20 -286 -26 -373 -35 -512 -5
--86 -11 -190 -14 -230 -3 -40 -8 -127 -11 -193 -3 -66 -10 -219 -16 -340 -20
--390 6 -1130 52 -1530 6 -49 12 -107 15 -127 2 -21 9 -68 15 -105 6 -38 12
--79 14 -93 3 -31 32 -192 44 -245 111 -505 245 -828 465 -1115 27 -36 56 -72
-65 -81 9 -8 32 -34 51 -58 61 -75 230 -220 345 -297 333 -222 693 -309 1115
--270 217 21 480 98 697 206 120 59 284 160 348 212 229 190 372 331 457 451
-12 18 30 41 40 51 10 11 18 23 18 27 0 4 6 14 13 21 62 66 217 356 300 563
-157 394 304 1011 333 1401 20 271 -119 446 -361 453 -165 5 -295 -61 -373
--191 -17 -30 -52 -107 -77 -171 -109 -290 -191 -439 -303 -553 -85 -88 -95
--96 -167 -140 -229 -138 -516 -160 -774 -57 -70 28 -167 83 -216 123 -47 39
--148 142 -175 178 -14 18 -33 43 -43 54 -33 40 -126 243 -156 343 -59 191 -96
-423 -109 670 -18 350 -2 1241 33 1805 15 249 36 562 40 615 3 33 7 85 10 115
-39 461 86 924 130 1275 71 571 75 585 180 632 37 17 101 18 915 23 771 4 883
-7 940 22 36 9 107 24 158 33 52 9 118 27 148 40 101 45 175 134 211 254 14 49
-17 128 20 596 3 360 1 568 -7 625 -20 157 -96 273 -216 330 -132 64 90 60
--3744 58 -1917 -1 -3507 -3 -3535 -5z"/>
-</g>
-</svg>