@layer components{[data-ui=input]{width:100%;min-width:0;padding-inline:var(--spacing-300);padding-block:var(--spacing-200);border:var(--stroke-width-selected) solid var(--color-border-medium);border-radius:var(--radius-default);background-color:var(--color-surface-container-low);color:var(--color-on-surface);font-family:var(--typography-paragraph-lg-font-family);font-size:var(--typography-paragraph-lg-font-size);font-weight:var(--typography-paragraph-lg-font-weight);line-height:var(--typography-paragraph-lg-line-height);transition:border-color var(--brand-duration-100) var(--brand-easing-standard), background-color var(--brand-duration-100) var(--brand-easing-standard);outline:none;align-items:center;display:inline-flex}[data-ui=input]::placeholder{color:var(--color-on-surface-subtle)}@media (hover:hover){[data-ui=input]:hover:not([data-disabled]):not(:focus-visible){border-color:var(--color-border-heavy)}}[data-ui=input]:focus-visible{border-color:var(--color-primary-on-container);outline:var(--stroke-width-focused) solid color-mix(in oklch, var(--color-primary-on-container), transparent calc(var(--opacity-strong) * 100%));outline-offset:0}[data-ui=input][data-invalid]{border-color:var(--color-intent-on-error-container)}[data-ui=input][data-invalid]:focus-visible{outline-color:color-mix(in oklch, var(--color-intent-on-error-container), 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}}}