@layer components{.k-lo{display:grid;justify-items:center;gap:14px;width:min(100%,600px);color:var(--k-ink);font-size:12.5px;line-height:1.45;text-align:start}:lang(ar) .k-lo{font-size:13px}.k-lo-till{display:grid;width:min(100%,300px)}.k-lo-till>*{grid-area:1/1;align-self:center;translate:0 calc((1 - var(--on)) * 8px)}.k-lo-ticket{padding:13px 15px 14px;border-radius:12px;background:var(--k-paper);box-shadow:0 1px 2px color-mix(in srgb,var(--k-night) 8%,transparent),0 18px 40px -16px color-mix(in srgb,var(--k-night) 48%,transparent)}.k-lo-ticket-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.k-lo-ticket-title{font-weight:600}.k-lo-ticket-meta{color:var(--k-ink-3);font-size:11.5px}.k-lo-customer{display:none;align-items:center;gap:5px;margin-top:4px;color:var(--k-ink-2);font-size:12px}.k-lo-lines{display:none;margin-top:10px;border-top:1px dashed var(--k-hair-2)}.k-lo-lines li{display:grid;grid-template-columns:minmax(0,1fr) auto 64px;gap:10px;padding-block:6px 0}.k-lo-lines li>:last-child{text-align:end}.k-lo-line-qty{color:var(--k-ink-3)}.k-lo-sums{display:grid;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid var(--k-hair)}.k-lo-sums>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--k-ink-2)}.k-lo-sums dt{display:inline-flex;align-items:center;gap:6px}.k-lo-sums dd{color:var(--k-ink)}.k-lo-sums [data-spend] dd{font-weight:600}.k-lo-sums [data-total]{margin-top:3px;padding-top:8px;border-top:1px solid var(--k-ink);color:var(--k-ink);font-size:1.1em;font-weight:600}.k-lo-earn{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--k-hair-2);color:var(--k-ink-2)}.k-lo-earn strong,.k-lo-earn svg{color:var(--k-ink)}.k-lo-earn strong{margin-inline-start:auto;font-size:1.12em;font-weight:600}.k-lo-spend-pts{color:var(--k-ink-3);font-size:11.5px}.k-lo-pay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:6px;margin-top:10px}.k-lo-pay>span{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--k-hair-2);color:var(--k-ink-2);font-weight:500;white-space:nowrap}.k-lo-pay>[data-on]{background:var(--k-ink);box-shadow:none;color:var(--k-paper);font-weight:600}.k-lo-pay>[data-on] .k-ap-riyal{filter:invert(1)}.k-lo-ticket{position:relative}.k-lo-ticket:has(.k-lo-rate-qr) .k-lo-ticket-head{padding-inline-end:40px}.k-lo-rate-qr{position:absolute;top:10px;inset-inline-end:12px}.k-lo-rate-line{display:none}.k-lo-rate-code{display:flex;align-items:center;gap:10px;color:var(--k-ink-2);font-size:12px;font-weight:500}.k-lo-rate-code .k-ap-qr{flex:none;width:30px;height:30px}.k-lo-rate-code>span{display:none}.k-lo-rate-code{position:relative}.k-lo-rate-star{position:absolute;inset-inline-start:-5px;bottom:-5px;box-sizing:content-box;padding:2px;border-radius:50%;background:var(--k-ink);color:var(--k-paper)}.k-lo-phone{width:244px;padding:8px;border-radius:40px;background:var(--k-ink);box-shadow:var(--k-e-window)}.k-lo-screen{position:relative;display:grid;grid-template-rows:minmax(0,1fr);height:468px;overflow:hidden;border-radius:32px;background:var(--k-paper);isolation:isolate}.k-lo-island{position:absolute;z-index:2;top:9px;left:50%;width:72px;height:20px;border-radius:var(--k-r-pill);background:var(--k-ink);translate:-50% 0}.k-lo-view{grid-area:1/1;min-width:0;padding:38px 13px 13px;translate:0 calc((1 - var(--on)) * 10px)}.k-lo-chat{--on:max(clamp(0,calc(2 - var(--s)),1),clamp(0,calc(var(--s) - 3),1));display:flex;flex-direction:column;opacity:var(--on);background:var(--k-panel)}.k-lo-chat-head{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--k-hair-2);font-weight:600}.k-lo-logo{flex:none;width:22px;height:22px;border-radius:7px;background:var(--k-ink)}.k-lo-bubble{display:grid;gap:6px;width:88%;margin-top:12px;padding:10px 12px;border-radius:14px;border-start-start-radius:4px;background:var(--k-paper);box-shadow:var(--k-e1)}.k-lo-bubble-earn{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;color:var(--k-ink-2)}.k-lo-bubble-earn strong{color:var(--k-ink);font-size:1.55em;font-weight:600;line-height:1.1}.k-lo-bubble-date{margin-inline-start:auto;color:var(--k-ink-3);font-size:11px}.k-lo-bubble-row{display:flex;justify-content:space-between;gap:10px;color:var(--k-ink-3)}.k-lo-bubble-row .k-num{color:var(--k-ink);font-weight:600}.k-lo-bubble-ask{font-weight:500}.k-lo-bubble[data-old]{background:color-mix(in srgb,var(--k-paper) 68%,transparent);box-shadow:none;color:var(--k-ink-2)}.k-lo-bubble[data-old] .k-lo-bubble-earn strong{color:var(--k-ink-2);font-size:1.3em}.k-lo-bubble-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:2px;padding-top:8px;border-top:1px solid var(--k-hair);color:var(--k-ink);font-weight:500}.k-lo-url{display:flex;align-items:center;gap:6px;height:24px;padding-inline:10px;border-radius:var(--k-r-pill);background:var(--k-panel);color:var(--k-ink-3)}.k-lo-url i{flex:1;max-width:96px;height:4px;border-radius:2px;background:var(--k-hair-2)}.k-lo-store{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:600}.k-lo-hello{margin-top:10px;font-size:1.3em;font-weight:600;line-height:1.3}.k-lo-figs{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:7px;margin-top:10px}.k-lo-fig{display:grid;align-content:start;gap:2px;min-width:0;padding:9px 10px;border-radius:12px;background:var(--k-paper-2);box-shadow:inset 0 0 0 1px var(--k-hair)}.k-lo-fig-label{display:flex;align-items:center;gap:5px;color:var(--k-ink-3);font-size:11.5px}.k-lo-fig-num{font-size:1.4em;font-weight:600;line-height:1.25}.k-lo-fig-hint{color:var(--k-ink-3);font-size:11px;white-space:nowrap}.k-lo-web .k-lo-figs{grid-template-columns:minmax(0,1fr);gap:6px}.k-lo-web .k-lo-fig{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label num" ". hint";align-items:center;column-gap:10px;padding:8px 10px}.k-lo-web .k-lo-fig-label{grid-area:label;align-self:center}.k-lo-web .k-lo-fig-num{grid-area:num;justify-self:end;font-size:1.3em}.k-lo-web .k-lo-fig-hint{grid-area:hint;justify-self:end}.k-lo-swap{display:grid}.k-lo-swap>*{grid-area:1/1;justify-self:end}.k-lo-expiry{display:flex;align-items:center;gap:6px;margin-top:8px;padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--k-app-alert) 9%,var(--k-paper));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k-app-alert) 38%,transparent);font-size:12px}.k-lo-expiry svg{flex:none;color:var(--k-app-alert)}.k-lo-ledger{--k-lo-row:37px;margin-top:10px;border-top:1px solid var(--k-hair)}.k-lo-ledger ol{translate:0 calc(clamp(0, calc(3 - var(--s)), 1) * var(--k-lo-row) * -2)}.k-lo-web{mask-image:linear-gradient(180deg,black calc(100% - 30px),transparent calc(100% - 6px))}.k-lo-browser-ledger li,.k-lo-ledger li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label pts" "date pts";align-content:center;column-gap:8px;border-bottom:1px solid var(--k-hair)}.k-lo-ledger li{height:var(--k-lo-row)}.k-lo-ledger-label{grid-area:label;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-lo-ledger-date{grid-area:date;color:var(--k-ink-3);font-size:11px;line-height:1.2}.k-lo-ledger-pts{grid-area:pts;align-self:center;font-weight:600}@media (prefers-reduced-motion:no-preference){.k-lo-chat{transition:opacity .42s var(--k-ease-out),translate .52s var(--k-ease-out)}.k-lo-ledger ol{transition:translate .62s var(--k-ease-out) .12s}}@container k-stage (min-width: 500px){.k-lo{grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:clamp(20px,6cqi,48px);width:auto}.k-lo-till{width:236px}.k-lo-customer{display:flex}.k-lo-lines{display:block}.k-lo-ticket:has(.k-lo-rate-qr) .k-lo-ticket-head{padding-inline-end:0}.k-lo-rate-qr{z-index:-1;top:calc(100% - 12px);inset-inline:12px;display:grid;gap:10px;padding:22px 14px 12px;border-radius:0 0 12px 12px;background:var(--k-paper);box-shadow:0 18px 40px -18px color-mix(in srgb,var(--k-night) 48%,transparent);translate:0 calc((1 - var(--on)) * -14px)}.k-lo-rate-line{display:flex;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px dashed var(--k-hair-2);color:var(--k-ink-2);font-size:12px}.k-lo-rate-line .k-num{color:var(--k-ink);font-weight:600}.k-lo-rate-code .k-ap-qr{width:44px;height:44px}.k-lo-rate-code>span{display:inline}.k-lo-rate-star{display:none}.k-lo-phone{width:236px}.k-lo-screen{height:490px}}@container k-stage (min-width: 660px){.k-lo-till{width:268px}.k-lo-phone{width:256px}.k-lo-screen{height:506px}}.k-lo-dialog{display:grid;gap:12px}.k-lo-dialog-who{display:flex;align-items:center;gap:7px;font-weight:600}.k-lo-options{display:grid;gap:2px}.k-lo-options li{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--k-hair)}.k-lo-options li[data-on]{background:var(--k-panel);box-shadow:inset 0 0 0 1.5px var(--k-ink)}.k-lo-options svg{color:var(--k-ink-3)}.k-lo-options li[data-on] svg{color:var(--k-ink)}.k-lo-tick{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--k-hair-2);color:var(--k-paper)}.k-lo-options li[data-on] .k-lo-tick{background:var(--k-ink);box-shadow:none}.k-lo-options li[data-on] .k-lo-tick svg{color:var(--k-paper)}.k-lo-option-name{display:grid;min-width:0;font-weight:500}.k-lo-code{color:var(--k-ink-3);font-size:11.5px;font-weight:400}.k-lo-options .k-ap-money{font-weight:600}.k-lo-dialog-foot{justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--k-ink)}.k-lo-dialog-foot,.k-lo-dialog-total{display:flex;flex-wrap:wrap;align-items:center}.k-lo-dialog-total{gap:8px}.k-lo-dialog-total-label{color:var(--k-ink-2)}.k-lo-dialog-total svg,.k-lo-was{color:var(--k-ink-3)}.k-lo-was{text-decoration:line-through}.k-lo-dialog-total strong{font-size:1.2em;font-weight:600}.k-lo-apply,.k-lo-send{display:inline-flex;align-items:center;justify-content:center;height:32px;padding-inline:16px;border-radius:var(--k-r-pill);background:var(--k-ink);color:var(--k-paper);font-weight:500;white-space:nowrap}.k-lo-browser{overflow:hidden;border-radius:12px;box-shadow:inset 0 0 0 1px var(--k-hair);container-type:inline-size}.k-lo-browser-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--k-panel)}.k-lo-dots{display:flex;gap:5px}.k-lo-dots i{width:8px;height:8px;border-radius:50%;background:var(--k-hair-2)}.k-lo-browser-url{display:flex;flex:1;align-items:center;gap:6px;height:24px;padding-inline:10px;border-radius:var(--k-r-pill);background:var(--k-paper);color:var(--k-ink-3)}.k-lo-browser-url i{flex:1;max-width:140px;height:4px;border-radius:2px;background:var(--k-hair-2)}.k-lo-browser-page{padding:2px 16px 16px}.k-lo-browser-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.k-lo-browser-ledger{margin-top:10px;border-top:1px solid var(--k-hair)}.k-lo-browser-ledger li{padding-block:7px}@container (min-width: 380px){.k-lo-browser-ledger li{grid-template-columns:minmax(0,1fr) auto 56px;grid-template-areas:"label date pts";column-gap:16px;padding-block:9px}.k-lo-browser-ledger .k-lo-ledger-pts{text-align:end}.k-lo-browser-figs{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.k-lo-reviews{container:k-lo-rev/inline-size}.k-lo-rev{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"slip form" "sent sent";align-items:start;gap:14px}.k-lo-slip{grid-area:slip;display:grid;justify-items:center;gap:6px;padding:12px 12px 10px;border-radius:10px;background:var(--k-paper-2);box-shadow:inset 0 0 0 1px var(--k-hair);text-align:center}.k-lo-slip-sums{display:none;width:100%;gap:5px;padding-top:8px;border-top:1px dashed var(--k-hair-2)}.k-lo-slip-sums div{display:flex;justify-content:space-between;gap:10px;color:var(--k-ink-3)}.k-lo-slip-sums dd{color:var(--k-ink-2)}.k-lo-slip-sums [data-pay]{color:var(--k-ink);font-weight:600}.k-lo-slip-sums [data-pay] dd{color:var(--k-ink)}.k-lo-sent{grid-area:sent;display:grid;gap:9px;padding:11px 12px;border-radius:10px;background:var(--k-paper-2);box-shadow:inset 0 0 0 1px var(--k-hair)}.k-lo-sent-who{display:flex;align-items:center;gap:7px;font-weight:600}.k-lo-sent-who svg{flex:none;color:var(--k-ink-2)}.k-lo-sent-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.k-lo-sent-link{display:inline-flex;align-items:center;gap:6px;height:28px;padding-inline:12px;border-radius:var(--k-r-pill);background:var(--k-paper);box-shadow:inset 0 0 0 1px var(--k-hair-2);font-weight:500}.k-lo-slip-title{color:var(--k-ink-3);font-size:11.5px}.k-lo-slip-total{display:flex;align-items:center;gap:6px;font-weight:600}.k-lo-slip-line{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;width:100%;padding-top:8px;border-top:1px dashed var(--k-hair-2);color:var(--k-ink-2);font-size:11.5px}.k-lo-slip-line .k-num{color:var(--k-ink);font-weight:600}.k-lo-slip-qr{display:grid;justify-items:center;gap:6px;width:100%;margin-top:2px;padding-top:10px;border-top:1px dashed var(--k-hair-2);color:var(--k-ink-2)}.k-lo-form{grid-area:form;display:grid;justify-items:start;gap:10px;padding-top:2px}.k-lo-form .k-lo-store{margin-top:0}.k-lo-question{font-size:1.12em;font-weight:600;line-height:1.35}.k-lo-stars{display:inline-flex;gap:4px}.k-lo-stars svg{width:18px;height:18px;fill:transparent;stroke:var(--k-ink-4);stroke-width:1.4;stroke-linejoin:round}.k-lo-stars svg[data-on]{fill:var(--k-ink);stroke:var(--k-ink)}.k-lo-stars-lg svg{width:26px;height:26px}@container k-lo-rev (min-width: 360px){.k-lo-rev{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"slip form" "sent form";column-gap:20px}.k-lo-slip-total{display:none}.k-lo-slip-sums{display:grid}}}