@layer tx.components{.tx-block-interactive{gap:var(--tx-space-3);padding:var(--tx-space-4);border:var(--tx-border-width-thin) solid var(--tx-border,ButtonBorder);border-radius:var(--tx-shape-radius-lg);background:var(--tx-surface,Canvas);color:var(--tx-foreground,CanvasText);max-inline-size:40rem;display:grid}.tx-block-interactive__title{margin:0;font-size:1.05rem;font-weight:600}.tx-block-interactive__prompt{margin:0;font-size:.95rem}.tx-block-interactive__options{gap:calc(var(--tx-space-unit) * 1.6);display:grid}.tx-block-interactive__option{gap:var(--tx-space-2);align-items:flex-start;display:flex}.tx-block-interactive__actions{gap:var(--tx-space-2);flex-wrap:wrap;display:flex}.tx-block-interactive__result{margin:0;font-weight:600}.tx-block-interactive__bar{gap:calc(var(--tx-space-unit) * .6);display:grid}.tx-block-interactive__bar-track{border-radius:var(--tx-shape-radius-full);background:var(--tx-muted,color-mix(in srgb, CanvasText 10%, Canvas));block-size:.5rem;overflow:hidden}.tx-block-interactive__bar-fill{background:var(--tx-primary,Highlight);block-size:100%;inline-size:0%}.tx-block-interactive__inputs{gap:calc(var(--tx-space-unit) * 2.6);display:grid}.tx-block-interactive__field{gap:var(--tx-space-1);display:grid}.tx-block-interactive__field input{min-block-size:2.25rem;padding-inline:var(--tx-space-2);border:var(--tx-border-width-thin) solid var(--tx-input,var(--tx-border,ButtonBorder));border-radius:calc(var(--tx-shape-radius-lg) * .5);background:var(--tx-background,Canvas);color:inherit;font:inherit}.tx-block-invalid{padding:var(--tx-space-3) var(--tx-space-4);border:var(--tx-border-width-thin) solid var(--tx-destructive,Mark);border-radius:var(--tx-shape-radius-lg);margin:0}@media (forced-colors:active){.tx-block-interactive,.tx-block-interactive__field input{border:var(--tx-border-width-thin) solid ButtonText}}}
