*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.-left-6{left:-1.5rem}.-left-\[500px\]{left:-500px}.-left-\[6px\]{left:-6px}.-right-1{right:-.25rem}.-right-4{right:-1rem}.-top-1{top:-.25rem}.-top-14{top:-3.5rem}.-top-6{top:-1.5rem}.-top-\[110px\]{top:-110px}.bottom-0{bottom:0px}.end-9{inset-inline-end:2.25rem}.left-2{left:.5rem}.right-0{right:0px}.right-12{right:3rem}.start-0{inset-inline-start:0px}.top-0{top:0px}.top-2{top:.5rem}.top-4{top:1rem}.top-8{top:2rem}.top-9{top:2.25rem}.top-\[2px\]{top:2px}.z-10{z-index:10}.z-20{z-index:20}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-\[0\.2rem\]{margin:.2rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-\[0\.1rem\]{margin-top:.1rem;margin-bottom:.1rem}.-mb-px{margin-bottom:-1px}.-ml-3{margin-left:-.75rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.me-5{-webkit-margin-end:1.25rem;margin-inline-end:1.25rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-24{margin-left:6rem}.ml-4{margin-left:1rem}.ml-\[0\.5rem\]{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-8{margin-right:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-60{height:15rem}.h-\[1\.2rem\]{height:1.2rem}.h-\[42px\]{height:42px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[240px\]{max-height:240px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-40{width:10rem}.w-52{width:13rem}.w-60{width:15rem}.w-\[1\.2rem\]{width:1.2rem}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[6rem\]{width:6rem}.w-\[93\%\]{width:93%}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[88px\]{min-width:88px}.max-w-\[100px\]{max-width:100px}.max-w-\[1px\]{max-width:1px}.max-w-\[200px\]{max-width:200px}.max-w-\[3\.5rem\]{max-width:3.5rem}.max-w-full{max-width:100%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-\[500px\]{--tw-translate-x: -500px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[500px\]{--tw-translate-x: 500px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-\[30deg\]{--tw-rotate: -30deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-y-1{row-gap:.25rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.rounded-\[1\.2rem\]{border-radius:1.2rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[1px\]{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-\[--color__gray--secondary\]{border-color:var(--color__gray--secondary)}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.bg-\[--color__background--primary-no-transparency\]{background-color:var(--color__background--primary-no-transparency)}.bg-\[--color__background--tertiary\]{background-color:var(--color__background--tertiary)}.bg-\[--color__riskLevel--High\]{background-color:var(--color__riskLevel--High)}.bg-\[--color__riskLevel--Low\]{background-color:var(--color__riskLevel--Low)}.bg-\[--color__riskLevel--Medium\]{background-color:var(--color__riskLevel--Medium)}.bg-\[--color__riskLevel--oldData\]{background-color:var(--color__riskLevel--oldData)}.bg-black\/40{background-color:#0006}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-slate-500{fill:#64748b}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\[0\.4rem\]{padding-left:.4rem;padding-right:.4rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-14{padding-left:3.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-10{padding-right:2.5rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-\[--color__text--primary\]{color:var(--color__text--primary)}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black{--tw-shadow-color: #000;--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-offset-2{outline-offset:2px}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-\[0\.7\]{--tw-saturate: saturate(.7);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-200{transition-delay:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--color__background--primary: rgba(10, 37, 51, .9);--color__background--primary-no-transparency: rgb(10, 37, 51);--color__background_chat--primary-no-transparency: rgb(10, 37, 51);--color__background--secondary: rgb(85, 109, 156);--color__background--tertiary: rgb(21, 61, 82);--color__background--sidePanel: rgba(10, 37, 51, .85);--color__text--primary: rgb(245, 246, 247);--color__text--secondary: rgb(59, 58, 58);--color__gray--primary: rgb(58, 58, 58);--color__gray--secondary: rgb(121, 121, 121);--color__gray--tertiary: rgb(226, 226, 226);--color__gray--light: rgb(184, 181, 181);--color__vesselIndicator: rgb(29, 151, 25);--color__button--color: rgb(255, 255, 255);--color__background--disabled: rgb(151, 148, 148);--color__text--light: rgb(255, 255, 255);--color__text--dark: rgb(59, 58, 58);--color__highlight--primary: rgb(14, 156, 1);--color__highlight--primary--bright: rgb(21, 248, 0);--color__highlight--secondary: #ffcb20;--color__riskLevel--noAlertTypes: #fff;--color__riskLevel--High: #d43835;--color__riskLevel--High--off: linear-gradient( 0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), #d43835;--color__riskLevel--Medium: #f1a809;--color__riskLevel--Medium--off: linear-gradient( 0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), #f1a809;--color__riskLevel--Low: #a8a8a8;--color__riskLevel--Low--off: linear-gradient( 0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4) ), #a8a8a8;--color__riskLevel--oldData: #744190;--color__riskLevel--oldData--off: linear-gradient( 0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), #744190;--color__text--dark--lowOpacity: rgba(59, 58, 58, .5);--color__text--light--lowOpacity: rgb(255, 255, 255, .5);--color__UKC--ok: rgb(0, 196, 10);--color__riskLevel--Warning: rgb(250, 81, 174);--color__riskLevel--Orange: rgb(255, 153, 0);--color__riskLevel--AISOnly: rgb(92, 92, 92);--color__vessel: rgb(255, 255, 255);--color__vessel--selected: rgb(12, 156, 245);--color__GroundingLayer: rgb(255, 166, 0);--color__svgBtn--rolling: var(--color__background--primary);--color__svgBtn--weather: var(--color__background--primary);--color__WindGridLayer: rgb(4, 98, 206);--color__CurrentGridLayer: rgb(4, 98, 206);--color__WaveHeightLayer: rgb(4, 98, 206);--color__CycloneLayer: rgb(255, 174, 0);--color__CycloneProbLayer: rgb(0, 17, 255);--color__WxChartLayer: rgb(4, 98, 206);--color__OceanStormLayer: rgb(248, 170, 25);--color__OceanStormLayer--other: rgb(255, 102, 0);--color__CoastalStormLayer: rgb(248, 104, 193);--color__CoastalStormLayer--other: rgb(252, 0, 55);--color__IcebergLayer: rgb(207, 111, 0);--color__IceConcentrationLayer: rgb(86, 101, 139);--color__SeaVisibilityLayer: rgb(109, 166, 122);--color__GraticuleLayer: rgb(105, 105, 105);--color__NauticalChartLayer: rgb(3, 142, 192);--color__navarea: rgb(85, 4, 236);--color__text--timeSlider: #00fff8;--color__background--timeSlider: rgba(0, 255, 248, .2);--color__menuIcon: rgb(0, 144, 255);--color__legXML--actual: rgb(108, 140, 160);--color__legXML--future: rgb(0, 113, 182);--color__legXML--future--bright: rgb(0, 157, 255);--color__lightModeIcon: rgb(255, 196, 0);--color__darkModeIcon: var(--color__menuIcon);--color__button--hover: var(--color__menuIcon);--color__button--selectedByMenu: var(--color__menuIcon);--color__button--selectedByAlert: rgb(132, 0, 255);--svgOpacity__ahead: .4;--svgOpacity__sbBow: .4;--svgOpacity__sbQuarter: .4;--svgOpacity__ptBeam: .4;--svgOpacity__ptBow: .4;--svgOpacity__ptQuarter: .4;--svgOpacity__astern: .4;--svgOpacity__sbBeam: .4;--svgOpacity__speedArrow: .7;--svgOpacity__rosePointTriangle: 1;--svgOpacity__circle: .4;--svgOpacity__riskHigh: .5;--svgOpacity__riskMed: .3;--svgOpacity__riskLow: 0;--boxShadow--dense: rgba(0, 0, 0, .5) 1px 1px 4px 4px;--svgBtn__rotation: 45deg;--svgBtn__translation: 1.5rem;--border: 1.5px solid var(--color__gray--secondary);--border-radius: 5px;--input-width: 6rem;--side-panel-width: 3.7rem;--layer-menu-width: 20rem;--backdrop-blur: blur(2px);--width__vesselTypeBtn: 2.9rem;--margin__vesselTypeBtn: .2rem;--width-timeSlider: 40rem;--width__playbackIcons: 2rem;--height__playbackIcons: 2rem;--menu-opacity: 1}[theme=LIGHT]{--color__background--primary: rgb(255, 255, 255, .9);--color__background--primary-no-transparency: rgba(255, 255, 255);--color__background_chat--primary-no-transparency: rgba(172, 178, 183, .953);--color__background--secondary: rgb(186, 205, 206);--color__background--tertiary: rgb(211, 219, 219);--color__background--sidePanel: rgba(255, 255, 255, .85);--color__text--primary: rgb(59, 58, 58);--color__text--secondary: rgb(245, 246, 247);--color__gray--primary: rgb(242, 242, 242);--color__gray--secondary: rgb(121, 121, 121);--color__gray--tertiary: rgb(58, 58, 58);--color__vesselIndicator: rgb(105, 55, 172);--color__background--timeSlider: rgba(255, 255, 255, .8);--color__text--timeSlider: #006461}[theme=DARK]{--color__vesselIndicator: rgb(29, 151, 25)}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}ol,ul{padding:0;margin:0;list-style:none}.menuButton{position:absolute;display:flex;justify-content:center;align-items:center;top:0;padding:0;width:var(--side-panel-width);max-width:100%;margin:0;height:11rem;border-right:var(--border);z-index:1}.menu__title{display:flex;width:100%;justify-content:center;font-weight:700;font-size:1.2rem;padding:.5rem 0 1.3rem}.menuIcon:not(.isSelected):hover{fill:var(--color__menuIcon);filter:none}.box-shadow--dense{box-shadow:2px 2px 3px 3px #000000b3}::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{margin:.2rem 0;background:var(--color__background--primary)}::-webkit-scrollbar-thumb{background:var(--color__gray--primary);border-radius:5px;-webkit-transition:.3s;transition:.3s}::-webkit-scrollbar-thumb:hover{background:var(--color__gray--secondary)}.tooltipItem{text-transform:capitalize}body{min-height:100vh;color:var(--color__text--primary);background:var(--color__background--primary);transition:color .5s,background-color .5s;font-family:HelveticaNeue-Condensed,Helvetica Neue,Helvetica,Arial,"M PLUS 1p",ヒラギノ角ゴ Pro W6,ヒラギノ角ゴ W6 JIS2004,ヒラギノ角ゴ ProN W6,HiraKakuProN-W6,Hiragino Kaku Gothic ProN W6,Hiragino Kaku Gothic W6 JIS2004,Noto Sans JP,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer}input[type=checkbox]{cursor:pointer}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.hover\:border-red-700:hover{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity))}.hover\:bg-slate-500:hover{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.hover\:text-sky-700:hover{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity))}.hover\:text-slate-950:hover{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity))}.hover\:opacity-50:hover{opacity:.5}.hover\:saturate-100:hover{--tw-saturate: saturate(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (prefers-color-scheme: dark){.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}}@media (min-width: 768px){.md\:w-40{width:10rem}.md\:w-60{width:15rem}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:px-3{padding-left:.75rem;padding-right:.75rem}}@keyframes ping{0%{opacity:1;transform:scale(1)}50%,to{opacity:0;transform:scale(2)}}.loader__overlay{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(20,20,20,.5);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);z-index:11}.animate-ping{animation:ping 1.4s cubic-bezier(0,0,.2,1) infinite}.delay-200{animation-delay:.3s}.delay-400{animation-delay:.5s}.demoBanner__container[data-v-8c3f1c39]{position:absolute;display:flex;justify-content:center;align-items:center;width:20rem;margin-left:var(--side-panel-width);background:var(--color__text--timeSlider);font-size:1.8rem;font-weight:700;padding:.2rem 0;color:var(--color__text--secondary);transform:rotate(45deg);top:2.5rem;right:-6rem;height:3.5rem;z-index:5;box-shadow:var(--boxShadow--dense)}@media (min-width: 620px){.demoBanner__container[data-v-8c3f1c39]{right:-5rem;width:20rem;font-size:2rem;top:3rem;height:4rem}}.alert-content[data-v-1caa7946]{width:16rem}.alerts[data-v-1caa7946]{display:flex;justify-content:center;align-items:center;width:100%;margin:.2rem 0}.alert-item[data-v-1caa7946]{display:flex;align-items:center;flex-direction:row;width:100%}.alert-name[data-v-1caa7946]{min-width:7rem;width:100%}.alert[data-v-1caa7946]{display:flex;justify-content:center;border-radius:4px;margin-left:.15rem;width:100%}.route-types[data-v-1caa7946]{display:flex}.route-type[data-v-1caa7946]{display:flex;font-weight:700;justify-content:center;margin-left:.15rem;width:100%}.PP[data-v-1caa7946]{align-self:start}.PP-title[data-v-1caa7946]{color:var(--color__highlight--primary)}.OSR[data-v-1caa7946]{align-self:end}.OSR-title[data-v-1caa7946]{color:var(--color__legXML--future)}.Low[data-v-1caa7946]{background:var(--color__riskLevel--Low)}.Medium[data-v-1caa7946]{color:var(--color__text--dark);background:var(--color__riskLevel--Medium)}.High[data-v-1caa7946]{background:var(--color__riskLevel--High)}.Offtrack[data-v-1caa7946]{color:var(--color__text--light);background:var(--color__riskLevel--oldData)}.unselectedRoute[data-v-1caa7946]{opacity:.2}.dropdown-label-item[data-v-89a842ec]{position:relative;max-height:3rem;overflow:visible;display:flex;justify-content:space-between;width:100%;border-bottom:var(--border);margin:3px;overflow:hidden}.dropdown-label-item .-vessel-type[data-v-89a842ec]{color:var(--color__text--dark);background:rgb(122,228,255)}.dropdown-label-item .-attack-type[data-v-89a842ec]{color:var(--color__text--dark);background:#fa8a79}.dropdown-label-tag-container[data-v-89a842ec]{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;height:100%;max-width:4.5rem;padding:0 4px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-label-item-tag[data-v-89a842ec]{font-size:.6rem;line-height:1rem;position:relative;text-overflow:ellipsis;right:0;top:0;max-width:100%;overflow:hidden;white-space:nowrap;display:block;justify-content:flex-start;align-items:center;border-radius:3px;padding:0 2px;margin:1px;box-shadow:0 0 2px 2px #0000001a}.dropdown-container[data-v-af535c71]{position:relative;width:100%;margin-top:.4rem;line-height:1.5rem;font-weight:700;letter-spacing:.5px;border:var(--border);border-radius:3px}.multiselect-list[data-v-af535c71]{overflow:hidden;opacity:.7}.multiselect-list-item[data-v-af535c71]{overflow:hidden}.list-item-label[data-v-af535c71]{cursor:pointer;width:100%;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.dropdown[data-v-af535c71]{position:relative;cursor:pointer;overflow:visible}.multiselect[data-v-af535c71]{position:relative;top:1rem}.multiselect ul[data-v-af535c71]{background:var(--color__gray--primary);border:1px solid #ddd;border-radius:3px;left:0px;padding:8px;position:absolute;top:-1rem;width:100%;list-style:none;max-height:150px;overflow:auto}.select[data-v-af535c71]{width:100%;font-weight:inherit;line-height:inherit;color:inherit;background:inherit;border-radius:3px}.overselect[data-v-af535c71]{position:absolute;top:0;bottom:0;left:0;right:0}.isHover[data-v-af535c71]{background:var(--color__button--selectedByMenu);filter:grayscale(.4);border-radius:3px}.tooltip-content-container[data-v-c24ac40b]{min-width:10rem;width:100%;height:100%;font-size:.8rem;overflow:visible}ul[data-v-c24ac40b]{list-style:none;margin:0;padding:0}.tooltip__limitedHeight[data-v-c24ac40b]{max-height:6rem;overflow-y:auto;padding:.5rem;box-shadow:inset 1px 1px 3px #0003}.bold[data-v-c24ac40b]{font-weight:700}.map[data-v-ba02ce11]{position:absolute;top:0;left:0;margin:0;padding:0;display:flex;height:100%;width:100%}.maplibregl-ctrl-bottom-left{margin:0;padding:0;top:0;right:0;width:-moz-min-content;width:min-content;height:-moz-min-content;height:min-content}.maplibregl-ctrl-bottom-right{margin:0;padding:0}.maplibregl-ctrl-attrib.maplibregl-compact-show{margin:0;padding:0 1.8rem 0 0}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{background:none}.maplibregl-ctrl-bottom-left .maplibregl-ctrl a.maplibregl-ctrl-logo.maplibregl-compact{width:3rem}.maplibregl-popup-content{color:var(--color__text--primary);font-size:.9rem;background:var(--color__background--primary);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);padding:1.1rem .6rem .2rem;z-index:1}.maplibregl-popup-close-button{color:var(--color__text--primary);padding:0 .3rem;font-weight:700}.maplibregl-ctrl{color:var(--color__text--primary);background:var(--color__background--primary)}.maplibregl-ctrl button{border:solid 2px var(--color__gray--primary)}.maplibregl-ctrl button svg{fill:var(--color__text--primary)}.maplibregl-ctrl .maplibregl-ctrl-attrib .maplibregl-compact{margin:0!important;padding:0!important}.maplibregl-ctrl .distanceCalculator__listItem{border:solid 1px var(--color__text--primary)}.maplibregl-ctrl .distanceCalculator__listItem:hover{background:var(--color__gray--primary)}.maplibregl-ctrl-attrib{z-index:100}.maplibregl-ctrl-top-right{top:1.5rem;z-index:8;transition:.4s}.maplibre-control-child__container{max-height:8rem}.maplibre-control-styles .maplibre-control-styles-button{background:var(--color__background--secondary)}.btn--primary{color:var(--color__text--primary);background:inherit;-webkit-backdrop-filter:inherit;backdrop-filter:inherit;border-radius:var(--border-radius);border:var(--border)}.maplibregl-ctrl-attrib-button{background-position:center;bottom:4px!important}.tooltip-select{margin:1rem 0 0;width:100%}.bold{font-weight:700}.maplibregl-ctrl-attrib-inner{color:var(--color__text--primary);padding:2px 4px}.maplibregl-ctrl-attrib.maplibregl-compact{color:var(--color__text--primary);background:var(--color__background--primary);margin:0}.maplibregl-ctrl-attrib.maplibregl-compact a{color:var(--color__text--primary)}.splitpanes.default-theme .splitpanes__pane{background:var(--color__background--primary-no-transparency)}.splitpanes--horizontal>.splitpanes__splitter{border-top:1px solid rgba(189,189,189,.522)!important;border-bottom:1px solid rgba(189,189,189,.522)!important;background-color:var(--color__gray--primary)!important;height:10px!important}.splitpanes.default-theme .splitpanes__splitter:before{background-color:var(--color__gray--tertiary)!important}.splitpanes.default-theme .splitpanes__splitter:after{background-color:var(--color__gray--tertiary)!important}.appContainer[data-v-c44d4e75]{position:absolute;width:calc(100% - var(--side-panel-width));right:0}.splitpanes[data-v-c44d4e75]{color:var(--color__text--primary);background:var(--color__background--primary);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.bottomPane[data-v-c44d4e75]{position:relative;overflow:visible;z-index:3}.mapContainer[data-v-c44d4e75]{position:relative}.toolPane[data-v-c44d4e75]{max-width:calc(100% - var(--side-panel-width))}@media (max-height: 660px){.appContainer[data-v-c44d4e75]{width:calc(100% - var(--side-panel-width) - .4rem)}}.sidePanel{z-index:2;background:cornflowerblue;position:absolute;right:0%;height:100%;transition:.4s}html,body,#app{position:fixed;top:0;left:0;bottom:0;right:0;margin:0;padding:0}