.factor-bar[data-v-74bd8a93]{position:absolute;top:10px;width:30px;display:block;pointer-events:auto;transition:all .4s ease-in-out}.factor-bar .group[data-v-74bd8a93]{margin-bottom:10px;box-sizing:border-box}.factor-bar .group[data-v-74bd8a93]:last-child{margin-bottom:0}.factor-bar .group .cell[data-v-74bd8a93]{display:flex;cursor:pointer;box-sizing:border-box;justify-content:flex-start;align-items:center;color:var(--opi-white-9)}.factor-bar .group .cell label[data-v-74bd8a93]{padding:4px;font-size:14px}.factor-bar .group .cell .icon[data-v-74bd8a93]{padding:4px;background-color:var(--opi-primary-color-9);box-sizing:border-box;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px var(--opi-gl-box-shadow-color)}.factor-bar .group .cell .icon .iconfont[data-v-74bd8a93]{margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:16px!important}.factor-bar .group .cell:first-child .icon[data-v-74bd8a93]{border-top-left-radius:50%;border-top-right-radius:50%}.factor-bar .group .cell:last-child .icon[data-v-74bd8a93]{border-bottom-left-radius:50%;border-bottom-right-radius:50%}.factor-bar .group .cell.active[data-v-74bd8a93]{color:var(--opi-white)}.factor-bar .group .cell.active .icon[data-v-74bd8a93]{color:var(--opi-white-9);background-color:var(--opi-primary-color-light2);background:var(--opi-active-background-light)}.factor-bar .group .cell.active .icon span[data-v-74bd8a93]{text-shadow:var(--opi-active-text-shadow-light)}.factor-bar .group .cell.active label[data-v-74bd8a93]{text-decoration:underline}.factor-bar .group .cell[data-v-74bd8a93]:hover{color:var(--opi-white)}.factor-bar .group .cell:hover label[data-v-74bd8a93]{background-color:var(--opi-primary-color-9);border-radius:10px;line-height:1}.action-bar[data-v-74bd8a93]{pointer-events:auto;position:absolute;left:10px;bottom:60px;width:100%;max-width:300px;display:flex;justify-content:space-between;flex-direction:column-reverse;transition:all .4s ease-in-out}.action-bar .forecast-issued[data-v-74bd8a93]{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--opi-white-8);background-color:var(--opi-black-5);margin:0 0 10px;height:25px;line-height:20px;border-radius:20px;text-transform:capitalize}.action-bar .forecast-model[data-v-74bd8a93]{display:flex;align-items:center;justify-content:space-between;background-color:var(--opi-black-5);margin:0 0 10px;height:25px;line-height:20px;border-radius:20px}.action-bar .forecast-model .model[data-v-74bd8a93]{cursor:pointer;margin:2px;padding:0 15px;height:20px;line-height:20px;font-size:12px;color:var(--opi-white-8)}.action-bar .forecast-model .model .model-title[data-v-74bd8a93]{font-size:14px;color:var(--opi-white);margin-right:5px}.action-bar .forecast-model .model.active[data-v-74bd8a93]{background-color:var(--opi-warning-color-dark);border-radius:20px;box-shadow:2px 2px 5px 0 var(--opi-primary-color-9)}.action-bar .color-legend[data-v-74bd8a93]{height:18px}.action-bar .color-legend .factor[data-v-74bd8a93]{cursor:pointer;transition:.3s opacity;border-radius:20px;display:flex;box-shadow:2px 2px 5px 0 var(--opi-primary-color-9)}.action-bar .color-legend .factor span[data-v-74bd8a93]{flex:1;display:flex;justify-content:center;align-items:center;color:var(--opi-white);font-size:12px;font-weight:400}.action-bar .color-legend .factor.wave[data-v-74bd8a93]{background:linear-gradient(to right,rgb(50,158,186),rgb(40,158,186),rgb(50,158,186),rgb(35,128,164),rgb(48,128,164),rgb(48,99,142),rgb(52,101,166),rgb(134,48,49),rgb(194,76,91),rgb(192,118,105),rgb(192,162,157),rgb(192,162,157))}.action-bar .color-legend .factor.current[data-v-74bd8a93]{background:linear-gradient(to right,rgb(64,77,144),rgb(64,77,144),rgb(64,77,144),rgb(64,77,144),rgb(61,121,110),rgb(50,140,50),rgb(140,133,49),rgb(143,115,50),rgb(117,52,68),rgb(107,67,131),rgb(67,93,133),rgb(73,122,132),rgb(115,135,139),rgb(144,144,144),rgb(144,144,144))}.action-bar .color-legend .factor.wind[data-v-74bd8a93]{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))}.hurricane-container[data-v-74bd8a93]{pointer-events:auto;position:absolute;box-sizing:border-box;max-width:500px;z-index:1000;color:var(--opi-white-9);background-color:var(--opi-primary-color-9);padding:10px;box-shadow:var(--opi-gl-box-shadow);border-radius:0 0 0 10px;top:0;right:0;width:40%}.hurricane-container .hurricane-title[data-v-74bd8a93]{display:flex;align-items:center}.hurricane-container .hurricane-title .hurricane-num[data-v-74bd8a93]{margin-left:10px;width:24px;height:24px;border-radius:15px;line-height:24px;text-align:center;font-size:14px;font-weight:600;background-color:var(--opi-danger-color-dark)}.hurricane-container .hurricane-list[data-v-74bd8a93]{max-height:310px}.hurricane-container.h5-only[data-v-74bd8a93]{display:none}.hurricane-container h2[data-v-74bd8a93]{margin:0 0 10px}.hurricane-container .close[data-v-74bd8a93]{position:absolute;top:16px;right:16px;cursor:pointer}.hurricane-container .border-dashed[data-v-74bd8a93]{margin:10px 0}.hurricane-container .border-dashed[data-v-74bd8a93]:last-child{margin-bottom:0}.hurricane-container .hurricane-item .report[data-v-74bd8a93]{background-color:var(--opi-black-4);padding:3px 8px;border-radius:10px;font-size:10px;cursor:pointer}.hurricane-container .hurricane-item[data-v-74bd8a93]:last-child{display:flex;justify-content:space-between;margin-bottom:0}.hurricane-container .hurricane-item .icon i[data-v-74bd8a93]{font-size:20px!important}.hurricane-container .hurricane-item .info[data-v-74bd8a93]{margin-left:10px}.hurricane-container .hurricane-item .info .type[data-v-74bd8a93]{font-size:14px;color:var(--opi-white-8)}.hurricane-container .hurricane-item .info .name[data-v-74bd8a93]{font-size:20px}.hurricane-container .hurricane-item .tips[data-v-74bd8a93]{font-size:12px;color:var(--opi-gl--placeholder-text);text-align:right;justify-content:flex-end}.hurricane-container .hurricane-item .cell .iconfont[data-v-74bd8a93]{font-size:30px!important;margin-right:10px}.hurricane-container .hurricane-item .cell .prop_key[data-v-74bd8a93]{font-size:14px;font-weight:300}.hurricane-container .hurricane-item .cell .prop_value[data-v-74bd8a93]{font-size:30px}.hurricane-container .hurricane-item .cell .prop_value span[data-v-74bd8a93]{font-size:12px;vertical-align:super}.hurricane-container .models .model[data-v-74bd8a93]{background-color:var(--opi-primary-color-dark2);padding:0 10px;cursor:pointer}.hurricane-container .models .model.active[data-v-74bd8a93]{background-color:var(--opi-primary-color-light2);color:var(--opi-white);text-shadow:var(--opi-text-shadow)}.hurricane-container .models .model[data-v-74bd8a93]:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.hurricane-container .models .model[data-v-74bd8a93]:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.hurricane-container .hurricane .hurricane-legend[data-v-74bd8a93]{display:flex;border-radius:0 0 8px;justify-content:space-between;padding:0 5px}.hurricane-container .hurricane .hurricane-legend .legend-item[data-v-74bd8a93]{display:flex;align-items:center;font-size:14px}.hurricane-container .hurricane .hurricane-legend .legend-item .item-icon[data-v-74bd8a93]{height:15px;width:15px;border-radius:8px;margin-right:3px}.hurricane-container .hurricane .hurricane-legend .legend-item .item-icon.td[data-v-74bd8a93]{background-color:var(--opi-circle-color-td)}.hurricane-container .hurricane .hurricane-legend .legend-item .item-icon.ts[data-v-74bd8a93]{background-color:var(--opi-circle-color-ts)}.hurricane-container .hurricane .hurricane-legend .legend-item .item-icon.sts[data-v-74bd8a93]{background-color:var(--opi-circle-color-sts)}.hurricane-container .hurricane .hurricane-legend .legend-item .item-icon.ty[data-v-74bd8a93]{background-color:var(--opi-circle-color-ty)}.hurricane-container .hurricane .hurricane-legend .legend-item .item-icon.sty[data-v-74bd8a93]{background-color:var(--opi-circle-color-sty)}.hurricane-container .hurricane .hurricane-legend .legend-item .item-icon.supperTy[data-v-74bd8a93]{background-color:var(--opi-circle-color-supper-ty)}.hurricane-container .hurricane .hurricane-legend .legend-item .item-icon.r7[data-v-74bd8a93]{background-color:var(--opi-wind-circle-color-r7)}.hurricane-container .hurricane .hurricane-legend .legend-item .item-icon.r10[data-v-74bd8a93]{background-color:var(--opi-wind-circle-color-r10)}.hurricane-container .hurricane .hurricane-legend .legend-item .history[data-v-74bd8a93],.hurricane-container .hurricane .hurricane-legend .legend-item .forecast[data-v-74bd8a93]{width:15px;margin-right:5px;height:0px}.hurricane-container .hurricane .hurricane-legend .legend-item .history[data-v-74bd8a93]{border-bottom:2px solid var(--opi-black-8)}.hurricane-container .hurricane .hurricane-legend .legend-item .forecast[data-v-74bd8a93]{border-bottom:2px dashed var(--opi-white-8)}[data-v-74bd8a93] .el-input__wrapper{background-color:transparent;border:1px dashed var(--opi-gl--placeholder-text);border-radius:5px;box-shadow:0 0}[data-v-74bd8a93] .el-input__inner{color:var(--opi-white);font-size:14px!important;font-weight:600}[data-v-74bd8a93] .el-input__wrapper:hover,[data-v-74bd8a93] .el-select .el-input.is-focus .el-input__wrapper,[data-v-74bd8a93] .el-select .el-input__wrapper.is-focus{box-shadow:0 0!important}@media (max-width: 768px){.group[data-v-74bd8a93]{background:var(--opi-background-linear-gradient-top);box-shadow:0 3px 6px var(--opi-gl-box-shadow-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:15px}.group .cell .icon[data-v-74bd8a93]{background-color:transparent!important;box-shadow:none!important}.group .cell.not-allowed[data-v-74bd8a93]{cursor:not-allowed}.factor-bar[data-v-74bd8a93]{right:10px!important;left:auto!important}.factor-bar .cell[data-v-74bd8a93]{flex-direction:row-reverse}.factor-bar .cell label[data-v-74bd8a93]{display:none}.action-bar[data-v-74bd8a93]{width:100%!important;max-width:100%!important;left:0!important}.action-bar .color-legend .factor[data-v-74bd8a93]{border-radius:0}.hurricane-container[data-v-74bd8a93]{display:none;bottom:60px;left:0;top:unset;width:100%;text-align:center;padding:3% 5%;border-radius:10px 10px 0 0}.hurricane-container .hurricane-close[data-v-74bd8a93]{font-size:16px;top:5%;right:3%;position:absolute}.hurricane-container .hurricane-title[data-v-74bd8a93]{font-size:20px;margin-bottom:10px;overflow:auto}.hurricane-container .flex-center[data-v-74bd8a93]{flex-direction:column}.hurricane-container .hurricane-item[data-v-74bd8a93]{display:flex;justify-content:space-evenly}.hurricane-container .hurricane-item[data-v-74bd8a93]:last-child{margin-bottom:0}.hurricane-container .hurricane-item .icon[data-v-74bd8a93]{display:inherit}.hurricane-container .hurricane-item .icon i[data-v-74bd8a93]{font-size:20px!important}.hurricane-container .hurricane-item .info[data-v-74bd8a93]{width:100%;margin:0;display:flex;align-items:center;justify-content:center}.hurricane-container .hurricane-item .info .type[data-v-74bd8a93]{font-size:14px;width:40%}.hurricane-container .hurricane-item .info .name[data-v-74bd8a93]{font-size:16px;font-weight:600}.hurricane-container .hurricane-item .info[data-v-74bd8a93] .el-input__inner{color:var(--opi-white);font-size:14px!important;font-weight:600;text-align:center}.hurricane-container .hurricane-item .tips[data-v-74bd8a93]{font-size:12px;color:var(--opi-gl--placeholder-text);text-align:center;margin-bottom:8px}.hurricane-container .hurricane-item .cell .iconfont[data-v-74bd8a93]{font-size:30px!important}.hurricane-container .hurricane-item .cell .prop_key[data-v-74bd8a93]{font-size:14px;font-weight:300}.hurricane-container .hurricane-item .cell .prop_value[data-v-74bd8a93]{font-size:14px;display:flex;align-items:center;justify-content:space-evenly}.hurricane-container .hurricane-item .cell .prop_value span[data-v-74bd8a93]{font-size:12px}.hurricane-container .hurricane-item .current-hurricane[data-v-74bd8a93]{font-size:14px;color:var(--opi-white-6)}.hurricane-container .hurricane-item .current-hurricane.active[data-v-74bd8a93]{color:var(--opi-white);padding:2px 8px;border-radius:5px;background-color:var(--opi-primary-color-light2)}}@media (min-width: 769px){.group[data-v-74bd8a93]{width:130px}.group .cell .icon[data-v-74bd8a93]{margin-right:4px}.group .cell.not-allowed[data-v-74bd8a93]{cursor:not-allowed}}.hurricane[data-v-97b1f803]{position:absolute;background:var(--opi-white-2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hurricane .hurricane-legend[data-v-97b1f803]{position:relative;padding:3px 5px;display:flex;justify-content:space-between}.hurricane .hurricane-legend .legend-item[data-v-97b1f803]{display:flex;align-items:center;font-size:14px;padding-right:10px}.hurricane .hurricane-legend .legend-item .item-icon[data-v-97b1f803]{height:15px;width:15px;border-radius:8px;margin-right:3px}.hurricane .hurricane-legend .legend-item .item-icon.td[data-v-97b1f803]{background-color:var(--opi-circle-color-td)}.hurricane .hurricane-legend .legend-item .item-icon.ts[data-v-97b1f803]{background-color:var(--opi-circle-color-ts)}.hurricane .hurricane-legend .legend-item .item-icon.sts[data-v-97b1f803]{background-color:var(--opi-circle-color-sts)}.hurricane .hurricane-legend .legend-item .item-icon.ty[data-v-97b1f803]{background-color:var(--opi-circle-color-ty)}.hurricane .hurricane-legend .legend-item .item-icon.sty[data-v-97b1f803]{background-color:var(--opi-circle-color-sty)}.hurricane .hurricane-legend .legend-item .item-icon.supperTy[data-v-97b1f803]{background-color:var(--opi-circle-color-supper-ty)}.hurricane .hurricane-legend .legend-item .item-icon.r7[data-v-97b1f803]{background-color:var(--opi-wind-circle-color-r7)}.hurricane .hurricane-legend .legend-item .item-icon.r10[data-v-97b1f803]{background-color:var(--opi-wind-circle-color-r10)}.hurricane .hurricane-legend .legend-item .history[data-v-97b1f803],.hurricane .hurricane-legend .legend-item .forecast[data-v-97b1f803]{width:15px;margin-right:10px;height:0px}.hurricane .hurricane-legend .legend-item .history[data-v-97b1f803]{border-bottom:2px solid #4e90b4}.hurricane .hurricane-legend .legend-item .forecast[data-v-97b1f803]{border-bottom:2px dashed var(--opi-white-8)}:root{--opi-white: rgba(255, 255, 255, 1);--opi-white-9: rgba(255, 255, 255, .9);--opi-white-8: rgba(255, 255, 255, .8);--opi-white-7: rgba(255, 255, 255, .7);--opi-white-6: rgba(255, 255, 255, .6);--opi-white-5: rgba(255, 255, 255, .5);--opi-white-4: rgba(255, 255, 255, .4);--opi-white-3: rgba(255, 255, 255, .3);--opi-white-2: rgba(255, 255, 255, .2);--opi-white-1: rgba(255, 255, 255, .1);--opi-black: rgba(0, 0, 0, 1);--opi-black-9: rgba(0, 0, 0, .9);--opi-black-8: rgba(0, 0, 0, .8);--opi-black-7: rgba(0, 0, 0, .7);--opi-black-6: rgba(0, 0, 0, .6);--opi-black-5: rgba(0, 0, 0, .5);--opi-black-4: rgba(0, 0, 0, .4);--opi-black-3: rgba(0, 0, 0, .3);--opi-black-2: rgba(0, 0, 0, .2);--opi-black-1: rgba(0, 0, 0, .1);--opi-primary-color: #1a367c;--opi-primary-color-light: #dae2f8;--opi-primary-color-light2: #eef1f9;--opi-primary-color-dark: #053a7e;--opi-primary-color-dark2: #002e6b;--opi-primary-color-9: rgba(26, 54, 124, .9);--opi-primary-color-7: rgba(26, 54, 124, .7);--opi-primary-color-5: rgba(26, 54, 124, .5);--opi-primary-color-3: rgba(26, 54, 124, .3);--opi-primary-color-1: rgba(26, 54, 124, .1);--opi-success-color: #489e3f;--opi-success-color-light: #75c232;--opi-success-color-dark: #398626;--opi-success-color-dark2: #0e6500;--opi-warning-color: #f36f17;--opi-warning-color-light: #ff9249;--opi-warning-color-dark: #da6c05;--opi-danger-color: #ef4949;--opi-danger-color-light: #f76c6c;--opi-danger-color-dark: #fc2d2d;--opi-info-color: #6e6e6e;--opi-info-color-light: #969696;--opi-info-color-light2: #c0c0c0;--opi-info-color-light3: #e2e2e2;--opi-info-color-dark: #494949;--opi-dangerous: rgba(156, 0, 30, 1);--opi-severe: rgba(255, 41, 0, 1);--opi-heavy: rgba(255, 255, 0, 1);--opi-vessel-cargo-color: lightgreen;--opi-vessel-tanker-color: red;--opi-vessel-passenger-color: blue;--opi-vessel-other-color: lightgrey;--opi-perf-cii-a: #75c232;--opi-perf-cii-b: #9dd472;--opi-perf-cii-c: #f8cda2;--opi-perf-cii-d: #ee9797;--opi-perf-cii-e: #e9696a;--opi-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);--opi-dashed-border: 1px dashed var(--opi-white-5);--opi-solid-border: 1px solid var(--opi-white-4);--opi-background-color: var(--opi-primary-color-9);--opi-background-color-dark: var(--opi-primary-color-dark);--opi-background-color-light: var(--opi-primary-color-light);--opi-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--opi-background-linear-gradient-top: rgba(0, 0, 0, .65);--opi-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-right: linear-gradient(to right, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-left: linear-gradient(to left, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-blink-animation: blink .8s ease-out infinite alternate;--opi-background-timeline-linear: linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);--opi-background-timeline-progress: #4c639d;--opi-font-color-3: #333333;--opi-font-color-6: #666666;--opi-font-color-9: #999999;--opi-font-color-link: #264fb5;--opi-menu-color-active: #4c639d;--opi-line-color-border: #e6e6e6;--opi-line-color-split: #f2f2f2;--opi-line-color-disable: #cfcfcf;--opi-table-row-color-light-blue: #f7f9ff;--opi-list-background-color: #f8faff;--opi-button-background-light-blue: #eef1f9;--opi-button-background-dark-blue: #c2cce4}:root[colorTheme=black]{--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .8) 80%, rgb(0, 0, 0, .8) 100%);--opi-background-linear-gradient-top: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-background-linear-gradient-bottom: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-background-linear-gradient-right: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-background-linear-gradient-left: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--opi-active-background-light: linear-gradient(130deg, rgba(117, 117, 117, .93) 30%, rgba(200, 200, 200, .93) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(253, 253, 253), 0 0 21px rgb(226, 226, 226), 0 0 30px rgba(185, 185, 185, .4), 0 0 12px rgba(67, 67, 67, .6), 0 0 22px rgba(27, 27, 27, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-primary-color: rgba(0, 0, 0, .7);--opi-primary-color-light: #757575;--opi-primary-color-light2: #a5a5a5;--opi-primary-color-dark: rgba(0, 0, 0, .8);--opi-primary-color-dark2: rgba(0, 0, 0, 1);--opi-primary-color-9: rgba(0, 0, 0, .9);--opi-primary-color-7: rgba(0, 0, 0, .7);--opi-primary-color-5: rgba(0, 0, 0, .5);--opi-primary-color-3: rgba(0, 0, 0, .3);--opi-primary-color-1: rgba(0, 0, 0, .1)}:root[colorTheme=blue]{--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--opi-background-linear-gradient-top: linear-gradient(to top, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-right: linear-gradient(to right, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-background-linear-gradient-left: linear-gradient(to left, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--opi-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-primary-color: #1a367c;--opi-primary-color-light: #dae2f8;--opi-primary-color-light2: #eef1f9;--opi-primary-color-dark: #053a7e;--opi-primary-color-dark2: #002e6b;--opi-primary-color-9: rgba(26, 54, 124, .9);--opi-primary-color-7: rgba(26, 54, 124, .7);--opi-primary-color-5: rgba(26, 54, 124, .5);--opi-primary-color-3: rgba(26, 54, 124, .3);--opi-primary-color-1: rgba(26, 54, 124, .1)}:root[colorTheme=dark-blue]{--opi-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-top: linear-gradient(to top, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-bottom: linear-gradient(to bottom, rgbargba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-right: linear-gradient(to right, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-background-linear-gradient-left: linear-gradient(to left, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--opi-active-background-light: linear-gradient(130deg, rgba(104, 104, 226, .93) 20%, rgba(22, 49, 182, .93) 100%);--opi-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--opi-primary-color: rgba(19, 47, 108, 1);--opi-primary-color-light: #6266e0;--opi-primary-color-light2: #89b0ff;--opi-primary-color-dark: #00224e;--opi-primary-color-dark2: #021a39;--opi-primary-color-9: rgba(19, 47, 108, .9);--opi-primary-color-7: rgba(19, 47, 108, .7);--opi-primary-color-5: rgba(19, 47, 108, .5);--opi-primary-color-3: rgba(19, 47, 108, .3);--opi-primary-color-1: rgba(19, 47, 108, .1)}@font-face{font-family:iconfont;src:url(https://iconfont.oceanpitech.com/iconfont.woff2) format("woff2"),url(https://iconfont.oceanpitech.com/iconfont.woff) format("woff"),url(https://iconfont.oceanpitech.com/iconfont.truetype) format("truetype"),url(https://iconfont.oceanpitech.com/iconfont.svg) format("svg")}.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-center{display:flex;align-items:center;justify-content:center}.flex-space{display:flex;align-items:center;justify-content:space-between}.flex-around{display:flex;align-items:center;justify-content:space-around}.flex-evenly{display:flex;align-items:center;justify-content:space-evenly}.flex{flex:1}.dropdown{position:relative;display:inline-block!important}.dropdown .dropdown-content{display:none;position:absolute;z-index:1}.dropdown:hover .dropdown-content{display:block}@keyframes blink{0%{box-shadow:0 0 20px var(--opi-warning-color-dark) inset}to{box-shadow:0 0 20px var(--opi-success-color) inset}}:root{--opi-circle-color-td: #5eff02;--opi-circle-color-ts: #f2da00;--opi-circle-color-sts: #f27d00;--opi-circle-color-ty: #f00000;--opi-circle-color-sty: #971d12;--opi-circle-color-supper-ty: #010101;--opi-wind-circle-color-r7: rgba(255, 249, 201, .5);--opi-wind-circle-color-r10: rgba(255, 233, 44, .6);--opi-gl-box-shadow-color: rgba(0, 0, 0, .5);--opi-gl-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);--opi-gl-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);--opi-gl-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);--opi-gl-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16)}.border-dashed{border:var(--opi-dashed-border);padding:10px;border-radius:5px}.meteo-marker .marker-box{position:absolute;color:var(--opi-white-9);top:0;left:4px;padding:0 6px;background-color:var(--opi-primary-color-7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:260px;border-top-right-radius:5px;border-bottom-right-radius:5px}.meteo-marker .marker-box .flex-space{padding:4px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--opi-white-7)}.meteo-marker .marker-box .flex-space label{color:var(--opi-white-8)}.meteo-marker .marker-box .flex-space label:after{content:":"}.meteo-marker .marker-box .flex-space:last-child{border-bottom:none}.meteo-marker .marker-box .close{position:absolute;right:-10px;top:-10px;background-color:var(--opi-black);border-radius:50%;width:20px;height:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.meteo-marker:after{display:block;width:8px;height:8px;border-radius:50%;content:"";background-color:var(--opi-white);margin-bottom:340px}.meteo-marker:before{display:block;content:"";width:2px;height:340px;margin-left:3px;border-left:2px solid var(--opi-black)}.close-marker{background-color:var(--opi-danger-color);padding:4px;box-sizing:border-box;height:20px;width:20px;display:flex;border-radius:50%;align-items:center;justify-content:center;color:var(--opi-white);font-size:18px;text-shadow:var(--opi-text-shadow);border:1px dashed var(--opi-danger-color)}.distance-marker{color:var(--opi-white);font-size:12px;text-shadow:var(--opi-text-shadow)}.distance-marker div{padding:2px 5px;border-radius:5px;background-color:var(--opi-black-3)}#move-total-marker{position:fixed;color:var(--opi-white);font-size:12px;text-shadow:var(--opi-text-shadow);padding:2px 5px;border-radius:5px;background-color:var(--opi-black-3);display:flex;pointer-events:none}.hurricane-marker .marker-box{position:absolute;color:var(--opi-white-9);top:0;left:4px;padding:0 6px;background-color:var(--opi-primary-color-7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:100px;border-top-right-radius:5px;border-bottom-right-radius:5px}.hurricane-marker .marker-box .flex-space{padding:4px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--opi-white-7)}.hurricane-marker .marker-box .flex-space label{color:var(--opi-white-8)}.hurricane-marker .marker-box .flex-space label:after{content:":"}.hurricane-marker .marker-box .flex-space:last-child{border-bottom:none}.hurricane-marker .marker-box .close{position:absolute;right:-10px;top:-10px;background-color:var(--opi-black);border-radius:50%;width:20px;height:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.hurricane-marker:after{display:block;width:8px;height:8px;border-radius:50%;content:"";background-color:var(--opi-white);margin-bottom:70px}.hurricane-marker:before{display:block;content:"";width:2px;height:70px;margin-left:3px;border-left:2px solid var(--opi-primary-color-9)}.hurricane-hourly-marker .iconfont{font-size:30px!important;color:var(--opi-danger-color)}.hurricane-hourly-marker .center{box-sizing:border-box;display:flex;align-items:center;justify-content:center}.hurricane-hourly-marker .center.north{animation:anticlockwise 2s linear infinite}.hurricane-hourly-marker .center.south{animation:clockwise 2s linear infinite}.hurricane-name-marker{border:1px dashed var(--opi-white-7);padding:6px 12px;font-size:14px;border-radius:6px;background-color:var(--opi-primary-color-5);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:var(--opi-white);text-shadow:var(--opi-text-shadow)}.hurricane-date-marker{padding:1px 8px;font-size:12px;border-radius:6px;background-color:var(--opi-black-1);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:var(--opi-white);text-shadow:var(--opi-text-shadow)}.restricted-marker{cursor:pointer}.restricted-detail-marker{display:flex;border-radius:8px;padding:20px 5px 20px 20px;background-color:var(--opi-white-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.restricted-detail-marker .detail{height:300px;width:300px;overflow:auto}.restricted-detail-marker .title{font-size:14px;color:var(--opi-info-color)}@keyframes clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes anticlockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.map-gl[data-v-507ef0eb]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}