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