.ui-input-group{width:100%;min-height:var(--ig-min-height,2.875rem);border:1px solid var(--ig-border,rgb(var(--fs-cobalt-rgb) / .18));border-radius:var(--ig-radius,var(--fs-radius-sm));background:var(--ig-surface,var(--color-page));color:var(--ig-text,inherit);outline:var(--ig-outline,none);outline-offset:var(--ig-outline-offset,0);align-items:center;transition:border-color .16s,outline-color .16s,box-shadow .16s,background .16s;display:flex;position:relative;overflow:hidden}.ui-input-group[data-size=sm]{--ig-min-height:2.2rem}.ui-input-group[data-size=md]{--ig-min-height:2.5rem}.ui-input-group[data-size=lg]{--ig-min-height:2.8rem}.ui-input-group[data-shape=default]{--ig-radius:var(--fs-radius-sm)}.ui-input-group[data-shape=pill]{--ig-radius:999px}.ui-input-group[data-surface=muted]{--ig-surface:var(--color-page)}.ui-input-group[data-surface=white]{--ig-surface:var(--fs-stark-white)}.ui-input-group[data-borderless=true]{--ig-border:transparent}.ui-input-group .ui-icon{color:var(--ig-icon,var(--fs-cobalt))}.ui-input-group:has(textarea){height:auto}.ui-input-group:hover{border-color:var(--ig-border-hover,rgb(var(--fs-cobalt-rgb) / .34));background:var(--ig-surface-hover,var(--fs-panel))}.ui-input-group[data-surface=white]:hover{background:var(--ig-surface-hover,var(--fs-stark-white))}.ui-input-group[data-borderless=true]:hover{border-color:var(--ig-border-hover,transparent)}:is(.ui-input-group:has(>[data-align=block-start]),.ui-input-group:has(>[data-align=block-end])){flex-direction:column;align-items:stretch;height:auto}.ui-input-group:has([data-slot=input-group-control]:focus){border-color:var(--ig-focus-border,var(--fs-cobalt));outline:var(--ig-focus-outline,none);outline-offset:var(--ig-focus-outline-offset,0);box-shadow:var(--ig-focus-shadow,var(--shadow-input-focus))}.ui-input-group[data-borderless=true]:has([data-slot=input-group-control]:focus){border-color:var(--ig-focus-border,transparent);box-shadow:var(--ig-focus-shadow,var(--shadow-input-focus))}.ui-input-group:has([data-slot][aria-invalid=true]){border-color:var(--fs-error);outline:var(--ig-invalid-outline,none);box-shadow:0 0 0 3px rgb(var(--fs-error-rgb) / .16)}.ui-input-group[data-disabled=true]{opacity:.55;cursor:not-allowed}.ui-input-group:has([data-slot=input-group-control]:disabled){opacity:.55;cursor:not-allowed}.ui-input-group>[data-slot=input-group-control]{flex:auto;min-height:0;padding-block:0;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.ui-input-group>[data-slot=input-group-control]::placeholder{color:var(--ig-placeholder,var(--fs-cobalt-med))}.ui-input-group>[data-align=inline-start]+[data-slot=input-group-control]{margin-inline-start:.5rem;padding-inline-start:0}.ui-input-group>[data-slot=input-group-control]:focus-visible{outline:none!important}.ui-input-group-addon{cursor:text;height:auto;color:var(--fs-text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding-block:.375rem;display:flex}.ui-input-group-addon-inline-start{order:-1;padding-inline-start:.75rem}.ui-input-group-addon-inline-end{order:1;padding-inline-end:.75rem}.ui-input-group-addon-block-start{order:-1;justify-content:flex-start;width:100%;padding:.75rem .75rem 0}.ui-input-group-addon-block-end{order:1;justify-content:flex-start;width:100%;padding:0 .75rem .75rem}.ui-input-group[data-disabled=true] .ui-input-group-addon{opacity:.5}.ui-input-group-input{flex:auto}