.klyp-InputGroup{width:100%;min-width:0;height:var(--space-32);border:var(--bw-default) solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), background var(--duration-fast) var(--easing-standard);background:0 0;outline:none;align-items:center;display:flex;position:relative}:is(.klyp-InputGroup:has(input:focus-visible),.klyp-InputGroup:has(textarea:focus-visible)){border-color:var(--color-border-focus);outline:var(--bw-emphasis) solid var(--color-ring);outline-offset:var(--bw-emphasis)}.klyp-InputGroup:has([aria-invalid=true]){border-color:var(--color-status-danger)}:is(.klyp-InputGroup:has([aria-invalid=true]):has(input:focus-visible),.klyp-InputGroup:has([aria-invalid=true]):has(textarea:focus-visible)){outline-color:var(--color-status-danger)}.klyp-InputGroup:has(:disabled){background:var(--color-bg-surface);opacity:var(--opacity-50,.5)}:is(.klyp-InputGroup:has(textarea),.klyp-InputGroup:has(>[data-align=block-start]),.klyp-InputGroup:has(>[data-align=block-end])){height:auto}:is(.klyp-InputGroup:has(>[data-align=block-start]),.klyp-InputGroup:has(>[data-align=block-end])){flex-direction:column;align-items:stretch}:is(.klyp-InputGroup:has(>[data-align=inline-start])>.klyp-InputGroup__input,.klyp-InputGroup:has(>[data-align=inline-start])>.klyp-InputGroup__textarea){padding-left:var(--space-6)}:is(.klyp-InputGroup:has(>[data-align=inline-end])>.klyp-InputGroup__input,.klyp-InputGroup:has(>[data-align=inline-end])>.klyp-InputGroup__textarea){padding-right:var(--space-6)}:is(.klyp-InputGroup:has(>[data-align=block-start])>.klyp-InputGroup__input,.klyp-InputGroup:has(>[data-align=block-start])>.klyp-InputGroup__textarea){padding-bottom:var(--space-6)}:is(.klyp-InputGroup:has(>[data-align=block-end])>.klyp-InputGroup__input,.klyp-InputGroup:has(>[data-align=block-end])>.klyp-InputGroup__textarea){padding-top:var(--space-6)}.klyp-InputGroup__addon{justify-content:center;align-self:stretch;align-items:center;gap:var(--space-8);cursor:text;-webkit-user-select:none;user-select:none;color:var(--color-fg-muted);font-family:var(--font-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);display:flex}.klyp-InputGroup__addon>svg{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.klyp-InputGroup__addon>kbd{border-radius:var(--radius-sm)}.klyp-InputGroup__addon[data-align=inline-start]{padding-left:var(--space-8);order:-1}.klyp-InputGroup__addon[data-align=inline-start]:has(>button){margin-left:calc(var(--space-4) * -1)}.klyp-InputGroup__addon[data-align=inline-end]{padding-right:var(--space-8);order:1}.klyp-InputGroup__addon[data-align=inline-end]:has(>button){margin-right:calc(var(--space-4) * -1)}.klyp-InputGroup__addon[data-align=block-start]{width:100%;padding:var(--space-8) var(--space-10);order:-1;justify-content:flex-start}.klyp-InputGroup__addon[data-align=block-end]{width:100%;padding:var(--space-8) var(--space-10);order:1;justify-content:flex-start}.klyp-InputGroup__button{box-shadow:none}.klyp-InputGroup__button[data-size=xs]{gap:var(--space-4);padding:0 var(--space-6);height:var(--space-24);border-radius:var(--radius-sm)}.klyp-InputGroup__button[data-size=xs]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-InputGroup__button[data-size=sm]{gap:var(--space-6);padding:0 var(--space-8);height:var(--space-28);border-radius:var(--radius-sm)}.klyp-InputGroup__button[data-size=icon-xs]{width:var(--space-24);height:var(--space-24);border-radius:var(--radius-sm);padding:0}.klyp-InputGroup__button[data-size=icon-xs]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-InputGroup__button[data-size=icon-sm]{width:var(--space-32);height:var(--space-32);border-radius:var(--radius-sm);padding:0}.klyp-InputGroup__button[data-size=icon-sm]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-InputGroup__text{align-items:center;gap:var(--space-8);font-family:var(--font-sans);font-size:var(--font-size-14);color:var(--color-fg-muted);display:inline-flex}.klyp-InputGroup__text>svg{pointer-events:none;width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.klyp-InputGroup__input{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:auto}.klyp-InputGroup__input:focus-visible{box-shadow:none;border:0;outline:none}.klyp-InputGroup__input:disabled{background:0 0}.klyp-InputGroup__input[aria-invalid=true]{box-shadow:none;border:0;outline:none}.klyp-InputGroup__textarea{resize:none;min-width:0;padding:var(--space-8) var(--space-12);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:auto}.klyp-InputGroup__textarea:focus-visible{box-shadow:none;border:0;outline:none}.klyp-InputGroup__textarea:disabled{background:0 0}.klyp-InputGroup__textarea[aria-invalid=true]{box-shadow:none;border:0;outline:none}