.isTemplate .App{
  height:auto;
  height: 100%;
}
.isTemplate main{
  height:auto;
  min-height:100vh;
}
main.results {
  min-height:100vh;
}
.pu_info {
  scrollbar-color: var(--secondary-600) var(--secondary-600) !important;
}
.pu_info::-webkit-scrollbar {
  width: 5px !important; /* largura da barra de rolagem */
}
.pu_info::-webkit-scrollbar-track {
  background-color: var(--secondary-800) !important; /* cor do fundo da barra de rolagem */
}
.pu_info::-webkit-scrollbar-thumb {
  background-color: var(--secondary-600) !important; /* cor da barra de rolagem */
  border-radius: 5px; /* borda da barra de rolagem */
}
/* .pu_info::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondary-600) !important; /* cor da barra de rolagem ao passar o mouse */
} */
@media(min-width:80em){
  /* 
  .pu_info {
  scrollbar-color: var(--secondary-600) var(--secondary-600) !important;
  }
  .pu_info::-webkit-scrollbar {
    width: 5px !important;
  }
   .pu_info::-webkit-scrollbar-track {
    background-color: var(--secondary-600) !important; 
  } 
   .pu_info::-webkit-scrollbar-thumb {
    background-color: var(--secondary-600) !important; 
    border-radius: 5px; 
  } 
  .pu_info::-webkit-scrollbar-thumb:hover {
    background-color: var(--secondary-600) !important; 
  } 
  */
  #root.isTemplate{
    height: calc(100vh - 78px);
  }
  .isTemplate .App{
    height: 100%;
  }
   .isTemplate main{
     height:100vh;
  }
  .pu.open .pu_wrapper{
    top:10%!imporant;
  }

  body:has(results) #root {
    height:unset;
  }
  /* .isTemplate main {
    min-height:768px;
  }
  .isTemplate main:not(.results) {
    height: 100%;
  } */
  .isTemplate .App main {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  main.results {
    height:auto;
    min-height: 100vh;
  }
}