[data-tds=input]{gap:var(--tds-input-field-gap);font-size:var(--tds-font-size-sm);color:var(--tds-fg-default);flex-direction:column;display:flex}[data-tds=input]>label{font-weight:var(--tds-input-label-weight);color:var(--tds-fg-default)}[data-tds=input] [slot=description]{font-size:var(--tds-font-size-xs);color:var(--tds-fg-muted)}[data-tds=input] [slot=errorMessage]{align-items:center;gap:var(--tds-input-field-gap);font-size:var(--tds-font-size-xs);color:var(--tds-danger-default);display:flex}[data-tds=input] [slot=errorMessage]:empty{display:none}[data-tds=input] [data-slot=control]{align-items:center;gap:var(--tds-input-gap);min-block-size:max(var(--tds-control-height-md), var(--tds-touch-target));padding-inline:var(--tds-input-padding-inline);background:var(--tds-input-bg);border:var(--tds-border-width) solid var(--tds-input-border);border-radius:var(--tds-input-radius);color:var(--tds-fg-default);transition:border-color var(--tds-input-transition);display:flex}[data-tds=input][data-size=sm] [data-slot=control]{min-block-size:max(var(--tds-control-height-sm), var(--tds-touch-target))}[data-tds=input][data-size=lg] [data-slot=control]{min-block-size:max(var(--tds-control-height-lg), var(--tds-touch-target));font-size:var(--tds-font-size-md)}[data-tds=input][data-multiline] [data-slot=control]{padding-block:var(--tds-input-padding-block);align-items:flex-start}[data-tds=input] input,[data-tds=input] textarea{inline-size:100%;min-inline-size:0;color:inherit;font:inherit;text-align:start;background:0 0;border:0;outline:0;flex:auto}[data-tds=input] textarea{min-block-size:var(--tds-input-textarea-min-height);resize:vertical}[data-tds=input][data-autosize] textarea{resize:none}[data-tds=input] [data-slot=counter]{font-size:var(--tds-font-size-xs);color:var(--tds-fg-muted);font-variant-numeric:tabular-nums;align-self:flex-end}[data-tds=input] input::placeholder,[data-tds=input] textarea::placeholder{color:var(--tds-input-placeholder)}[data-tds=input] [data-ltr]{text-align:match-parent}[data-tds=input][data-code] [data-ltr]{font-family:var(--tds-font-family-mono)}[data-tds=input] input[type=search]::-webkit-search-cancel-button{appearance:none}[data-tds=input] [data-slot=icon],[data-tds=input] [data-slot=spinner]{color:var(--tds-fg-muted);display:inline-flex}[data-tds=input] [data-slot=toggle]{min-inline-size:var(--tds-touch-target);min-block-size:var(--tds-touch-target);color:var(--tds-fg-muted);border-radius:var(--tds-input-radius);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-inline-end:calc(var(--tds-input-padding-inline) * -1);display:inline-flex}[data-tds=input] [data-slot=toggle]:hover{color:var(--tds-fg-default);background:var(--tds-surface-hover)}[data-tds=input] [data-slot=control]:hover{border-color:var(--tds-input-border-hover)}[data-tds=input] [data-slot=control]:focus-within{border-color:var(--tds-input-border-focus)}[data-tds=input] input:focus-visible,[data-tds=input] textarea:focus-visible{outline:0}[data-tds=input] [data-slot=control] :is(input,textarea){box-shadow:none!important;border:0!important;outline:0!important}[data-tds=input] [data-slot=toggle]:focus-visible{outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:0;box-shadow:var(--tds-focus-halo)}[data-tds=input] [data-slot=control]:has(input:focus-visible,textarea:focus-visible){outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:0;box-shadow:var(--tds-focus-halo)}[data-tds=input][data-invalid] [data-slot=control]{border-color:var(--tds-input-border-invalid);border-width:var(--tds-border-width-strong)}[data-tds=input][data-readonly] [data-slot=control]{background:var(--tds-input-bg-readonly);border-style:dashed}[data-tds=input][data-disabled]{opacity:var(--tds-input-disabled-opacity)}[data-tds=input][data-disabled] [data-slot=control]{cursor:not-allowed;pointer-events:none}[data-tds=input][data-loading] [data-slot=control]{cursor:progress}@media print{[data-tds=input][data-print=hide],[data-tds=input] [data-slot=toggle],[data-tds=input] [data-slot=spinner]{display:none}[data-tds=input] [data-slot=control]{background:0 0;border-color:currentColor}}