html,body{height:100%;margin:0}body{display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif}.container{display:flex;height:100vh;width:100%}gmp-map{flex-grow:1}.ui-panel{width:400px;margin-left:20px;margin-right:20px;margin-top:10px;overflow-y:auto;font-family:Arial,Helvetica,sans-serif}.list-container{display:flex;flex-direction:column}gmp-place-search{width:100%;margin:0;border:none;color-scheme:light}.query-input{width:100%;padding:8px;margin-bottom:10px;box-sizing:border-box}.search-button{width:100%;padding:8px;margin-bottom:10px;box-sizing:border-box;background-color:#1a73e8;color:#fff;border:none;cursor:pointer}.search-button:hover,.search-button:focus-visible{background-color:#1765cc}