/* =========================================
   EXTRANET GA - AJUSTE SIDEBAR
========================================= */

.ga-sidebar-scroll-fix{
  max-height:100vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:thin;
  scrollbar-color:
    rgba(255,255,255,.22)
    transparent;
}

.ga-sidebar-scroll-fix::-webkit-scrollbar{
  width:6px;
}

.ga-sidebar-scroll-fix::-webkit-scrollbar-track{
  background:transparent;
}

.ga-sidebar-scroll-fix::-webkit-scrollbar-thumb{
  background:
    rgba(255,255,255,.18);
  border-radius:999px;
}

.ga-sidebar-scroll-fix::-webkit-scrollbar-thumb:hover{
  background:
    rgba(255,255,255,.28);
}


/* botão recolher */

#gaSidebarToggle{
  position:fixed;
  left:14px;
  top:14px;

  z-index:999999;

  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:12px;

  border:
    1px solid
    rgba(255,255,255,.14);

  background:
    rgba(17,17,17,.94);

  color:#fff;

  font-size:20px;

  cursor:pointer;

  box-shadow:
    0 8px 26px
    rgba(0,0,0,.25);

  backdrop-filter:blur(12px);

  transition:.2s ease;
}

#gaSidebarToggle:hover{
  transform:scale(1.04);
  border-color:
    rgba(255,255,255,.28);
}


/* quando recolhido */

.ga-sidebar-hidden{
  transform:
    translateX(-105%) !important;

  opacity:0 !important;

  pointer-events:none !important;

  transition:
    transform .25s ease,
    opacity .2s ease !important;
}


/* quando aberto */

.ga-sidebar-managed{
  transition:
    transform .25s ease,
    opacity .2s ease !important;
}


/* deixa espaço no começo para botão */

.ga-sidebar-managed{
  padding-top:
    max(
      58px,
      env(safe-area-inset-top)
    ) !important;
}


/* mobile */

@media(max-width:800px){

  #gaSidebarToggle{
    top:10px;
    left:10px;
  }

}