@layer components{.app-control{min-block-size:var(--control-min-size);min-inline-size:var(--control-min-size);padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--radius-control)}.app-control:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}button.app-control:enabled{cursor:pointer}.app-control:enabled[aria-invalid=true]{border-color:var(--color-critical-outline)}.app-control:disabled{cursor:not-allowed;background-color:var(--color-disabled);color:var(--color-on-disabled);border-color:var(--color-disabled-border);opacity:1}.app-control:disabled::placeholder{color:var(--color-on-disabled);opacity:1}}