._viewer_11vnh_1{color:#24364b;background:#f8fbfe;border:1px solid #d8e3ed;border-radius:18px;min-width:0;overflow:hidden}._topline_11vnh_2{border-bottom:1px solid #e1eaf1;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px 18px;font-size:14px;display:flex}._topline_11vnh_2 strong{font-size:17px}._topline_11vnh_2 span{color:#5c6f81}._stage_11vnh_4{touch-action:none;cursor:grab;background:radial-gradient(at 50% 45%,#fff 5%,#eff5fa 75%);height:470px;position:relative}._stage_11vnh_4:active{cursor:grabbing}._stage_11vnh_4 canvas{width:100%;height:100%;display:block}._annotations_11vnh_5{pointer-events:none;position:absolute;inset:0}._caption_11vnh_6{text-align:center;color:#53687b;pointer-events:none;width:100%;font-size:13px;position:absolute;bottom:12px;left:0}._loading_11vnh_7{text-align:center;position:absolute;inset:40% 20px auto}._controls_11vnh_8{flex-wrap:wrap;align-items:center;gap:7px;padding:14px 16px 8px;display:flex}._controls_11vnh_8 button{color:#24364b;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c8d7e5;border-radius:9px;padding:8px 12px;font-size:14px}._controls_11vnh_8 select{color:#24364b;min-height:38px;font:inherit;background:#fff;border:1px solid #b8c9d8;border-radius:8px;margin-left:5px}._controls_11vnh_8 button:first-child{color:#fff;background:#243f5a}._controls_11vnh_8 button:hover{box-shadow:0 0 0 2px #b7cddd}._controls_11vnh_8 button:focus-visible{outline-offset:2px;outline:3px solid #3283bf}._controls_11vnh_8 label{align-items:center;gap:6px;min-height:44px;font-size:14px;display:flex}._controls_11vnh_8 input{width:18px;height:18px}._hint_11vnh_13{margin:8px 16px 12px;font-size:16px;line-height:1.8}._legend_11vnh_13{flex-wrap:wrap;gap:8px 16px;padding:0 16px;font-size:14px;display:flex}._legend_11vnh_13 span{align-items:center;gap:6px;display:flex}._legend_11vnh_13 i{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}._vessels_11vnh_15{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:14px 16px;display:grid}._vessels_11vnh_15 span{overflow-wrap:anywhere;background:#fff;border:1px solid #dce5ed;border-radius:8px;padding:8px;font-size:14px}._vessels_11vnh_15 b{margin-right:7px}._vessels_11vnh_15 span[data-active=true]{background:#fff1eb;border-color:#dd866c}._note_11vnh_16{color:#526578;margin:0 16px 14px;font-size:13px;line-height:1.7}._viewer_11vnh_1 details{border-top:1px solid #d8e3ed;padding:12px 16px}._viewer_11vnh_1 summary{cursor:pointer;min-height:32px;font-size:14px}@media (max-width:600px){._topline_11vnh_2{padding:7px 10px;font-size:12px}._topline_11vnh_2 strong{font-size:14px}._stage_11vnh_4{height:255px}._caption_11vnh_6{font-size:11px;bottom:6px}._controls_11vnh_8{flex-wrap:wrap;gap:5px;padding:7px 8px;overflow:visible}._controls_11vnh_8 button{flex:none;min-height:38px;padding:5px 8px;font-size:12px}._controls_11vnh_8 label{flex:none;min-height:38px;font-size:12px}._hint_11vnh_13{margin-inline:10px;font-size:13px;line-height:1.45}._legend_11vnh_13{gap:5px 10px;padding:0 10px 7px;font-size:11px}._vessels_11vnh_15,._note_11vnh_16,._viewer_11vnh_1 details{display:none}}@media (min-width:700px) and (orientation:landscape){._stage_11vnh_4{height:clamp(280px,48vh,440px)}._controls_11vnh_8{padding:10px 12px 6px}._vessels_11vnh_15{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 12px}._hint_11vnh_13{font-size:14px;line-height:1.55}._legend_11vnh_13{padding-inline:12px}._note_11vnh_16{margin-inline:12px}}