/* LA BARRA DI SCORRIMENTO: un gancetto ornato d'oro, come il fermaglio di un grimorio, che scorre lungo un filo con perline d'oro */
@media (pointer:fine){
  html{scrollbar-width:none}
  html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}
  .gscroll{position:fixed;right:2px;top:70px;bottom:14px;width:18px;z-index:900;touch-action:none;user-select:none;-webkit-user-select:none}
  .gscroll .gtrack{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;border-radius:2px;
    background:linear-gradient(to bottom,rgba(122,74,18,.28),rgba(226,176,72,.38),rgba(122,74,18,.28))}
  .gscroll .gtrack::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:5px;margin-left:-2.5px;
    background:radial-gradient(circle,#f2c65c 0 1.1px,transparent 1.5px) center top/5px 60px repeat-y;opacity:.55}
  .gscroll .gthumb{position:absolute;left:0;top:0;width:18px;height:30px;cursor:grab;will-change:transform;filter:drop-shadow(0 2px 2px rgba(60,30,8,.4))}
  .gscroll .gthumb:active{cursor:grabbing}
  .gscroll .gthumb svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
  .gscroll{opacity:.75;transition:opacity .3s}
  .gscroll:hover{opacity:1}
}
@media (pointer:coarse){.gscroll{display:none}}