:root{--font:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--main-color:#8267d0;--text-color:#000;--text-color-active:#000;--color-active:#bd3699;--border-color:#e4e4e7}*{-webkit-font-smoothing:antialiased;box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:var(--font);font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body,html{height:100%}body{color:var(--text-color);font-family:var(--font);font-size:14px;font-weight:400}.flex{display:flex}.direction{flex-direction:column}.wrap{flex-wrap:wrap}.center{justify-content:center}.vertical{align-items:center}.space{justify-content:space-between}.start{justify-content:flex-start}.end{justify-content:flex-end}.f1{flex:1}.pt15{padding-top:15px}.pt10{padding-top:10px}.pl15{padding-left:15px}.pl10{padding-left:10px}body,html{height:100%}.auth{padding:20px}.logo img{height:60px;width:auto}.logo h2{padding-top:20px}.centered{margin:0 auto;padding:150px 0;text-align:center;width:300px}.centered b{display:inline-block;padding-top:15px}.centered .refresh{background:var(--main-color);border-radius:30px;color:#fff;cursor:pointer;font-weight:600;margin-top:50px;padding:10px}.tabs{background:#f0f0f0;border-radius:15px;padding:5px}.tabs div{font-weight:700;padding:7px;text-align:center}.tabs div.active{background:#fff;border-radius:30px;color:var(--main-color)}.list{padding-top:15px}.list .item{border-radius:15px;margin-bottom:5px;padding:15px}.list .item.Booking{background:#e2f5ff;color:#3a7a9c}.list .item.Delivery{background:#e3f3e5;color:#5e9766}.list .item.Collection{background:#f3f4ff;color:#787db4}.list .item.Declined{background:#feeeee;color:#a85c5c}.information{background:#e8f3ff;border-radius:10px;color:#5585ba;display:block;margin-bottom:20px;padding:10px;width:100%}.information.warning{background:#fcc;color:#994d4d}.invalid{opacity:.2;pointer-events:none}.notavailable{opacity:.5;pointer-events:none}.form .block{margin:15px 0}.form h2{padding-bottom:15px}.form .box,.form h2{border-bottom:1px solid #dfdfdf}.form .box{padding:15px 0}.form .box .description{padding-right:60px}.form .box .description span{display:block;font-weight:600;width:100%}.form .box .description p{color:#8f8f8f;font-size:12px;padding-top:5px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}form.auth{padding:100px 20px 0}form.auth .box{display:block;margin-bottom:30px}form.auth .box label{display:block;font-weight:600;padding-bottom:10px}form.auth .box input{background:#fff;border:2px solid #e7e7e7;border-radius:10px;color:#000;display:block;font-size:16px;height:45px;padding:0 15px;width:100%}form.auth .box .dots{color:#d1d1d1}form.auth .box button{background:var(--main-color);border:none;border-radius:20px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:700;height:45px;padding:10px 20px;text-align:center;text-decoration:none;width:100%}.toggle{display:inline-block;height:20px;position:relative;width:36px}.toggle .switch{background:#dfdfdf;border-radius:10px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.toggle .switch:before{background:#fff;border-radius:50%;bottom:1px;content:"";height:18px;left:1px;position:absolute;transition:.2s;width:18px}.toggle input{height:0;opacity:0;width:0}.toggle input:checked+.switch{background:#46b16f}.toggle input:checked+.switch:before{background:#fff;transform:translateX(16px)}.timer .opt{background:#dfdfdf;border-radius:50%;font-weight:700;height:20px;line-height:20px;text-align:center;width:20px}.timer .minutes{font-weight:700;padding:0 5px}.printable-image{background:#fff;font-family:Zalando Sans,sans-serif;font-size:25px;font-weight:600;width:384px}.printable-image .bold{font-weight:600}.printable-image .bolder{font-weight:800}.printable-image .section{border-bottom:2px dashed #000;padding:15px 0}.printable-image .method{text-align:center;text-transform:uppercase}.printable-image .cntr{text-align:center}.printable-image .cntr span{display:block;font-size:23px;padding-top:5px}.printable-image .basic-list.smaller{font-size:23px}.printable-image .pay_method{background:#000;color:#fff;margin-top:15px}.printable-image .pay_method span{padding:15px}.printable-image .item{border-bottom:2px dashed #000;padding:10px 0}.printable-image .item:last-child{border:none}.printable-image .item .ads-print .ad-print{padding-top:15px}.printable-image .details{width:260px}.printable-image .price{text-align:right;width:100px}.whatever-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.whatever-overlay.listener{background-color:inherit;z-index:2000}.whatever-container{background-color:#fff;border-radius:0;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:100%;max-width:700px;min-height:100%;overflow:hidden;position:relative;width:100%}.whatever-content{flex-grow:1;overflow-y:auto;padding:20px}.whatever-footer{background-color:#f0f0f0;border-top:1px solid #ccc;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:20px 25px 70px}.whatever-footer.nav{justify-content:space-around}.whatever-footer.nav a{color:#000;font-weight:700;text-decoration:none}.whatever-footer.nav a.router-link-active{color:var(--main-color)}.whatever-footer.options{justify-content:inherit}.whatever-footer.options .btn{background:var(--border-color);border-radius:30px;flex:1;font-weight:600;height:50px;line-height:50px;text-align:center}.whatever-footer.options .btn.Accepted{background:#439743;color:#fff}.whatever-footer.options .btn.Declined{background:#ab5d5d;color:#ffc7c7}.whatever-footer.options .btn.Completed{background:#75b0cf;color:#f1faff}.listener .head{border-bottom:1px solid var(--border-color);font-size:16px;font-weight:700;padding-bottom:15px}.listener .head .close{background:red;background:#e4e4e4;border-radius:50%;color:#474747;font-weight:700;height:30px;line-height:29px;text-align:center;width:30px}.listener .method{border-bottom:1px solid var(--border-color);padding:15px 0}.listener .method .bg{background:#f6f6f6;border-radius:10px;color:#474747;font-weight:700;margin:0 0 5px;padding:10px;text-align:center}.listener .method .bg:last-child{margin:0}.listener .method .bg.Delivery{background:#e3f3e5;color:#5e9766}.listener .method .bg.Collection{background:#f3f4ff;color:#787db4}.listener .request{border-bottom:1px solid var(--border-color);padding:15px 0}.listener .request span{padding-top:5px}.listener .details{border-bottom:1px solid var(--border-color);padding:15px 0}.listener .details .item{border-bottom:1px dashed var(--border-color);margin:0 0 15px;padding-bottom:15px}.listener .details .item:last-child{border-bottom:none;margin:0;padding-bottom:0}.listener .readyin{border-bottom:1px solid var(--border-color);font-weight:700;padding:15px 0;text-align:center}.listener .readyin div{padding:10px 0}.listener .readyin .minutes{background:#f6f6f6;color:#474747}.listener .readyin .opt{background:#e4e4e4;padding-left:30px;padding-right:30px}.listener .readyin .opt.reduce{background:#ffbcbc;border-bottom-left-radius:10px;border-top-left-radius:10px}.listener .readyin .opt.add{background:#a5e6ad;border-bottom-right-radius:10px;border-top-right-radius:10px}.listener .totals{border-bottom:1px solid var(--border-color);padding:15px 0}.listener .totals div b,.listener .totals div span{padding:5px 0}.listener .qty{border:1px solid var(--border-color);font-size:12px;font-weight:600;height:20px;line-height:20px;text-align:center;width:20px}.listener .qty.small{display:inline-block;height:15px;line-height:15px;width:15px}.listener h3{font-size:15px}.listener .ads{font-size:12px;margin-top:10px}.listener .ads b{font-weight:600}.noevent{pointer-events:none}.spinner{animation:rotate .3s linear infinite;height:20px;margin-top:15px;width:20px}.spinner .path{stroke:#000;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.spinner.black .path{stroke:#fff}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}