.cp-explore-map{padding-top:32px}.cp-explore-map__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.cp-explore-map__head h2{font-size:24px}.cp-explore-map__head button{border:1px solid var(--cp-line);background:#fff;border-radius:8px;padding:7px 10px;color:var(--cp-ink)}.cp-explore-map__canvas{height:380px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(25deg,#d8e3d5,#bbd4da);margin-top:12px}.cp-explore-map__canvas:before{content:"";position:absolute;right:34%;top:-30%;width:30%;height:160%;border-radius:45%;background:#7bb3c1;transform:rotate(17deg)}.cp-explore-marker{position:absolute;right:var(--x);top:var(--y);z-index:2}.cp-explore-marker span{width:42px;height:42px;border:3px solid #fff;border-radius:50% 50% 50% 7px;transform:rotate(-45deg);display:grid;place-items:center;background:#183f46;color:#fff;box-shadow:0 4px 12px #0003}.cp-explore-marker b{display:none;position:absolute;white-space:nowrap;background:#fff;border-radius:7px;padding:6px;top:45px;font-size:11px}.cp-explore-marker:hover b,.cp-explore-marker:focus b{display:block}.cp-explore-marker--accommodation span{background:#00a85a}.cp-explore-marker--boat span{background:#a87820}@media(max-width:640px){.cp-explore-map__head{align-items:flex-start;flex-direction:column}.cp-explore-map__canvas{height:300px}}