*{box-sizing:border-box;margin:0;padding:0}p{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}header{background-color:#343434;position:fixed;top:0;width:100vw;z-index:50}nav{align-items:center;background-color:#292929;color:#fff;justify-content:space-between;margin:auto;max-width:800px}nav,nav div{display:flex}nav a,nav button{background-color:#000;border:none;border-radius:0;color:inherit;display:inline-block;font-family:serif;font-family:initial;font-size:medium;height:auto;padding:5px;text-decoration:inherit;width:auto}nav a:hover,nav button:hover{background-color:#151515}#aboutContainer div{background:#fff;border:1px solid #000;border-radius:5px;margin-bottom:5px;padding:5px}#aboutContainer img{border-radius:5px;margin-top:10px;max-width:200px}#contentContainer{display:flex;flex-direction:column;margin:0 auto;max-width:1000px;min-height:100%}#contentContainer img{border:1px solid #000;border-radius:5px;width:100%}#yelpBars{border-radius:5px;padding:0}#yelpBars li{align-items:center;background-color:hsla(0,0%,100%,.8);border:1px solid #000;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;list-style:none;margin-bottom:5px;padding:0;position:relative}#yelpBars li a{border:1px solid #000;border-radius:3px;color:inherit;display:inline-block;margin-top:1px;padding:1px;text-decoration:inherit}#yelpBars li a:hover{background-color:hsla(0,0%,100%,.5)}#yelpBars li:hover{background-color:hsla(0,0%,100%,.75)}#yelpBars li:active{background-color:hsla(0,0%,100%,.5)}#yelpBars li>div:first-child{align-items:center;border:1px solid #000;border-radius:50%;display:flex;height:80px;justify-content:center;margin:5px;overflow:hidden;width:80px}#yelpBars li>div:first-child img{border:none;height:auto;width:140%}#yelpBars li:hover>div:first-child img{-webkit-transform:scale(110%);transform:scale(110%);transition:all .2s}#yelpBars li:active>div:first-child img{-webkit-transform:scale(104%);transform:scale(104%)}#yelpBars li>div:nth-child(2){align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative;right:25px;text-align:center}#yelpBars li>div:last-of-type{background-color:initial;font-size:57px;position:absolute;right:0;top:5px;-webkit-transform:rotate(27deg);transform:rotate(27deg)}form{background-color:#b9b9b9;padding:5px 0;position:-webkit-sticky;position:sticky;top:28px;width:100%;z-index:10}form>*{text-align:center;width:100%}button,form input{border:1px solid #000;border-radius:5px;height:30px}form input:first-child{margin-bottom:5px}#directions{background-color:#fff;border:1px solid #000;border-radius:5px;padding:5px}#directions button,#directions h3{margin-top:15px}#directions h4{margin-top:0}#directions ul{-webkit-padding-start:40px;padding-inline-start:40px}#routeContent>div:first-child{margin-bottom:1px;position:relative;width:100%}#noResults{background-color:#fff;border:1px solid #000;border-radius:5px;height:100%;padding:5px}#noResults ol{-webkit-padding-start:40px;padding-inline-start:40px}button,input[type=submit]{display:block;width:100%}button.submit{-webkit-animation:success 1s 1;animation:success 1s 1}@-webkit-keyframes success{0%{background-color:initial}to{background-color:#539653;color:#fff}}@keyframes success{0%{background-color:initial}to{background-color:#539653;color:#fff}}button a{color:inherit;display:inline-block;line-height:2;text-decoration:inherit;vertical-align:middle;width:100%}button:hover,input[type=submit]:hover{background-color:#dbdbdb;cursor:pointer}#yelpBars li.default{display:none}#noResults{min-height:calc(100vh - 150px)}div#noResults.loading div{align-items:center;display:flex;flex-direction:column;height:40vh;justify-content:center;position:-webkit-sticky;position:sticky;top:28px}#contentContainer img#demoImg{border-radius:0;border-radius:initial;margin-top:5px}#homeMessage{position:-webkit-sticky;position:sticky;top:28px}#homeMessage button{display:inline-block;padding:5px 8px;width:auto}.loader{-webkit-animation:spin 1s infinite;animation:spin 1s infinite;font-size:200px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}div#noResults.loading span{-webkit-animation:move-backwards 1s infinite;animation:move-backwards 1s infinite;font-size:20px;font-weight:700;position:relative}@-webkit-keyframes move-backwards{0%{opacity:0;right:-60px}20%{opacity:1}80%{opacity:1}to{opacity:0;right:30px}}@keyframes move-backwards{0%{opacity:0;right:-60px}20%{opacity:1}80%{opacity:1}to{opacity:0;right:30px}}@media screen and (min-width:600px){#contentContainer{flex-direction:row;max-width:800px}#contentContainer>div{flex:1 1}#contentContainer>div:first-child{min-width:280px}#contentContainer>div:first-child>div{position:-webkit-sticky;position:sticky;top:28px;z-index:10}#contentContainer>div:nth-child(2){flex-basis:400px;margin:5px 0 0 5px;max-width:453px}#yelpBars li.default{cursor:auto;display:flex;opacity:.5;padding-right:8px}#yelpBars li.default>div{background-color:#a0a0a0;border:none;color:#a0a0a0;position:static}#yelpBars li.default.noSelect>div:nth-child(2){background-color:initial;position:relative;right:21px}#yelpBars li.default.noSelect:hover{cursor:pointer}#yelpBars li.default.noSelect div{background-color:inherit;color:inherit}#yelpBars li.default.noSelect>div:last-of-type{background-color:initial;font-size:47px;position:absolute;right:2px;top:3px;-webkit-transform:rotate(158deg);transform:rotate(158deg)}#yelpBars li.default.noSelect img,#yelpBars li.default.noSelect:hover img{-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transform:rotate(180deg);transform:rotate(180deg)}#noResults{min-height:100%}}#savedBarsContainer{background-color:#e3e3e3;border:1px solid #000;border-radius:5px;display:flex;flex-direction:column-reverse;height:100%;min-height:calc(100vh - 106px);padding:5px}#savedBarsContainer img{width:100%}#refreshRouteList{cursor:pointer;justify-content:center}#savedBarsContainer #savedResultsList ul{list-style:none}#savedBarsContainer #savedResultsList li{background-color:#fff;border:1px solid #000;border-radius:5px;display:flex;flex-direction:column;margin-bottom:5px;padding:5px}#savedBarsContainer #savedResultsList li:last-of-type{margin-bottom:0}#savedBarsContainer li>div{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.barResultContainer{position:relative}#savedBarsContainer #savedResultsList ul.refresh{border:none;height:auto;position:static}.barImgResultContainer{align-items:center;border:1px solid #000;border-radius:50%;display:flex;height:70px;justify-content:center;margin:5px;overflow:hidden;position:absolute;top:0;width:70px}.barImgResultContainer>img{-webkit-transform:scale(1.5);transform:scale(1.5)}#savedResultsList .barButtonResultContainer,#savedResultsList .barImgResultContainer{display:none}#savedResultsList li div.barResultContainer{-webkit-filter:grayscale(1);filter:grayscale(1)}#savedResultsList li:hover div.barResultContainer{-webkit-filter:initial;filter:none}#savedResultsList li:hover .barButtonResultContainer,#savedResultsList li:hover .barImgResultContainer{display:flex}#savedBarsContainer li div button:first-of-type{margin-bottom:5px}#savedResultsDirections{background-color:#fff;border:1px solid #000;border-radius:5px;margin-bottom:5px;padding:5px}#savedResultsDirections ul{-webkit-padding-start:40px;padding-inline-start:40px}.barButtonResultContainer{align-content:center;bottom:5px;display:flex;justify-content:center;left:5px;position:absolute;width:100%}.barButtonResultContainer button{margin-right:5px}@media screen and (min-width:600px){#savedBarsContainer{flex-direction:row;max-width:800px}#savedResultsDirections{margin:0 0 0 5px}#savedBarsContainer>div{flex:1 1}#savedBarsContainer #savedResultsDirections{flex:1.5 1}#savedResultsList{border-radius:5px;border-top:1px solid;max-height:100vh;overflow:scroll;position:-webkit-sticky;position:sticky;top:33px}#savedResultsList.refresh{border-bottom:none}#savedBarsContainer #savedResultsList ul.refresh #refreshRouteList{border-bottom:1px solid #000;display:block;text-align:center}#savedBarsContainer #savedResultsList li:first-of-type{border-top:none;margin-top:0}}html{background-color:#5a5a5a}svg{vertical-align:top}main{background-color:#b9b9b9;border:1px solid #000;border-radius:5px;margin:33px auto 5px;max-width:800px;min-height:calc(100vh - 67px);padding:0 5px 5px}footer{background-color:#343434;color:#fff;padding:5px;text-align:center}:root{--red-crayola:#ef2d56;--pumpkin:#ed7d3a;--pistachio:#8cd867;--emerald:#2fbf71;--jet:#363537}body,html{background-color:#31283a}form,main{background-color:#2fbf71;background-color:var(--emerald)}#savedBarsContainer{background-color:hsla(0,0%,100%,.8)}footer,header,nav{background-color:#21162e}nav a,nav button{background-color:#110024}nav a:hover,nav button:hover{background-color:#290065}nav a:active,nav button:active{background-color:#2b006c}button,input[type=submit]{background-color:#ed7d3a;background-color:var(--pumpkin)}button:hover,input[type=submit]:hover{background-color:#ee6c21}button:active,input[type=submit]:active{background-color:#ca500a}button.delete{background-color:#ef2d56;background-color:var(--red-crayola)}#directions button,#directions button.success,.barButtonResultContainer button:first-of-type{background-color:#8cd867;background-color:var(--pistachio)}
/*# sourceMappingURL=main.3619f4bc.css.map*/