@layer components{.Input{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);box-shadow:inset 0 0 0 1px var(--gray-200);width:100%;padding-inline:var(--spacing-300);background-color:var(--white);color:var(--blue-100);border-radius:0;transition:background-color .25s ease-out;display:inline-flex}.Input:hover{background-color:color-mix(in oklch, var(--gray-50) 75%, transparent)}.Input:focus-visible{outline:.125rem solid var(--blue-200);outline-offset:.125rem}.Input[data-disabled]{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.Input[data-invalid]{color:var(--red-100);box-shadow:inset 0 0 0 1px var(--red-100)}.Input::placeholder{color:var(--gray-500)}.Input[data-size=md]{height:2.75rem}.Input[data-size=sm]{height:1.5rem}}
@layer components{.InputGroup{width:100%;min-width:0;box-shadow:inset 0 0 0 1px var(--gray-200);background-color:var(--white);color:var(--blue-100);border-radius:0;transition:background-color .25s ease-out;display:flex;position:relative}.InputGroup[data-size=sm]{height:1.5rem}.InputGroup[data-size=md]{height:2.75rem}.InputGroup:has(>:focus-visible){outline:.125rem solid var(--blue-200);outline-offset:.125rem}.InputGroup:has(>:hover){background-color:color-mix(in oklch, var(--gray-50) 75%, transparent)}.InputGroup[data-disabled]{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.InputGroup:has(>.InputGroupControl[data-disabled]){background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.InputGroup:has(>[data-invalid]){box-shadow:inset 0 0 0 1px var(--red-100);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)}.InputGroupLoading{--skeleton-base-color:var(--gray-200);pointer-events:none;align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-start:var(--spacing-300)}.InputGroupSymbol{justify-content:center;min-width:1.5rem;margin-inline-end:-.375rem;display:flex}.InputGroupControl{min-width:0;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}}