@layer components{[data-ui=input]{--input-height:var(--control-height-md);--input-padding-x:var(--control-padding-x-md);--input-font-family:var(--typography-control-md-font-family);--input-font-size:var(--typography-control-md-font-size);--input-font-weight:var(--typography-control-md-font-weight);--input-letter-spacing:var(--typography-control-md-letter-spacing);--input-line-height:var(--typography-control-md-line-height);box-sizing:border-box;width:100%;min-width:0;block-size:var(--input-height);padding-inline:var(--input-padding-x);border:var(--stroke-width-selected) solid var(--color-border-interactive);border-radius:var(--radius-default);color:var(--color-on-surface);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);letter-spacing:var(--input-letter-spacing);line-height:var(--input-line-height);transition:border-color var(--brand-duration-100) var(--brand-easing-standard), background-color var(--brand-duration-100) var(--brand-easing-standard);background-color:#0000;outline:none;align-items:center;padding-block:0;display:inline-flex}[data-ui=input][data-size=sm]{--input-height:var(--control-height-sm);--input-padding-x:var(--control-padding-x-sm);--input-font-family:var(--typography-control-sm-font-family);--input-font-size:var(--typography-control-sm-font-size);--input-font-weight:var(--typography-control-sm-font-weight);--input-letter-spacing:var(--typography-control-sm-letter-spacing);--input-line-height:var(--typography-control-sm-line-height)}[data-ui=input][data-size=lg]{--input-height:var(--control-height-lg);--input-padding-x:var(--control-padding-x-lg);--input-font-family:var(--typography-control-lg-font-family);--input-font-size:var(--typography-control-lg-font-size);--input-font-weight:var(--typography-control-lg-font-weight);--input-letter-spacing:var(--typography-control-lg-letter-spacing);--input-line-height:var(--typography-control-lg-line-height)}@media (pointer:coarse){[data-ui=input]{font-size:max(16px, var(--input-font-size))}}[data-ui=input]::placeholder{color:var(--color-on-surface-subtle)}@media (hover:hover){[data-ui=input]:hover:not([data-disabled]):not([data-invalid]):not([aria-invalid=true]):not(:focus-visible){border-color:var(--color-border-interactive-hover)}}[data-ui=input]:focus-visible{border-color:var(--color-border-focus-outline);outline:var(--stroke-width-focused) solid color-mix(in oklch, var(--color-border-focus-outline), transparent calc(var(--opacity-strong) * 100%));outline-offset:0}[data-ui=input][data-invalid],[data-ui=input][aria-invalid=true]{border-color:var(--color-intent-error-border)}[data-ui=input][data-invalid]:focus-visible,[data-ui=input][aria-invalid=true]:focus-visible{outline-color:color-mix(in oklch, var(--color-intent-error), transparent calc(var(--opacity-strong) * 100%))}[data-ui=input][data-disabled]{opacity:var(--opacity-soft);cursor:not-allowed}@media (prefers-reduced-motion:reduce){[data-ui=input]{transition:none}}}