.campo{gap:var(--e-2);flex-direction:column;display:flex}.campo__rotulo{font-size:var(--texto-2xs);font-weight:var(--peso-medio);letter-spacing:var(--tracking-rotulo);text-transform:uppercase;color:var(--texto-medio)}.campo__entrada{inline-size:100%;padding:var(--e-3);background-color:var(--superficie-elevada);border:var(--traco) solid var(--borda-forte);border-radius:var(--raio-md);color:var(--texto);font-size:var(--texto-base);transition:border-color var(--duracao-rapida) var(--curva), box-shadow var(--duracao-rapida) var(--curva)}.campo__entrada::placeholder{color:var(--texto-fraco)}.campo__entrada:hover:not(:disabled){border-color:var(--texto-fraco)}.campo__entrada:focus{border-color:var(--foco);box-shadow:0 0 0 3px color-mix(in srgb, var(--foco) 24%, transparent);outline:none}.campo__entrada:disabled{background-color:var(--superficie-afundada);color:var(--texto-fraco);cursor:not-allowed}.campo--erro .campo__entrada{border-color:var(--negativo)}.campo--erro .campo__entrada:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--negativo) 24%, transparent)}.campo__entrada:-webkit-autofill{-webkit-text-fill-color:var(--texto);-webkit-box-shadow:0 0 0 100vmax var(--superficie-elevada) inset;box-shadow:0 0 0 100vmax var(--superficie-elevada) inset;caret-color:var(--texto)}.campo__entrada:-webkit-autofill:hover{-webkit-text-fill-color:var(--texto);-webkit-box-shadow:0 0 0 100vmax var(--superficie-elevada) inset;box-shadow:0 0 0 100vmax var(--superficie-elevada) inset;caret-color:var(--texto)}.campo__entrada:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 3px color-mix(in srgb, var(--foco) 24%, transparent), 0 0 0 100vmax var(--superficie-elevada) inset;box-shadow:0 0 0 3px color-mix(in srgb, var(--foco) 24%, transparent), 0 0 0 100vmax var(--superficie-elevada) inset}.campo--erro .campo__entrada:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 3px color-mix(in srgb, var(--negativo) 24%, transparent), 0 0 0 100vmax var(--superficie-elevada) inset;box-shadow:0 0 0 3px color-mix(in srgb, var(--negativo) 24%, transparent), 0 0 0 100vmax var(--superficie-elevada) inset}.campo--erro .campo__rotulo{color:var(--negativo)}.campo__caixa{display:grid;position:relative}.campo__entrada--com-acao{padding-inline-end:calc(var(--e-3) * 2 + 1.75rem)}.campo__olho{margin-block:auto;position:absolute;inset-block:0;inset-inline-end:var(--e-2)}.campo__olho:focus-visible{z-index:1;position:absolute}.campo__ajuda{font-size:var(--texto-xs);color:var(--texto-fraco)}.campo--erro .campo__ajuda{color:var(--negativo)}.botao{justify-content:center;align-items:center;gap:var(--e-2);min-block-size:2.5rem;padding:var(--e-2) var(--e-5);border:var(--traco) solid transparent;border-radius:var(--raio-md);font-size:var(--texto-sm);font-weight:var(--peso-medio);letter-spacing:.01em;transition:background-color var(--duracao-rapida) var(--curva), border-color var(--duracao-rapida) var(--curva), transform 90ms var(--curva);display:inline-flex}.botao:disabled{opacity:.55;cursor:not-allowed}.botao:not(:disabled):active{transform:translateY(1px)}.botao--primario{background-color:var(--acao);color:var(--acao-texto)}.botao--primario:hover:not(:disabled){background-color:var(--acao-hover)}.botao--secundario{background-color:var(--superficie-elevada);border-color:var(--borda-forte);color:var(--texto)}.botao--secundario:hover:not(:disabled){background-color:var(--superficie-afundada)}.botao--tenue,.botao--discreto{color:var(--texto-medio);padding-inline:var(--e-3);background-color:#0000}.botao--tenue:hover:not(:disabled),.botao--discreto:hover:not(:disabled){color:var(--texto);background-color:var(--superficie-afundada)}.botao--destrutivo{background-color:var(--negativo);color:var(--superficie-elevada)}.botao--destrutivo:hover:not(:disabled){background-color:var(--negativo-hover)}.botao--compacto{min-block-size:2rem;padding:var(--e-1) var(--e-3);font-size:var(--texto-xs)}.botao--largo{inline-size:100%}.botao__pulso{border-radius:var(--raio-cheio);background-color:currentColor;block-size:2px;inline-size:.75rem;animation:.9s ease-in-out infinite pulsar-traco;display:inline-block}@keyframes pulsar-traco{0%,to{opacity:.25;transform:scaleX(.4)}50%{opacity:1;transform:scaleX(1)}}.alerta{gap:var(--e-3);padding:var(--e-3) var(--e-4);border-radius:0 var(--raio-md) var(--raio-md) 0;font-size:var(--texto-sm);line-height:var(--altura-normal);border-inline-start:3px solid;display:flex}.alerta--erro{background-color:var(--negativo-tenue);border-inline-start-color:var(--negativo);color:var(--negativo)}.alerta--aviso{background-color:var(--atencao-tenue);border-inline-start-color:var(--atencao);color:var(--atencao)}.alerta--sucesso{background-color:var(--positivo-tenue);border-inline-start-color:var(--positivo);color:var(--positivo)}.botao-icone{border-radius:var(--raio-md);block-size:2rem;inline-size:2rem;color:var(--texto-medio);transition:background-color var(--duracao-rapida) var(--curva), color var(--duracao-rapida) var(--curva);place-items:center;display:inline-grid}.botao-icone:hover:not(:disabled){background-color:var(--superficie-afundada);color:var(--texto)}.botao-icone[data-tom=destrutivo]:hover:not(:disabled){background-color:var(--negativo-tenue);color:var(--negativo)}.botao-icone:disabled{opacity:.5;cursor:not-allowed}