.tfa-demo-r-frame{fill:var(--tfa-white)}.tfa-demo-r-outline{stroke:var(--tfa-ink-800)}.tfa-demo-h-outline{fill:var(--tfa-ink-800)}.tfa-demo-r-panel{fill:var(--tfa-ink-50);stroke:var(--tfa-ink-800)}.tfa-demo-h-panel{fill:var(--tfa-ink-800)}.tfa-demo-r-mark{stroke:var(--tfa-ink)}.tfa-demo-h-mark{fill:var(--tfa-ink)}.tfa-demo-r-guide{stroke:var(--tfa-ink-400)}.tfa-demo-h-guide{fill:var(--tfa-ink-400)}.tfa-demo-r-ghost{stroke:var(--tfa-ink-400)}.tfa-demo-h-ghost{fill:var(--tfa-ink-400)}.tfa-demo-r-rod{stroke:var(--tfa-ink)}.tfa-demo-h-rod,.tfa-demo-r-pivot{fill:var(--tfa-ink)}.tfa-demo-r-pivot{stroke:var(--tfa-ink)}.tfa-demo-h-pivot{fill:var(--tfa-ink)}.tfa-demo-r-turnFill{fill:var(--tfa-diagram-blue-tint)}.tfa-demo-r-turnArc{stroke:var(--tfa-diagram-blue)}.tfa-demo-h-turnArc{fill:var(--tfa-diagram-blue)}.tfa-demo-t-label{fill:var(--tfa-ink)}.tfa-demo-t-caption{fill:var(--tfa-pencil)}.tfa-demo-r-leader{stroke:var(--tfa-ink)}.tfa-demo-h-leader,.tfa-demo-r-leaderDot{fill:var(--tfa-ink)}.tfa-demo-r-badge{fill:var(--tfa-white);stroke:var(--tfa-ink)}.tfa-demo-h-badge,.tfa-demo-t-badge{fill:var(--tfa-ink)}.tfa-demo-r-lookHere{fill:var(--tfa-coral)}.tfa-demo-t-lookHere{fill:var(--tfa-ink)}.tfa-demo-r-axis{stroke:var(--tfa-ink-700)}.tfa-demo-h-axis{fill:var(--tfa-ink-700)}.tfa-demo-t-axis{fill:var(--tfa-ink)}.tfa-demo-r-grid{stroke:var(--tfa-ink-200)}.tfa-demo-h-grid{fill:var(--tfa-ink-200)}.tfa-demo-r-series1{stroke:var(--tfa-diagram-blue)}.tfa-demo-h-series1{fill:var(--tfa-diagram-blue)}.tfa-demo-r-series2{stroke:var(--tfa-diagram-red)}.tfa-demo-h-series2{fill:var(--tfa-diagram-red)}.tfa-demo-r-point{fill:var(--tfa-white);stroke:var(--tfa-ink)}.tfa-demo-h-point{fill:var(--tfa-ink)}.tfa-demo-r-liquid{fill:var(--tfa-diagram-blue-mid);stroke:var(--tfa-diagram-blue)}.tfa-demo-h-liquid{fill:var(--tfa-diagram-blue)}.tfa-demo-r-particleA{fill:var(--tfa-diagram-blue-mid);stroke:var(--tfa-diagram-blue)}.tfa-demo-h-particleA{fill:var(--tfa-diagram-blue)}.tfa-demo-r-particleB{fill:var(--tfa-white);stroke:var(--tfa-ink)}.tfa-demo-h-particleB{fill:var(--tfa-ink)}.tfa-demo-r-clockFace{fill:var(--tfa-white);stroke:var(--tfa-ink-800)}.tfa-demo-h-clockFace{fill:var(--tfa-ink-800)}.tfa-demo-r-minuteTick{stroke:var(--tfa-ink-700)}.tfa-demo-h-minuteTick{fill:var(--tfa-ink-700)}.tfa-demo-r-fiveTick{stroke:var(--tfa-ink)}.tfa-demo-h-fiveTick,.tfa-demo-t-numeral{fill:var(--tfa-ink)}.tfa-demo-r-hourHand{stroke:var(--tfa-ink)}.tfa-demo-h-hourHand{fill:var(--tfa-ink)}.tfa-demo-r-minuteHand{stroke:var(--tfa-diagram-blue)}.tfa-demo-h-minuteHand{fill:var(--tfa-diagram-blue)}.tfa-demo-r-hourPath{stroke:var(--tfa-ink-500)}.tfa-demo-h-hourPath{fill:var(--tfa-ink-500)}.tfa-demo-r-hourGone{stroke:var(--tfa-ink)}.tfa-demo-h-hourGone{fill:var(--tfa-ink)}.tfa-demo-r-digitalBox{fill:var(--tfa-white);stroke:var(--tfa-ink-700)}.tfa-demo-h-digitalBox{fill:var(--tfa-ink-700)}.tfa-demo-t-digital{fill:var(--tfa-ink)}.tfa-demo-r-benchTop{stroke:var(--tfa-ink-800)}.tfa-demo-h-benchTop{fill:var(--tfa-ink-800)}.tfa-demo-r-glass{stroke:var(--tfa-ink-800)}.tfa-demo-h-glass{fill:var(--tfa-ink-800)}.tfa-demo-r-glassFill{fill:var(--tfa-ink-50)}.tfa-demo-r-bore{fill:var(--tfa-surface)}.tfa-demo-r-coolant{fill:var(--tfa-diagram-blue-tint);stroke:var(--tfa-ink-800)}.tfa-demo-h-coolant{fill:var(--tfa-ink-800)}.tfa-demo-r-granule{fill:var(--tfa-ink-500);stroke:var(--tfa-ink-800)}.tfa-demo-h-granule{fill:var(--tfa-ink-800)}.tfa-demo-r-bung{fill:var(--tfa-ink-600);stroke:var(--tfa-ink-800)}.tfa-demo-h-bung{fill:var(--tfa-ink-800)}.tfa-demo-r-metal{fill:var(--tfa-ink-200);stroke:var(--tfa-ink-800)}.tfa-demo-h-metal,.tfa-demo-r-airHole{fill:var(--tfa-ink-800)}.tfa-demo-r-flameOuter{fill:var(--tfa-diagram-light-blue);stroke:var(--tfa-diagram-blue)}.tfa-demo-h-flameOuter{fill:var(--tfa-diagram-blue)}.tfa-demo-r-flameInner{fill:var(--tfa-diagram-blue-mid)}.tfa-demo-r-tripod,.tfa-demo-r-tripodTop{fill:var(--tfa-ink-800)}.tfa-demo-r-gauze{fill:var(--tfa-ink-200);stroke:var(--tfa-ink-800)}.tfa-demo-h-gauze{fill:var(--tfa-ink-800)}.tfa-demo-r-hose{fill:var(--tfa-ink-600)}.tfa-demo-r-standBase{fill:var(--tfa-ink-100);stroke:var(--tfa-ink-500)}.tfa-demo-h-standBase{fill:var(--tfa-ink-500)}.tfa-demo-r-standRod{fill:var(--tfa-ink-200);stroke:var(--tfa-ink-500)}.tfa-demo-h-standRod{fill:var(--tfa-ink-500)}.tfa-demo-r-clamp{fill:var(--tfa-ink-200);stroke:var(--tfa-ink-600)}.tfa-demo-h-clamp{fill:var(--tfa-ink-600)}.tfa-demo-r-clampJaw{fill:var(--tfa-ink-500);stroke:var(--tfa-ink-800)}.tfa-demo-h-clampJaw{fill:var(--tfa-ink-800)}.tfa-demo-r-thermoBody{fill:var(--tfa-surface);stroke:var(--tfa-ink-800)}.tfa-demo-h-thermoBody{fill:var(--tfa-ink-800)}.tfa-demo-r-thermoColumn{stroke:var(--tfa-diagram-red)}.tfa-demo-h-thermoColumn,.tfa-demo-r-thermoBulb{fill:var(--tfa-diagram-red)}.tfa-demo-r-thermoBulb{stroke:var(--tfa-ink-800)}.tfa-demo-h-thermoBulb{fill:var(--tfa-ink-800)}.tfa-demo-r-thermoTick{stroke:var(--tfa-ink-800)}.tfa-demo-h-thermoTick{fill:var(--tfa-ink-800)}.tfa-demo-r-glassWall{fill:var(--tfa-ink-50);stroke:var(--tfa-ink-800)}.tfa-demo-h-glassWall{fill:var(--tfa-ink-800)}.tfa-demo-r-drop{fill:var(--tfa-diagram-blue-mid);stroke:var(--tfa-diagram-blue)}.tfa-demo-h-drop{fill:var(--tfa-diagram-blue)}.tfa-demo-r-bubble{fill:var(--tfa-white);stroke:var(--tfa-diagram-blue)}.tfa-demo-h-bubble{fill:var(--tfa-diagram-blue)}.tfa-demo-r-vapour{stroke:var(--tfa-ink-600)}.tfa-demo-h-vapour{fill:var(--tfa-ink-600)}.tfa-demo-r-coolFlow{stroke:var(--tfa-diagram-blue)}.tfa-demo-h-coolFlow{fill:var(--tfa-diagram-blue)}.tfa-demo-r-insetBack{fill:var(--tfa-white)}.tfa-demo-r-insetRim{stroke:var(--tfa-ink-700)}.tfa-demo-h-insetRim{fill:var(--tfa-ink-700)}.tfa-demo-r-spot{stroke:var(--tfa-ink-700)}.tfa-demo-h-spot{fill:var(--tfa-ink-700)}.tfa-demo-r-magnifier{stroke:var(--tfa-ink-400)}.tfa-demo-h-magnifier{fill:var(--tfa-ink-400)}.tfa-demo-r-bubbleRing{stroke:var(--tfa-diagram-blue)}.tfa-demo-h-bubbleRing{fill:var(--tfa-diagram-blue)}.tfa-demo-r-water{fill:var(--tfa-diagram-blue-mid);stroke:var(--tfa-diagram-blue)}.tfa-demo-h-water{fill:var(--tfa-diagram-blue)}.tfa-demo-r-salt{fill:var(--tfa-ink-600);stroke:var(--tfa-ink)}.tfa-demo-h-salt{fill:var(--tfa-ink)}.tfa-demo-r-sodium{fill:var(--tfa-ink-700);stroke:var(--tfa-ink)}.tfa-demo-h-sodium{fill:var(--tfa-ink)}.tfa-demo-r-chloride{fill:var(--tfa-white);stroke:var(--tfa-ink)}.tfa-demo-h-chloride{fill:var(--tfa-ink)}.tfa-demo-r-forceWeight{stroke:var(--tfa-diagram-blue)}.tfa-demo-h-forceWeight,.tfa-demo-r-forceWeight{fill:var(--tfa-diagram-blue)}.tfa-demo-r-forcePull{stroke:var(--tfa-diagram-amber)}.tfa-demo-h-forcePull,.tfa-demo-r-forcePull{fill:var(--tfa-diagram-amber)}.tfa-demo-r-forceFriction{stroke:var(--tfa-diagram-red)}.tfa-demo-h-forceFriction,.tfa-demo-r-forceFriction{fill:var(--tfa-diagram-red)}.tfa-demo-r-forceNet{fill:var(--tfa-ink);stroke:var(--tfa-ink)}.tfa-demo-h-forceNet{fill:var(--tfa-ink)}.tfa-demo-r-speedLine{stroke:var(--tfa-diagram-teal)}.tfa-demo-h-speedLine{fill:var(--tfa-diagram-teal)}.tfa-demo-r-dot{stroke:var(--tfa-diagram-teal)}.tfa-demo-h-dot{fill:var(--tfa-diagram-teal)}.tfa-demo-r-dotNarrow{stroke:var(--tfa-diagram-teal)}.tfa-demo-h-dotNarrow,.tfa-demo-r-dotNow{fill:var(--tfa-diagram-teal)}.tfa-demo-r-dotNow{stroke:var(--tfa-diagram-teal)}.tfa-demo-h-dotNow{fill:var(--tfa-diagram-teal)}.tfa-demo-r-reference{stroke:var(--tfa-ink-400)}.tfa-demo-h-reference{fill:var(--tfa-ink-400)}.tfa-demo-r-cartBody{fill:var(--tfa-ink-50);stroke:var(--tfa-ink-800)}.tfa-demo-h-cartBody{fill:var(--tfa-ink-800)}.tfa-demo-r-wheel{fill:var(--tfa-white);stroke:var(--tfa-ink-800)}.tfa-demo-h-wheel{fill:var(--tfa-ink-800)}.tfa-demo-r-string{stroke:var(--tfa-ink-800)}.tfa-demo-h-string{fill:var(--tfa-ink-800)}.tfa-demo-r-stringSlack{stroke:var(--tfa-ink-400)}.tfa-demo-h-stringSlack{fill:var(--tfa-ink-400)}.tfa-demo-r-pulley{fill:var(--tfa-white);stroke:var(--tfa-ink-800)}.tfa-demo-h-pulley{fill:var(--tfa-ink-800)}.tfa-demo-r-bench{fill:var(--tfa-ink-100);stroke:var(--tfa-ink-800)}.tfa-demo-h-bench{fill:var(--tfa-ink-800)}.tfa-demo-r-buffer{fill:var(--tfa-ink-400);stroke:var(--tfa-ink-800)}.tfa-demo-h-buffer,.tfa-demo-r-hangerBase{fill:var(--tfa-ink-800)}.tfa-demo-r-hangerBase{stroke:var(--tfa-ink-800)}.tfa-demo-h-hangerBase{fill:var(--tfa-ink-800)}.tfa-demo-r-disc{fill:var(--tfa-ink-200);stroke:var(--tfa-ink-800)}.tfa-demo-h-disc{fill:var(--tfa-ink-800)}.tfa-demo-r-solidFace{fill:var(--tfa-diagram-blue-tint)}.tfa-demo-r-solidEdge{stroke:var(--tfa-ink)}.tfa-demo-h-solidEdge{fill:var(--tfa-ink)}.tfa-demo-r-solidHidden{stroke:var(--tfa-ink-600)}.tfa-demo-h-solidHidden{fill:var(--tfa-ink-600)}.tfa-demo-r-vertexDot{fill:var(--tfa-ink);stroke:var(--tfa-ink)}.tfa-demo-h-vertexDot{fill:var(--tfa-ink)}.tfa-demo-r-vertexHidden{fill:var(--tfa-white);stroke:var(--tfa-ink-600)}.tfa-demo-h-vertexHidden{fill:var(--tfa-ink-600)}.tfa-demo-r-netFace{fill:var(--tfa-diagram-blue-tint);stroke:var(--tfa-ink)}.tfa-demo-h-netFace{fill:var(--tfa-ink)}.tfa-demo-r-flatSurface{fill:var(--tfa-diagram-blue-tint)}.tfa-demo-r-curvedSurface{fill:var(--tfa-diagram-teal-mid)}.tfa-demo-r-curvedLine{stroke:var(--tfa-diagram-teal)}.tfa-demo-h-curvedLine{fill:var(--tfa-diagram-teal)}.tfa-demo-r-curvedHidden{stroke:var(--tfa-diagram-teal)}.tfa-demo-h-curvedHidden{fill:var(--tfa-diagram-teal)}.tfa-demo-r-solidContour{stroke:var(--tfa-ink-500)}.tfa-demo-h-solidContour{fill:var(--tfa-ink-500)}.tfa-demo-r-solidEdgeCounted{stroke:var(--tfa-diagram-blue)}.tfa-demo-h-solidEdgeCounted{fill:var(--tfa-diagram-blue)}.tfa-demo-r-solidHiddenCounted{stroke:var(--tfa-diagram-blue)}.tfa-demo-h-solidHiddenCounted,.tfa-demo-r-vertexCounted{fill:var(--tfa-diagram-blue)}.tfa-demo-r-vertexCounted{stroke:var(--tfa-diagram-blue)}.tfa-demo-h-vertexCounted{fill:var(--tfa-diagram-blue)}.tfa-demo-r-badgeHidden{fill:var(--tfa-white);stroke:var(--tfa-ink-600)}.tfa-demo-h-badgeHidden,.tfa-demo-t-badgeHidden{fill:var(--tfa-ink-600)}.tfa-demo-r-dialTrack{stroke:var(--tfa-ink-300)}.tfa-demo-h-dialTrack{fill:var(--tfa-ink-300)}.tfa-demo-r-solidGlass{fill:var(--tfa-ink-50)}.tfa-demo-r-edgeHidden{stroke:var(--tfa-ink-500)}.tfa-demo-h-edgeHidden{fill:var(--tfa-ink-500)}.tfa-demo-r-waterSide{fill:var(--tfa-diagram-blue-mid)}.tfa-demo-r-waterTop{fill:var(--tfa-diagram-blue-tint);stroke:var(--tfa-diagram-blue)}.tfa-demo-h-waterTop{fill:var(--tfa-diagram-blue)}.tfa-demo-r-heightLine{stroke:var(--tfa-ink)}.tfa-demo-h-heightLine{fill:var(--tfa-ink)}.tfa-demo-r-pour{stroke:var(--tfa-diagram-blue)}.tfa-demo-h-pour,.tfa-demo-r-pourHead{fill:var(--tfa-diagram-blue)}.tfa-demo-r-boxGhost{stroke:var(--tfa-ink-400)}.tfa-demo-h-boxGhost{fill:var(--tfa-ink-400)}.tfa-demo-r-pieceA{fill:var(--tfa-diagram-yellow)}.tfa-demo-r-cutA{fill:var(--tfa-diagram-yellow-tint)}.tfa-demo-r-pieceB{fill:var(--tfa-diagram-teal-mid)}.tfa-demo-r-cutB{fill:var(--tfa-diagram-teal-tint)}.tfa-demo-r-pieceC{fill:var(--tfa-diagram-purple-mid)}.tfa-demo-r-cutC{fill:var(--tfa-diagram-purple-tint)}.tfa-demo-r-mat{fill:var(--tfa-ink-50);stroke:var(--tfa-ink-400)}.tfa-demo-h-mat{fill:var(--tfa-ink-400)}.tfa-demo-r-tray{fill:var(--tfa-white);stroke:var(--tfa-ink-400)}.tfa-demo-h-tray{fill:var(--tfa-ink-400)}.tfa-demo-r-piece{fill:var(--tfa-diagram-brown-mid);stroke:var(--tfa-ink)}.tfa-demo-h-piece{fill:var(--tfa-ink)}.tfa-demo-r-pieceSide{fill:var(--tfa-diagram-brown)}.tfa-demo-r-unitsRodWide{stroke:var(--tfa-ink)}.tfa-demo-h-unitsRodWide{fill:var(--tfa-ink)}.tfa-demo-r-unitsRodNarrow{stroke:var(--tfa-ink)}.tfa-demo-h-unitsRodNarrow{fill:var(--tfa-ink)}.tfa-demo-r-unitsFlatWide{stroke:var(--tfa-ink)}.tfa-demo-h-unitsFlatWide{fill:var(--tfa-ink)}.tfa-demo-r-unitsFlatNarrow{stroke:var(--tfa-ink)}.tfa-demo-h-unitsFlatNarrow{fill:var(--tfa-ink)}.tfa-demo-r-slot{stroke:var(--tfa-ink-400)}.tfa-demo-h-slot{fill:var(--tfa-ink-400)}.tfa-demo-r-card{fill:var(--tfa-white);stroke:var(--tfa-ink)}.tfa-demo-h-card{fill:var(--tfa-ink)}.tfa-demo-r-cardFull{fill:var(--tfa-diagram-amber-tint);stroke:var(--tfa-diagram-amber)}.tfa-demo-h-cardFull{fill:var(--tfa-diagram-amber)}.tfa-demo-r-cardBlank{fill:var(--tfa-white);stroke:var(--tfa-ink-400)}.tfa-demo-h-cardBlank{fill:var(--tfa-ink-400)}.tfa-demo-t-count,.tfa-demo-t-digit,.tfa-demo-t-numberLine{fill:var(--tfa-ink)}.tfa-demo{display:grid;gap:20px;min-width:0;color:var(--tfa-ink);font:inherit;line-height:1.5;overflow-anchor:none}.tfa-demo *,.tfa-demo :after,.tfa-demo :before{box-sizing:border-box}.tfa-demo [hidden]{display:none!important}.tfa-demo :focus-visible{outline:3px solid var(--tfa-cobalt);outline-offset:2px}.tfa-demo-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tfa-demo-main,.tfa-demo-rail{display:grid;gap:16px;min-width:0;align-content:start}.tfa-demo-stage{margin:0;min-width:0;container-type:inline-size;touch-action:pan-y}.tfa-demo-frame{position:relative;border:1px solid var(--tfa-line);border-radius:10px;background:var(--tfa-white);overflow:hidden}.tfa-demo-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:10px 12px 0}.tfa-demo-chip{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border:1px solid var(--tfa-ink-200);border-radius:999px;background:var(--tfa-ink-50);color:var(--tfa-ink-700);font-size:.875rem;font-weight:600}.tfa-demo-chip-step{border-color:var(--tfa-ink-700);background:var(--tfa-white);color:var(--tfa-ink)}.tfa-demo-canvas{position:relative;min-width:0}.tfa-demo-svg{display:block;width:100%;height:auto}.tfa-demo-svg text{font-family:inherit}.tfa-demo-canvas-narrow,.tfa-demo-key{display:none}@container (max-width: 559px){.tfa-demo-canvas-wide{display:none}.tfa-demo-badges{gap:4px;padding:8px 8px 0}.tfa-demo-chip{padding:1px 8px;font-size:.8125rem}.tfa-demo-canvas-narrow{display:block}.tfa-demo-key{display:flex}}.tfa-demo-stage[data-view=table] .tfa-demo-canvas{display:none}.tfa-demo-handle{position:absolute;width:44px;height:44px;min-height:44px;margin:0;padding:0;transform:translate(-50%,-50%);border:3px solid var(--tfa-cobalt);border-radius:50%;background:#0000;cursor:grab;touch-action:none}.tfa-demo-handle:active{cursor:grabbing}.tfa-demo-caption{display:grid;gap:6px;padding:10px 2px 0}.tfa-demo-main>.tfa-demo-keybox{margin-top:-16px;min-width:0;container-type:inline-size}.tfa-demo-rail>.tfa-demo-controls{margin-top:-4px}.tfa-demo-controls:empty{display:none}.tfa-demo-key{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none}.tfa-demo-key li{gap:6px}.tfa-demo-key li,.tfa-demo-keyn{display:inline-flex;align-items:center}.tfa-demo-keyn{justify-content:center;width:26px;height:26px;border:1.5px solid var(--tfa-ink);border-radius:50%;font-weight:700;font-size:.875rem}.tfa-demo-keyline,.tfa-demo-safety{margin:0;color:var(--tfa-muted);font-size:.9375rem}.tfa-demo-safety{color:var(--tfa-warning);font-weight:600}.tfa-demo-dock{display:grid;gap:12px;min-width:0}.tfa-demo-buttons{display:flex;flex-wrap:wrap;gap:8px}.tfa-demo-button{min-width:44px;min-height:44px;padding:8px 18px;border:2px solid var(--tfa-cobalt);border-radius:999px;background:var(--tfa-white);color:var(--tfa-cobalt-deep);font:inherit;font-weight:600;cursor:pointer}.tfa-demo-button[aria-pressed=true]{background:var(--tfa-tint);color:var(--tfa-ink)}.tfa-demo-primary{background:var(--tfa-cobalt);color:var(--tfa-white)}.tfa-demo-secondary{border-color:var(--tfa-ink-400);color:var(--tfa-ink)}.tfa-demo-button[aria-disabled=true]{border-color:var(--tfa-ink-200);background:var(--tfa-ink-50);color:var(--tfa-muted);cursor:not-allowed}.tfa-demo-choice,.tfa-demo-inputs{display:grid;gap:12px;min-width:0;margin:0;padding:12px 14px 14px;border:1px solid var(--tfa-line);border-radius:10px}.tfa-demo-choice{padding:0;border:0}.tfa-demo-choice legend,.tfa-demo-inputs legend,.tfa-demo-prediction legend{padding:0 4px;font-weight:650}.tfa-demo-choice legend{padding:0 0 4px}.tfa-demo-input{display:grid;gap:2px;min-width:0}.tfa-demo-input label{font-weight:600}.tfa-demo-pair{display:grid;grid-template-columns:minmax(0,1fr) 6.5em;gap:8px;align-items:center;min-width:0}.tfa-demo-pair-single{grid-template-columns:minmax(0,1fr)}.tfa-demo-range{margin:0;accent-color:var(--tfa-cobalt)}.tfa-demo-number,.tfa-demo-range{width:100%;min-width:0;min-height:44px}.tfa-demo-number{padding:6px 8px;border:1px solid var(--tfa-ink-400);border-radius:6px;background:var(--tfa-white);color:var(--tfa-ink);font:inherit;font-variant-numeric:tabular-nums}.tfa-demo-value{margin:0;font-size:.9375rem}.tfa-demo-choice[data-disabled=true]>legend,.tfa-demo-input[data-disabled=true]>label,.tfa-demo-value{color:var(--tfa-muted)}.tfa-demo-range:disabled{accent-color:var(--tfa-ink-400);cursor:not-allowed}.tfa-demo-choice:disabled .tfa-demo-option,.tfa-demo-number:disabled{border-style:dashed;border-color:var(--tfa-ink-400);background:var(--tfa-ink-50);color:var(--tfa-muted);cursor:not-allowed}.tfa-demo-off-note{padding:6px 10px;border-left:4px solid var(--tfa-ink-400);background:var(--tfa-ink-50);color:var(--tfa-ink-700)}.tfa-demo-speed{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.tfa-demo-speed label{font-weight:600}.tfa-demo-pair.tfa-demo-pair-speed{grid-template-columns:minmax(0,1fr) 3.5em}.tfa-demo-speed-value{color:var(--tfa-ink);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}@media print{.tfa-demo-screen{display:none}}.tfa-demo-options{display:flex;flex-wrap:wrap;gap:6px 10px}.tfa-demo-option{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px;border:1px solid var(--tfa-line);border-radius:8px;cursor:pointer}.tfa-demo-radio{flex:none;width:20px;height:20px;margin:0;accent-color:var(--tfa-cobalt)}.tfa-demo-radio:focus{outline:3px solid var(--tfa-cobalt);outline-offset:2px}.tfa-demo-readouts,.tfa-demo-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tfa-demo-readouts td,.tfa-demo-readouts th,.tfa-demo-table caption,.tfa-demo-table td,.tfa-demo-table th{overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.tfa-demo-readouts caption,.tfa-demo-table caption{padding:4px 0 6px;text-align:left;font-weight:650}.tfa-demo-readouts td,.tfa-demo-readouts th,.tfa-demo-table td,.tfa-demo-table th{padding:6px 10px;border-top:1px solid var(--tfa-line);text-align:left}.tfa-demo-readouts th{font-weight:600;color:var(--tfa-ink-700)}.tfa-demo-tableview{padding:8px 12px 12px}.tfa-demo-tablecap{margin:0;padding:4px 0 6px;font-weight:650}.tfa-demo-tablescroll{overflow-x:auto;background:linear-gradient(to right,var(--tfa-white) 40%,#0000) 0 /40px 100% no-repeat local,linear-gradient(to left,var(--tfa-white) 40%,#0000) 100% /40px 100% no-repeat local,linear-gradient(to right,var(--tfa-ink-400),#0000) 0 /16px 100% no-repeat scroll,linear-gradient(to left,var(--tfa-ink-400),#0000) 100% /16px 100% no-repeat scroll;background-color:var(--tfa-white)}.tfa-demo-table thead th{background:var(--tfa-ink-50)}@container (max-width: 479px){.tfa-demo-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.tfa-demo-table,.tfa-demo-table tbody,.tfa-demo-table tbody td,.tfa-demo-table tbody th,.tfa-demo-table tbody tr{display:block}.tfa-demo-table tbody tr{padding:8px 8px 10px;border-top:1px solid var(--tfa-line)}.tfa-demo-table tbody td,.tfa-demo-table tbody th{padding:2px 0;border-top:0}.tfa-demo-table tbody [data-label]:before{content:attr(data-label) ": ";content:attr(data-label) ": " /"";font-weight:600;color:var(--tfa-ink-700)}.tfa-demo-table tbody td:empty{display:none}}.tfa-demo-current{background:var(--tfa-tint);font-weight:650}.tfa-demo-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.tfa-demo-note{margin:0;color:var(--tfa-muted);font-size:.9375rem}.tfa-demo-explain,.tfa-demo-predict{display:grid;gap:10px;padding:14px 16px 16px;border:1px solid var(--tfa-line);border-radius:10px;background:var(--tfa-surface)}.tfa-demo-explain h3,.tfa-demo-predict h3{margin:0;font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tfa-ink-700)}.tfa-demo-prediction{display:grid;gap:8px;min-width:0;margin:0;padding:10px 12px 12px;border:1px solid var(--tfa-line);border-radius:8px;background:var(--tfa-white)}.tfa-demo-question{margin:0;font-size:inherit;font-weight:650;line-height:1.5;letter-spacing:normal;color:var(--tfa-ink)}.tfa-demo-why{font-weight:600}.tfa-demo-text{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--tfa-ink-400);border-radius:6px;background:var(--tfa-white);color:var(--tfa-ink);font:inherit}.tfa-demo-result{margin:0;padding:8px 10px;border-left:4px solid var(--tfa-ink-700);background:var(--tfa-ink-50)}.tfa-demo-stepper{display:grid;gap:8px}.tfa-demo-steplist{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.tfa-demo-step{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 12px;border:1px solid var(--tfa-ink-400);border-radius:8px;background:var(--tfa-white);color:var(--tfa-ink);font:inherit;font-weight:600;cursor:pointer}.tfa-demo-step[aria-current=step]{border:2px solid var(--tfa-ink);background:var(--tfa-tint)}.tfa-demo-stepn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--tfa-ink);color:var(--tfa-white);font-size:.8125rem}.tfa-demo-stepnow{margin:0;padding:10px 14px;border-left:4px solid var(--tfa-ink);background:var(--tfa-surface);font-weight:600}.tfa-demo-frame[tabindex]:focus-visible{outline:3px solid var(--tfa-cobalt);outline-offset:3px}.tfa-demo-reveal:empty{display:none}.tfa-demo-reveal{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--tfa-ink-200);border-radius:8px;background:var(--tfa-white)}.tfa-demo-reveal-h{margin:0;font-size:1rem;font-weight:700}.tfa-demo-reveal-h:focus{outline:none}.tfa-demo-reveal-h:focus-visible{outline:3px solid var(--tfa-cobalt)}.tfa-demo-mis{display:grid;gap:8px;margin:0;padding:0;list-style:none}.tfa-demo-mis li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--tfa-line)}.tfa-demo-mis p{margin:0;flex:1 1 16em}.tfa-demo-foot{display:grid;gap:8px}@media (min-width:1024px){.tfa-demo{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start}.tfa-demo-main{position:-webkit-sticky;position:sticky;top:88px}}.tfa-demo[data-present=true] .tfa-demo-svg{max-height:76vh}@media (min-width:1024px){.tfa-demo[data-present=true]{grid-template-columns:minmax(0,3fr) minmax(280px,1fr)}}.tfa-demo[data-present=true] .tfa-demo-button{min-height:52px;font-size:1.125rem}@media (max-width:639px){.tfa-demo-frame{border-right:0;border-left:0;border-radius:0}.tfa-demo-step .tfa-demo-stepname-text{display:none}.tfa-demo-step{justify-content:center;min-width:44px;padding:6px 10px}.tfa-demo-pair{grid-template-columns:minmax(0,1fr)}.tfa-demo-number{max-width:10em}}@media (max-width:1023px) and (min-height:500px),(max-width:1023px) and (orientation:portrait){.tfa-demo[data-demo]>.tfa-demo-main,.tfa-demo[data-demo]>.tfa-demo-rail{display:contents}.tfa-demo[data-demo]>.tfa-demo-main>.tfa-demo-stage{order:1}.tfa-demo[data-demo]>.tfa-demo-rail>.tfa-demo-dock{order:2}.tfa-demo[data-demo]>.tfa-demo-main>.tfa-demo-keybox{order:3;margin-top:0;padding-top:0}.tfa-demo[data-demo]>.tfa-demo-rail>.tfa-demo-controls{order:4;margin-top:0}.tfa-demo[data-demo]>.tfa-demo-rail>:not(.tfa-demo-dock){order:5}}@media (max-height:499px) and (orientation:landscape){.tfa-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.tfa-demo[data-demo]>.tfa-demo-main{position:-webkit-sticky;position:sticky;top:0;max-height:100vh;max-height:100svh;overflow-y:auto}.tfa-demo[data-demo] .tfa-demo-canvas{max-width:calc((100vh - 84px) * var(--tfa-demo-ratio, 1));max-width:calc((100svh - 84px) * var(--tfa-demo-ratio, 1));margin-inline:auto}}@media (prefers-reduced-motion:reduce){.tfa-demo [data-time-chip]{display:none}}@media print{.tfa-demo{display:none!important}}