body{margin:0}html,body,#map{height:100%}svg{width:24px;height:24px}img,svg{display:block}
#search-form{position:absolute;top:10px;left:10px;display:flex;z-index:800;border-radius:4px;border:2px solid rgba(0,0,0,0.2)}
@media(max-width:480px){#search-form{right:10px}}#search-input,#search-button{margin:0;border:0}
#logo{width:32px;height:32px;border-right:1px solid #ccc;padding:4px;background-color:#fff;border-radius:4px 0 0 4px}
#search-input{font:16px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif;z-index:8001;flex:1;width:240px;padding:8px 12px;border-radius:0;border-right:1px solid #ccc}
#search-button{padding:8px;border-radius:0 4px 4px 0;background-color:#fff;cursor:pointer}
#logo:hover,#logo:focus,#search-button:hover,#search-button:focus{background-color:#f4f4f4}
#location-button{box-sizing:border-box;padding:3px}
.is-loading{pointer-events:none}.is-loading>.search-icon{display:none}.is-loading>.spinner{display:block}
@keyframes rotate{100%{transform:rotate(360deg)}}
.spinner{display:none;animation:rotate 1s linear infinite}
.path{stroke-dasharray:32;stroke-dashoffset:0;stroke:#000}