.pui-input{--pui-base-size:var(--pui-size);background-color:hsl(var(--pui-card));border:1px solid hsl(var(--pui-input));border-radius:calc(var(--pui-radius) - .125rem);width:100%;height:calc(2em + .25rem);font-size:calc(1rem + var(--pui-size)*.125rem);transition:var(--pui-transition);align-items:center;transition-property:border-color,box-shadow;display:flex;overflow:hidden}.pui-input:not(.pui-input-disabled):focus-within{box-shadow:0 0 0 .125rem hsl(var(--pui-ring));border-color:#0000;outline:none}.pui-input-has-errors{--pui-ring:var(--pui-destructive);border-color:hsl(var(--pui-destructive))}.pui-input-disabled{--pui-foreground:var(--pui-muted-foreground);background-color:hsl(var(--pui-muted));color:hsl(var(--pui-muted-foreground))}.pui-input-control{width:100%;height:100%;color:hsl(var(--pui-foreground));white-space:nowrap;text-overflow:ellipsis;background-color:#0000;border:none;outline:none;padding:0 .5em;font-size:1em;line-height:1.25;display:flex;overflow:hidden}.pui-input-control::placeholder{color:hsl(var(--pui-muted-foreground))}.pui-input>.pui-button{--pui-size:calc(var(--pui-base-size) - 1);border-radius:calc(var(--pui-radius) - .25rem);width:calc(2em + .125rem);height:calc(2em + .125rem);margin-left:.125rem;margin-right:.125rem}.pui-input>:not(.pui-input-control,.pui-button){flex-shrink:0;margin-left:.5em;margin-right:.5em}