.naraya-input{display:block;width:100%;height:2.5rem;padding:0 .75rem;font-family:inherit;font-size:.875rem;line-height:1.25rem;color:rgb(var(--text-main));background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;outline:none;transition:border-color var(--duration-fast) var(--easing-smooth),box-shadow var(--duration-fast) var(--easing-smooth)}.naraya-input::-moz-placeholder{color:rgb(var(--text-muted));opacity:.7}.naraya-input::placeholder{color:rgb(var(--text-muted));opacity:.7}.naraya-input:hover:not(:disabled):not(.naraya-input--error){border-color:rgb(var(--color-primary-hover))}.naraya-input:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--ring-focus)/.2)}.naraya-input:disabled{opacity:.5;cursor:not-allowed;background-color:rgb(var(--color-secondary))}.naraya-input--error{border-color:rgb(var(--color-error))}.naraya-input--error:focus{box-shadow:0 0 0 3px rgb(var(--color-error)/.2)}.naraya-input--sm{height:2rem;font-size:.75rem;padding:0 .625rem;border-radius:.375rem}.naraya-input--lg{height:3rem;padding:0 1rem;font-size:1rem;border-radius:.5rem}.naraya-input--has-leading{padding-left:2.25rem}.naraya-input--has-trailing{padding-right:2.25rem}.naraya-input-affix{position:relative;display:block;width:100%}.naraya-input-affix__icon{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--text-muted))}.naraya-input-affix__icon svg{width:1rem;height:1rem}.naraya-input-affix__icon--leading{left:.75rem;pointer-events:none}.naraya-input-affix__trailing{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.125rem}.naraya-input-affix__icon--trailing{position:static;transform:none}.naraya-input-affix__clear{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:0;background:transparent;border-radius:.25rem;color:rgb(var(--text-muted));cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-input-affix__clear:hover{color:rgb(var(--text-main));background-color:rgb(var(--color-secondary))}.naraya-input-affix__clear svg{width:.875rem;height:.875rem}.naraya-input-affix--disabled{opacity:.6}.naraya-input-group{display:flex;align-items:stretch;width:100%}.naraya-input-group>*{position:relative;border-radius:0}.naraya-input-group>*+*{margin-left:-1px}.naraya-input-group>:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.naraya-input-group>:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.naraya-input-group .naraya-input,.naraya-input-group .naraya-input-affix{flex:1 1 auto;min-width:0}.naraya-input-group .naraya-input:focus,.naraya-input-group .naraya-input:focus-within{z-index:1}.naraya-input-group__addon{display:inline-flex;align-items:center;flex:0 0 auto;height:2.5rem;padding:0 .75rem;font-family:inherit;font-size:.875rem;white-space:nowrap;color:rgb(var(--text-muted));background-color:rgb(var(--color-secondary));border:1px solid rgb(var(--border-subtle))}