.pay{--pay-sheet:var(--surface-raised);--pay-fg:var(--foreground);--pay-fg2:var(--foreground-secondary);--pay-fg3:var(--foreground-tertiary);--pay-line:var(--border);--pay-soft:var(--surface-section);--pay-primary:var(--brand-primary);--pay-on-primary:#fff;--pay-wallet:#000;--pay-wallet-ink:#fff;--pay-tint:var(--accent-tint);--pay-tint-ink:var(--accent-tint-ink);color:var(--pay-fg);font-family:var(--font-sans,inherit)}[data-theme=dark] .pay{--pay-sheet:#16151b;--pay-fg2:#ffffffbd;--pay-fg3:#ffffff85;--pay-line:#ffffff24;--pay-soft:#ffffff0f;--pay-primary:#2b8bff;--pay-wallet:#fff;--pay-wallet-ink:#000}.pay-drawer{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.pay-drawer__scrim{cursor:default;background:#07070a73;border:0;padding:0;animation:.26s both pay-fade;position:absolute;inset:0}[data-theme=dark] .pay-drawer__scrim{background:#07070a99}.pay-drawer__sheet{--pay-sheet-h:min(720px, calc(100dvh - 48px));width:100%;height:var(--pay-sheet-h);max-height:var(--pay-sheet-h);overscroll-behavior:contain;padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 22px);background:var(--pay-sheet);border-radius:28px 28px 0 0;flex-direction:column;gap:14px;animation:.46s cubic-bezier(.22,1,.36,1) both pay-rise;display:flex;position:relative;overflow-y:auto;box-shadow:0 -24px 60px -20px #0009}html[data-installed-app] .pay-drawer__sheet{--pay-sheet-h:min(720px, 85dvh, calc(100dvh - max(120px, env(safe-area-inset-top,0px) + 72px)))}.pay-drawer .pay-panel{flex-direction:column;flex:1 0 auto;display:flex}.pay-drawer .pay-actions{margin-top:auto}.pay-drawer .pay-done{margin-block:auto}@media (max-width:767px) and (max-height:760px){.pay-drawer .pay-rail{--pay-square:min(54vw, 205px)}}.pay-drawer__grip{background:var(--pay-fg3);border-radius:999px;width:40px;height:5px;margin:0 auto 4px}.pay-drawer__x{border:1px solid var(--pay-line);background:var(--pay-soft);width:34px;height:34px;color:var(--pay-fg2);cursor:pointer;z-index:1;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.pay-drawer__x:after{content:"";position:absolute;inset:-8px}@media (min-width:768px){.pay-drawer{align-items:center;padding:24px}.pay-drawer__scrim{background:color-mix(in srgb, var(--surface-page) 35%, #07070a8c)}.pay-drawer__sheet{--pay-sheet-h:min(760px, calc(100dvh - 48px));width:520px;box-shadow:var(--elevation-menu);border-radius:24px;padding:24px 28px;animation-name:pay-pop}.pay-drawer__grip{display:none}.pay-drawer .pay-rail{--pay-square:320px;padding-inline:28px;scroll-padding-inline:28px}.pay-drawer .pay-rail-wrap{margin:0 -28px -14px}.pay-drawer .pay-rail-wrap:before,.pay-drawer .pay-rail-wrap:after{width:72px}}@keyframes pay-rise{0%{transform:translateY(105%)}}@keyframes pay-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes pay-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.pay-drawer__sheet,.pay-drawer__scrim{animation:.16s both pay-fade}}.pay-panel{gap:14px;min-width:0;display:grid}.pay-head{text-align:center;gap:6px;display:grid}.pay-drawer .pay-head h2{padding-inline:40px}.pay-head h2{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:22px;font-weight:700;line-height:1.2}.pay-head p{white-space:nowrap;text-overflow:ellipsis;color:var(--pay-fg2);margin:0;font-size:min(15px,4vw);line-height:1.45;overflow:hidden}.pay-balance{text-align:center;justify-items:center;gap:2px;display:grid}.pay-balance span{color:var(--pay-fg3);font-size:13px;font-weight:600}.pay-balance b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:750}.pay-meter{color:var(--pay-fg3);justify-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:600;display:grid}.pay-meter__track{background:var(--pay-line);border-radius:99px;width:min(200px,60%);height:6px;overflow:hidden}.pay-meter__fill{background:var(--status-warning);border-radius:99px;height:100%}.pay-meter--low .pay-meter__fill{background:var(--status-danger)}.pay-or{letter-spacing:.07em;text-transform:uppercase;color:var(--pay-fg3);align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.pay-or:before,.pay-or:after{content:"";background:var(--pay-line);flex:1;height:1px}.pay-rail{--pay-square:min(64vw, 250px);grid-auto-flow:column;grid-auto-columns:var(--pay-square);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;padding:14px 20px 26px;scroll-padding-inline:20px;display:grid;overflow-x:auto}.pay-rail::-webkit-scrollbar{display:none}.pay-rail-wrap{min-width:0;margin:0 -20px -14px;position:relative}.pay-rail-wrap:before,.pay-rail-wrap:after{content:"";z-index:1;pointer-events:none;opacity:0;width:44px;transition:opacity .2s;position:absolute;top:0;bottom:14px}.pay-rail-wrap:before{background:linear-gradient(to right, var(--pay-sheet), transparent);left:0}.pay-rail-wrap:after{background:linear-gradient(to left, var(--pay-sheet), transparent);right:0}.pay-rail-wrap--left:before,.pay-rail-wrap--right:after{opacity:1}.pay-square{aspect-ratio:1;scroll-snap-align:center;border:1.5px solid var(--pay-line);background:var(--pay-soft);min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:24px;flex-direction:column;justify-content:flex-end;gap:2px;padding:20px;transition:border-color .16s,background-color .16s,transform .16s;display:flex;position:relative}.pay-square:active{transform:scale(.97)}.pay-square[aria-checked=true]{border-color:var(--surface-ink);background:var(--surface-ink);color:var(--foreground-on-ink);box-shadow:0 14px 30px -14px #0000008c}.pay-square[aria-checked=true] .pay-square__name,.pay-square[aria-checked=true] .pay-square__line,.pay-square[aria-checked=true] .pay-square__sub:not(.pay-square__sub--bonus),.pay-square[aria-checked=true] .pay-square__price small{color:inherit;opacity:.78}.pay-square__tick{opacity:0;background:var(--foreground-on-ink);border-radius:50%;width:28px;height:28px;transition:opacity .16s,transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:16px;right:16px;transform:scale(.6)}.pay-square__tick:after{content:"";background:var(--surface-ink);position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") 50%/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") 50%/16px no-repeat}.pay-square[aria-checked=true] .pay-square__tick{opacity:1;transform:none}.pay-square__name{color:var(--pay-fg2);margin-bottom:auto;font-size:15px;font-weight:700}.pay-square__price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:750;line-height:1.05}.pay-square__price small{letter-spacing:0;color:var(--pay-fg3);margin-left:3px;font-size:16px;font-weight:500}.pay-square__line{min-height:1.4em;color:var(--pay-fg2);font-variant-numeric:tabular-nums;margin-top:4px;font-size:16px;line-height:1.4}.pay-square__sub{min-height:1.4em;color:var(--pay-fg3);font-variant-numeric:tabular-nums;font-size:15px;line-height:1.4}.pay-square__sub--bonus{color:var(--status-success);font-weight:700}.pay-square__tag{box-shadow:0 0 0 2px var(--pay-sheet);white-space:nowrap;background:var(--surface-ink);color:var(--foreground-on-ink);letter-spacing:.05em;text-transform:uppercase;border-radius:7px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:-10px;left:18px}.pay-square__tag--save{background:var(--status-success);color:#fff}[data-theme=dark] .pay-square__tag--save{color:#0f0f12}.pay-terms{color:var(--pay-fg3);text-align:center;margin:-6px 0 0;font-size:12px}.pay-terms summary{cursor:pointer;text-underline-offset:2px;text-decoration:underline;list-style:none}.pay-terms summary::-webkit-details-marker{display:none}.pay-terms p{color:var(--pay-fg2);text-align:left;margin:8px 0 0;font-size:13px;line-height:1.45}.pay-terms a{color:var(--pay-primary);font-weight:600}.pay-fine{color:var(--pay-fg3);text-align:center;margin:0;font-size:12px;line-height:1.45}.pay-wallet-slot:empty{display:none}.pay-field{color:var(--pay-fg2);gap:5px;font-size:14px;display:grid}.pay-field input{border:1px solid var(--pay-line);background:var(--surface-raised);height:46px;color:var(--pay-fg);font:inherit;border-radius:10px;padding:0 12px;font-size:16px}[data-theme=dark] .pay-field input{background:#1d1c22}.pay-field input:focus{outline:2px solid color-mix(in srgb, var(--pay-primary) 45%, transparent);border-color:var(--pay-primary)}.pay-btn{width:100%;height:48px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.pay-btn:disabled{opacity:.6;cursor:default}.pay-btn--primary{background:var(--pay-primary);color:var(--pay-on-primary)}.pay-btn--outline{color:var(--pay-fg);border:1.5px solid var(--pay-line);background:0 0}.pay-btn--ghost{height:38px;color:var(--pay-fg2);background:0 0;width:auto;font-size:15px;font-weight:600}.pay-btn--sm{width:auto;height:36px;padding:0 14px;font-size:14px}.pay-links{justify-content:center;gap:4px;display:flex}.pay-info,.pay-actions{gap:14px;min-width:0;display:grid}.pay-sum{text-align:center;color:var(--pay-fg2);margin:0;font-size:13px}.pay-sum b{color:var(--pay-fg)}.pay-note-line{text-align:center;min-height:20px;margin:-8px 0 0;line-height:20px}.pay-note-link{font:inherit;color:var(--pay-fg3);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.pay-note{background:0 0;border:0;max-width:none;max-height:none;margin:auto;padding:0;animation:.22s cubic-bezier(.22,1,.36,1) both pay-note-in;overflow:visible}.pay-note::backdrop{background:#07070a52;animation:.22s both pay-fade}.pay-note--leaving{animation:.18s both pay-note-out}.pay-note--leaving::backdrop{animation:.18s both pay-fade-out}.pay-note__card{background:var(--pay-sheet);width:min(340px,100vw - 48px);color:var(--pay-fg);border-radius:22px;gap:12px;padding:22px 22px 18px;display:grid;box-shadow:0 24px 60px -18px #00000080}.pay-note__card h3{margin:0;font-size:17px;font-weight:700}.pay-note__card p{color:var(--pay-fg2);margin:0;font-size:14px;line-height:1.5}.pay-note__card .pay-btn{margin-top:4px}@keyframes pay-note-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes pay-note-out{to{opacity:0;transform:translateY(6px)scale(.97)}}@keyframes pay-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.pay-note,.pay-note--leaving{animation-name:pay-fade}.pay-note--leaving{animation-name:pay-fade-out}}.pay-spin{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.9s linear infinite pay-spin}@keyframes pay-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pay-spin{animation:none}}.pay-back{width:fit-content;color:var(--pay-fg2);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.pay-chosen{background:var(--pay-soft);border:1px solid var(--pay-line);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.pay-chosen b{font-size:16px;display:block}.pay-chosen span{color:var(--pay-fg2);font-size:13px}.pay-chosen strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:750}.pay-check{text-align:left;cursor:pointer;grid-template-columns:22px 1fr;align-items:start;gap:10px;font-size:14px;display:grid}.pay-check input{width:20px;height:20px;accent-color:var(--pay-primary);margin:1px 0 0}.pay-check small{color:var(--pay-fg3);margin-top:2px;font-size:12px;display:block}.pay-refill{border:1px solid var(--pay-line);background:var(--pay-soft);border-radius:14px;gap:10px;padding:12px;display:grid}.pay-chips{flex-wrap:wrap;gap:6px;display:flex}.pay-chip{border:1.5px solid var(--pay-line);color:var(--pay-fg2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.pay-chip[aria-pressed=true]{border-color:var(--pay-primary);color:var(--pay-fg);background:color-mix(in srgb, var(--pay-primary) 10%, transparent)}.pay-toggle{border:1px dashed var(--pay-line);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.pay-toggle b{font-size:15px;display:block}.pay-toggle span{color:var(--pay-fg2);font-size:13px;display:block}.pay-switch{background:var(--pay-line);border-radius:99px;flex:none;width:46px;height:28px;transition:background .16s;position:relative}.pay-switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}[aria-checked=true]>.pay-switch{background:var(--status-success)}[aria-checked=true]>.pay-switch:after{transform:translate(18px)}.pay-alert{text-align:left;border-radius:14px;gap:4px;padding:12px 14px;font-size:14px;display:grid}.pay-alert b{font-size:15px}.pay-alert p{margin:0}.pay-alert .pay-btn{margin-top:6px}.pay-alert--bad{background:var(--status-danger-tint);border:1px solid color-mix(in srgb, var(--status-danger) 35%, transparent)}.pay-alert--bad b{color:var(--status-danger)}.pay-alert--info{background:var(--pay-tint);border:1px solid color-mix(in srgb, var(--pay-tint-ink) 25%, transparent)}.pay-alert--info b{color:var(--pay-tint-ink)}.pay-done{text-align:center;justify-items:center;gap:10px;padding-top:8px;display:grid}.pay-done h2{margin:0;font-size:22px;font-weight:700}.pay-done p{max-width:34ch;color:var(--pay-fg2);margin:0;font-size:15px}.pay-tick{background:var(--status-success-tint);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.pay-tick:after{content:"";border-left:4px solid var(--status-success);border-bottom:4px solid var(--status-success);width:24px;height:12px;transform:rotate(-45deg)translate(2px,-3px)}.pay-bigmin{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1}.pay-bigmin small{color:var(--pay-fg3);letter-spacing:0;font-size:16px;font-weight:600}.pay-square--invite{background:var(--accent-tint);border-color:#0000}.pay-square--invite .pay-square__name,.pay-square--invite .pay-square__price{color:var(--accent-tint-ink)}.pay-square__invite-name{align-items:center;gap:8px;display:flex}.pay-square__gift{background:var(--life-pop);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.pay-square--invite[aria-checked=true]{border-color:var(--life-pop);background:var(--life-pop);color:#fff}.pay-square--invite[aria-checked=true] .pay-square__price{color:#fff}.pay-square--invite[aria-checked=true] .pay-square__gift{color:var(--life-pop);background:#fff}.pay-square--invite[aria-checked=true] .pay-square__tick{background:#fff}.pay-square--invite[aria-checked=true] .pay-square__tick:after{background:var(--life-pop)}.pay-invite{gap:10px;display:grid}.pay-btn--invite{background:var(--life-pop);color:#fff}.pay-invite__row{align-items:center;gap:12px;min-width:0;display:flex}.pay-invite__qr{background:var(--brand-paper);border-radius:10px;flex:none;width:64px;height:64px;padding:6px;display:none}@media (min-width:768px){.pay-invite__qr{display:block}}.pay-invite__link{border:1.5px solid var(--pay-line);border-radius:999px;flex:1;align-items:center;gap:8px;min-width:0;height:48px;padding:0 6px 0 16px;font-size:15px;display:flex}.pay-invite__link span,.pay-invite__link input{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--pay-fg2);flex:1;overflow:hidden}.pay-invite__link input{height:100%;font:inherit;background:0 0;border:0;outline:none;padding:0}.pay-invite__link button{background:var(--pay-soft);height:36px;color:var(--pay-fg);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:700}.pay-invite__sent{color:var(--status-success);font-weight:600}