div#location-modal{z-index:9999;position:fixed;width:100%;height:100%;top:0;left:0;background:#0000005c;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}div#location-modal .modal-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:10PX;background:#fff;width:-moz-fit-content;width:fit-content;padding:30px;max-width:800px;max-height:50%;overflow:hidden;position:relative;border-radius:15px}div#location-modal .modal-content h2{width:100%}div#location-modal .modal-content .button-wrap{display:flex;flex-direction:row;gap:10px;width:49%;box-sizing:border-box}div#location-modal.hide{display:none}form#location-finder{width:100%;display:flex}input#location-search{background:#fff;border:1px solid #33b6d6;width:50%;margin-right:10px}div#location-results{width:100%;overflow-y:scroll;height:70%;opacity:0}div#location-results ul{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}li.location-result-item{list-style:none;margin:0;width:48%;padding:10px;background:#f5f5f5;position:relative;border:1px solid #33b6d6;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}span.distance{position:absolute;right:10px;top:10px;background:#33b6d6;padding:4px 6px;color:#fff;border-radius:10px}button#close-location-modal{position:absolute;top:30px;right:30px;width:32px;height:32px;background:#33b6d6;font-weight:bolder;color:#fff}button#use-location-current{background:#065697;color:#fff;font-weight:bolder}button#use-location-current:hover{background:#33b6d6}button#close-location-modal:hover{background:#065697}li.location-result-item a.location-link{background:#51c0dc;color:#fff;font-weight:bolder;padding:10px;text-align:center}li.location-result-item a.location-link:hover{background:#065697}.location-result-item h3{padding-right:40%}@media screen and (max-width:768px){.location-result-item h3{padding-right:0}div#location-modal .modal-content{width:100%;max-width:100%;display:flex;flex-direction:column;max-height:90%;padding:10px}form#location-finder{width:100%;display:flex;flex-direction:column;gap:10px}input#location-search{width:100%}div#location-modal .modal-content .button-wrap{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}div#location-modal .modal-content .button-wrap button{width:48%}div#location-results ul{display:flex;flex-direction:column}li.location-result-item{width:100%;padding:40px 10px 10px}li.location-result-item a.location-link{margin:10px 0}span.distance{position:absolute;right:0;top:0;background:#33b6d6;padding:4px 6px;color:#fff;border-radius:0;font-size:15px}button#close-location-modal{top:10px;right:10px}div#location-modal .modal-content h2{margin-top:30px}}