.control-field{isolation:isolate;min-width:0;max-width:100%;line-height:var(--leading-control);display:inline-grid;position:relative}.control-field,.form-field>.control-field{color:var(--content-primary);font-weight:400}.control-field:before{content:"";z-index:-1;border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--surface-raised);pointer-events:none;position:absolute;inset:0}.control-field:focus-within:before{border-color:var(--accent);box-shadow:var(--focus-ring)}.control-field--borderless:before{border:0}.control-field--borderless:focus-within:before{background:var(--surface-control-hover);box-shadow:none}.control-field>:is(input,select){width:100%;min-width:0;max-width:100%;min-height:var(--control-md);height:auto;padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-sm);box-shadow:none;color:inherit;font-size:var(--text-base);line-height:var(--leading-control);background:0 0;border:0;outline:none}.control-field>:is(input,select):focus{box-shadow:none}.form-field.err .control-field:before{border-color:var(--danger-text)}@media (any-pointer:coarse){.control-field>:is(input,select){min-height:44px;padding-block:calc(var(--space-1) + .5 * (44px - var(--control-md)))}.control-field:before{inset-block:calc(.5 * (44px - var(--control-md)))}}