.tp{--r-50:var(--p-blue-50);--r-100:var(--p-blue-100);--r-200:var(--p-blue-200);--r-300:var(--p-blue-300);--r-400:var(--p-blue-400);--r-500:var(--p-blue-500);--r-600:var(--p-blue-600);--r-700:var(--p-blue-700);--r-800:var(--p-blue-800);--r-900:var(--p-blue-900);--r-950:var(--p-blue-950)}.tp [data-ramp-fixed=purple]{--r-50:var(--p-purple-50);--r-100:var(--p-purple-100);--r-200:var(--p-purple-200);--r-300:var(--p-purple-300);--r-400:var(--p-purple-400);--r-500:var(--p-purple-500);--r-600:var(--p-purple-600);--r-700:var(--p-purple-700);--r-800:var(--p-purple-800);--r-900:var(--p-purple-900);--r-950:var(--p-purple-950)}section:has(input[name=tp-ramp][value=purple]:checked) .tp{--r-50:var(--p-purple-50);--r-100:var(--p-purple-100);--r-200:var(--p-purple-200);--r-300:var(--p-purple-300);--r-400:var(--p-purple-400);--r-500:var(--p-purple-500);--r-600:var(--p-purple-600);--r-700:var(--p-purple-700);--r-800:var(--p-purple-800);--r-900:var(--p-purple-900);--r-950:var(--p-purple-950)}.tp [data-ramp]:not([data-ramp=blue]){display:none}section:has(input[name=tp-ramp][value=purple]:checked) .tp [data-ramp=blue]{display:none}section:has(input[name=tp-ramp][value=purple]:checked) .tp [data-ramp=purple]{display:inline}.tp-pick{border:0;min-width:0;margin:0;padding:0}.tp-pick-legend{float:left;width:100%;margin-bottom:var(--space-2xs);font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);color:var(--text-secondary);padding:0}.tp-pick-legend+*{clear:both}.tp-seg{grid-template-columns:repeat(var(--n,2), minmax(0, 1fr));min-width:220px;display:inline-grid}.tp-seg:has(>.tp-opt:nth-of-type(2) input:checked){--i:1}.tp-seg:has(>.tp-opt:nth-of-type(3) input:checked){--i:2}.tp-seg:has(>.tp-opt:nth-of-type(4) input:checked){--i:3}.tp-seg>.hero-seg-pill{left:calc(2px + var(--i,0) * (100% - 4px) / var(--n,2));right:calc(2px + (var(--n,2) - 1 - var(--i,0)) * (100% - 4px) / var(--n,2))}@media (prefers-reduced-motion:no-preference){.tp-seg>.hero-seg-pill{transition:left .4s var(--ease-spring), right .4s var(--ease-spring)}}.tp-opt{justify-content:center;gap:6px;position:relative}.tp-opt:has(.tp-opt-input:checked){color:var(--text-primary);cursor:default}.tp-opt:has(.tp-opt-input:focus-visible){outline:2px solid var(--action-primary);outline-offset:-2px}.tp-opt-sw{background-color:var(--sw);width:10px;height:10px;box-shadow:inset 0 0 0 var(--layout-hairline) #0a0a191f;border-radius:999px;flex:none}.tp-tracks{border-top:var(--layout-hairline) solid var(--border-subtle);display:grid}@media (min-width:992px){.tp-tracks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.tp-copy{align-content:start;display:grid}.tp-level,.tp-result{padding:var(--space-xl) var(--shell-inset)}@media (min-width:992px){.tp-level,.tp-result{padding:var(--space-xl) var(--space-xl) var(--space-xl) var(--shell-inset)}}.tp-level+.tp-level,.tp-result{border-top:var(--layout-hairline) solid var(--border-subtle)}.tp-k{font-size:var(--font-size-body-xs);line-height:var(--font-line-height-body-xs);letter-spacing:calc(var(--font-tracking-eyebrow) * 1em);text-transform:uppercase;color:var(--text-tertiary);margin:0}.tp-level h3{margin-top:var(--space-xs);font-size:var(--font-size-h6);line-height:var(--font-line-height-h6);letter-spacing:calc(var(--font-tracking-h6) * 1em)}.tp-level-body{margin-top:var(--space-2xs);max-width:30rem;color:var(--text-secondary)}.tp-level-tool{gap:var(--space-sm);margin-top:var(--space-lg);display:grid}.tp-band{height:var(--space-2xl);border-radius:var(--radius-md);grid-template-columns:repeat(11,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden;container-type:inline-size}.tp-step{padding:var(--space-2xs) 0;font-size:var(--font-size-body-xs);line-height:var(--font-line-height-body-xs);font-variant-numeric:tabular-nums;background-color:var(--step);color:var(--ink-blue);justify-content:center;align-items:flex-end;display:flex}section:has(input[name=tp-ramp][value=purple]:checked) .tp-step{color:var(--ink-purple)}@container (max-width:290px){.tp-step:not(:first-child,:nth-child(6),:nth-child(11)) .tp-band-n{visibility:hidden}}.tp-alias-table{width:100%;margin-top:var(--space-lg);border-collapse:collapse;font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);font-variant-numeric:tabular-nums}.tp-alias-table th,.tp-alias-table td{padding:var(--space-xs) 0;border-bottom:var(--layout-hairline) solid var(--border-subtle);text-align:left;font-weight:var(--font-weight-regular)}.tp-alias-table thead th{font-size:var(--font-size-body-xs);line-height:var(--font-line-height-body-xs);letter-spacing:calc(var(--font-tracking-eyebrow) * 1em);text-transform:uppercase;color:var(--text-tertiary);padding-top:0}.tp-alias-table tbody th{width:44%;color:var(--text-secondary)}.tp-alias-table tr[data-base=true] th{color:var(--text-primary);font-weight:var(--font-weight-medium)}.tp-chip{align-items:center;gap:var(--space-2xs);color:var(--text-primary);white-space:nowrap;display:inline-flex}.tp-chip-sw{background-color:var(--step);width:11px;height:11px;box-shadow:inset 0 0 0 var(--layout-hairline) #0a0a191f;border-radius:3px;flex:none}.tp-result-chain{font-size:var(--font-size-h5);line-height:var(--font-line-height-h5);letter-spacing:calc(var(--font-tracking-h5) * 1em);font-weight:var(--font-weight-medium);text-wrap:balance}.tp-nowrap{white-space:nowrap}.tp-arrow{color:var(--text-tertiary)}.tp-result-lands{margin-top:var(--space-3xs);color:var(--text-secondary)}.tp-stage{align-content:center;justify-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md) var(--space-xl);border-top:var(--layout-hairline) solid var(--border-subtle);margin:0;display:grid}@media (min-width:992px){.tp-stage{padding:var(--space-xl) var(--space-lg) var(--space-2xl);border-top:0;border-left:var(--layout-hairline) solid var(--border-subtle)}}.tp-stage-bar .tp-pick-legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tp-device{--frame-w:280px;--tp-zoom:.6933;justify-items:center;display:grid}@media (min-width:992px){.tp-device{--frame-w:320px;--tp-zoom:.8}}@media (max-width:359px){.tp-device{--frame-w:250px;--tp-zoom:.6133}}.tp-glass{position:relative}.tp-screen[data-mode=dark]{clip-path:inset(0 0 0 100%)}section:has(input[name=tp-mode][value=dark]:checked) .tp-screen[data-mode=dark]{clip-path:inset(0)}.tp-screen[data-mode=light]{--p-brand:var(--r-500);--p-brand-dk:var(--r-700);--p-brand-light:var(--r-100);--p-brand-lighter:var(--r-50)}.tp-screen[data-mode=dark]{--p-brand:var(--r-400);--p-brand-dk:var(--r-300);--p-brand-light:var(--r-900);--p-brand-lighter:var(--r-950)}.tp-screen{zoom:var(--tp-zoom);background-color:var(--p-bg);width:375px;height:813px;color:var(--p-strong);font-family:var(--font-product), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;grid-area:1/1;padding:0 20px;font-size:15px;line-height:20px;display:flex;position:relative}:where(.tp-screen) p{margin:0}:where(.tp-screen) ul{margin:0;padding:0;list-style:none}.tp-glyph{width:22px;height:22px}.tp-status{letter-spacing:-.2px;justify-content:space-between;align-items:center;height:50px;padding:6px 6px 0 14px;font-size:16px;font-weight:600;display:flex}.tp-status-i{align-items:center;gap:6px;display:inline-flex}.tp-status-i svg{fill:currentColor;width:auto;height:12px}.tp-top{align-items:center;gap:10px;margin-top:6px;display:flex}.tp-avatar{object-fit:cover;border-radius:999px;flex:none;width:44px;height:44px}.tp-search{background-color:var(--p-nweak);height:44px;color:var(--p-soft);border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 14px;font-size:16px;display:flex}.tp-search[data-focus=true]{background-color:var(--p-bg);box-shadow:inset 0 0 0 1.5px var(--p-brand), 0 0 0 4px color-mix(in srgb, var(--p-brand) 18%, transparent)}.tp-search-i{width:18px;height:18px;color:var(--p-strong)}.tp-caret{background-color:var(--p-brand);border-radius:1px;width:2px;height:20px;margin-right:-6px}.tp-iconbtn{background-color:var(--p-nweak);border-radius:999px;flex:none;place-items:center;width:44px;height:44px;display:grid}.tp-iconbtn .tp-glyph{width:20px;height:20px}.tp-balance{text-align:center;margin-top:24px}.tp-balance-k{color:var(--p-sub)}.tp-balance-v{letter-spacing:-1.4px;margin-top:4px;font-size:46px;font-weight:600;line-height:52px}.tp-balance-v span{letter-spacing:-.6px;color:var(--p-soft);font-size:28px}.tp-delta{background-color:var(--p-success-lighter);color:var(--p-success-dark);border-radius:999px;margin-top:10px;padding:4px 10px;font-size:13px;font-weight:600;line-height:18px;display:inline-block}.tp-actions{text-align:center;color:var(--p-sub);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;font-size:13px;line-height:18px;display:grid}.tp-actions li{justify-items:center;gap:8px;display:grid}.tp-action{background-color:var(--p-brand-lighter);width:58px;height:58px;color:var(--p-brand);border-radius:999px;place-items:center;display:grid}.tp-listhead{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.tp-listhead p{font-size:18px;font-weight:600;line-height:24px}.tp-link{color:var(--p-brand);align-items:center;gap:2px;font-weight:600;display:inline-flex}.tp-link-i{width:16px;height:16px}.tp-list{margin-top:8px}.tp-list li{align-items:center;gap:12px;height:58px;display:flex}.tp-list-i{background-color:var(--p-nweak);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.tp-list-i .tp-glyph{width:20px;height:20px}.tp-list-t{flex:1;min-width:0;display:grid}.tp-list-t>:first-child{font-weight:600}.tp-list-t>:last-child{color:var(--p-soft);font-size:13px;line-height:18px}.tp-list-a{font-variant-numeric:tabular-nums;font-weight:600}.tp-switchrow{background-color:var(--p-nweak);border-radius:16px;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.tp-switch{background-color:var(--p-brand);border-radius:999px;flex:none;width:51px;height:31px;position:relative}.tp-switch:after{content:"";background-color:var(--p-on-color);border-radius:999px;width:27px;height:27px;position:absolute;top:2px;right:2px;box-shadow:0 3px 8px #00000026}.tp-button{background-color:var(--p-brand);height:52px;color:var(--p-on-color);border-radius:999px;place-items:center;margin-top:18px;font-size:17px;font-weight:600;display:grid}.tp-tabs{background-color:var(--p-bg);height:64px;box-shadow:inset 0 0 0 1px var(--p-nstroke), var(--p-shadow-lg);border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;display:grid;position:absolute;bottom:26px;left:20px;right:20px}.tp-tab{color:var(--p-soft);border-radius:999px;place-content:center;justify-items:center;gap:2px;font-size:11px;font-weight:600;line-height:14px;display:grid}.tp-tab .tp-glyph{width:22px;height:22px}.tp-tab[data-on=true]{background-color:var(--p-gray-a10);color:var(--p-brand)}.tp-home{background-color:var(--p-strong);border-radius:3px;width:134px;height:5px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.tp-swap{align-items:start;gap:var(--space-sm);padding:var(--space-lg) var(--space-md) 0;border-radius:var(--radius-xl);background-color:var(--bg-canvas);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;overflow:hidden;container-type:inline-size}@media (min-width:768px){.tp-swap{aspect-ratio:3/2}}@media (max-width:767px){.tp-swap{max-height:26rem}}.tp-swap-side{justify-items:center;gap:var(--space-xs);min-width:0;display:grid}.tp-swap-k{font-size:var(--font-size-body-xs);line-height:var(--font-line-height-body-xs);letter-spacing:calc(var(--font-tracking-eyebrow) * 1em);text-transform:uppercase;color:var(--text-tertiary);margin:0}.tp-swap-edit{justify-items:center;gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background-color:var(--bg-surface);box-shadow:inset 0 0 0 var(--layout-hairline) var(--border-subtle), 0 2px 8px -2px #080a1a1f;font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);color:var(--text-primary);white-space:nowrap;align-self:center;margin:0;display:grid}.tp-swap-row{align-items:center;gap:var(--space-2xs);display:inline-flex}.tp-swap-alias{margin-top:var(--space-2xs);padding-top:var(--space-2xs);border-top:var(--layout-hairline) solid var(--border-subtle);color:var(--text-secondary)}.tp-swap .tp-device{--frame-w:120px;--tp-zoom:.2667}@container (min-width:480px){.tp-swap .tp-device{--frame-w:170px;--tp-zoom:.4}}@container (min-width:600px){.tp-swap .tp-device{--frame-w:200px;--tp-zoom:.48}}@media (max-width:767px){.tp-swap{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-swap-edit{grid-area:1/1/auto/-1}.tp-swap .tp-device{--frame-w:140px;--tp-zoom:.32}}@media (prefers-reduced-motion:no-preference){.tp-step,.tp-chip-sw,.tp-screen,.tp-screen *{transition-property:background-color,color,box-shadow;transition-duration:var(--p-dur-base);transition-timing-function:var(--p-ease-standard)}.tp-step{transition-delay:calc(var(--s) * 18ms)}.tp-chip-sw{transition-delay:calc(var(--s) * 18ms + 60ms)}.tp-screen,.tp-screen *{transition-delay:.26s}.tp-screen[data-mode=dark]{transition:clip-path .56s var(--ease-out), background-color var(--p-dur-base) var(--p-ease-standard) .26s, color var(--p-dur-base) var(--p-ease-standard) .26s}}.of{border-top:var(--layout-hairline) solid var(--border-subtle)}.of-row{display:none}.of .of-row[data-of=color]{display:grid}section:has(input[name=of-token][value=space]:checked) .of .of-row[data-of=space]{display:grid}section:has(input[name=of-token][value=motion]:checked) .of .of-row[data-of=motion]{display:grid}:is(section:has(input[name=of-token][value=space]:checked) .of .of-row[data-of=color],section:has(input[name=of-token][value=motion]:checked) .of .of-row[data-of=color]){display:none}.of-source{justify-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--shell-inset) var(--space-lg);text-align:center;display:grid}.of-source-pick{justify-items:center;gap:var(--space-sm);display:grid}.of-source-pick .tp-pick-legend{text-align:center}.of .hero-seg{background-color:#ffffff14}.of .hero-seg-pill{background-color:var(--bg-inset);box-shadow:inset 0 0 0 1px #ffffff1a}.of-source-row{justify-items:center;gap:var(--space-2xs)}.of-source-name{margin-top:var(--space-xs);font-size:var(--font-size-h4);line-height:var(--font-line-height-h4);letter-spacing:calc(var(--font-tracking-h4) * 1em);font-weight:var(--font-weight-medium);color:var(--text-primary)}.of-source-ref{color:var(--text-secondary);font-variant-numeric:tabular-nums}.of-value{color:var(--text-primary);font-variant-numeric:tabular-nums}.of-spec{height:var(--space-xl);align-items:center;display:inline-flex}.of-spec-color{gap:var(--space-2xs)}.of-spec-color>span{width:var(--space-xl);height:var(--space-xl);border-radius:var(--radius-md);background-color:var(--sw);box-shadow:inset 0 0 0 1px #ffffff1f}.of-spec-space{gap:0}.of-spec-space>span:not(.of-spec-gap){width:var(--space-lg);height:var(--space-xl);border-radius:var(--radius-sm);background-color:var(--bg-inset);box-shadow:inset 0 0 0 1px var(--border-strong)}.of-spec-gap{width:var(--space-sm);height:var(--space-xs);border-inline:1px solid var(--brand-200);background:linear-gradient(var(--brand-200), var(--brand-200)) center / 100% 1px no-repeat}.of-spec-motion{width:var(--space-3xl);height:var(--space-xl);position:relative}.of-spec-motion:before{content:"";inset-inline:0;background-color:var(--border-strong);height:1px;position:absolute;top:50%}.of-spec-dot{width:var(--space-sm);height:var(--space-sm);margin-top:calc(var(--space-sm) / -2);background-color:var(--brand-200);border-radius:999px;position:absolute;top:50%;left:0}@media (prefers-reduced-motion:no-preference){.of-spec-dot{animation:of-dot 1.6s var(--p-ease-standard) infinite}}@keyframes of-dot{0%,40%{left:0}47.5%,90%{left:calc(100% - var(--space-sm))}to{left:0}}.of-fork{display:none}@media (min-width:992px){.of-fork{width:100%;height:var(--space-2xl);fill:none;stroke:var(--border-strong);stroke-width:1px;display:block}}.of-outs{border-top:var(--layout-hairline) solid var(--border-subtle);margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.of-outs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.of-outs{grid-template-columns:repeat(4,minmax(0,1fr))}}.of-out{align-content:start;gap:var(--space-2xs);min-width:0;padding:var(--space-lg) var(--cell-inset,var(--space-lg)) var(--space-xl);border-bottom:var(--layout-hairline) solid var(--border-subtle);display:grid}@media (min-width:768px){.of-out:nth-child(2n){border-left:var(--layout-hairline) solid var(--border-subtle)}}@media (min-width:992px){.of-out{border-bottom:0}.of-out+.of-out{border-left:var(--layout-hairline) solid var(--border-subtle)}}.of-title{align-items:center;gap:var(--space-2xs);font-size:var(--font-size-h6);line-height:var(--font-line-height-h6);letter-spacing:calc(var(--font-tracking-h6) * 1em);color:var(--text-primary);display:flex}.of-mark{flex:none;width:18px;height:18px}.of-line{gap:var(--space-3xs);margin-top:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background-color:var(--bg-inset);box-shadow:inset 0 0 0 1px var(--border-subtle);grid-template-columns:minmax(0,1fr)}.of-line-name{color:var(--brand-200);overflow-wrap:break-word}.of-line .of-value{font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);color:var(--text-secondary);overflow-wrap:anywhere}.of-body{margin-top:var(--space-xs);font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);color:var(--text-secondary)}@media (prefers-reduced-motion:no-preference){.of-row{animation:of-in .42s var(--ease-out) backwards}.of-out:nth-child(2) .of-row{animation-delay:50ms}.of-out:nth-child(3) .of-row{animation-delay:.1s}.of-out:nth-child(4) .of-row{animation-delay:.15s}}@keyframes of-in{0%{opacity:0;translate:0 var(--space-2xs)}}