.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 var(--motion-default), right var(--motion-default)}}.tp-opt{justify-content:center;gap:6px;padding:0 10px;position:relative}.tp-opt:has(.tp-opt-input:checked){color:var(--text-primary);cursor:default}.tp-opt:has(.tp-opt-input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring,var(--action-primary));outline-offset:calc(-1 * var(--focus-ring-width))}.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);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:992px){.tp-tracks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tp-s{grid-column:1}.tp-s1{grid-row:1}.tp-s2{grid-row:2}.tp-s3{grid-row:3}}.tp-s{align-content:start;gap:var(--space-md);min-width:0;padding:var(--space-xl) var(--shell-inset);display:grid;container-type:inline-size}@media (min-width:992px){.tp-s{padding:var(--space-xl) var(--space-xl) var(--space-xl) var(--shell-inset)}}.tp-s2,.tp-s3{border-top:var(--layout-hairline) solid var(--border-subtle)}.tp-head{gap:var(--space-3xs);display:grid}.tp-h{font-size:var(--font-size-h6);line-height:var(--font-line-height-h6);letter-spacing:calc(var(--font-tracking-h6) * 1em);margin:0}.tp-b{max-width:30rem;color:var(--text-secondary);margin:0}.tp-ramps{gap:var(--space-xs);border:0;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0;padding:0;display:grid}.tp-ramp{align-items:center;gap:var(--space-xs);min-height:56px;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 var(--layout-hairline) var(--border-strong);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.tp-ramp:has(.tp-ramp-input:checked){box-shadow:inset 0 0 0 var(--layout-hairline) var(--text-primary);cursor:default}.tp-ramp:has(.tp-ramp-input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring,var(--action-primary));outline-offset:var(--focus-ring-gap)}@media (hover:hover) and (pointer:fine){.tp-ramp:not(:has(.tp-ramp-input:checked)):hover{box-shadow:inset 0 0 0 var(--layout-hairline) var(--text-tertiary)}}.tp-ramp-sw{border-radius:var(--radius-sm);background-color:var(--sw);width:24px;height:24px;box-shadow:inset 0 0 0 var(--layout-hairline) #0a0a191f}.tp-ramp-t{min-width:0;display:grid}.tp-ramp-path{font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap}.tp-ramp-hex{font-size:var(--font-size-body-xs);line-height:var(--font-line-height-body-xs);font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.tp-ramp-radio{border-radius:var(--radius-full);width:16px;height:16px;box-shadow:inset 0 0 0 var(--layout-hairline) var(--border-strong);place-items:center;display:grid}.tp-ramp-radio:after{content:"";border-radius:var(--radius-full);background-color:var(--text-primary);width:8px;height:8px;transform:scale(0)}.tp-ramp:has(.tp-ramp-input:checked) .tp-ramp-radio{box-shadow:inset 0 0 0 var(--layout-hairline) var(--text-primary)}.tp-ramp:has(.tp-ramp-input:checked) .tp-ramp-radio:after{transform:none}@container (max-width:399px){.tp-ramps{grid-template-columns:minmax(0,1fr)}}@container (min-width:400px) and (max-width:459px){.tp-ramp-radio{display:none}.tp-ramp{grid-template-columns:auto minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.tp-ramp{transition:box-shadow var(--motion-indicator)}.tp-ramp-radio:after{transition:transform var(--motion-subtle)}}.tp-band-wrap{min-width:0;display:grid}.tp-band{height:var(--space-xl);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-3xs) 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-notches{height:var(--space-lg);margin:var(--space-2xs) 0 0;grid-template-columns:repeat(11,minmax(0,1fr));padding:0;list-style:none;display:grid}.tp-notch{justify-content:center;display:flex;position:relative}.tp-notch:before{content:"";border-radius:var(--radius-full);background-color:var(--text-tertiary);opacity:0;width:6px;height:6px}.tp-notch[data-light]:before{opacity:1}section:has(input[name=tp-mode][value=dark]:checked) .tp-notch[data-light]:not([data-dark]):before{opacity:0}section:has(input[name=tp-mode][value=dark]:checked) .tp-notch[data-dark]:before{opacity:1}.tp-notch[data-light=base]:before{background-color:var(--text-primary)}section:has(input[name=tp-mode][value=dark]:checked) .tp-notch[data-dark=base]:before{background-color:var(--text-primary)}.tp-notch:after{content:"";top:var(--space-sm);font-size:var(--font-size-body-xs);line-height:var(--font-line-height-body-xs);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--text-primary);position:absolute;left:50%;translate:-50%}.tp-notch[data-light=base]:after{content:"brand/base"}section:has(input[name=tp-mode][value=dark]:checked) .tp-notch[data-dark=base]:after{content:"brand/base"}section:has(input[name=tp-mode][value=dark]:checked) .tp-notch[data-light=base]:not([data-dark=base]):after{content:""}@media (prefers-reduced-motion:no-preference){.tp-notch:before{transition:opacity var(--motion-indicator), background-color var(--motion-indicator)}}.tp-alias-table{border-collapse:collapse;width:100%;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-sm) 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);letter-spacing:calc(var(--font-tracking-eyebrow) * 1em);text-transform:uppercase;color:var(--text-tertiary);padding-top:0;line-height:1.5}.tp-alias-table tbody th{width:40%;color:var(--text-secondary)}.tp-alias-table tr[data-base=true] th{color:var(--text-primary);font-weight:var(--font-weight-medium)}.tp-alias-table [data-mode=dark]{color:var(--text-tertiary)}.tp-alias-table [data-mode=light]{color:var(--text-primary)}section:has(input[name=tp-mode][value=dark]:checked) .tp-alias-table [data-mode=light]{color:var(--text-tertiary)}section:has(input[name=tp-mode][value=dark]:checked) .tp-alias-table [data-mode=dark]{color:var(--text-primary)}.tp-alias-table thead [data-mode]{font-weight:var(--font-weight-medium)}.tp-chip{align-items:center;gap:var(--space-2xs);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-alias-table [data-mode=dark] .tp-chip-sw{opacity:.4}.tp-alias-table [data-mode=light] .tp-chip-sw{opacity:1}section:has(input[name=tp-mode][value=dark]:checked) .tp-alias-table [data-mode=light] .tp-chip-sw{opacity:.4}section:has(input[name=tp-mode][value=dark]:checked) .tp-alias-table [data-mode=dark] .tp-chip-sw{opacity:1}@media (prefers-reduced-motion:no-preference){.tp-alias-table [data-mode],.tp-alias-table .tp-chip-sw{transition:color var(--motion-indicator), opacity var(--motion-indicator)}}.tp-chip-pre{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tp-arrow{color:var(--text-tertiary)}.tp-stage{padding:var(--space-lg) var(--space-md) var(--space-xl);border-top:var(--layout-hairline) solid var(--border-subtle);justify-items:center;margin:0;display:grid}.tp-stage-in{gap:var(--space-md);justify-items:center;display:grid}@media (min-width:992px){.tp-stage{padding:var(--space-xl) var(--space-lg);border-top:0;border-left:var(--layout-hairline) solid var(--border-subtle);grid-area:1/2/4;align-items:start}.tp-stage-in{top:calc(var(--layout-nav-height) + var(--space-lg));position:sticky}}.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 (min-width:992px) and (max-height:799px){.tp-device{--frame-w:280px;--tp-zoom:.6933}}@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);font-weight:var(--font-weight-medium);letter-spacing:calc(var(--font-tracking-body) * 1em);color:var(--text-secondary);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 var(--dur-slower) var(--ease-emphasized), background-color var(--p-dur-base) var(--p-ease-standard) .26s, color var(--p-dur-base) var(--p-ease-standard) .26s}}.tc-pre{padding:var(--space-md) 0;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-body-xs);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-prose);font-variant-ligatures:none;tab-size:2;white-space:pre;text-align:left;-webkit-hyphens:none;hyphens:none;scrollbar-width:thin;scrollbar-color:var(--text-tertiary) transparent;margin:0;overflow-x:auto}@media (min-width:768px){.tc-pre{font-size:var(--font-size-body-sm)}}.tc-pre:focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}.tc-pre code{width:max-content;min-width:100%;font:inherit;letter-spacing:inherit;display:block}.tc-line{width:100%;padding:0 var(--space-md);vertical-align:top;display:inline-block}.tc-line[data-mark]{background-color:color-mix(in srgb, var(--p-brand) 8%, transparent);box-shadow:inset var(--focus-ring-width) 0 0 var(--p-brand)}@supports not (scrollbar-color:auto){.tc-pre::-webkit-scrollbar{height:var(--space-2xs)}.tc-pre::-webkit-scrollbar-thumb{border-radius:var(--radius-xs);background-color:var(--text-tertiary)}}.tc-id{font:inherit;font-weight:var(--font-weight-medium);letter-spacing:inherit;color:var(--text-primary);white-space:nowrap}@media (max-width:359px){.tc-id{white-space:normal;overflow-wrap:anywhere}}.tw-stage{padding:var(--space-xl) var(--shell-inset);border-top:var(--layout-hairline) solid var(--border-subtle);justify-items:center;display:grid}@media (min-width:768px){.tw-stage{padding-block:var(--space-2xl)}}.tw{border:var(--layout-hairline) solid var(--border-strong);border-radius:var(--radius-lg);background-color:var(--bg-surface);--tw-tab-x:6px;width:100%;min-width:0;max-width:44rem;overflow:hidden}@media (min-width:768px){.tw{--tw-tab-x:10px}}@media (max-width:359px){.tw{--tw-tab-x:4px}}.tw-bar{align-items:stretch;gap:var(--space-2xs);height:var(--space-xl);padding:0 var(--space-3xs) 0 calc(var(--space-md) - var(--tw-tab-x));border-bottom:var(--layout-hairline) solid var(--border-subtle);background-color:var(--bg-tint);display:flex}.tw-tabs{scrollbar-width:none;flex:auto;min-width:0;display:flex;overflow-x:auto}.tw-tabs::-webkit-scrollbar{display:none}.tw-tab{padding:0 var(--tw-tab-x);font-size:13px;line-height:18px;font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;flex:none;align-items:center;display:flex}.tw-tab[aria-selected=true]{color:var(--text-primary);box-shadow:inset 0 calc(-1 * var(--focus-ring-width)) 0 var(--text-primary);cursor:default}.tw-tab:focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}@media (hover:hover) and (pointer:fine){.tw-tab[aria-selected=false]:hover{color:var(--text-primary)}}.tw-legend{display:none}@media (min-width:768px){.tw-legend{align-items:center;gap:var(--space-2xs);font-size:var(--font-size-body-xs);color:var(--text-secondary);white-space:nowrap;flex:none;line-height:1.5;display:inline-flex}}.tw-legend-sw{background-color:var(--p-brand);width:11px;height:11px;box-shadow:inset 0 0 0 var(--layout-hairline) #0a0a191f;border-radius:3px}.tw-cap{padding:var(--space-xs) var(--space-md);border-bottom:var(--layout-hairline) solid var(--border-subtle);background-color:var(--bg-tint);font-size:var(--font-size-body-xs);line-height:1.5;font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.tw-pane+.tw-pane{border-top:var(--layout-hairline) solid var(--border-subtle)}.tw-pane:focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}.tw[data-live] .tw-panes{display:grid}.tw[data-live] .tw-pane{border-top:0;grid-area:1/1;min-width:0}.tw[data-live] .tw-pane:not([data-on]){visibility:hidden}.tw[data-live] .tw-cap{display:none}.tw-pane:has(>.tc-pre[tabindex]):after{content:"Scroll sideways";margin-top:calc(-1 * var(--space-xs));padding:0 var(--space-md) var(--space-sm);font-size:var(--font-size-body-xs);color:var(--text-tertiary);line-height:1.5;display:block}.tw-copy{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;flex:none;align-self:center;place-items:center;display:grid}.tw-copy-i{width:16px;height:16px;display:grid}.tw-copy-i>*{grid-area:1/1;width:100%;height:100%}.tw-copy-i>:last-child,.tw-copy[data-state=copied] .tw-copy-i>:first-child{opacity:0;transform:scale(.6)}.tw-copy[data-state=copied] .tw-copy-i>:last-child{opacity:1;transform:none}.tw-copy[data-state=copied]{color:var(--text-primary)}@media (hover:hover) and (pointer:fine){.tw-copy:hover{background-color:var(--bg-inset);color:var(--text-primary)}}@media (max-width:374px){.tw-copy{display:none}}@media (prefers-reduced-motion:no-preference){.tw-copy,.tw-copy-i>*,.tw-tab{transition:opacity var(--motion-subtle), transform var(--motion-subtle), color var(--motion-indicator), background-color var(--motion-indicator), box-shadow var(--motion-indicator)}}