.marine-component20{position:absolute;z-index:805;left:16px;top:116px;background:#17445bd9;color:#fff;border-radius:9px;box-shadow:0 3px 12px #16394b35;padding:8px 11px;font-size:12px}.marine-component20[hidden]{display:none}.marine-component20 label{display:flex;align-items:center;gap:9px}.marine-component20 select{background:#fff;color:#285770;border:1px solid #cbdde7;border-radius:6px;padding:6px 8px;font:inherit;min-height:31px}.marine-point20{position:absolute;z-index:885;right:83px;bottom:108px;width:420px;max-width:calc(100% - 100px);max-height:calc(100% - 180px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#fff;color:#28536b;border-radius:14px;padding:17px 20px 14px;box-shadow:0 5px 27px #12374b40}.marine-point20[hidden]{display:none}.marine-subtitle20{font-size:12px;line-height:1.4;margin:5px 0 12px;color:#54798d}.marine-values20{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 13px}.marine-values20>div{min-width:88px;flex:1}.marine-values20 small{display:block;font-size:10px;color:#658494;margin-bottom:4px}.marine-values20 strong{display:block;font-size:16px;font-weight:700}.marine-controls20{display:flex;flex-direction:column;gap:8px;margin-top:8px}.marine-controls20 select{font:inherit;font-size:12px;color:#2d5b73;background:white;border:1px solid #dce8ee;border-radius:7px;padding:7px 9px;min-height:33px;max-width:100%}#marine-chart20 svg{display:block;width:100%;height:auto}#marine-credit20{font-size:9px;line-height:1.5;color:#76909e;margin:8px 0 0}.marine-active #wind-options{max-width:calc(100% - 120px)}.marine-active #marine-component20{top:165px}.marine-active #radar-legend strong{max-width:260px;line-height:1.35}.marine-active #radar-legend small{display:block;margin-top:5px;color:#5a7b8d;font-size:10px}
@media(max-width:700px){.marine-point20{right:72px;bottom:101px;width:390px;max-width:calc(100% - 84px);max-height:calc(100% - 182px);padding:13px 16px}.marine-values20{gap:8px}.marine-values20 strong{font-size:14px}.marine-values20 small{font-size:9px}.marine-component20{left:8px;font-size:11px}.marine-active #marine-component20{top:153px}}
@media(max-width:430px){.marine-point20{right:8px;max-width:calc(100% - 16px);bottom:101px;max-height:calc(100% - 217px)}}