/* Contêiner Principal do Resultado */
.main-container {
  display: none;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  width: 100%;
  height: auto;
  gap: 20px;
}

/* Contêiner Secundário */
.secondary-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  gap: inherit;
  width: 100%;
  max-width: 556px;
}

/* Contêiner de Resultado */
.result-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: inherit;
  height: auto;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  background-color: var(--tertiary-bg);
  padding: 20px;
  gap: 10px;
  border: none;
  position: relative;
}

.btn-reset{
  position: absolute;
  top: 10px;
  right: 10px;
}

/* Cabeçalho do Resultado */
.result-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  width: inherit;
}

/* Seção de Resultado Bem-Sucedido */
.result-success {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

/* Ícone de Sucesso */
.result-success svg {
  color: var(--green);
  width: 3rem;
  height: auto;
}

/* Mensagem de Sucesso */
.result-success p {
  color: var(--body-color);
}

/* Lista de Resultados */
.result-list {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  color: var(--secondary-color);
  width: inherit;
  padding: 20px;
}

/* Total de Resultado */
.result-total div {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 10px;
}

/* Texto do Total */
.result-total p {
  font-size: 1.5rem;
  color: var(--body-color);
}

/* Linha Separadora do Total */
.result-total hr {
  background-color: var(--secondary-color);
  opacity: 0.5;
  margin-bottom: 10px;
}