.py{--pay-text-faint:#c9c5bc;--pay-ink-text:#e9e6df}.py-g{grid-template-columns:minmax(0,1fr);row-gap:24px;margin-top:40px;display:grid}.py-c{border-radius:var(--radius-panel);flex-direction:column;min-width:0;padding:40px 40px 36px;display:flex}.py-c--h{background:var(--color-white);border:1px solid var(--color-rule-2);box-shadow:var(--shadow-panel)}.py-c--r{background:var(--color-ink);color:var(--color-paper)}@media (min-width:1101px){.py-g{grid-template-rows:repeat(8,auto);grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:0 24px}.py-c{grid-row:span 8;grid-template-rows:subgrid;align-content:start;row-gap:0;display:grid}.py-c>*{align-self:start}}.py-k{font:400 13px / 1 var(--font-pixel);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-orange-text)}.py-c--r .py-k{color:var(--color-orange)}.py-fit{max-width:26ch;font:600 32px / 1.1 var(--font-display);letter-spacing:-.8px;color:var(--color-ink);margin-top:16px}.py-c--r .py-fit{color:var(--color-paper)}.py-pr{border-top:1px solid var(--color-line);align-items:baseline;gap:12px;margin-top:28px;padding-top:28px;display:flex}.py-c--r .py-pr{border-top-color:var(--color-rule-dark)}.py-pr b{font:600 80px / 1 var(--font-display);letter-spacing:-3px;font-variant-numeric:tabular-nums}.py-pr span{font:400 15px / 1 var(--font-body);color:var(--color-mute)}.py-c--r .py-pr span{color:var(--color-footer-mute)}.py-x{font:400 17px / 26px var(--font-body);color:var(--color-text-2);margin-top:14px}.py-c--r .py-x{color:var(--pay-text-faint)}.py-calc{border-radius:var(--radius-cell);background:var(--color-paper);margin-top:28px;padding:24px 24px 22px}.py-q{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.py-q label{font:500 16px / 24px var(--font-body);color:var(--color-ink)}.py-q output{font:400 15px / 1 var(--font-body);color:var(--color-mute);white-space:nowrap}.py-q output b{font:600 44px / 1 var(--font-display);letter-spacing:-1.2px;color:var(--color-ink);font-variant-numeric:tabular-nums}.py-range{margin-top:12px}.py-range::-webkit-slider-thumb{transition:transform var(--dur-fast) var(--ease-out)}.py-range:active::-webkit-slider-thumb{transform:scale(1.12)}.py-axis{height:22px;margin:2px 11px 0;position:relative}.py-axis span{top:0;left:calc(var(--x) * 100%);font:400 11px / 1 var(--font-pixel);letter-spacing:var(--tracking-label);color:var(--color-mute);font-variant-numeric:tabular-nums;padding-top:9px;position:absolute;transform:translate(-50%)}.py-axis span:before{content:"";background:var(--color-line);width:1px;height:5px;position:absolute;top:0;left:50%}.py-bands{height:52px;margin:8px 11px 0;padding:0;list-style:none;position:relative}.py-bands li{top:0;bottom:0;left:calc(var(--x) * 100%);width:calc(var(--w) * 100%);white-space:nowrap;border:1px dashed var(--color-line);color:var(--color-mute);transition:background var(--dur-fast) ease-out, border-color var(--dur-fast) ease-out, color var(--dur-fast) ease-out;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;padding:0 10px;display:flex;position:absolute;overflow:hidden}.py-bands li+li{width:calc(var(--w) * 100% - 4px);margin-left:4px}.py-bands b{font:500 14px / 1 var(--font-body);color:var(--color-text-2)}.py-bands span{font:400 11px / 1 var(--font-pixel);letter-spacing:var(--tracking-label);font-variant-numeric:tabular-nums}.py-bands li.on{background:var(--color-peach);border:1px solid var(--color-orange);color:var(--color-peach-text)}.py-bands li.on b{color:var(--color-ink)}.py-note{font:400 13px / 19px var(--font-body);color:var(--color-mute);margin-top:10px}.py-tot{border-top:1.5px dashed var(--color-line);justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px;padding-top:18px;display:flex}.py-tot>span{font:400 16px / 1 var(--font-body);color:var(--color-text-2);font-variant-numeric:tabular-nums}.py-tot>b{font:600 52px / 1 var(--font-display);letter-spacing:-2px;color:var(--color-ink);font-variant-numeric:tabular-nums;display:inline-block}.py-tot>b.bump{animation:bump .45s var(--ease-out)}.py-l{border-top:1px solid var(--color-rule-dark);margin:28px 0 0;padding:0;list-style:none}.py-l li{border-bottom:1px solid var(--color-rule-dark);font:400 16px / 24px var(--font-body);color:var(--pay-ink-text);align-items:center;gap:14px;padding:14px 0;display:flex}.py-l li:before{content:"";background:var(--color-orange);flex:none;width:6px;height:6px}.py-b{justify-content:space-between;width:100%;height:56px;margin-top:28px;font-size:16px}.py-bill{font:400 14px / 21px var(--font-body);color:var(--color-text-2);margin-top:12px}.py-c--r .py-bill{color:var(--pay-text-faint)}.py-f{border-top:1px solid var(--color-line);font:400 14px / 21px var(--font-body);color:var(--color-mute);margin-top:24px;padding-top:18px}.py-c--r .py-f{border-top-color:var(--color-rule-dark);color:var(--color-footer-mute)}.py-f a{color:var(--color-ink);text-underline-offset:4px;white-space:nowrap;text-decoration:underline}.py-c--r .py-f a{color:var(--color-paper)}@media (max-width:700px){.py-g{margin-top:32px}.py-c{border-radius:var(--radius-card);padding:28px 20px 24px}.py-fit{letter-spacing:-.5px;font-size:26px}.py-pr{margin-top:22px;padding-top:22px}.py-pr b{letter-spacing:-2px;font-size:60px}.py-calc{margin-inline:-8px;padding:18px 14px}.py-q output b{font-size:36px}.py-bands{height:46px}.py-bands li{border-radius:8px;gap:4px;padding:0 6px}.py-bands b{font-size:13px}.py-bands span{letter-spacing:0;font-size:10px}.py-tot>b{letter-spacing:-1.5px;font-size:40px}}@media (prefers-reduced-motion:reduce){.py-tot>b.bump{animation:none}.py-bands li{transition:none}}