.btn--copied img {
  animation: fade-out 500ms, slide-out-up 500ms;
}
.btn--revealed svg {
  background-image: url("/assets/componentes/off-ed475cc9.svg");
  background-size: cover;
}
.input--clearable input::-webkit-search-cancel-button {
  display: none;
}
.input--clearable:has(:placeholder-shown) > button {
  display: none;
}

/* Estilização exclusiva para o campo de senha ne autenticação. */
.input--estilizado--senha {
  width: 100%;
  border: 1px solid #00000033;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.input--estilizado--senha:focus {
  border-color: #14b8a6;
  box-shadow: 0 0 0 1px #14b8a6;
}
/* --- */

/* Estilização input tipo search */
.search--conteudo svg {
  color: var(--color-brand);
  position: absolute;
  right: 1px;
  border-radius: 2px;
  background-color: rgba(2, 138, 202, 0.1);
  width: 39px;
  height: 39px;
  padding: 14px;
  cursor: pointer;
}

.search--conteudo svg:hover {
  background-color: rgba(2, 138, 202, 0.2);
  transition: background-color 0.2s;
}
/* --- */