[data-pin-input-root].svelte-q5upp{position:relative}.tx-pin-input__input.svelte-q5upp{color:#0000;caret-color:#0000;block-size:100%;inline-size:100%;font:inherit;letter-spacing:-.5em;opacity:.001;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute;inset:0}@layer tx.components{.tx-number-field{min-inline-size:0;color:var(--tx-foreground,CanvasText);border:var(--tx-number-field-border-width,var(--tx-border-width-thin)) solid var(--tx-border,ButtonBorder);border-radius:var(--tx-number-field-radius,var(--tx-shape-radius-lg));background:var(--tx-surface,Canvas);align-items:stretch;display:inline-flex}.tx-number-field:focus-within,.tx-pin-input:focus-within{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:2px}.tx-number-field[data-disabled]{opacity:.6}.tx-number-field__input{border-radius:inherit;inline-size:8rem;min-inline-size:0;padding-block:var(--tx-number-field-padding-block,var(--tx-space-2));padding-inline:var(--tx-number-field-padding-inline,var(--tx-space-3));color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0}.tx-number-field__input:focus-visible{outline:none}.tx-number-field__input:disabled,.tx-number-field__input:read-only{cursor:not-allowed}.tx-number-field__stepper{min-inline-size:var(--tx-number-field-stepper-size,var(--tx-size-control-md));border:0;border-inline-start:var(--tx-number-field-border-width,var(--tx-border-width-thin)) solid var(--tx-border,ButtonBorder);color:var(--tx-foreground,CanvasText);font:inherit;cursor:pointer;background:0 0;place-items:center;display:grid}.tx-number-field__stepper:hover:not(:disabled){background:var(--tx-muted,color-mix(in srgb, CanvasText 8%, Canvas))}.tx-number-field__stepper:disabled{color:var(--tx-muted-foreground,GrayText);cursor:not-allowed}.tx-number-field--sm .tx-number-field__input{inline-size:6rem;padding-block:calc(var(--tx-space-unit) * 1.5);padding-inline:var(--tx-space-2);font-size:var(--tx-font-size-sm,.875rem)}.tx-number-field--sm .tx-number-field__stepper{min-inline-size:1.875rem}.tx-number-field--lg .tx-number-field__input{inline-size:10rem;padding-block:var(--tx-space-3);padding-inline:var(--tx-space-4);font-size:var(--tx-font-size-lg,1.125rem)}.tx-number-field--lg .tx-number-field__stepper{min-inline-size:var(--tx-size-control-lg)}.tx-number-field--output{background:0 0;border:0}.tx-number-field--output>.tx-number-field__stepper{display:none}.tx-number-field--output>.tx-number-field__input{cursor:text;padding-inline:0}.tx-pin-input{min-inline-size:0;max-inline-size:100%;padding:calc(var(--tx-space-unit) * .5);border-radius:var(--tx-pin-input-cell-radius,var(--tx-shape-radius-lg));display:inline-flex;position:relative}.tx-pin-input__cells{gap:var(--tx-pin-input-gap,var(--tx-space-2));min-inline-size:0;display:flex}.tx-pin-input__cell{inline-size:var(--tx-pin-input-cell-inline-size,var(--tx-size-control-lg));min-inline-size:var(--tx-size-control-sm);block-size:var(--tx-pin-input-cell-block-size,var(--tx-space-12));border:var(--tx-border-width-thin) solid var(--tx-pin-input-cell-border,var(--tx-border,ButtonBorder));border-radius:var(--tx-pin-input-cell-radius,var(--tx-shape-radius-lg));color:var(--tx-foreground,CanvasText);background:var(--tx-surface,Canvas);font-family:var(--tx-font-mono,ui-monospace, monospace);font-size:var(--tx-pin-input-cell-font-size,var(--tx-type-heading-size));font-variant-numeric:tabular-nums;flex:0 auto;place-items:center;display:grid}.tx-pin-input__cell[data-active]{border-color:var(--tx-ring,Highlight);box-shadow:inset 0 0 0 1px var(--tx-ring,Highlight)}.tx-pin-input__cell[data-fake-caret]:after{content:"";background:currentColor;block-size:1.25em;inline-size:1px;animation:1s step-end infinite tx-pin-caret}.tx-pin-input[data-disabled]{opacity:.6}.tx-pin-input--sm .tx-pin-input__cells{gap:calc(var(--tx-space-unit) * 1.5)}.tx-pin-input--sm .tx-pin-input__cell{inline-size:var(--tx-size-control-md);min-inline-size:var(--tx-size-control-xs);block-size:var(--tx-space-10);font-size:var(--tx-font-size-md,1rem)}.tx-pin-input--lg .tx-pin-input__cells{gap:var(--tx-space-3)}.tx-pin-input--lg .tx-pin-input__cell{block-size:3.5rem;inline-size:3.25rem;font-size:var(--tx-font-size-xl,1.25rem)}@keyframes tx-pin-caret{50%{opacity:0}}@media (forced-colors:active){.tx-number-field,.tx-number-field__stepper,.tx-pin-input__cell{forced-color-adjust:none;border-color:canvastext}.tx-number-field__input,.tx-number-field__stepper,.tx-pin-input__cell{color:canvastext;background:canvas}}}.demo.svelte-1hvynbe{min-inline-size:0;max-inline-size:min(100%,40rem);color:var(--tx-foreground,CanvasText);background:var(--tx-background,Canvas);font-family:var(--tx-font-sans,system-ui, sans-serif);gap:1.25rem;padding:1.5rem;display:grid}section.svelte-1hvynbe,.control.svelte-1hvynbe{gap:.5rem;display:grid}h2.svelte-1hvynbe{margin:0;font-size:.9rem;font-weight:600}label.svelte-1hvynbe{font-size:.875rem;font-weight:500}.row.svelte-1hvynbe{flex-wrap:wrap;align-items:start;gap:1rem;display:flex}.rtl.svelte-1hvynbe .tx-number-field{justify-self:start}@media (width<=36rem){.demo.svelte-1hvynbe{padding:1rem}}