.number-input-demo[data-v-bf93dad4]{display:grid;width:min(100%,40rem);min-width:0;min-height:10rem;place-items:center;color:var(--docs-default);font-family:var(--docs-font-sans, "Geist", sans-serif)}.number-input-demo[data-v-bf93dad4]>.kappa-number-input,.number-input-demo__stack[data-v-bf93dad4],.number-input-demo__rtl[data-v-bf93dad4]{width:min(100%,20rem)}.number-input-demo__parameter[data-v-bf93dad4]{display:grid;width:min(100%,31rem);grid-template-columns:minmax(0,1fr) minmax(10rem,13rem);align-items:end;gap:.5rem 1.25rem;border-block:1px solid var(--docs-line);padding-block:1rem}.number-input-demo__parameter-copy[data-v-bf93dad4]{display:grid;gap:.1875rem}.number-input-demo__parameter-copy span[data-v-bf93dad4],.number-input-demo__hint[data-v-bf93dad4],.number-input-demo__readout[data-v-bf93dad4]{color:var(--docs-subtle);font-size:.75rem}.number-input-demo__parameter-copy strong[data-v-bf93dad4]{font-size:.875rem}.number-input-demo__parameter .number-input-demo__hint[data-v-bf93dad4]{grid-column:1 / -1;text-align:end}.number-input-demo__label-line[data-v-bf93dad4]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.number-input-demo__row[data-v-bf93dad4]{display:grid;width:min(100%,38rem);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.number-input-demo__stack[data-v-bf93dad4]{display:grid;gap:.625rem}.number-input-demo__scrubbable-stack[data-v-bf93dad4]{display:grid;width:min(100%,24rem);gap:.625rem}.number-input-demo__safety-row[data-v-bf93dad4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.number-input-demo__readout[data-v-bf93dad4]{margin:0;text-align:end}.number-input-demo__readout strong[data-v-bf93dad4]{color:var(--docs-default);font-variant-numeric:tabular-nums}.number-input-demo__states[data-v-bf93dad4]{display:grid;width:min(100%,38rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.number-input-demo__error[data-v-bf93dad4]{grid-column:3;margin:-.5rem 0 0;color:var(--kappa-danger, #b42318);font-size:.6875rem}.number-input-demo__sizes[data-v-bf93dad4]{display:flex;width:100%;flex-wrap:wrap;align-items:end;justify-content:center;gap:1rem}.number-input-demo__sizes[data-v-bf93dad4]>.kappa-number-input{width:9rem}.number-input-demo__rtl[data-v-bf93dad4]{display:grid;direction:rtl;gap:.75rem}@media(max-width:620px){.number-input-demo[data-v-bf93dad4]{min-height:12rem}.number-input-demo__parameter[data-v-bf93dad4],.number-input-demo__row[data-v-bf93dad4],.number-input-demo__safety-row[data-v-bf93dad4],.number-input-demo__states[data-v-bf93dad4]{grid-template-columns:1fr}.number-input-demo__parameter .number-input-demo__hint[data-v-bf93dad4],.number-input-demo__error[data-v-bf93dad4]{grid-column:auto}.number-input-demo__parameter .number-input-demo__hint[data-v-bf93dad4]{text-align:start}}@font-face{font-family:Kappa Dicehub Reference;src:url(/fonts/nunito/nunito-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Kappa Dicehub Reference;src:url(/fonts/nunito/nunito-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}.kappa-compact-number-demo{inline-size:min(100%,17rem);--kappa-font-sans: "Kappa Dicehub Reference";color:var(--kappa-dicehub-number-text);font-family:var(--kappa-font-sans);font-size:.8125rem}.kappa-compact-number-field.kappa-number-input{display:grid;grid-template-columns:30% minmax(0,1fr);column-gap:.625rem;inline-size:100%}.kappa-compact-number-demo .kappa-compact-number-field[data-size=xs]{--kappa-number-input-trigger-size: 1.01875rem}.kappa-compact-number-field .kappa-number-input__label{display:block;inline-size:100%;align-self:center;margin-block:0;color:inherit;font:400 .8125rem/1 var(--kappa-font-sans);text-align:end}.kappa-compact-number-field .kappa-number-input__control,.kappa-compact-number-field[data-readonly] .kappa-number-input__control{inline-size:100%;position:relative;border:0;background:var(--kappa-dicehub-number-surface);outline:none;box-shadow:none}.kappa-compact-number-field .kappa-number-input__scrubbable-input{block-size:1.25rem;border-radius:.125rem;background:transparent}.kappa-compact-number-field .kappa-number-input__scrubbable-display{padding-inline:1.25rem;color:var(--kappa-dicehub-number-text);font-weight:400;font-variant-numeric:normal}.kappa-compact-number-field .kappa-number-input__scrubbable-input:hover:not([data-readonly],[data-editing]),.kappa-compact-number-field .kappa-number-input__scrubbable-input[data-dragging]{background:var(--kappa-dicehub-number-hover)}.kappa-compact-number-field .kappa-number-input__scrubbable-input[data-editing]{background:var(--kappa-control)}.kappa-compact-number-field .kappa-number-input__input{block-size:1.25rem;padding-inline:3px;border:1px solid var(--kappa-dicehub-number-focus);border-radius:2px;color:var(--kappa-dicehub-number-text);font:400 13.333333px/1 Arial}.kappa-compact-number-field .kappa-number-input__trigger{position:absolute;inset-block:0;z-index:1;block-size:1.25rem;padding-inline:1px;border:0;visibility:hidden;background:var(--kappa-dicehub-number-trigger);color:var(--kappa-dicehub-number-trigger-text)}.kappa-compact-number-field .kappa-number-input__trigger--decrement{inset-inline-start:0}.kappa-compact-number-field .kappa-number-input__trigger--increment{inset-inline-end:0}.kappa-compact-number-field .kappa-number-input__trigger svg{inline-size:14.3px;block-size:14.3px}.kappa-compact-number-field .kappa-number-input__trigger:hover{background:var(--kappa-dicehub-number-trigger-hover);color:var(--kappa-dicehub-number-trigger-active-text)}.kappa-compact-number-field:not([data-readonly]) .kappa-number-input__control:hover:not(:has([data-editing])) .kappa-number-input__trigger{visibility:visible}.kappa-compact-number-field[data-readonly] .kappa-number-input__label,.kappa-compact-number-field[data-readonly] .kappa-number-input__scrubbable-display{color:var(--kappa-muted)}.kappa-compact-number-row[data-recently-edited] .kappa-number-input__scrubbable-display{background:var(--kappa-dicehub-number-updated)}