@layer tx.components{.tx-block-interactive{border:1px solid var(--tx-border,ButtonBorder);border-radius:var(--tx-radius,.625rem);background:var(--tx-surface,Canvas);color:var(--tx-foreground,CanvasText);gap:.75rem;max-inline-size:40rem;padding:1rem;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:.4rem;display:grid}.tx-block-interactive__option{align-items:flex-start;gap:.5rem;display:flex}.tx-block-interactive__actions{flex-wrap:wrap;gap:.5rem;display:flex}.tx-block-interactive__result{margin:0;font-weight:600}.tx-block-interactive__bar{gap:.15rem;display:grid}.tx-block-interactive__bar-track{background:var(--tx-muted,color-mix(in srgb, CanvasText 10%, Canvas));border-radius:999px;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:.65rem;display:grid}.tx-block-interactive__field{gap:.25rem;display:grid}.tx-block-interactive__field input{border:1px solid var(--tx-input,var(--tx-border,ButtonBorder));border-radius:calc(var(--tx-radius,.625rem) * .5);background:var(--tx-background,Canvas);min-block-size:2.25rem;color:inherit;font:inherit;padding-inline:.5rem}.tx-block-invalid{border:1px solid var(--tx-destructive,Mark);border-radius:var(--tx-radius,.5rem);margin:0;padding:.75rem 1rem}@media (forced-colors:active){.tx-block-interactive,.tx-block-interactive__field input{border:1px solid buttontext}}}