.tp-page{--bg:#000;--bg-0:#0000;--tp-ring:#ffffff29;--tp-dim:#ffffff9e;--tp-navy:#143a6b;background:var(--bg);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has(.tp-page){background:#000}.tp-hero{isolation:isolate;margin:-16px calc(-1 * var(--gutter)) 0;min-height:252px;padding:12px var(--gutter) 0;color:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.tp-hero-img{z-index:-2;object-fit:cover;object-position:30% 40%;width:100%;height:100%;position:absolute;inset:0}.tp-hero:after{content:"";z-index:-1;background:linear-gradient(#00000057,#0000 30%),linear-gradient(#0000 28%,#0009 66%,#000 100%);position:absolute;inset:0}.tp-hero-bar{align-items:center;min-height:44px;display:flex}.tp-hero-bar .circ{color:#fff;background:#00000057}.tp-hero-text{gap:8px;margin-top:auto;padding-top:40px;display:grid}.tp-mark{color:#000;background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:6px;display:grid}.tp-mark.wait{color:#fff;background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff80}.tp-h1{letter-spacing:-.01em;margin:0;font-size:32px;font-weight:600;line-height:40px}.tp-lede{color:#ffffffd6;max-width:34ch;margin:0;font-size:15px;line-height:23px}.tp-status{color:var(--tp-dim);margin:4px 0 0;font-size:13px;line-height:20px}.tp-status b{color:#fff;font-weight:600}.tp-packs{gap:10px;display:grid}.tp-pack{border-radius:var(--r-card);color:#fff;width:100%;min-height:76px;box-shadow:inset 0 0 0 1px var(--tp-ring);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:72px 1fr auto;align-items:center;column-gap:12px;padding:12px 16px;transition:background-color .22s,color .22s,box-shadow .22s;display:grid}.tp-pack[aria-checked=true]{color:#000;box-shadow:none;background:#fff}.tp-pack:focus-visible{outline-offset:3px;outline:2px solid #fff}.tp-days{white-space:nowrap;justify-items:start;font-size:12.5px;line-height:16px;display:grid}.tp-days b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:500;line-height:40px}.tp-pack-t{justify-items:start;gap:3px;min-width:0;display:grid}.tp-per{color:var(--tp-dim);font-size:13px;line-height:18px}.tp-pack[aria-checked=true] .tp-per{color:#00000094}.tp-pop{background:#ffffff24;border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.tp-pack[aria-checked=true] .tp-pop{color:#fff;background:#000}.tp-until{font-size:13px;font-weight:600;line-height:18px;animation:.24s both tp-in}.tp-price{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}@keyframes tp-in{0%{opacity:0;transform:translateY(3px)}}.tp-due{gap:2px;display:grid}.tp-due-k{color:var(--tp-dim);font-size:14px}.tp-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:48px}.tp-qr{border-radius:var(--r-card);color:#1a1a1a;background:#fff;overflow:hidden}.tp-qr-head{background:var(--tp-navy);color:#fff;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;font-size:12px;font-weight:700;display:flex}.tp-qr-head span:last-child{letter-spacing:0;opacity:.86;font-weight:600}.tp-qr-body{text-align:center;justify-items:center;gap:6px;padding:18px 16px 16px;display:grid}.tp-qr-body img{width:212px;height:212px;image-rendering:pixelated;transition:opacity .3s}.tp-qr.stale .tp-qr-body img{opacity:.3}.tp-payee{font-size:14px;font-weight:600}.tp-qr-note{color:#6b6760;font-size:12.5px}.tp-time{color:var(--tp-navy);font-variant-numeric:tabular-nums;gap:7px;padding:0 16px 14px;font-size:12.5px;font-weight:600;display:grid}.tp-time i{background:#e3e7ee;border-radius:3px;height:3px;display:block;overflow:hidden}.tp-time i:after{content:"";height:100%;width:calc(var(--left,1) * 100%);background:var(--tp-navy);transition:width 1s linear;display:block}.tp-qr.stale .tp-time{color:#955619}.tp-qr-actions{grid-template-columns:1fr 1fr;display:grid;box-shadow:inset 0 1px #e6e3dc}.tp-qr-actions button{height:48px;color:var(--tp-navy);font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:600}.tp-qr-actions button+button{box-shadow:inset 1px 0 #e6e3dc}.tp-qr-actions button:focus-visible{outline:2px solid var(--tp-navy);outline-offset:-4px}.tp-drop{border-radius:var(--r-card);color:#fff;width:100%;min-height:240px;font:inherit;text-align:center;cursor:pointer;background:#ffffff0a;border:1.5px dashed #ffffff4d;align-content:center;place-items:center;gap:8px;padding:28px 16px;display:grid}.tp-drop b{font-size:16px;font-weight:600}.tp-drop span:not(.ic){max-width:28ch;color:var(--tp-dim);font-size:13px;line-height:19px}.tp-drop.has{background:#111;border:0;min-height:0;padding:0;overflow:hidden}.tp-drop.has img{object-fit:contain;width:100%;max-height:52vh;display:block}.tp-drop:focus-visible,.tp-change:focus-visible{outline-offset:3px;outline:2px solid #fff}.tp-change{color:#fff;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;font-size:14px;font-weight:600;text-decoration:underline}.tp-rows{display:grid}.tp-row{justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;font-size:14px;display:flex;box-shadow:inset 0 -1px #ffffff1f}.tp-row:first-child{box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #ffffff1f}.tp-row span:first-child{color:var(--tp-dim)}.tp-row span:last-child{text-align:right;word-break:break-all;font-variant-numeric:tabular-nums;font-weight:600}.tp-note{color:var(--tp-dim);margin:0;font-size:13px;line-height:20px}@media (prefers-reduced-motion:reduce){.tp-pack,.tp-time i:after{transition:none}.tp-until{animation:none}}