@layer components{.st-input{--st-input-bg:var(--st-bg,#fff);--st-input-bg-invalid:var(--st-error-tint,#fdeced);--st-input-fg:var(--st-fg,#1c1e21);--st-input-ring-color:var(--st-gray-7,#b9bfc6);--st-input-ring-color-hover:var(--st-gray-9,#80868e);--st-input-ring-color-focus:var(--st-fg,#1c1e21);--st-input-ring-color-invalid:var(--st-error-solid,#e5484d);--st-input-focus-ring:var(--st-accent-solid,#4f6bed);--st-input-ring-width:1px;--st-input-ring-thicken:1px;--st-input-radius:var(--st-radius-xs,2px);--st-input-height:calc(2.15em + 0.975rem + 4px);--st-input-padding:0.75rem;--st-input-label-rest-color:var(--st-fg,#1c1e21);--st-input-label-active-color:var(--st-input-fg);--st-input-label-invalid-color:var(--st-error-fg,#cd2b31);--st-input-label-rest-opacity:0.6;--st-input-transition-duration:120ms;--st-input-transition-easing:cubic-bezier(0.25,0.46,0.45,0.94);--st-input-caret:var(--st-input-fg);position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"leading  field    trailing" ".        hint     ." ".        error    .";align-items:stretch;inline-size:100%;min-block-size:var(--st-input-height);background:var(--st-input-bg);color:var(--st-input-fg);border:var(--st-input-ring-width) solid var(--st-input-ring-color);border-radius:var(--st-input-radius);transition:border-color var(--st-input-transition-duration) var(--st-input-transition-easing),box-shadow var(--st-input-transition-duration) var(--st-input-transition-easing),background-color var(--st-input-transition-duration) var(--st-input-transition-easing);cursor:text}.st-input:hover{border-color:var(--st-input-ring-color-hover)}.st-input:focus-within{border-color:var(--st-input-ring-color-focus)}.st-input:has(.st-input__field:focus-visible){outline:2px solid var(--st-input-focus-ring);outline-offset:-1px}.st-input:has(.st-input__field[aria-invalid="true"]){background:var(--st-input-bg-invalid);border-color:var(--st-input-ring-color-invalid)}.st-input:has(.st-input__field:disabled),.st-input:has(.st-input__field[readonly]){opacity:var(--st-disabled-opacity,0.5);cursor:not-allowed}.st-input:has(select.st-input__field){cursor:pointer}.st-input__field{grid-area:field;inline-size:100%;min-inline-size:0;min-block-size:var(--st-input-height);padding:var(--st-input-padding);border:0;background:transparent;color:var(--st-input-fg);font:inherit;font-size:max(16px,1em);font-weight:var(--st-font-weight-medium,500);line-height:1.6;caret-color:var(--st-input-fg);appearance:none}.st-input__field:focus{outline:0}.st-input__field::placeholder{opacity:0}.st-input__field:disabled{cursor:not-allowed}.st-input__field[type="search"]::-webkit-search-cancel-button{appearance:none}.st-input__field:-webkit-autofill,.st-input__field:-webkit-autofill:hover,.st-input__field:-webkit-autofill:focus{-webkit-text-fill-color:var(--st-input-fg);box-shadow:0 0 0 1000px var(--st-input-bg) inset;caret-color:var(--st-input-caret);transition:background-color 99999s 0s}.st-input__icon-leading,.st-input__icon-trailing,.st-input__prefix,.st-input__suffix{display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--st-input-padding);color:var(--st-fg-muted,#5b626b);font-size:var(--st-font-size-sm,0.875rem);user-select:none}.st-input__icon-leading{grid-area:leading}.st-input__icon-trailing{grid-area:trailing}.st-input__prefix{grid-area:leading}.st-input__suffix{grid-area:trailing}.st-input__icon-leading>svg,.st-input__icon-trailing>svg{inline-size:1.25em;block-size:1.25em}.st-input:has(.st-input__icon-leading) .st-input__field,.st-input:has(.st-input__prefix) .st-input__field{padding-inline-start:0}.st-input:has(.st-input__icon-trailing) .st-input__field,.st-input:has(.st-input__suffix) .st-input__field{padding-inline-end:0}.st-input__prefix,.st-input__suffix:not(button){background:color-mix(in srgb,var(--st-input-bg) 90%,var(--st-input-fg));font-weight:var(--st-font-weight-medium,500)}button.st-input__suffix{background:color-mix(in srgb,var(--st-input-bg) 90%,var(--st-input-fg));border:0;color:var(--st-input-fg);font-weight:var(--st-font-weight-semibold,600);text-transform:uppercase;letter-spacing:var(--st-letter-spacing-wide,0.02em);font-size:var(--st-font-size-xs,0.75rem);cursor:pointer;transition:var(--st-transition-color,color 0.12s ease,background-color 0.12s ease)}button.st-input__suffix:hover{background:var(--st-input-fg);color:var(--st-input-bg)}.st-input__label{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--st-input-padding);max-inline-size:100%;color:var(--st-input-label-rest-color);opacity:var(--st-input-label-rest-opacity);font-size:1em;font-weight:var(--st-font-weight-normal,400);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:0 50%;pointer-events:none;cursor:text;z-index:2;transition:all var(--st-input-transition-duration) var(--st-input-transition-easing)}.st-input:focus-within .st-input__label,.st-input:has(.st-input__field:not(:placeholder-shown)) .st-input__label,.st-input:has(.st-input__field:-webkit-autofill) .st-input__label{inset-block-start:calc(var(--st-input-ring-width) * -1 - 0.6em);inset-inline-start:0.625rem;padding-block:0;padding-inline:0.3125rem;background:var(--st-input-bg);font-size:0.85em;font-weight:var(--st-font-weight-medium,500);color:var(--st-input-label-active-color);opacity:1}.st-input:has(.st-input__field[aria-invalid="true"]) .st-input__label{color:var(--st-input-label-invalid-color)}.st-input:has(.st-input__field[aria-invalid="true"]):focus-within .st-input__label,.st-input:has(.st-input__field[aria-invalid="true"]:not(:placeholder-shown)) .st-input__label{background:var(--st-input-bg-invalid)}.st-input:has(.st-input__icon-leading) .st-input__label,.st-input:has(.st-input__prefix) .st-input__label{inset-inline-start:2.75rem}.st-input:has(.st-input__field[required]) .st-input__label::after{content:" *";color:var(--st-error-fg,#cd2b31);font-weight:var(--st-font-weight-bold,700)}.st-input__hint,.st-input__error{grid-column:1 / -1;padding-block-start:var(--st-space-xs,0.5rem);padding-inline:var(--st-input-padding);font-size:var(--st-font-size-sm,0.875rem);line-height:var(--st-line-height-snug,1.3)}.st-input__hint{grid-area:hint;color:var(--st-fg-muted,#5b626b)}.st-input__error{grid-area:error;color:var(--st-error-fg,#cd2b31);font-weight:var(--st-font-weight-medium,500)}.st-input:not(:has(.st-input__field[aria-invalid="true"])) .st-input__error{display:none}.st-input:has(.st-input__field[aria-invalid="true"]) .st-input__hint{display:none}.st-input--sm{--st-input-height:2.5rem;--st-input-padding:0.5rem 0.75rem}.st-input--md{--st-input-height:calc(2.15em + 0.975rem + 4px);--st-input-padding:0.75rem}.st-input--lg{--st-input-height:3.5rem;--st-input-padding:1rem 1.125rem}.st-input--bold{--st-input-ring-width:2px}.st-input--static{grid-template-areas:"label    label    label" "leading  field    trailing" ".        hint     ." ".        error    ."}.st-input--static .st-input__label{position:static;grid-area:label;padding:0 var(--st-input-padding) var(--st-space-1,0.25rem);opacity:1;font-size:var(--st-font-size-sm,0.875rem);font-weight:var(--st-font-weight-medium,500);color:var(--st-fg,#1c1e21);white-space:normal;text-overflow:clip;text-transform:uppercase;letter-spacing:var(--st-letter-spacing-wide,0.02em)}.st-input--static:focus-within .st-input__label,.st-input--static:has(.st-input__field:not(:placeholder-shown)) .st-input__label{position:static;padding:0 var(--st-input-padding) var(--st-space-1,0.25rem);font-size:var(--st-font-size-sm,0.875rem);background:transparent}.st-input--static .st-input__field::placeholder{opacity:1;color:var(--st-fg-subtle,#80868e)}select.st-input__field{appearance:none;padding-inline-end:2.25rem;cursor:pointer}[dir="rtl"] select.st-input__field{padding-inline:2.25rem var(--st-input-padding)}@supports (mask-image:none){.st-input:has(select.st-input__field)::after{content:"";position:absolute;inset-inline-end:0.75rem;inset-block-start:calc(var(--st-input-height) / 2);transform:translateY(-50%);inline-size:14px;block-size:14px;background-color:var(--st-fg-muted,#5b626b);mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none}}[dir="rtl"] .st-input:has(select.st-input__field)::after{inset-inline:0.75rem auto}textarea.st-input__field{min-block-size:calc(var(--st-input-height) * 2);resize:vertical;line-height:var(--st-line-height-normal,1.5)}.st-input:has(textarea.st-input__field) .st-input__label{inset-block-start:0}}