@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: #ffffff}.custom-marker{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background-color:var(--google-white);color:var(--google-blue);border:1px solid var(--google-silver);border-radius:20px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:600;box-shadow:0 4px 6px #3c40431a,0 1px 3px #3c404333;white-space:nowrap;position:relative;cursor:default;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;-webkit-user-select:none;user-select:none}.custom-marker:hover{background-color:#f8f9fa;box-shadow:0 8px 16px #3c404333,0 2px 4px #3c404340;animation:marker-bounce .5s ease-out forwards}.custom-marker:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--google-silver);transition:border-top-color .2s ease-in-out}.custom-marker:before{content:"";position:absolute;top:99%;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--google-white);z-index:1;transition:border-top-color .2s ease-in-out}.custom-marker:hover:after{border-top-color:#cacdd2}.custom-marker:hover:before{border-top-color:#f8f9fa}