@keyframes marker-bounce{0%{transform:translateY(0)}30%{transform:translateY(-12px)}55%{transform:translateY(-5px)}75%{transform:translateY(-10px)}to{transform:translateY(-8px)}}html,gmp-map-3d{height:100%}html,body{height:100%;margin:0;padding:0}:root{--google-blue:#1a73e8;--google-gray:#3c4043;--google-silver:#dadce0;--google-white:#fff}.custom-marker{background-color:var(--google-white);color:var(--google-blue);border:1px solid var(--google-silver);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;border-radius:20px;justify-content:center;align-items:center;padding:8px 16px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:600;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:inline-flex;position:relative;box-shadow:0 4px 6px #3c40431a,0 1px 3px #3c404333}.custom-marker:hover{background-color:#f8f9fa;animation:.5s ease-out forwards marker-bounce;box-shadow:0 8px 16px #3c404333,0 2px 4px #3c404340}.custom-marker:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--google-silver);width:0;height:0;transition:border-top-color .2s ease-in-out;position:absolute;top:100%;left:50%;transform:translate(-50%)}.custom-marker:before{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-top:7px solid var(--google-white);z-index:1;width:0;height:0;transition:border-top-color .2s ease-in-out;position:absolute;top:99%;left:50%;transform:translate(-50%)}.custom-marker:hover:after{border-top-color:#cacdd2}.custom-marker:hover:before{border-top-color:#f8f9fa}