.campo{flex-direction:column;gap:6px;min-width:0;display:flex}.campo__topo{align-items:baseline;gap:2px;display:flex}.campo__rotulo{font-size:var(--texto-pequeno);font-weight:var(--peso-forte);color:var(--cor-texto)}.campo__obrigatorio{color:var(--cor-erro-solido);font-weight:var(--peso-forte);line-height:1}.campo__caixa{align-items:center;gap:var(--e2);min-height:40px;padding:0 var(--e3);border:1px solid var(--cor-borda-controle);border-radius:var(--raio-campo);background:var(--cor-superficie);transition:border-color var(--duracao-controle) var(--easing), box-shadow var(--duracao-controle) var(--easing);display:flex}.campo__caixa--area{padding:var(--e2) var(--e3);align-items:stretch}.campo__caixa:hover:not(:has(:disabled)){border-color:var(--cor-texto-3)}.campo__caixa:focus-within{border-color:var(--cor-acao);box-shadow:0 0 0 3px var(--cor-acao-anel)}.campo__caixa[data-estado=erro]{border-color:var(--cor-erro-solido)}.campo__caixa[data-estado=erro]:focus-within{box-shadow:0 0 0 3px var(--cor-erro-borda)}.campo__caixa:has(:disabled){background:var(--cor-desabilitado);border-color:var(--cor-borda);cursor:not-allowed}.campo__caixa:has([readonly]){background:var(--cor-superficie-2);border-color:var(--cor-borda)}.campo__controle{min-width:0;color:var(--cor-texto);font-family:inherit;font-size:var(--texto-controle);line-height:var(--altura-linha);background:0 0;border:none;outline:none;flex:1;padding:0}.campo__controle--area{padding:var(--e1) 0;resize:vertical;line-height:var(--altura-linha)}.campo__controle::placeholder{color:var(--cor-texto-3)}.campo__controle:disabled{color:var(--cor-texto-desabilitado);cursor:not-allowed;-webkit-text-fill-color:var(--cor-texto-desabilitado)}.campo__afixo{color:var(--cor-texto-3);font-size:var(--texto-controle);white-space:nowrap;flex:none}.campo__rodape{justify-content:space-between;align-items:flex-start;gap:var(--e3);display:flex}.campo__mensagens{flex-direction:column;gap:2px;min-width:0;display:flex}.campo__descricao,.campo__erro,.campo__auxiliar{font-size:var(--texto-mini);margin:0;line-height:1.4}.campo__descricao{color:var(--cor-texto-3)}.campo__erro{color:var(--cor-erro-texto);font-weight:var(--peso-medio)}.campo__auxiliar{color:var(--cor-texto-3);flex:none}@media (pointer:coarse){.campo__caixa{min-height:var(--alvo-toque)}}