:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans)}body,p{margin:0}*{box-sizing:border-box}.App{background:linear-gradient(#333,#000);position:fixed;inset:0}.initialization{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.initialization button{border:none;border-radius:1rem;padding:1rem;font-size:1rem;font-weight:700}.initialization label{color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.initialization input{text-align:center;border:none;border-radius:.5rem;width:6rem;height:2rem;margin-left:1rem}.settingsButton{z-index:3;position:fixed;top:1rem;right:1rem}.tag{border:2px solid;border-radius:.5rem;max-width:8rem;height:2rem;margin:.25rem;padding:.25rem .5rem;overflow:hidden}.tag:not(.dark){text-shadow:0 0 3px #fff}.dark.tag{color:#fff}.editTags{flex-direction:column;justify-content:center;align-items:flex-start;margin-left:1rem;display:flex}.editTagWrapper{justify-content:center;align-items:center;height:45px;display:flex}.colorPickerWrapper{border:1px solid #000;border-radius:.5rem;width:2rem;height:2rem;margin-left:10px;position:relative;overflow:hidden}.colorPicker{width:5rem;height:5rem;margin-top:-1rem;margin-left:-1rem}.tagNameInput{width:5rem;height:1.5rem;margin-left:1rem}.addTagButton{color:#fff;background-color:#000;border:none;border-radius:1rem;justify-content:center;align-items:center;width:3rem;height:2rem;margin-top:2rem;margin-left:4rem;font-size:2rem;display:flex}.restaurant{--bgColor:#464442;background:linear-gradient(#222,#444);background-color:var(--bgColor);color:#000;width:calc(100vw - 4rem);font-weight:500;overflow:hidden}.restaurant:not(:last-child){margin-bottom:2rem}.restaurant,.restaurant>*{position:relative}.restaurant,.restaurant .header{border-radius:.75rem}.restaurant .tagColorUnderlay{opacity:1;will-change:opacity;transition:opacity .3s linear;position:absolute;inset:0}.expanded.restaurant .tagColorUnderlay{opacity:0}.restaurant .header{min-height:3rem;padding:0 3.25rem .5rem .25rem}.restaurant .header textarea,.restaurant .header span{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);background-color:#efe9e1;border:1px solid #000;border-radius:.5rem;padding:.5rem}.restaurant .header textarea{resize:none;font-size:1rem;position:absolute;inset:0 3.25rem .5rem .25rem}.restaurant .header span{display:block}.restaurant.editing .header span{opacity:0;pointer-events:none}.restaurant .detailsWrapper{grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;display:grid}.expanded.restaurant .detailsWrapper{grid-template-rows:1fr}.restaurant .details{min-height:0;overflow:hidden}.restaurant .detailsContent{padding:.5rem}.restaurant .detailsContent .tagsLabel{text-align:left;color:#fff}.restaurant .detailsContent .tags{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;display:flex;position:relative}.restaurant .detailsContent .tags .editTagsButton{background-color:#000;border:none;border-radius:1rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex;position:absolute;top:0;left:0}.restaurant .detailsContent .tags .editTagsButton svg{width:1.45rem;height:1.45rem}.restaurant .detailsContent .tags .tagsButtonSpacer{width:2rem;height:2rem}.restaurant .detailsContent .tags .tag{will-change:max-width, margin, border-color, padding;transition:max-width .5s ease-out,margin .3s ease-out .1s,border-color .3s ease-out,padding .2s ease-out}.restaurant .detailsContent .tags .active.tag{border-color:#fff!important}.restaurant .detailsContent .tags .tag:not(.active){opacity:.6}.restaurant .detailsContent .tags .collapsed.tag{border-width:0;max-width:0;margin:0;padding:.25rem 0}.addRestaurantContainer{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:fixed;top:1rem;left:0;right:0}.restaurantActionButtonContainer{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:.5rem}.selectThisRestaurantButton{background-color:#ddd;border:1px solid #000;border-radius:100%;width:2.2rem;height:2.2rem;position:relative;box-shadow:0 2px 4px 2px #00000070}.selectThisRestaurantButton svg{pointer-events:none;position:absolute;inset:0}.active.selectThisRestaurantButton{background-color:#fff;box-shadow:0 0 5px 2px #87ff80}.selectThisRestaurantButton svg path{box-shadow:0 0 5px 2px #87ff80}.addRestaurant{opacity:1;background-color:#fff;border:none;border-radius:1rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:2rem;transition:opacity .3s ease-in;display:flex}.active.addRestaurant{pointer-events:all}.disabled.addRestaurant{opacity:0}.deleteButton{background:#fff;border:none;border-radius:100%;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:.1rem;padding:0;display:flex}.deleteButton svg{width:2rem;height:2rem}.deleteModalBackdrop{z-index:4200;background-color:#000d;position:fixed;inset:0}.deleteModalContainer{z-index:4201;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.deleteModal{pointer-events:all;background-color:#fff;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:1rem 2rem;display:flex}.deleteModal .buttonContainer{gap:1rem;margin-top:2rem;display:flex}.deleteModal .buttonContainer button{color:#fff;background-color:#1e90ff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:1.5rem;box-shadow:0 2px 4px 2px #00000090}.deleteModal .buttonContainer .dangerButton{background-color:red}.listWrapper{justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.list{min-height:calc(80vh - 4.5rem);max-height:calc(100vh - 4.5rem);padding:.5rem .5rem 1rem;overflow:auto}.xburgerMenuButton{cursor:pointer;-webkit-tap-highlight-color:#fff0;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:1.3em;display:flex}.xburgerMenu{padding-top:80px;position:fixed;top:0;bottom:0}.xburgerMenu.fader{left:0;right:0}.slider.xburgerMenu{left:calc(100vw + 20px);right:calc(-80vw - 20px)}.left.slider.xburgerMenu{left:calc(-80vw - 20px);right:calc(100vw + 20px)}.button{position:absolute;top:1rem}.button:not(.left){right:1rem}.left.button{left:1rem}.xburgerTouchOutsideSensor{opacity:0;pointer-events:none;position:absolute;inset:0}.xburgerTouchOutsideSensor.show{opacity:1;pointer-events:unset}.slider.xburgerMenu.show{left:0;right:0}.partial.slider.xburgerMenu.show:not(.left){left:20vw}.partial.left.slider.xburgerMenu.show{right:20vw}.xburgerMenu a *{pointer-events:none}.fader.xburgerMenu{opacity:1}.fader.xburgerMenu:not(.show){opacity:0;pointer-events:none}.settingsButton,.resetButton{background:0 0;border:none;outline:none}.resetButton,.settingsButton{border-radius:10px;width:50px;height:50px;padding:10px}.settingsButton svg{width:100%;height:100%}.resetButton{padding:5px}.resetButton svg{width:40px;height:40px}@-moz-keyframes spinCC{0%{-moz-transform:rotate(0)}to{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spinCC{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@keyframes spinCC{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.numberSelect{z-index:2;position:relative}.swipeBlobContainer{position:absolute;inset:0}.swipeBlobContainer .swipeBlob{clip-path:polygon(15% 20%,50% 0,85% 20%,100% 50%,80% 85%,50% 100%,20% 85%,0 50%);position:absolute}.plusMinus{text-align:center;z-index:3;color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0}.plusMinus svg{margin:0}.numberSelect_doneClosing{z-index:1}.numberSelect_value{z-index:2;border-radius:100%;justify-content:center;align-items:center;display:flex;position:relative}.numberSelect_input{opacity:1;z-index:1;transition:opacity .2s linear}.numberSelect_input-hidden{opacity:0;pointer-events:none}.numberSelect_increment{z-index:2;border-radius:100%;transition:top .2s linear,bottom .2s linear;position:absolute}.numberSelect_blur{pointer-events:none;z-index:1;opacity:1;transition:opacity .2s linear;position:absolute}.numberSelect_input-hidden .numberSelect_blur{opacity:0}.numberSelect_add svg path{translate:0 -2rem}.numberSelect_subtract svg path{translate:0 2rem}.grevlingPaneView{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;position:absolute;inset:0;overflow:auto scroll}.grevlingPaneView::-webkit-scrollbar{display:none}.grevlingPaneViewScrollyContent{width:100%;height:100%;display:flex}.grevlingPaneViewPane{scroll-snap-align:start;scroll-snap-stop:always;min-width:100%;max-height:100%}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@-moz-keyframes spinCC{to{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spinCC{to{-webkit-transform:rotate(-360deg)}}@keyframes spinCC{to{transform:rotate(-360deg)}}.filter{flex-direction:column;justify-content:center;align-items:flex-start;margin-left:1rem;display:flex}
