@layer components{.InputGroup{width:100%;min-width:0;height:2.75rem;box-shadow:inset 0 0 0 1px var(--gray-200);background-color:var(--white);color:var(--blue-100);border-radius:0;display:flex;position:relative}.InputGroup:has(>input:focus-visible){outline:.125rem solid var(--blue-200);outline-offset:.125rem}.InputGroup:has(>input:hover){background-color:color-mix(in oklch, var(--gray-50) 75%, transparent)}.InputGroup:has(>input[data-disabled]){background-color:var(--gray-100);color:var(--gray-300)}.InputGroup:has(>input[data-invalid]){box-shadow:inset 0 0 0 1px var(--red-100);background-color:color-mix(in oklch, var(--red-100) 8%, transparent);color:var(--red-100)}.InputGroupSlot{justify-content:center;align-items:center;height:auto;display:flex}.InputGroupSlot[data-align=inline-start]{order:-9999;padding-inline-start:var(--spacing-300)}.InputGroupSlot[data-align=inline-end]{order:9999;padding-inline-end:var(--spacing-300)}.InputGroupControl{box-shadow:none;background-color:#0000}.InputGroupControl:focus-visible{outline:none}.InputGroupControl:hover,.InputGroupControl[data-disabled]{background-color:#0000}.InputGroupControl[data-invalid]{box-shadow:none;background-color:#0000}}