.docs-previews-module__tkpwxq__preview{--pv-duration:.52s;--pv-ease:cubic-bezier(.65, 0, .35, 1);padding-block:var(--s4);background:var(--canvas);color:var(--ink);font-family:var(--font-text);font-size:var(--text-md);font-weight:400;line-height:var(--leading-md);letter-spacing:var(--track-md);text-align:left;-webkit-font-smoothing:antialiased;font-feature-settings:"calt" off;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:safe center;display:flex;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),#0000);mask-image:linear-gradient(#000 calc(100% - 36px),#0000);container-type:inline-size}.docs-previews-module__tkpwxq__preview :is(img,svg){max-width:none;display:inline}.docs-previews-module__tkpwxq__stage{gap:var(--s2);zoom:.72;flex-direction:column;flex:none;width:480px;display:flex}@container (min-width:440px){.docs-previews-module__tkpwxq__stage{zoom:.84}}@container (min-width:560px){.docs-previews-module__tkpwxq__stage{zoom:.96}}.docs-previews-module__tkpwxq__placeholder{color:var(--ink-faint);white-space:nowrap}.docs-previews-module__tkpwxq__roll{vertical-align:bottom;justify-items:end;display:inline-grid;overflow:hidden}.docs-previews-module__tkpwxq__roll[data-align=start]{justify-items:start}.docs-previews-module__tkpwxq__roll>*{transition:transform var(--pv-duration) var(--pv-ease), opacity var(--pv-duration) var(--pv-ease);grid-area:1/1}.docs-previews-module__tkpwxq__roll>[data-when=after],.docs-previews-module__tkpwxq__preview[data-state=after] .docs-previews-module__tkpwxq__roll>[data-when=rest]{opacity:0;transform:translateY(70%)}.docs-previews-module__tkpwxq__preview[data-state=after] .docs-previews-module__tkpwxq__roll>[data-when=rest]{transform:translateY(-70%)}.docs-previews-module__tkpwxq__preview[data-state=after] .docs-previews-module__tkpwxq__roll>[data-when=after]{opacity:1;transform:none}.docs-previews-module__tkpwxq__example{top:var(--s2);right:var(--s2);z-index:1;padding:var(--s0) var(--s1-5);border-radius:var(--radius-full);background:var(--chip-fill);color:var(--ink-muted);font-size:var(--text-xs);line-height:var(--leading-sm);letter-spacing:var(--track-xs);position:absolute}.docs-previews-module__tkpwxq__field{place-items:center end;display:inline-grid}.docs-previews-module__tkpwxq__field>*{grid-area:1/1}.docs-previews-module__tkpwxq__typed{align-items:center;transition:opacity .28s;display:inline-flex}.docs-previews-module__tkpwxq__char{opacity:0;max-width:0;display:inline-block;overflow:hidden}.docs-previews-module__tkpwxq__preview[data-typed="1"] .docs-previews-module__tkpwxq__char:nth-child(-n+1),.docs-previews-module__tkpwxq__preview[data-typed="2"] .docs-previews-module__tkpwxq__char:nth-child(-n+2),.docs-previews-module__tkpwxq__preview[data-typed="3"] .docs-previews-module__tkpwxq__char:nth-child(-n+3),.docs-previews-module__tkpwxq__preview[data-typed="4"] .docs-previews-module__tkpwxq__char:nth-child(-n+4){opacity:1;max-width:1em}.docs-previews-module__tkpwxq__caret{background:var(--brand);opacity:0;width:2px;height:36px;margin-left:2px;display:inline-block}.docs-previews-module__tkpwxq__preview:is([data-phase=typing],[data-phase=loading],[data-phase=quoted]) .docs-previews-module__tkpwxq__caret{animation:1s step-end infinite docs-previews-module__tkpwxq__pv-blink}.docs-previews-module__tkpwxq__preview:not([data-phase=idle]) .docs-previews-module__tkpwxq__inputPlaceholder,.docs-previews-module__tkpwxq__preview:is([data-phase=loading],[data-phase=quoted],[data-phase=clearing]) :is(.docs-previews-module__tkpwxq__outputPlaceholder,.docs-previews-module__tkpwxq__rateEmpty){visibility:hidden}.docs-previews-module__tkpwxq__preview[data-phase=clearing] .docs-previews-module__tkpwxq__typed{opacity:0}.docs-previews-module__tkpwxq__outputSkeleton{display:flex}.docs-previews-module__tkpwxq__outputSkeleton>span{border-radius:var(--radius-compact);width:5ch;height:32px}.docs-previews-module__tkpwxq__outputSkeleton,.docs-previews-module__tkpwxq__quoteLoading{opacity:0;transition:opacity .16s}.docs-previews-module__tkpwxq__preview[data-phase=loading] :is(.docs-previews-module__tkpwxq__outputSkeleton,.docs-previews-module__tkpwxq__quoteLoading){opacity:1}.docs-previews-module__tkpwxq__output,.docs-previews-module__tkpwxq__rate{opacity:0;transition:opacity .28s,transform 0s .28s;transform:translateY(40%)}.docs-previews-module__tkpwxq__preview[data-phase=quoted] :is(.docs-previews-module__tkpwxq__output,.docs-previews-module__tkpwxq__rate){opacity:1;transition:opacity .36s var(--pv-ease), transform .36s var(--pv-ease);transform:none}@keyframes docs-previews-module__tkpwxq__pv-blink{0%{opacity:1}50%{opacity:0}}.docs-previews-module__tkpwxq__segmentedHighlight{width:calc(50% - 3px);transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);left:2px}.docs-previews-module__tkpwxq__segmented{grid-template-columns:repeat(2,minmax(0,1fr));display:inline-grid}.docs-previews-module__tkpwxq__segmented[data-chart=liquidity] .docs-previews-module__tkpwxq__segmentedHighlight{left:calc(50% + 1px)}.docs-previews-module__tkpwxq__segmentedItem{cursor:default;width:100%}.docs-previews-module__tkpwxq__plotBox{height:249px}.docs-previews-module__tkpwxq__plotLayer{opacity:0;transition:opacity .28s;position:absolute;inset:0}.docs-previews-module__tkpwxq__plotLayer[data-on]{opacity:1}.docs-previews-module__tkpwxq__slider{height:20px;margin-top:4px;display:block;position:relative}.docs-previews-module__tkpwxq__slider:before,.docs-previews-module__tkpwxq__sliderFill{border-radius:var(--radius-full);content:"";width:100%;height:4px;position:absolute;top:8px;left:0}.docs-previews-module__tkpwxq__slider:before{background:var(--control-tertiary-hover)}.docs-previews-module__tkpwxq__sliderFill{background:var(--brand);transform:scaleX(var(--rest-percent,.5));transform-origin:0;transition:transform var(--pv-duration) var(--pv-ease)}.docs-previews-module__tkpwxq__sliderThumbRail{transform:translateX(calc(var(--rest-percent,.5) * 100%));transition:transform var(--pv-duration) var(--pv-ease);position:absolute;inset:0}.docs-previews-module__tkpwxq__sliderThumb{border-radius:var(--radius-full);background:var(--brand);width:16px;height:16px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-interactive);position:absolute;top:2px;left:-8px}.docs-previews-module__tkpwxq__preview[data-state=after] .docs-previews-module__tkpwxq__sliderFill{transform:scaleX(1)}.docs-previews-module__tkpwxq__preview[data-state=after] .docs-previews-module__tkpwxq__sliderThumbRail{transform:translate(100%)}.docs-previews-module__tkpwxq__preset[data-preset=rest],.docs-previews-module__tkpwxq__preview[data-state=after] .docs-previews-module__tkpwxq__preset[data-preset=after]{background:var(--card-selected);color:var(--ink)}.docs-previews-module__tkpwxq__preview[data-state=after] .docs-previews-module__tkpwxq__preset[data-preset=rest]{color:var(--ink-muted);background:0 0}.docs-previews-module__tkpwxq__preset{transition-duration:var(--pv-duration)}.docs-previews-module__tkpwxq__ballot{gap:var(--s2);padding:var(--s2);border-radius:var(--radius);background:var(--card);flex-direction:column;display:flex}.docs-previews-module__tkpwxq__ballotRow{justify-content:space-between;align-items:center;gap:var(--s4);padding:0 var(--s4);border-radius:var(--radius);background:var(--surface);display:flex}.docs-previews-module__tkpwxq__weight{transition:background-color var(--pv-duration) var(--pv-ease), box-shadow var(--pv-duration) var(--pv-ease)}.docs-previews-module__tkpwxq__preview[data-state=after] .docs-previews-module__tkpwxq__weight{background:var(--card-selected);box-shadow:inset 0 0 0 1px var(--line-interactive)}.docs-previews-module__tkpwxq__bar{position:relative;bottom:auto}.docs-previews-module__tkpwxq__used{transition:color var(--pv-duration) var(--pv-ease)}.docs-previews-module__tkpwxq__preview[data-state=after] .docs-previews-module__tkpwxq__used{color:var(--positive)}@media (prefers-reduced-motion:reduce){.docs-previews-module__tkpwxq__preview *{transition:none!important}}.docs-previews-module__tkpwxq__swapStage,.docs-previews-module__tkpwxq__rangeStage,.docs-previews-module__tkpwxq__lockStage,.docs-previews-module__tkpwxq__voteStage{gap:var(--s3)}