.input{--n-input-field-height:48px;align-items:center;border-radius:.5rem;border-width:1px;display:flex;height:var(--n-input-field-height);--tw-border-opacity:1;border-color:rgb(214 218 222/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-left:.5rem;padding-right:.5rem}.input:is(.dark *){--tw-border-opacity:1;background-color:transparent;border-color:rgb(55 63 71/var(--tw-border-opacity,1))}.input__form{height:100%;position:relative;width:100%}.input__form:is(.dark *){background-color:transparent}.input__form input{border-style:none;height:100%;position:relative;width:100%}.input__form input::-moz-placeholder{font-size:.875rem;line-height:1.25rem}.input__form input::placeholder{font-size:.875rem;line-height:1.25rem}.input__form input:is(.dark *){background-color:transparent}.input__form input:focus{outline:2px solid transparent;outline-offset:2px}.input__form input:disabled{background-color:transparent}.input__form input[type=number]{appearance:none;-webkit-appearance:none;-moz-appearance:none}.input__form input[type=number]::-webkit-inner-spin-button,.input__form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dark .input__form input[type=date]::-webkit-calendar-picker-indicator,.dark .input__form input[type=time]::-webkit-calendar-picker-indicator{color-scheme:dark}.input__append,.input__prepend{flex-shrink:0}.input__prepend{display:inline-flex;margin-right:.5rem}.input__append{display:inline-flex;margin:0 .5rem}.input__clear{flex-shrink:0;position:absolute;right:.5rem;top:50%;--tw-translate-y:-50%;cursor:pointer;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1!important;color:rgb(189 189 189/var(--tw-text-opacity,1))!important}.input__clear:hover{color:#e72336cc!important}.input--disabled{background-color:#d6dade33}.input--disabled:is(.dark *){opacity:.5}.input--error{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.input--clearable .input__form>input{padding-right:2rem}.input--clearable .input__append{margin-left:0}.form-feld--has-error .input{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}
