.ds-input{align-items:center;background:var(--ds-gradient-field) var(--ds-color-surface);border:var(--ds-border-width) solid var(--ds-color-border-strong);border-radius:var(--ds-control-radius);box-sizing:border-box;color:var(--ds-color-text);cursor:text;display:flex;gap:var(--ds-space-2);min-block-size:var(--_ds-input-size,var(--ds-control-height));min-inline-size:0;padding-inline:var(--ds-space-4);position:relative;transition:var(--ds-transition-control)}.ds-input--lg{--_ds-input-size:var(--ds-control-height-lg)}.ds-input__native{align-self:stretch;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:0;box-sizing:border-box;color:inherit;flex:1 1 auto;font-family:var(--ds-font-body);font-size:var(--ds-text-control-size);font-variant-numeric:tabular-nums;font-weight:var(--ds-weight-medium);inline-size:100%;letter-spacing:0;line-height:var(--ds-text-control-line);margin:calc(var(--ds-border-width)*-1) 0;min-inline-size:0;padding:0;text-align:var(--_ds-input-align,start)}.ds-input__native::-moz-placeholder{color:var(--ds-color-text-muted);opacity:1}.ds-input__native::placeholder{color:var(--ds-color-text-muted);opacity:1}.ds-input__native::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.ds-input__native::-webkit-inner-spin-button,.ds-input__native::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-input__native[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ds-input__icon{color:var(--ds-color-text-muted);display:inline-flex;flex:none}.ds-input__clear{background:transparent;block-size:calc(2.25rem*var(--ds-scale));border:0;border-radius:var(--ds-radius-sm);color:var(--ds-color-text-muted);cursor:pointer;display:grid;flex:none;inline-size:calc(2.25rem*var(--ds-scale));margin:0;margin-inline-end:calc(var(--ds-space-2)*-1);padding:0;place-items:center}@media(hover:hover){.ds-input__clear:hover{background:var(--ds-color-surface-hover);color:var(--ds-color-text)}}@supports selector(:has(*)){.ds-input__native:focus-visible{outline:none!important}.ds-input:has(>input:focus-visible){outline:var(--ds-focus-width) solid var(--ds-color-focus-ring);outline-offset:var(--ds-focus-offset)}}.ds-input:has(>[aria-invalid=true]){border-color:var(--ds-color-error-border);box-shadow:inset 0 0 0 var(--ds-border-width) var(--ds-color-error-border)}.ds-input:has(>[readonly]){background:var(--ds-color-surface-sunken)}.ds-input:has(>:disabled){background:var(--ds-color-surface-sunken);border-color:var(--ds-color-border);color:var(--ds-color-text-muted);cursor:not-allowed}.ds-input--number-controls{gap:0;padding-inline:0;--_ds-input-align:center}.ds-input__step{background:transparent;block-size:var(--_ds-input-size,var(--ds-control-height));border:0;border-radius:var(--ds-control-radius);color:var(--ds-color-text-strong);cursor:pointer;display:grid;flex:none;inline-size:var(--_ds-input-size,var(--ds-control-height));margin:calc(var(--ds-border-width)*-1);padding:0;place-items:center;transition:var(--ds-transition-control)}@media(hover:hover){.ds-input__step:hover{background:var(--ds-color-surface-hover)}}.ds-input__step:disabled,.ds-input__step[aria-disabled=true]{background:transparent;color:var(--ds-color-text-muted);cursor:not-allowed}