.d4pp-page{--d4pp-native-wait: 220px}.tip-group{display:grid;gap:8px;margin-block:4px 20px}.tip-group__title{color:var(--d4lp-muted);font-size:var(--mcui-label);line-height:1.2;text-transform:uppercase}.tip-amounts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.tip-amount{min-block-size:44px;padding-block:0;padding-inline:8px;border:0;border-radius:0;background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .2s var(--d4lp-ease),color .2s var(--d4lp-ease)}.tip-amount:first-child{border-start-start-radius:var(--d4lp-r-card);border-end-start-radius:var(--d4lp-r-card)}.tip-amount:last-child{border-start-end-radius:var(--d4lp-r-card);border-end-end-radius:var(--d4lp-r-card);font-size:14px;font-weight:400}.tip-amount[aria-pressed=true]{background:var(--d4lp-active);color:var(--d4lp-ink)}.tip-amount:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px;position:relative;z-index:1}@media(hover:hover)and (pointer:fine){.tip-amount:hover:not([aria-pressed=true]){background:color-mix(in oklab,var(--d4lp-active) 55%,var(--d4lp-control));color:var(--d4lp-ink)}}@media(prefers-reduced-motion:no-preference){.tip-amount{transition:background-color .2s var(--d4lp-ease),color .2s var(--d4lp-ease),scale .15s var(--d4lp-ease)}.tip-amount:active{scale:.97}}@media(max-width:479px){.tip-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}.tip-amount:first-child{border-end-start-radius:0}.tip-amount:nth-child(3){border-start-end-radius:var(--d4lp-r-card)}.tip-amount:nth-child(4){border-end-start-radius:var(--d4lp-r-card)}.tip-amount:last-child{border-start-end-radius:0}}.tip-own{display:flex;align-items:center;gap:8px;min-block-size:48px;padding-inline:14px;border:1px solid var(--d4lp-line-strong);border-radius:var(--d4lp-r-card);background:var(--d4lp-control)}.tip-own:focus-within{outline:2px solid var(--d4lp-focus);outline-offset:2px}.tip-own__sign{color:var(--d4lp-muted);font-size:16px}.tip-own input{flex:1;min-inline-size:0;block-size:46px;border:0;background:transparent;color:var(--d4lp-ink);font:inherit;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;outline-color:transparent}.tip-field__hint{margin-block:6px 0;margin-inline:0;color:var(--d4lp-muted);font-size:13px;line-height:1.45;text-wrap:pretty}.tip-card{display:grid;gap:10px;margin-block:16px 0;margin-inline:0;padding:18px 20px;border-radius:var(--d4lp-r-card);background:color-mix(in oklab,var(--d4lp-control) 70%,var(--d4lp-tint) 6%)}.tip-card__note{margin:0;color:var(--d4lp-ink);font-size:18px;font-style:italic;line-height:1.45;overflow-wrap:anywhere;text-wrap:pretty}.tip-card[data-empty] .tip-card__note{color:var(--d4lp-muted);font-size:16px}.tip-card__from{justify-self:end;color:var(--d4lp-copy);font-size:13px;line-height:1.3;font-variant-numeric:tabular-nums}.tip-card__from[data-missing]{color:var(--d4lp-muted)}@media(prefers-reduced-motion:no-preference){.tip-card__note{transition:color .25s var(--d4lp-ease),font-size .25s var(--d4lp-ease)}}.tip-split{display:grid;gap:10px;margin-block:16px 4px}.tip-split__bar{display:grid;grid-template-columns:1fr 1fr;gap:3px;block-size:6px}.tip-split__bar i{border-radius:3px;background:var(--d4lp-tint)}.tip-split__bar i+i{background:var(--d4lp-accent)}.tip-split[data-empty] .tip-split__bar i{background:var(--d4lp-line-strong)}.tip-split__parts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.tip-split__parts div{display:grid;gap:2px}.tip-split__parts div+div{text-align:end}.tip-split__parts dt{color:var(--d4lp-muted);font-size:13px;font-weight:400;line-height:1.3}.tip-split__parts dd{margin:0;color:var(--d4lp-ink);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:no-preference){.tip-split__bar i{transition:background-color .25s var(--d4lp-ease)}}.tip-orders{display:grid;gap:2px;margin:0;padding:0;border-radius:var(--d4lp-r-card);list-style:none;overflow:clip}.tip-order{display:flex;min-inline-size:0}.tip-order>label{display:grid;grid-template-columns:64px minmax(0,1fr) 20px;align-items:center;gap:12px;inline-size:100%;min-block-size:56px;margin:0;padding-block:8px;padding-inline:8px 12px;background:var(--d4lp-control);cursor:pointer;transition:background-color .2s var(--d4lp-ease)}.tip-order__art{display:block;aspect-ratio:16 / 9;border-radius:6px;background:color-mix(in oklab,var(--d4lp-line) 60%,var(--d4lp-control));overflow:clip}.tip-order__art img{display:block;inline-size:100%;block-size:100%;object-fit:cover;filter:saturate(.8) brightness(.8);transition:filter .2s var(--d4lp-ease)}.tip-order__body{display:grid;gap:2px;min-inline-size:0}.tip-order__name{overflow:hidden;color:var(--d4lp-copy);font-size:14px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.tip-order__meta{overflow:hidden;color:var(--d4lp-muted);font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.tip-order__check{display:grid;place-items:center;inline-size:20px;block-size:20px;border-radius:50%;background:var(--d4lp-tint);opacity:0;scale:.6}.tip-order__check svg{inline-size:12px;block-size:12px;fill:none;stroke:oklch(0.2 0.02 270);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.tip-order>label:has(input:checked){background:var(--d4lp-active)}.tip-order>label:has(input:checked) .tip-order__name{color:var(--d4lp-ink)}.tip-order>label:has(input:checked) .tip-order__art img{filter:none}.tip-order>label:has(input:checked) .tip-order__check{opacity:1;scale:1}.tip-order>label:has(input:focus-visible){outline:2px solid var(--d4lp-focus);outline-offset:-2px}@media(hover:hover)and (pointer:fine){.tip-order>label:hover:not(:has(input:checked)){background:color-mix(in oklab,var(--d4lp-active) 55%,var(--d4lp-control))}.tip-order>label:hover .tip-order__art img{filter:none}}@media(prefers-reduced-motion:no-preference){.tip-order__check{transition:opacity .2s var(--d4lp-ease),scale .2s var(--d4lp-ease)}}.tip-order__plus{display:grid;place-items:center;aspect-ratio:16 / 9;color:var(--d4lp-copy)}.tip-order__plus svg{inline-size:24px;block-size:24px;padding:5px;border:1px solid var(--d4lp-line-strong);border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.tip-order--wait{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;min-block-size:56px;padding-block:8px;padding-inline:8px 12px;background:var(--d4lp-control)}.tip-order--wait .tip-order__body{gap:6px}.tip-order--wait i{display:block;block-size:9px;border-radius:4px;background:var(--d4lp-line)}.tip-order--wait i+i{inline-size:55%}.tip-guest{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-block:4px 20px;padding-block:12px;padding-inline:16px;border:1px solid var(--d4lp-line);border-radius:var(--d4lp-r-card);background:var(--d4lp-control)}.tip-guest p{flex:1 1 260px;margin:0;color:var(--d4lp-copy);font-size:14px;line-height:1.45;text-wrap:pretty}.tip-guest__in{display:inline-grid;place-items:center;min-block-size:40px;padding-inline:18px;border-radius:var(--d4lp-r-control);background:var(--d4lp-active);color:var(--d4lp-ink);font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s var(--d4lp-ease)}.tip-guest__in:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}@media(hover:hover)and (pointer:fine){.tip-guest__in:hover{background:color-mix(in oklab,var(--d4lp-active) 80%,var(--d4lp-ink));color:var(--d4lp-ink);text-decoration:none}}@media(prefers-reduced-motion:no-preference){.tip-guest__in:active{scale:.97}}.tip-field.tip-field--listed{display:none}.tip-card__for{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding-block-end:14px;border-block-end:1px solid var(--d4lp-line)}.tip-card__art{display:block;aspect-ratio:16 / 9;border-radius:8px;background:var(--d4lp-line);overflow:clip}.tip-card__art img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.tip-card__what{display:grid;gap:2px;min-inline-size:0}.tip-card__what small{color:var(--d4lp-muted);font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums}.tip-card__what b{color:var(--d4lp-ink);font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.tip-card__for[data-wait] .tip-card__what small{color:transparent}.tip-card__for[data-wait] [data-tip-name]::before{content:"";display:block;inline-size:70%;block-size:12px;margin-block:4px;border-radius:4px;background:var(--d4lp-line)}.tip-ghost{position:fixed;z-index:1000;object-fit:cover;transform-origin:0 0;pointer-events:none}