@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&family=Roboto:ital,wght@0,400;0,700;1,400&family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap";body{font-family:Roboto,sans-serif;padding:0;margin:0;font-size:16px}@media(max-width:640px){body{font-size:12px}}#appContainer{min-height:100vh;display:flex;flex-direction:column}#appContainer>header{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px;box-shadow:0 0 8px 0 rgba(0,0,0,.75);z-index:1;position:relative}@media(max-width:640px){#appContainer>header{flex-direction:column}}#appContainer>header h1{margin:0}#appContainer>header .search{flex:1 1;padding:0 45px}#appContainer>header .search input{font-size:1.25em;min-width:100%}@media(max-width:640px){#appContainer>header .search{padding:15px;width:100%}}#appContainer>header .filters label{font-weight:700}#appContainer>header .filters label,#appContainer>header .filters select{font-size:1.25em;padding:5px}@media(max-width:640px){#appContainer>header .filters{display:none}}#appContainer>main{display:flex;flex:1 1;height:100%}#appContainer>main>aside{position:relative;transition:max-width 1s;overflow-x:hidden;max-width:100%;max-height:100%;overflow-y:scroll}#appContainer>main>aside ul{max-height:450px;list-style:none;margin:0;padding:0}#appContainer>main>aside ul li{padding:5px 15px}#appContainer>main>aside ul li:nth-child(2n){background:#eee}#appContainer>main>button.shrinkList{border:none}#appContainer>main>article{width:100%;background:#a9a9a9}#appContainer>main>article .marker{cursor:pointer}#appContainer>main>article .marker .details{position:relative;display:none;width:250px;background:#fff;border:1px solid #344;text-align:center;font-size:18px;margin-left:-125px;z-index:3}#appContainer>main>article .marker:hover .details{display:block}#appContainer>main>article .marker.selected{position:relative;z-index:2}#appContainer>main.shrunk>aside{max-width:0}#appContainer>footer{padding:15px}.ReactModal__Overlay{opacity:0;transition:opacity .25s ease-in-out}.ReactModal__Overlay.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay.ReactModal__Overlay--after-open .foodTruckDetailsModal{transform:translateY(0)}.ReactModal__Overlay.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Overlay.ReactModal__Overlay--before-close .foodTruckDetailsModal{transform:translateY(-100%)}.ReactModal__Overlay .foodTruckDetailsModal{margin:69px 30px 30px;background:#fff;border:none;box-shadow:0 0 8px 0 rgba(0,0,0,.75);position:relative;transition:transform .25s ease-in-out;transform:translateY(-100%)}.ReactModal__Overlay .foodTruckDetailsModal>header{position:relative}.ReactModal__Overlay .foodTruckDetailsModal>header:before{content:"";display:block;width:100%;padding-bottom:35%;background:url(/_next/static/media/dalle-foodtruck.50ab8313.png) no-repeat 100% 100%;background-size:cover;z-index:1}.ReactModal__Overlay .foodTruckDetailsModal>header button.close{position:absolute;top:15px;right:15px;display:flex;align-items:center;background:none;border:none;color:#fff;text-shadow:0 0 5px #000;font-size:1em;font-weight:700;z-index:1}.ReactModal__Overlay .foodTruckDetailsModal>header h1{position:absolute;bottom:15px;left:15px;font-size:3.5em;color:#fff;text-shadow:0 0 5px #000;margin:0}@media(max-width:640px){.ReactModal__Overlay .foodTruckDetailsModal>header h1{font-size:2em}}.ReactModal__Overlay .foodTruckDetailsModal>header a.directions{position:absolute;bottom:15px;right:15px;color:#fff;text-decoration:none;font-size:1.5em;font-weight:700;text-shadow:0 0 5px #000}@media(max-width:640px){.ReactModal__Overlay .foodTruckDetailsModal>header a.directions{bottom:-30px;left:15px;color:blue;text-shadow:none}}.ReactModal__Overlay .foodTruckDetailsModal>main{padding:15px}.ReactModal__Overlay .foodTruckDetailsModal>main table{text-align:left;width:100%}.ReactModal__Overlay .foodTruckDetailsModal>main table tr:nth-child(2n){background:#eee}.ReactModal__Overlay .foodTruckDetailsModal>main table td{padding:5px}@media(max-width:640px){.ReactModal__Overlay .foodTruckDetailsModal>main table{margin-top:15px}.ReactModal__Overlay .foodTruckDetailsModal{margin-top:125px}}