.app-shell{
  grid-template-rows:minmax(0,1fr) !important;
  min-height:0 !important;
  overflow:hidden !important;
}

.main{
  min-height:0 !important;
  overflow:hidden !important;
}

#modelsC1View.active{
  display:grid;
  align-content:start;
  width:calc(100% + 20px);
  margin-right:-20px;
  height:calc(100vh - 118px);
  height:calc(100dvh - 118px);
  min-height:0;
  max-height:calc(100vh - 118px);
  max-height:calc(100dvh - 118px);
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:transparent transparent;
  padding-right:20px;
  padding-bottom:32px;
}

#modelsC1View.active:hover{
  scrollbar-color:rgba(152,160,151,.55) transparent;
}

#modelsC1View.active::-webkit-scrollbar{
  width:8px;
}

#modelsC1View.active::-webkit-scrollbar-track{
  background:transparent;
}

#modelsC1View.active::-webkit-scrollbar-thumb{
  background:transparent;
  border-radius:999px;
}

#modelsC1View.active:hover::-webkit-scrollbar-thumb{
  background:rgba(152,160,151,.55);
  border:2px solid transparent;
  background-clip:padding-box;
}

@media(max-width:820px){
  .main{overflow:visible !important;}

  #modelsC1View.active{
    width:auto;
    margin-right:0;
    height:auto;
    max-height:none;
    overflow:visible !important;
    scrollbar-width:none;
    padding-right:0;
  }

  #modelsC1View.active::-webkit-scrollbar{
    display:none;
  }
}
