@layer components{.input-container{display:inline-flex;flex-direction:column;gap:var(--space-unit-1);font-family:var(--font-family-body);font-size:var(--type-input-size);font-weight:var(--type-input-weight);line-height:var(--type-input-line-height);color:var(--text)}.input{inline-size:320px;block-size:var(--size-input-md);min-height:var(--size-input-md);border-radius:var(--radius-input-md);padding:2.5px;background:var(--surface-glass-input);border:1px solid transparent;transition:border-color var(--motion-input-focus-duration) var(--motion-input-focus-easing),box-shadow var(--motion-input-focus-duration) var(--motion-input-focus-easing);box-shadow:var(--elev-1-micro)}.input__box{display:inline-flex;align-items:center;inline-size:100%;block-size:100%;border-radius:var(--radius-3);background:var(--input-bg, var(--surface-1));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);color:var(--input-fg);transition:box-shadow var(--motion-duration-moderate) var(--motion-ease-lunar),border-color var(--motion-duration-quick) var(--motion-ease-soft-out),background var(--motion-duration-moderate) var(--motion-ease-lunar)}.input__control{flex:1 1 auto;inline-size:100%;block-size:100%;padding-inline:var(--space-unit-3);padding-block:0;background:transparent;border:0.5px solid var(--border-0);color:inherit;font:inherit;outline:none;border-radius:var(--radius-3);box-shadow:none}.input__control::placeholder{color:var(--text-placeholder)}.input__control:disabled::placeholder{color:var(--placeholder-disabled)}.input__label{color:var(--text-label);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height)}.input__hint{color:var(--text-input-instruction);font-size:var(--font-size-body-m);line-height:var(--line-height-normal);font-weight:var(--font-weight-300)}.input__error{color:var(--danger-600);font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.input:focus-within .input__box{box-shadow:var(--elev-2-micro),0 0 0 0.5px white inset}.input:focus-within{border-color:transparent}.input-container:has(.input__control:focus) .input,.input-container:has(.input__control:focus-visible) .input{border-color:transparent;box-shadow:var(--elev-2-micro)}.input-container:has(.input__control[placeholder]:not(:placeholder-shown):not(:focus)) .input{box-shadow:var(--elev-1-micro)}.input-container:has(.input__control:disabled) .input__box{background:var(--input-bg-disabled);color:var(--input-fg-disabled);box-shadow:var(--elev-none),0 0 0 0.5px var(--border-disabled) inset;cursor:not-allowed}.input--s{block-size:var(--space-unit-9);min-height:var(--space-unit-9)}.input--l{block-size:var(--size-input-md);min-height:var(--size-input-md)}}

/*# sourceMappingURL=inputs.css.map */