.bg-input__native{padding:.625rem .5rem}.bg-input__prepend+.bg-input__native{padding-left:0}.bg-input__native:has(+.bg-input__append){padding-right:0}.bg-input__control{align-items:center;display:flex;flex-wrap:nowrap;font-size:.875rem;gap:.25rem;line-height:1.25rem;width:100%}.bg-input__control .bg-input__native{flex:1 1 0%;flex-grow:1}.bg-input:not(.bg-input--custom) .bg-input__control{background:#f1f4ff;border-color:transparent;border-radius:.75rem;border-width:1px;outline:none}.bg-input:not(.bg-input--custom).bg-input--error .bg-input__control{border-color:#f87171}.bg-input:not(.bg-input--custom).bg-input--error .bg-input__control:focus{color:#dc2626}.bg-input:not(.bg-input--custom).bg-input--disabled .bg-input__control{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.bg-input__input{background:transparent;outline:none;width:100%}.bg-input__input::-moz-placeholder{color:#9ca3af}.bg-input__input::placeholder{color:#9ca3af}.bg-input__append,.bg-input__prepend{align-items:center;display:flex}.bg-input__prepend-string{padding-left:.5rem}.bg-input__append-string{padding-right:.5rem}