@layer tx.components{.tx-layout-dashboard{min-block-size:100%;min-inline-size:0;color:var(--tx-foreground,CanvasText);background-color:var(--tx-background,Canvas);flex-direction:column;display:flex;container:tx-dashboard/inline-size}.tx-layout-dashboard__header{border-block-end:1px solid var(--tx-border,CanvasText);background-color:color-mix(in oklab, var(--tx-background,Canvas) 92%, transparent);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;min-block-size:3.5rem;padding-block:.5rem;padding-inline:1rem;display:flex}.tx-layout-dashboard--dense .tx-layout-dashboard__header{gap:.5rem .75rem;min-block-size:2.75rem;padding-block:.25rem}.tx-layout-dashboard__nav{flex-wrap:wrap;flex:auto;align-items:center;gap:.25rem;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.tx-layout-dashboard__link{border-radius:var(--tx-radius-md,.5rem);min-block-size:2.25rem;color:var(--tx-foreground,CanvasText);align-items:center;gap:.35rem;padding-inline:.65rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.tx-layout-dashboard__link:hover{background-color:var(--tx-muted,color-mix(in oklab, CanvasText 12%, Canvas));color:var(--tx-foreground,CanvasText)}.tx-layout-dashboard__link[aria-current=page]{background-color:var(--tx-primary,Highlight);color:var(--tx-primary-foreground,HighlightText)}.tx-layout-dashboard__link[aria-current=page] .tx-layout-dashboard__badge{background-color:color-mix(in oklab, var(--tx-primary-foreground,HighlightText) 18%, transparent);color:var(--tx-primary-foreground,HighlightText)}.tx-layout-dashboard__link:focus-visible{outline:2px solid var(--tx-ring,Highlight);outline-offset:2px}.tx-layout-dashboard__badge{background-color:var(--tx-muted,color-mix(in oklab, CanvasText 12%, Canvas));font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-inline-size:1.25rem;padding-inline:.35rem;font-size:.75rem;display:inline-flex}.tx-layout-dashboard__tools{flex-wrap:wrap;align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.tx-layout-dashboard__title{margin:0;font-size:1rem;font-weight:600}.tx-layout-dashboard__main{outline:none;flex:auto;min-block-size:0;min-inline-size:0}.tx-layout-dashboard__grid{align-items:start;gap:var(--tx-dashboard-gap,1rem);min-inline-size:0;padding:var(--tx-dashboard-gap,1rem);grid-template-columns:minmax(0,1fr);display:grid;container:tx-dashboard-grid/inline-size}.tx-layout-dashboard--dense .tx-layout-dashboard__grid{--tx-dashboard-gap:.75rem}.tx-layout-dashboard__grid>*{grid-column:span 1;min-inline-size:0}@container tx-dashboard-grid (width>=36rem){.tx-layout-dashboard__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tx-layout-dashboard__grid>[data-span="2"],.tx-layout-dashboard__grid>[data-span="3"],.tx-layout-dashboard__grid>[data-span="4"]{grid-column:span 2}}@container tx-dashboard-grid (width>=56rem){.tx-layout-dashboard__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tx-layout-dashboard__grid>[data-span="3"],.tx-layout-dashboard__grid>[data-span="4"]{grid-column:span 3}}@container tx-dashboard-grid (width>=72rem){.tx-layout-dashboard__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tx-layout-dashboard__grid>[data-span="2"]{grid-column:span 2}.tx-layout-dashboard__grid>[data-span="3"]{grid-column:span 3}.tx-layout-dashboard__grid>[data-span="4"]{grid-column:span 4}}.tx-analytics-grid{min-inline-size:0;container:tx-analytics/inline-size}.tx-analytics-grid__items{gap:var(--tx-analytics-gap,1rem);grid-template-columns:repeat(auto-fit, minmax(min(100%, max(var(--tx-analytics-min,280px), calc((100% - (var(--tx-analytics-columns,3) - 1) * var(--tx-analytics-gap,1rem)) / var(--tx-analytics-columns,3)))), 1fr));min-inline-size:0;display:grid}.tx-analytics-grid__items>*{min-inline-size:0}.tx-analytics-grid--dense .tx-analytics-grid__items{--tx-analytics-gap:.75rem}@media (forced-colors:active){.tx-layout-dashboard__header{border-block-end-color:canvastext}.tx-layout-dashboard__link[aria-current=page]{outline:2px solid highlight}}}section[data-example=layouts-dashboard].svelte-3avm9g{max-inline-size:56rem;color:var(--tx-text,var(--tx-foreground,CanvasText))}.head.svelte-3avm9g{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-block-end:1rem;display:flex}.head.svelte-3avm9g h2:where(.svelte-3avm9g),.analytics.svelte-3avm9g h3:where(.svelte-3avm9g),.rtl-fixed.svelte-3avm9g h3:where(.svelte-3avm9g){margin:0}.head.svelte-3avm9g p:where(.svelte-3avm9g){max-inline-size:40rem;margin-block:.35rem 0}.controls.svelte-3avm9g{flex-wrap:wrap;gap:.5rem;display:flex}.controls.svelte-3avm9g button:where(.svelte-3avm9g){border:1px solid var(--tx-border,CanvasText);background:var(--tx-surface,var(--tx-background,Canvas));min-block-size:2.5rem;color:inherit;cursor:pointer;border-radius:.5rem;padding-inline:.75rem}.frame.svelte-3avm9g{border:1px solid var(--tx-border,CanvasText);border-radius:.75rem;min-block-size:18rem;overflow:hidden}.analytics.svelte-3avm9g,.rtl-fixed.svelte-3avm9g{margin-block-start:2rem}.analytics.svelte-3avm9g h3:where(.svelte-3avm9g),.rtl-fixed.svelte-3avm9g h3:where(.svelte-3avm9g){margin-block-end:.75rem}.demo-card{border:1px solid var(--tx-border,CanvasText);background:var(--tx-surface,var(--tx-background,Canvas));border-radius:.75rem;margin:0;padding:1rem}.demo-card h3{color:var(--tx-muted-foreground,GrayText);margin:0 0 .35rem;font-size:.875rem;font-weight:600}.demo-card p{margin:0;font-size:1.25rem;font-weight:600}.demo-card[data-tone=panel] p{font-size:.9375rem;font-weight:400}