@layer components{.Input-module__XJtbrG__Container{align-items:center;gap:var(--input-gap);border-radius:var(--input-radius);width:100%;color:var(--input-text-color);cursor:text;font-size:var(--input-font-size);font-weight:var(--font-weight-normal);transition-duration:var(--transition-duration-basic);transition-property:color,box-shadow,background-color;transition-timing-function:var(--transition-ease-basic);display:flex}.Input-module__XJtbrG__Container:where([data-optically-align=start]){margin-inline-start:calc(var(--input-gutter)*-1)}.Input-module__XJtbrG__Container:where([data-optically-align=end]){margin-inline-end:calc(var(--input-gutter)*-1)}.Input-module__XJtbrG__Container:where([data-variant=outline]){box-shadow:0 0 0 1px var(--input-outline-border-color)inset}@media (hover:hover) and (pointer:fine){.Input-module__XJtbrG__Container:where([data-variant=outline]):not([data-disabled]):hover{box-shadow:0 0 0 1px var(--input-outline-border-color-hover)inset}}.Input-module__XJtbrG__Container:where([data-variant=outline]):not([data-disabled])[data-focused=true]{box-shadow:0 0 0 1px var(--input-outline-border-color-focus)inset}.Input-module__XJtbrG__Container:where([data-variant=outline]):not([data-disabled])[data-invalid]{box-shadow:0 0 0 1px var(--input-border-color-invalid)inset}.Input-module__XJtbrG__Container:where([data-variant=soft]){background-color:var(--input-soft-background-color)}.Input-module__XJtbrG__Container:where([data-variant=soft]):not([data-disabled])[data-focused=true]{box-shadow:0 0 0 1px var(--input-soft-border-color-focus)inset}.Input-module__XJtbrG__Container:where([data-variant=soft]):not([data-disabled])[data-invalid]{box-shadow:0 0 0 1px var(--input-border-color-invalid)inset}.Input-module__XJtbrG__Container[data-invalid] ::selection{background-color:var(--red-a50)}.Input-module__XJtbrG__Container:where([data-size="3xs"]){--input-size:var(--control-size-3xs);--input-font-size:var(--control-font-size-sm);--input-radius:var(--control-radius-sm);--input-gutter:var(--control-gutter-xs);--input-gap:var(--input-gap-xs);--input-adornment-offset:-1px}.Input-module__XJtbrG__Container:where([data-size="2xs"]){--input-size:var(--control-size-2xs);--input-font-size:var(--control-font-size-sm);--input-radius:var(--control-radius-sm);--input-gutter:var(--control-gutter-xs);--input-gap:var(--input-gap-xs);--input-adornment-offset:-1px}.Input-module__XJtbrG__Container:where([data-size=xs]){--input-size:var(--control-size-xs);--input-font-size:var(--control-font-size-md);--input-radius:var(--control-radius-sm);--input-gutter:var(--control-gutter-xs);--input-gap:var(--input-gap-sm);--input-adornment-offset:-1px}.Input-module__XJtbrG__Container:where([data-size=sm]){--input-size:var(--control-size-sm);--input-font-size:var(--control-font-size-md);--input-radius:var(--control-radius-md);--input-gutter:var(--control-gutter-sm);--input-gap:var(--input-gap-md);--input-adornment-offset:-1px}.Input-module__XJtbrG__Container:where([data-size=md]){--input-size:var(--control-size-md);--input-font-size:var(--control-font-size-md);--input-radius:var(--control-radius-md);--input-gutter:var(--control-gutter-md);--input-gap:var(--input-gap-md)}.Input-module__XJtbrG__Container:where([data-size=lg]){--input-size:var(--control-size-lg);--input-font-size:var(--control-font-size-md);--input-radius:var(--control-radius-md);--input-gutter:var(--control-gutter-md);--input-gap:var(--input-gap-md)}.Input-module__XJtbrG__Container:where([data-size=xl]){--input-size:var(--control-size-xl);--input-font-size:var(--control-font-size-lg);--input-radius:var(--control-radius-lg);--input-gutter:var(--control-gutter-lg);--input-gap:var(--input-gap-lg)}.Input-module__XJtbrG__Container:where([data-size="2xl"]){--input-size:var(--control-size-2xl);--input-font-size:var(--control-font-size-lg);--input-radius:var(--control-radius-xl);--input-gutter:var(--control-gutter-xl);--input-gap:var(--input-gap-lg);--input-adornment-offset:-4px}.Input-module__XJtbrG__Container:where([data-size="3xl"]){--input-size:var(--control-size-3xl);--input-font-size:var(--control-font-size-lg);--input-radius:var(--control-radius-xl);--input-gutter:var(--control-gutter-xl);--input-gap:var(--input-gap-lg);--input-adornment-offset:-4px}.Input-module__XJtbrG__Container:where([data-gutter-size="2xs"]){--input-gutter:var(--control-gutter-2xs);--input-adornment-offset:-1px}.Input-module__XJtbrG__Container:where([data-gutter-size=xs]){--input-gutter:var(--control-gutter-xs);--input-adornment-offset:-1px}.Input-module__XJtbrG__Container:where([data-gutter-size=sm]){--input-gutter:var(--control-gutter-sm);--input-adornment-offset:-2px}.Input-module__XJtbrG__Container:where([data-gutter-size=md]){--input-gutter:var(--control-gutter-md);--input-adornment-offset:-2px}.Input-module__XJtbrG__Container:where([data-gutter-size=lg]){--input-gutter:var(--control-gutter-lg);--input-adornment-offset:-2px}.Input-module__XJtbrG__Container:where([data-gutter-size=xl]){--input-gutter:var(--control-gutter-xl);--input-adornment-offset:-4px}.Input-module__XJtbrG__Container:where([data-pill]){--input-radius:var(--radius-full)}.Input-module__XJtbrG__Container[data-disabled]{cursor:not-allowed;opacity:.5}.Input-module__XJtbrG__Container:where([data-has-start-adornment]){padding-left:var(--input-gutter)}.Input-module__XJtbrG__Container:where([data-has-start-adornment][data-pill]){padding-left:calc(var(--input-gutter)*var(--control-gutter-pill-scaling))}.Input-module__XJtbrG__Container:where([data-has-end-adornment]){padding-right:var(--input-gutter)}.Input-module__XJtbrG__Container:where([data-has-end-adornment][data-pill]){padding-right:calc(var(--input-gutter)*var(--control-gutter-pill-scaling))}.Input-module__XJtbrG__Container>:first-child:not(input){margin-left:var(--input-adornment-offset,-2px)}.Input-module__XJtbrG__Container>:last-child:not(input){margin-right:var(--input-adornment-offset,-2px)}.Input-module__XJtbrG__Input{width:100%;height:var(--input-size);padding:0 var(--input-gutter);box-shadow:none;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;background:0 0;border:0;border-radius:0;display:block}.Input-module__XJtbrG__Input:focus{outline:0}.Input-module__XJtbrG__Input:disabled{cursor:not-allowed}.Input-module__XJtbrG__Input::placeholder{color:var(--input-placeholder-text-color)}.Input-module__XJtbrG__Input:-webkit-autofill{animation:1ms Input-module__XJtbrG__native-autofill-in}.Input-module__XJtbrG__Input:-webkit-autofill{color:var(--color-text)!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 0s 50000s,box-shadow 0s 50000s,filter 0s 50000s!important}.Input-module__XJtbrG__Input:-webkit-autofill:focus{color:var(--color-text)!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 0s 50000s,box-shadow 0s 50000s,filter 0s 50000s!important}.Input-module__XJtbrG__Input:-webkit-autofill:hover{color:var(--color-text)!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 0s 50000s,box-shadow 0s 50000s,filter 0s 50000s!important}:is(.Input-module__XJtbrG__Input:-webkit-autofill-and-obscured,.Input-module__XJtbrG__Input:-webkit-autofill-strong-password,.Input-module__XJtbrG__Input:-webkit-autofill-strong-password-viewable){color:var(--color-text)!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 0s 50000s,box-shadow 0s 50000s,filter 0s 50000s!important}.Input-module__XJtbrG__Input:-webkit-autofill:first-line{font-size:inherit!important;transition:font-size 0s 50000s!important}.Input-module__XJtbrG__Input[type=number]{appearance:textfield}.Input-module__XJtbrG__Input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.Input-module__XJtbrG__Input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}:where(.Input-module__XJtbrG__Container[data-pill]) .Input-module__XJtbrG__Input{padding:0 calc(var(--input-gutter)*var(--control-gutter-pill-scaling))}:where(.Input-module__XJtbrG__Container[data-has-start-adornment]) .Input-module__XJtbrG__Input{padding-left:0}:where(.Input-module__XJtbrG__Container[data-has-end-adornment]) .Input-module__XJtbrG__Input{padding-right:0}@keyframes Input-module__XJtbrG__native-autofill-in{0%{opacity:1}to{opacity:1}}}