.HDSeaLegend[data-v-0466acb6]{color:#fff;box-sizing:border-box;background:#002140e6;border:1px solid #0bc4e9;width:360px;min-height:100px;padding:10px;position:relative}.HDSeaLegend .HDSeaLegend__head[data-v-0466acb6]{width:100%;position:relative}.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-top[data-v-0466acb6]{color:#fff;justify-content:space-between;align-items:center;width:100%;height:20px;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-top .closeBtn[data-v-0466acb6]{cursor:pointer;background:#b4c4d247;border:1px solid #b0d2e65c;border-radius:50%;width:16px;height:16px;transition:background-color .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(1);box-shadow:inset 0 1px 1px #ffffff1f}.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-top .closeBtn[data-v-0466acb6]:before,.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-top .closeBtn[data-v-0466acb6]:after{content:"";transform-origin:50%;opacity:0;background:#7a1b18;border-radius:1px;width:9px;height:1.8px;transition:opacity .2s;position:absolute;top:50%;left:50%}.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-top .closeBtn[data-v-0466acb6]:before{transform:translate(-50%,-50%)rotate(45deg)}.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-top .closeBtn[data-v-0466acb6]:after{transform:translate(-50%,-50%)rotate(-45deg)}.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-top .closeBtn[data-v-0466acb6]:hover{background:#ff5f57;border-color:#e0443e;transform:scale(1.14);box-shadow:inset 0 1px 1px #ffffff59,0 0 0 1px #0003}.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-top .closeBtn[data-v-0466acb6]:hover:before,.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-top .closeBtn[data-v-0466acb6]:hover:after{opacity:1}.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-top .closeBtn[data-v-0466acb6]:active{transform:scale(.96)}.HDSeaLegend .HDSeaLegend__head .HDSeaLegend__head-line[data-v-0466acb6]{width:100%;height:10px}.HDSeaLegend .HDSeaLegend__body[data-v-0466acb6]{grid-template-columns:repeat(3,1fr);gap:10px 12px;margin-top:10px;display:grid}.HDSeaLegend .HDSeaLegend__item[data-v-0466acb6]{align-items:center;gap:6px;font-size:14px;display:flex}.HDSeaLegend .HDSeaLegend__icon[data-v-0466acb6]{object-fit:contain;width:20px;height:20px}.HDSeaLegend .HDSeaLegend__label[data-v-0466acb6]{color:#fff}