@layer theme,base;@layer components{:where(.jx-card-foot-grid){grid-template-columns:[card-inline-start].875rem[card-content-start]auto[card-fill]minmax(.625rem,1fr)[card-content-end]auto[card-inline-end].875rem;align-items:center;display:grid}:where([data-jx-card-foot])>:where(.jx-card-foot-grid){display:contents}:where(.jx-card-foot-start){grid-column:card-content-start/card-fill;justify-self:start}:where(.jx-card-foot-end){grid-column:card-fill/card-inline-end;justify-self:end}:where(.jx-card-foot-cluster){grid-column:card-content-end/-1;place-self:stretch end;display:grid}:where(.jx-card-foot-cluster) [data-jx-btngroup]>:last-child{border-end-end-radius:var(--jx-corner,0px)}@container jx-card (width<15rem){:where(.jx-card-foot-cluster){grid-area:1/1/auto/-1;justify-self:stretch}:where(.jx-card-foot-cluster) [data-jx-btngroup]>:first-child{border-end-start-radius:var(--jx-corner,0px)}:where(.jx-card-foot-start){grid-area:2/card-content-start/auto/card-inline-end}:where(.jx-card-foot-end){grid-area:3/card-content-start/auto/card-inline-end}}.jx-tree-lines ul[role=group]:before{background:var(--border);content:"";inset-block:0;left:calc(var(--jx-indent) / 2 - .5px);width:1px;position:absolute}@container jx-canvas-host (width<=48rem){.jx-canvas-head-text{flex:100%}}:where([data-jx-canvas]){container:jx-canvas-host/inline-size}:where([data-jx-canvas-scroll]){container:jx-canvas/inline-size}}@layer properties;:where(.jx-tree-row:hover .jx-tree-typeicon),:where(.jx-tree-row.selected .jx-tree-typeicon){color:color-mix(in oklab, var(--accent) 60%, var(--foreground))}:where(.jx-tree-row:hover:not(.selected)){background-color:color-mix(in oklab, var(--foreground) 5%, transparent);color:var(--foreground)}:where(.jx-tree-row){transition:background-color var(--motion-150) var(--motion-ease-out), border-color var(--motion-150) var(--motion-ease-out), color var(--motion-150) var(--motion-ease-out)}:where(.jx-tree-caret){transition:transform var(--motion-150) ease}:where(.jx-tree-group){transition:grid-template-rows var(--motion-150) ease}:where(.jx-tree-suffix){transition:opacity var(--motion-150) var(--motion-ease-out)}[data-jx-tree-prefix]>svg{width:14px;height:14px}:where(.jx-tree-row:hover .jx-tree-suffix),:where(.jx-tree li:focus-within .jx-tree-suffix){opacity:1;pointer-events:auto}:where(.jx-tree li[data-collapsed]>.jx-tree-row .jx-tree-caret){transform:rotate(-90deg)}:where(.jx-tree li:focus-visible){outline:none}:where(.jx-tree li:focus-visible>.jx-tree-row){outline:2px solid var(--ring);outline-offset:-2px}@media (prefers-reduced-motion:reduce){:where(.jx-tree-caret),:where(.jx-tree-group),:where(.jx-tree-row),:where(.jx-tree-suffix){transition:none}}:where(.jx-tree-check:hover:not(:checked):not(:disabled):not([data-mixed])){border-color:var(--primary)}:where(.jx-tree-check:checked),:where(.jx-tree-check[data-mixed]){background:var(--primary);border-color:var(--primary)}:where(.jx-tree-check:disabled){cursor:not-allowed}:where(.jx-tree-check){transition:background-color var(--motion-150) var(--motion-ease-out), border-color var(--motion-150) var(--motion-ease-out)}:where(.jx-tree-check):before{background:var(--primary-foreground);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);content:"";opacity:0;transition:clip-path var(--motion-150) var(--motion-ease-out), opacity var(--motion-150) var(--motion-ease-out), transform var(--motion-150) var(--motion-ease-out);display:block;position:absolute;inset:1px;transform:rotate(45deg)}:where(.jx-tree-check:checked):before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}:where(.jx-tree-check[data-mixed]):before{clip-path:polygon(10% 40%,10% 60%,45% 60%,55% 60%,90% 60%,90% 40%);opacity:1;transform:rotate(0)}@media (prefers-reduced-motion:reduce){:where(.jx-tree-check),:where(.jx-tree-check):before{transition:none}}:where(.jx-canvas-scroll){scrollbar-width:thin;scrollbar-gutter:stable;max-block-size:min(32rem,60vh);overflow:auto}:where([data-jx-canvas-scroll][data-scroll=grow]){max-block-size:none}:where([data-jx-canvas-stage][data-stage=fill]>*),:where([data-jx-canvas-stage][data-stage=fill]>[data-doc-demo-content]>*){flex:100%;inline-size:100%;min-inline-size:0;max-inline-size:100%}@container jx-canvas-host (width>=48rem){:where(.jx-canvas-code-panels){flex-direction:row}:where(.jx-canvas-tree){border-bottom:none;border-right:1px solid var(--border);width:14rem;min-height:0;max-height:none;overflow-y:auto}}:where(.jx-canvas-tree){scrollbar-gutter:stable both-edges;padding-block:.5rem;padding-inline:max(.4rem - var(--jx-scrollbar-thin,0px), 0px)}:where(.jx-canvas-code-view .jx-code-card){border:none}:where(.jx-canvas-stage-row){isolation:isolate;display:grid}:where(.jx-canvas-scroll){isolation:isolate;grid-area:1/1}:where([data-jx-canvas-dock]){background:var(--jx-surface-acrylic-fill,color-mix(in oklab, var(--popover) 58%, transparent));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media (prefers-reduced-transparency:reduce){:where([data-jx-canvas-dock]){background:var(--jx-surface-solid-fill,var(--popover));-webkit-backdrop-filter:none;backdrop-filter:none}}:where([data-jx-canvas-dock]){z-index:1;inline-size:clamp(240px,30cqi,300px);translate:var(--jx-dock-x,0px);max-block-size:calc(100% - var(--jx-gap) * 2);flex-direction:column;grid-area:1/1;place-self:start end;margin-block-start:var(--jx-gap);margin-inline-end:var(--jx-gap);display:flex}@media print{:where([data-jx-canvas-dock]){display:none}}:where(.jx-canvas-dock-collapse){flex:auto;min-block-size:0}[data-jx-canvas-dock-scroll] [data-slot=item]{grid-template-columns:minmax(0,1fr);grid-template-areas:"media""content""end"}[data-jx-canvas-dock-scroll] [data-slot=item-end]{margin-inline-start:0}:where([data-jx-canvas-dock-head]){cursor:grab;touch-action:none}:where([data-jx-canvas-dock-head][data-dragging]){cursor:grabbing}:where([data-jx-canvas-dock-scroll]){scrollbar-width:thin;scrollbar-gutter:stable;flex:auto;min-block-size:0;max-block-size:min(26rem,55vh);overflow-y:auto}:where([data-jx-canvas-dock] .jx-item){padding-block:.3125rem}:where(.jx-canvas-slider){inline-size:100%;min-block-size:var(--jx-hit);accent-color:var(--primary);cursor:pointer}:where(.jx-canvas-reset:focus-visible),:where(.jx-canvas-copy-usage:focus-visible),:where(.jx-canvas-code-toggle:focus-visible),:where(.jx-canvas-source:focus-visible),:where(.jx-canvas-install:focus-visible),:where(.jx-canvas-dock-toggle:focus-visible),:where(.jx-canvas-dock-theme:focus-visible),:where([data-jx-canvas-axis]:focus-visible){outline:2px solid var(--ring);outline-offset:2px}:where([data-jx-canvas-dock-head] [data-jx-scroll-run] :focus-visible){outline:2px solid var(--ring);outline-offset:-2px}@media (prefers-reduced-motion:reduce){:where(.jx-canvas-code-drawer),:where(.jx-canvas-chevron),:where(.jx-canvas-dock-collapse){transition:none}}:where([data-jx-canvas-install]),:where(.jx-canvas-copy-usage){--jx-press-shadow:none;--jx-press-shadow-hover:none;--jx-press-shadow-active:none}:where([data-jx-canvas-source]),:where(.jx-canvas-code-toggle){--jx-press-shadow:var(--shadow-2xs);--jx-press-shadow-hover:var(--shadow-xs);--jx-press-shadow-active:var(--shadow-xs-press)}:where([data-jx-canvas-install]:hover),:where([data-jx-canvas-source]:hover){color:var(--foreground)}:where(.jx-canvas-code-toggle:hover){background-color:var(--muted)}:where(.jx-canvas-copy-usage:hover){color:var(--primary)}:where(.jx-canvas-chevron){transition:transform var(--motion-150) var(--motion-ease-out)}:where([data-jx-canvas-head-actions]){padding-block-start:.1rem}:where([data-jx-canvas-title]){font-weight:400}:where(.jx-canvas-code-toggle){font-weight:var(--weight-medium)}:where([data-jx-canvas-dock-head] [data-jx-scroll-run]){touch-action:pan-x}:where([data-jx-canvas-axis]:not([data-axis-auto])){color:var(--primary);background-color:color-mix(in oklab, var(--primary) 10%, transparent)}:where([data-jx-canvas-axis-check]){visibility:hidden}:where([data-jx-canvas-axis-check][data-on]){visibility:visible}