.campo{display:flex;flex-direction:column;gap:var(--e-2)}.campo__rotulo{font-size:var(--t-14);font-weight:var(--p-enfase);letter-spacing:var(--tk-14);color:var(--tinta-2)}.campo__controle{height:44px;padding:0 var(--e-3);border:1px solid var(--linha-regiao);border-radius:var(--r-3);background:var(--superficie-2);color:var(--tinta);font-family:inherit;font-size:var(--t-16);letter-spacing:var(--tk-16);transition:border-color var(--dur-toque) var(--curva-estado)}.campo__controle::placeholder{color:var(--tinta-3)}.campo__controle:hover{border-color:var(--tinta-3)}.campo__controle:focus-visible{outline:2px solid var(--foco-anel);outline-offset:2px;border-color:transparent}.campo__controle[data-invalid]{border-color:var(--perigo)}.campo__apoio{font-size:var(--t-12);color:var(--tinta-3)}.campo__erro{font-size:var(--t-12);color:var(--perigo)}