.canvas-module__Dqri3a__Canvas{background:var(--global-color-1);z-index:0;block-size:100%;min-block-size:0;min-inline-size:0;position:relative;overflow:hidden}.canvas-module__Dqri3a__Viewport{block-size:100%;inline-size:100%;position:relative;overflow:hidden}.canvas-module__Dqri3a__Tools{z-index:1;pointer-events:auto;position:absolute;inset-block-start:var(--space-small);inset-inline-end:var(--space-small)}
@layer viraui.preflight;@layer viraui.components{@property --vui-skeleton-border-radius{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --vui-skeleton-inline-size{syntax:"*";inherits:false;initial-value:auto}@property --vui-skeleton-block-size{syntax:"*";inherits:false;initial-value:auto}@property --vui-skeleton-min-inline-size{syntax:"*";inherits:false;initial-value:none}@property --vui-skeleton-min-block-size{syntax:"*";inherits:false;initial-value:none}@property --vui-skeleton-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --vui-skeleton-duration{syntax:"<time>";inherits:false;initial-value:0s}@property --vui-skeleton-wipe{syntax:"<percentage>";inherits:true;initial-value:-100%}.viraui__skeleton-module__Overlay_sZSQe,.viraui__skeleton-module__Skeleton_pn7Xk{--vui-skeleton-background:var(--global-contrast);--vui-skeleton-duration:var(--duration-slow);--vui-skeleton-border-radius:var(--radius-small);box-sizing:border-box;background-color:var(--vui-skeleton-background);opacity:1;border-radius:var(--vui-skeleton-border-radius);animation:viraui__skeleton-module__skeleton-fade_XHkG4 var(--vui-skeleton-duration) var(--easing-standard) infinite alternate;overflow:hidden}:is(.viraui__skeleton-module__Overlay_sZSQe,.viraui__skeleton-module__Skeleton_pn7Xk)[data-animate=false]{opacity:1;animation:none}@media (prefers-reduced-motion:reduce){.viraui__skeleton-module__Overlay_sZSQe,.viraui__skeleton-module__Skeleton_pn7Xk{opacity:1;animation:none}}.viraui__skeleton-module__Skeleton_pn7Xk{--vui-skeleton-min-inline-size:var(--space-x-large);--vui-skeleton-min-block-size:var(--space-medium);inline-size:var(--vui-skeleton-inline-size);block-size:var(--vui-skeleton-block-size);min-inline-size:var(--vui-skeleton-min-inline-size);min-block-size:var(--vui-skeleton-min-block-size);vertical-align:middle;max-inline-size:100%;display:inline-block}.viraui__skeleton-module__Overlay_sZSQe{display:grid}.viraui__skeleton-module__OverlayMeasure_1zcKX{display:contents}:where(.viraui__skeleton-module__OverlayMeasure_1zcKX>*){visibility:hidden;grid-area:1/1;min-inline-size:0}@keyframes viraui__skeleton-module__skeleton-fade_XHkG4{0%{opacity:.52}to{opacity:1}}::view-transition-group(skeleton-overlay){border-radius:var(--radius-x-large);overflow:hidden}::view-transition-image-pair(skeleton-overlay){mix-blend-mode:normal}::view-transition-old(skeleton-overlay){z-index:2;mask-image:linear-gradient(to right,#000 var(--vui-skeleton-wipe),#0000 calc(var(--vui-skeleton-wipe) + 100%));animation:.6s ease-in-out forwards viraui__skeleton-module__vui-skeleton-wipe-out_0-qrj}@media (prefers-reduced-motion:reduce){::view-transition-old(skeleton-overlay){animation:none}}::view-transition-new(skeleton-overlay){animation:none}@keyframes viraui__skeleton-module__vui-skeleton-wipe-out_0-qrj{0%{--vui-skeleton-wipe:100%}to{--vui-skeleton-wipe:-100%}}}@layer viraui.overrides;
@layer viraui.preflight;@layer viraui.components{.viraui__toggle-button-module__IconSlot_8nRbU{inline-size:var(--vui-button-icon-size);block-size:var(--vui-button-icon-size);flex-shrink:0;display:block;position:relative}.viraui__toggle-button-module__IconSlot_8nRbU[data-pressed] .viraui__toggle-button-module__Icon_Y1ESH:first-of-type{opacity:0;rotate:30deg}.viraui__toggle-button-module__IconSlot_8nRbU[data-pressed] .viraui__toggle-button-module__Icon_Y1ESH:last-of-type{opacity:1;rotate:none}.viraui__toggle-button-module__IconSlot_8nRbU[data-interpolate=true] .viraui__toggle-button-module__Icon_Y1ESH{transition:opacity var(--duration-fast) var(--easing-standard),rotate var(--duration-fast) var(--easing-standard)}.viraui__toggle-button-module__Icon_Y1ESH{place-items:center;display:grid;position:absolute;inset:0}.viraui__toggle-button-module__Icon_Y1ESH>svg{block-size:var(--vui-button-icon-size);inline-size:var(--vui-button-icon-size);flex-shrink:0}.viraui__toggle-button-module__Icon_Y1ESH:first-of-type{opacity:1;rotate:none}.viraui__toggle-button-module__Icon_Y1ESH:last-of-type{opacity:0;rotate:-30deg}}@layer viraui.overrides;
.animated-count-module__Op5Dga__Odometer{white-space:nowrap;align-items:baseline;display:inline-flex}.animated-count-module__Op5Dga__DigitCol{height:1em;line-height:1;display:inline-block;overflow:hidden}.animated-count-module__Op5Dga__DigitStrip{will-change:transform;flex-direction:column;display:flex}.animated-count-module__Op5Dga__Digit{text-align:center;height:1em;line-height:1;display:block}.animated-count-module__Op5Dga__Sep{line-height:1;display:inline-block}
.motion-tokens-module__qPIE5G__track{background:var(--global-contrast);border-radius:var(--radius-large);flex:1;block-size:1.25rem;position:relative;overflow:hidden;container-type:inline-size}.motion-tokens-module__qPIE5G__dot{border-radius:var(--radius-infinite);background:var(--global-primary);block-size:.75rem;inline-size:.75rem;animation-name:motion-tokens-module__qPIE5G__motion-tokens-travel;animation-duration:var(--demo-duration);animation-timing-function:var(--demo-easing);will-change:transform;margin-block:auto;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;inset-block:0;inset-inline-start:0}.motion-tokens-module__qPIE5G__dotPaused{animation-play-state:paused}@keyframes motion-tokens-module__qPIE5G__motion-tokens-travel{0%{transform:translate(.25rem)}to{transform:translate(calc(100cqw - 1rem))}}@media (prefers-reduced-motion:reduce){.motion-tokens-module__qPIE5G__dot{animation:none;inset-inline-start:calc(50% - .5rem)}}
.canvas-preview-skeleton-module__u82vra__Root{flex-wrap:wrap;align-content:flex-start;block-size:100%;min-block-size:0;min-inline-size:0}.canvas-preview-skeleton-module__u82vra__Card{flex:min(30rem,100%);min-inline-size:0;max-inline-size:min(30rem,100%)}
.code-block-module__TH6n9W__CodeBlock{font-family:var(--font-family-mono);font-size:var(--font-scale-body-small);line-height:var(--font-leading-large);position:relative}.code-block-module__TH6n9W__Scroll{block-size:100%;min-block-size:0;overflow:auto}.code-block-module__TH6n9W__CodeBlockPre{width:max-content;min-width:100%;margin:0;padding:1rem;position:relative;overflow:visible}.code-block-module__TH6n9W__CodeBlockPre code{font-family:inherit;font-size:inherit;line-height:inherit}.code-block-module__TH6n9W__Toolbar{top:var(--space-medium);right:var(--space-medium);z-index:1;position:absolute}.code-block-module__TH6n9W__PendingBody{min-block-size:8rem;min-inline-size:100%}