/* =============================================================================
   Cloudyn — A BARRA DE ROLAGEM PRÓPRIA
   Retângulo colado na parede, na cor da marca. A nativa está escondida
   no base.css.

   Este arquivo é uma FATIA do antigo assets/css/loader.css, que guardava o site
   inteiro em 1511 linhas. A ordem de carga importa (ver o bloco de <link> no
   HTML): a cascata é a mesma de antes, arquivo a arquivo, na mesma sequência.
   ============================================================================= */

/* ------- SCROLLBAR PRÓPRIA — retângulo colado na parede, cor orgânica ------ */
.scrollbar {
  position: fixed; top: 0; right: 0; width: 18px; height: 100vh;
  z-index: 60; pointer-events: none;
  opacity: 0; transition: opacity 0.35s ease;
}
/* só aparece depois de rolar um pouco (classe posta pelo JS) */
.scrollbar.is-on { opacity: 1; }
.scrollbar__thumb {
  position: absolute; top: 0; right: 0;         /* grudado na parede, sem folga */
  width: 16px; height: 132px;                   /* comprido e um tico mais grosso */
  background: var(--accent);                    /* cor da marca */
  pointer-events: auto;
  will-change: transform;
}