.button-group-demo[data-v-9d889627]{display:grid;width:min(100%,42rem);min-width:0;min-height:10rem;place-items:center;color:var(--docs-default);font-family:var(--docs-font-sans, "Geist", sans-serif)}.button-group-demo__preview[data-v-9d889627]{display:grid;max-width:100%;justify-items:center;gap:.875rem}.button-group-demo__preview-copy[data-v-9d889627]{display:grid;justify-items:center;gap:.125rem}.button-group-demo__preview-copy span[data-v-9d889627],.button-group-demo__preview output[data-v-9d889627]{color:var(--docs-subtle);font-size:.75rem}.button-group-demo__row[data-v-9d889627]{display:flex;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem}.button-group-demo__stack[data-v-9d889627],.button-group-demo__sizes[data-v-9d889627]{display:grid;max-width:100%;gap:.875rem}.button-group-demo__size[data-v-9d889627]{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.75rem}.button-group-demo__size code[data-v-9d889627]{color:var(--docs-subtle);font-size:.6875rem;text-align:end}.button-group-demo__rtl[data-v-9d889627]{max-width:100%}@media(max-width:520px){.button-group-demo[data-v-9d889627]{min-height:11rem}.button-group-demo__preview [aria-label="Run navigation"][data-v-9d889627]{display:none}.button-group-demo__row[data-v-9d889627]{gap:1.25rem}}.button-group-composition-demo[data-v-dc6039a5]{display:grid;width:min(100%,34rem);min-width:0;min-height:10rem;place-items:center;color:var(--kappa-default, var(--docs-default));font-family:var(--kappa-font-sans, var(--docs-font-sans))}.button-group-select-root[data-v-dc6039a5]{display:grid;place-items:center}.button-group-native-input[data-v-dc6039a5]{box-sizing:border-box;inline-size:clamp(8rem,48vw,14rem);min-inline-size:0;block-size:2rem;flex:1 1 auto;appearance:none;padding:0 .625rem;border:1px solid var(--kappa-line, #e3e6eb);border-radius:var(--kappa-button-group-radius, .5rem);background:var(--kappa-control, #ffffff);color:var(--kappa-default, #17191f);font:500 .8125rem/1rem var(--kappa-font-sans, inherit);outline:none}.button-group-native-input[data-v-dc6039a5]::placeholder,.button-group-native-input-group__field[data-v-dc6039a5]::placeholder,.button-group-popover__textarea[data-v-dc6039a5]::placeholder{color:var(--kappa-muted, #9aa2ae)}.button-group-native-input[data-v-dc6039a5]:focus-visible,.button-group-native-input-group[data-v-dc6039a5]:focus-within,.button-group-popover__textarea[data-v-dc6039a5]:focus-visible{outline:2px solid var(--kappa-focus, #4c63ff);outline-offset:2px}.button-group-native-input-group[data-v-dc6039a5]{box-sizing:border-box;display:flex;inline-size:clamp(10rem,56vw,18rem);min-inline-size:0;block-size:2rem;align-items:center;border:1px solid var(--kappa-line, #e3e6eb);border-radius:var(--kappa-button-group-radius, .5rem);background:var(--kappa-control, #ffffff);color:var(--kappa-default, #17191f)}.button-group-native-input-group[data-active=true][data-v-dc6039a5]{border-color:var(--kappa-warning, #d97706)}.button-group-native-input-group--nested[data-v-dc6039a5]{inline-size:min(14.5625rem,60vw)}.button-group-native-input-group__field[data-v-dc6039a5]{min-inline-size:0;block-size:100%;flex:1 1 auto;padding-inline:.625rem;border:0;background:transparent;color:inherit;font:500 .8125rem/1rem var(--kappa-font-sans, inherit);outline:0}.button-group-native-input-group__field[data-v-dc6039a5]:disabled{cursor:not-allowed}.button-group-native-input-group__addon[data-v-dc6039a5]{display:flex;flex:none;align-items:center;justify-content:center;padding-inline-end:.5rem;color:var(--kappa-subtle, #5f6875);user-select:none}.button-group-native-input-group__addon[data-v-dc6039a5] svg{inline-size:1rem;block-size:1rem}.button-group-native-input-group__action[data-active=true][data-v-dc6039a5]{background:var(--kappa-warning-tint, #fff4e5);color:var(--kappa-warning-text, #b54708)}.button-group-native-input-group__action[data-v-dc6039a5]{flex:none;color:var(--kappa-subtle, #5f6875)}.button-group-native-input-group__action[data-v-dc6039a5]:focus-visible{outline:0}.button-group-positioner[data-v-dc6039a5]{z-index:30}.button-group-surface[data-v-dc6039a5]{box-sizing:border-box;min-inline-size:12rem;border:1px solid var(--kappa-line, #e3e6eb);border-radius:.625rem;background:var(--kappa-control, #ffffff);color:var(--kappa-default, #17191f);font:500 .8125rem/1rem var(--kappa-font-sans, inherit);box-shadow:none}.button-group-surface[hidden][data-v-dc6039a5]{display:none}.button-group-option[data-v-dc6039a5]{display:flex;min-block-size:2rem;align-items:center;gap:.5rem;padding-inline:.625rem;border-radius:.375rem;cursor:default;outline:none}.button-group-option[data-highlighted][data-v-dc6039a5]{background:var(--kappa-overlay, #e9edf2)}.button-group-option[data-v-dc6039a5] svg{inline-size:1rem;block-size:1rem;flex:none}.button-group-option--danger[data-v-dc6039a5]{color:var(--kappa-danger-text, #b42318)}.button-group-option--danger[data-highlighted][data-v-dc6039a5]{background:var(--kappa-danger-tint, #fee4e2)}.button-group-separator[data-v-dc6039a5]{block-size:1px;margin-block:.375rem;background:var(--kappa-line, #e3e6eb)}.button-group-menu[data-v-dc6039a5],.button-group-select[data-v-dc6039a5]{padding:.375rem}.button-group-menu[data-v-dc6039a5]{inline-size:13rem}.button-group-amount-input[data-v-dc6039a5]{inline-size:clamp(6rem,28vw,9rem)}.button-group-select[data-v-dc6039a5]{min-inline-size:11rem}.button-group-select[data-v-dc6039a5] [data-part=item-text]{display:flex;align-items:center;gap:.5rem}.button-group-select__symbol[data-v-dc6039a5]{inline-size:1.25rem;font-family:var(--docs-font-mono, inherit)}.button-group-select__indicator[data-v-dc6039a5]{margin-inline-start:auto}.button-group-popover[data-v-dc6039a5]{display:grid;inline-size:min(20rem,calc(100vw - 2rem));gap:.75rem;padding:1rem}.button-group-popover__title[data-v-dc6039a5]{font-size:.875rem;font-weight:650}.button-group-popover__description[data-v-dc6039a5],.button-group-popover__hint[data-v-dc6039a5]{margin:0;color:var(--kappa-subtle, #5f6875);line-height:1.4}.button-group-popover__label[data-v-dc6039a5]{font-weight:600}.button-group-popover__textarea[data-v-dc6039a5]{box-sizing:border-box;inline-size:100%;min-block-size:6rem;resize:vertical;padding:.625rem;border:1px solid var(--kappa-line, #e3e6eb);border-radius:.5rem;background:var(--kappa-control, #ffffff);color:var(--kappa-default, #17191f);font:inherit}@media(forced-colors:active){.button-group-native-input[data-v-dc6039a5],.button-group-native-input-group[data-v-dc6039a5],.button-group-surface[data-v-dc6039a5],.button-group-popover__textarea[data-v-dc6039a5]{border-color:CanvasText}.button-group-native-input[data-v-dc6039a5]:focus-visible,.button-group-native-input-group[data-v-dc6039a5]:focus-within,.button-group-popover__textarea[data-v-dc6039a5]:focus-visible{outline-color:Highlight}}