@import "https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap";.page{width:100%;min-height:100vh;padding:calc(24px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px))}button.button{background:var(--color-primary);color:#fff6ec;width:100%;height:56px;font:var(--text-h3);cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border:none;border-radius:18px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}button.button:active{scale:.95}button.button.primary:not(.disabled){box-shadow:0 10px 24px -10px #7a4a22b3}button.button.secondary{color:#7a4a22;background:#f3e7d9}button.button.outline{color:#7a4a22;background:0 0}button.button.disabled{color:#fff;cursor:not-allowed;background:#d8c6b2}button.button.disabled:active{scale:1}.waiters-goal{z-index:1;background:linear-gradient(104.73deg,#e9b57c 0%,#d9a066 45%,#b8783f 100%);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:14px 16px;transition:all .3s;display:flex;position:relative;overflow:hidden}.goal-overlay{z-index:0;position:absolute;top:0;right:0}.goal-info{z-index:2;justify-content:start;align-items:center;gap:12px;width:100%;display:flex}.goal-info>:not(.goal-body){flex-shrink:0}.goal-info .goal-body{overflow-wrap:anywhere;width:100%;min-width:0}.goal-icon{background:#4e2c12e0;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.goal-body{flex-direction:column;justify-content:center;align-items:start;display:flex}.goal-body__name{color:#2e1e14b3;font-size:12px;font-weight:400;line-height:13px}.goal-body__goal,.goal-percentage{color:#2e1e14;font-size:17px;font-weight:600;line-height:18px}.goal-percentage{white-space:nowrap;justify-content:center;align-items:center;height:42px;display:flex;line-height:normal!important}.progress{z-index:2;background:#fff6ec73;border-radius:9px;width:100%;height:10px;position:relative;overflow:hidden}.progress-bar{background:#2e1e14;border-radius:9px;height:10px}.progress-sum{font:var(--text-body);width:100%}.progress-sum>span{font-weight:600}.waiters-goal.expanded>.goal-info>.goal-percentage{color:red;display:none}.waiters-goal.expanded{padding:28px 18px 32px}.loader-wrapper{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader{background:#fff;border-radius:24px;justify-content:center;align-items:center;width:96px;height:96px;display:flex;box-shadow:0 4px 8px #7a4a2233}.loader__spinner{--color-1:var(--color-accent);--size:1px;width:calc(52 * var(--size));height:calc(52 * var(--size));border-radius:50%;animation:1s linear infinite rotate;position:relative}.loader__spinner:before{content:"";box-sizing:border-box;border:calc(5 * var(--size)) solid var(--color-1);border-radius:50%;animation:2s linear infinite prixClipFix;position:absolute;inset:0}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.background-img-main{object-fit:contain;z-index:-1;width:100%;margin:0;padding:0;position:absolute;top:0;left:0}.img-wrapper:before{content:"";aspect-ratio:393/504;z-index:0;background:linear-gradient(#2e1e148c 0%,#2e1e141a 45%,#2e1e1400 70%,#fbf6f0 100%);width:100%;position:absolute;inset:0}.login-container{z-index:3;padding-top:53dvh;position:relative}.login-container>button{animation:.3s .4s both pop-in}.login-app-name{color:#7a4a22;letter-spacing:-.88px;align-items:center;gap:8px;font-size:22px;font-weight:800;animation:.3s .1s both pop-in;display:flex;left:24px;transform:translateY(-50%)}.login-header{letter-spacing:-1.02px;color:#2e1e14;font-size:34px;font-weight:600;line-height:36px;animation:.3s .2s both pop-in}.login-header>span{color:#d9a066}.login-text{font:var(--text-body);color:#5f4d3f;padding:18px 0 36px;animation:.3s .3s both pop-in}@keyframes pop-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-header{font:var(--text-h2);text-align:center}.auth-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:32px 0;display:flex}.auth-container>div{flex-direction:column;align-items:flex-start;width:100%;display:flex}.auth-container>div>span{font:var(--text-body)}.auth-input{width:100%;height:56px;font:var(--text-body);background:#fff;border:1px solid #efe3d5;border-radius:16px;outline:none;margin-top:10px;padding:12px 16px}.auth-input::placeholder{color:#b5a493}.auth-error{font:var(--text-small);color:#a94442}.modal-overlay{z-index:1000;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;background:#00000073;justify-content:center;align-items:flex-end;animation:.25s both modal-overlay-appear;display:flex;position:fixed;inset:0}.modal-overlay--closing{animation:.25s both modal-overlay-disappear}.modal-content{will-change:transform;background:#fbf6f0;border-radius:30px 30px 0 0;flex-direction:column;justify-content:start;align-items:stretch;gap:8px;width:100%;max-width:560px;height:fit-content;max-height:95dvh;padding:10px 20px 40px;animation:.35s cubic-bezier(.22,1,.36,1) both modal-slide-up;display:flex;position:relative;overflow:hidden}.modal-content--closing{animation:.3s cubic-bezier(.4,0,1,1) both modal-slide-down}.modal-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:24px;display:flex}.modal-drag-handle:active{cursor:grabbing}.modal-drag-handle span{background:#dccdbd;border-radius:999px;width:40px;height:5px}@keyframes modal-overlay-appear{0%{background:0 0}to{background:#00000073}}@keyframes modal-overlay-disappear{0%{background:#00000073}to{background:0 0}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-content{animation-duration:1ms}}.payment-modal-header{justify-content:space-between;align-items:center;display:flex}.payment-modal-header>span{font:var(--text-h3);flex-shrink:0}.payment-modal-header__icon{background:#fff;border:1px solid #efe3d5;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.modal-waiter-info{border-bottom:1px solid #efe3d5;align-items:center;gap:12px;padding:16px 0;display:flex}.modal-waiter-info>img{border-radius:20px;width:40px;height:40px}.modal-waiter-info>div{font:var(--text-small);color:#8c7a6b;flex-direction:column;display:flex}.modal-waiter-info>div>:first-child{color:#2e1e14;font-size:15px;font-weight:600}.modal-payment-methods{flex-direction:column;gap:8px;display:flex}.modal-payment-method{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#fff;border:1px solid #efe3d5;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.modal-payment-method>img{width:40px;height:40px}.modal-payment-method>div{width:100%;font:var(--text-body);flex-direction:column;font-weight:600;line-height:16px;display:flex}.modal-payment-method>div>:nth-child(2){font:var(--text-small)}.modal-payment-method>input{appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;background:#fff;border:2px solid #d3c1ae;border-radius:50%;outline:none;flex-shrink:0;width:22px;height:22px;transition:all .2s;position:relative}.modal-payment-method>input:checked{border:2px solid #7a4a22}.modal-payment-method>input:checked:after{content:"";background:#7a4a22;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-payment-method:has(>input:checked){border:1px solid #7a4a22}.payment-info-card{background:#f3e7d9;border-radius:18px;flex-direction:column;align-items:stretch;width:100%;padding:20px 16px 24px;display:flex}.payment-info__row{color:#8c7a6b;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;font-size:14px;font-weight:400;line-height:17px;display:flex}.payment-info__row--commission{padding:4px 0 10px}.payment-info__row--total{color:#2e1e14;border-top:1px dashed #d9c3a9;padding:10px 0 4px;font-size:17px;font-weight:700;line-height:20px}.payment-info-security{color:#a3907d;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:400;line-height:17px;display:flex}.payment-info-security>svg>g>*{stroke:#a3907d}.background-img{object-fit:cover;z-index:-1;width:100%;margin:0;padding:0;position:absolute;top:0;left:0}@media (width>=500px){.background-img{display:none}}.guest-header{justify-content:space-between;align-items:center;display:flex}.guest-title{height:36px;color:var(--text-color);font:var(--text-body);background:#fff8f0e0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:flex}.waiter-info{flex-direction:column;justify-content:center;align-items:center;padding:130px 0 12px;display:flex}.waiter-info>img{border:4px solid #fff;border-radius:50%;width:104px;height:104px;margin-bottom:12px;box-shadow:0 12px 28px -12px #46280f80}.waiter-info__name{font:var(--text-h2)}.waiter-info__desc{font:var(--text-small);color:#8c7a6b}.tips-header{font:var(--text-body);font-weight:600}.tips{flex-direction:column;gap:10px;display:flex}.tips-input-wrapper{cursor:text;background:#fff;border:1px solid #efe3d5;border-radius:20px;place-items:center;width:100%;height:76px;padding:0 16px;display:grid}.tips-input__value{justify-content:center;align-items:center;gap:8px;max-width:100%;display:inline-flex}.tips-input{width:auto;min-width:0;max-width:100%;color:var(--text-color);font:var(--text-h1);text-align:center;caret-color:var(--color-primary);background:0 0;border:0;outline:none;flex:none;padding:0}.tips-input::placeholder{color:#b9aa9c;opacity:1}.tips-input__currency{color:#8c7a6b;font:var(--text-h1);-webkit-user-select:none;user-select:none;flex:none}.suggested-tips{gap:8px;display:flex}.suggested-tips>.tip{cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:100%;height:46px;font:var(--text-h3);background:#fff;border:1px solid #efe3d5;border-radius:14px;justify-content:center;align-items:center;margin-top:2px;margin-bottom:10px;transition:all .3s;display:flex}.suggested-tips>.tip.selected{color:#fff6ec;background:#7a4a22;border-color:#7a4a22}.pay-button{margin-top:32px}.waiter-rate{background:#fff;border:1px solid #efe3d5;border-radius:18px;justify-content:space-between;align-items:center;height:56px;margin-top:10px;padding:14px 16px;display:flex}.waiter-rate>span{font:var(--text-body);font-weight:600}.waiter-rate>.waiter-rate__stars{justify-content:center;align-items:center;gap:2px;display:flex}.waiter-rate>.waiter-rate__stars>span{appearance:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-touch-callout:none;background:0 0;border:0;outline:none;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:color .3s;display:flex}.waiter-rate>.waiter-rate__stars>span>svg{pointer-events:none;width:22px;height:21px}.waiter-rate>.waiter-rate__stars>span>svg>path{transition:fill .3s}.waiter-rate>.waiter-rate__stars>span.active>svg>*{fill:#e0a458}.waiter-rate>.waiter-rate__stars>span:focus,.waiter-rate>.waiter-rate__stars>span:focus-visible,.waiter-rate>.waiter-rate__stars>span:active{box-shadow:none;background:0 0;outline:none}.rest-review-header,.waiter-review-header{justify-content:space-between;align-items:center;padding-top:12px;display:flex}:is(.rest-review-header,.waiter-review-header)>span{font:var(--text-body);font-weight:600}.rest-review-badge,.waiter-review-badge{color:#8c7a6b;background:#f3e7d9;border-radius:99px;justify-content:center;align-items:center;gap:5px;height:24px;padding:5px 12px;font-size:12px;display:flex}.waiter-review-badge{color:#a8672e}.rest-review-input,.waiter-review-input,.waiters-message{resize:none;width:100%;font:var(--text-body);background:#fff;border:1px solid #efe3d5;border-radius:16px;outline:none;margin-top:10px;padding:12px 16px}:is(.rest-review-input,.waiter-review-input,.waiters-message)::placeholder{color:#b5a493}.waiters-message{text-align:center;justify-content:center;align-items:center;width:90%;padding:12px 24px;display:flex}.suggested-compliments{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.suggested-compliment{cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#fff;border:1px solid #efe3d5;border-radius:999px;justify-content:center;align-items:center;height:34px;padding:0 14px;transition:all .3s;display:flex}.suggested-compliment.selected{color:#7a4a22;background:#f6e6d2;border:1px solid #d9a066}.payment-methods{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.payment-method{color:#8c7a6b;background:#fff;border:1px solid #efe3d5;border-radius:8px;justify-content:center;align-items:center;padding:5px 9px;font-size:12px;font-weight:600;display:flex}.payment-info{color:#8c7a6b;text-align:center;margin-top:10px;font-size:12px}.payment-info>a{text-decoration:underline}.receipt-info{color:#8c7a6b;align-items:center;gap:6px;font-size:13px;display:flex}.tips-input-wrapper.error{border-color:#e53935}.tips-error{color:#e53935;font-size:12px;line-height:16px}.guest-header{animation:.55s cubic-bezier(.2,.8,.2,1) both guest-fade-in}.waiter-info{animation:.65s cubic-bezier(.2,.8,.2,1) 80ms both guest-fade-in}.tips{animation:.55s cubic-bezier(.2,.8,.2,1) .16s both guest-fade-in}.waiter-rate{animation:.45s cubic-bezier(.2,.8,.2,1) .22s both guest-fade-in}.rest-review-header,.waiter-review-header{animation:.45s cubic-bezier(.2,.8,.2,1) .26s both guest-fade-in}.rest-review-input,.waiter-review-input{animation:.5s cubic-bezier(.2,.8,.2,1) .3s both guest-fade-in}.suggested-compliments{animation:.45s cubic-bezier(.2,.8,.2,1) .34s both guest-fade-in}.pay-button{animation:.5s cubic-bezier(.2,.8,.2,1) .4s both guest-fade-in}.payment-methods,.payment-info{animation:.45s cubic-bezier(.2,.8,.2,1) .46s both guest-fade-in}@keyframes guest-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.guest-header,.waiter-info,.tips,.waiter-rate,.rest-review-header,.waiter-review-header,.rest-review-input,.waiter-review-input,.suggested-compliments,.pay-button,.payment-methods,.payment-info{animation:none!important}}.success-thanks{flex-direction:column;justify-content:center;align-items:center;padding:96px 0 10px;display:flex;position:relative;overflow:hidden}.waiter-photo{z-index:1;width:120px;height:120px;animation:.65s cubic-bezier(.2,.8,.2,1) both success-pop-in;position:relative}.waiter-photo>img{border:4px solid #fff;border-radius:50%;width:120px;height:120px;box-shadow:0 12px 28px -12px #46280f80}.waiter-photo>svg{position:absolute;bottom:0;right:0}.success-thanks__header{font:var(--text-h1);padding-top:12px;animation:.55s cubic-bezier(.2,.7,.2,1) .12s both success-fade-in-bottom}.success-thanks__subheader{font:var(--text-body);color:#5f4d3f;text-align:center;padding-top:8px;animation:.55s cubic-bezier(.2,.7,.2,1) .2s both success-fade-in-bottom}.success-thanks__subheader>span{font-weight:600}.success-body{flex-direction:column;gap:14px;padding-top:20px;animation:.6s cubic-bezier(.2,.7,.2,1) .3s both success-fade-in-bottom;display:flex}.success-body-info{background:#fff;border:1px solid #efe3d5;border-radius:22px;flex-direction:column;padding:4px 16px;animation:.45s both success-fade-in-bottom;display:flex}.success-body-info__item{justify-content:start;align-items:center;gap:12px;padding:18px 0;display:flex}.success-body-info__item>div{color:#5e7f4e;justify-content:center;align-items:center;gap:4px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.success-body-info__item:last-child>div{color:#a8672e}.success-body-info__item:last-child>svg{width:18px;height:18px}.success-body-info__item:last-child>svg>*{stroke:#a8672e}.success-body-info__item:not(:last-child){border-bottom:1px solid #efe3d5}.success-bottom{flex-direction:column;gap:4px;margin-top:16px;animation:.6s cubic-bezier(.2,.7,.2,1) .65s both success-fade-in-bottom;display:flex}@keyframes success-fade-in-bottom{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes success-pop-in{0%{opacity:0;transform:translateY(12px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}.success-confetti{pointer-events:none;z-index:0;height:100%;position:absolute;top:0;left:0;right:0;overflow:hidden}.success-confetti>span{opacity:0;will-change:transform, opacity;background:#dca15f;border-radius:3px;width:9px;height:13px;animation-name:success-confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;transform:translate(-50%)}.success-confetti>span:nth-child(3n){background:#7b451f;border-radius:50%;width:7px;height:7px}.success-confetti>span:nth-child(3n+1){background:#f0bd7b}.success-confetti>span:nth-child(4n){background:#b87532;border-radius:4px;width:12px;height:6px}@keyframes success-confetti-fall{0%{opacity:0;transform:translate(-50%)scale(.5)rotate(0)}12%{opacity:1;transform:translate(-50%)scale(1.15)rotate(0)}to{transform:translate3d(calc(-50% + var(--spread-x)), var(--spread-y), 0) scale(.8) rotate(var(--spin));opacity:0}}@media (prefers-reduced-motion:reduce){.success-confetti{display:none}.waiter-photo,.success-thanks__header,.success-thanks__subheader,.success-body,.success-body-info__item,.success-bottom{opacity:1;animation:none;transform:none}}*{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}img{max-width:100%;display:block}*{-webkit-user-select:none;user-select:none}:root{--background:#fbf6f0;--text-color:#2e1e14;--color-primary:#7a4a22;--color-icons:#a8672e;--color-accent:#d9a066;--color-chips:#e6cdb0;--color-latte:#f3e7d9;--font-primary:"Golos Text", sans-serif;--font-size-hero:40px;--font-size-h1:28px;--font-size-h2:22px;--font-size-h3:17px;--font-size-body:15px;--font-size-small:13px;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--text-hero:var(--font-weight-bold) var(--font-size-hero) / 1.2 var(--font-primary);--text-h1:var(--font-weight-bold) var(--font-size-h1) / 1.2 var(--font-primary);--text-h2:var(--font-weight-bold) var(--font-size-h2) / 1.3 var(--font-primary);--text-h3:var(--font-weight-semibold) var(--font-size-h3) / 1.3 var(--font-primary);--text-body:var(--font-weight-regular) var(--font-size-body) / 1.5 var(--font-primary);--text-small:var(--font-weight-regular) var(--font-size-small) / 1.4 var(--font-primary)}body{font:var(--text-body);color:var(--text-color);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}
