/* Branded viewport scrollbar with standards-based and WebKit/Blink paths. */
html{
  scrollbar-width:thin;
  scrollbar-color:#4f94ef #060914;
}

@supports selector(::-webkit-scrollbar){
  html{
    scrollbar-width:auto;
    scrollbar-color:auto;
  }
  html::-webkit-scrollbar{
    width:12px;
    height:12px;
  }
  html::-webkit-scrollbar-track{
    background:#060914;
    box-shadow:inset 1px 0 0 rgba(132,174,231,.08);
  }
  html::-webkit-scrollbar-thumb{
    min-height:54px;
    border:3px solid #060914;
    border-radius:999px;
    background:linear-gradient(180deg,#6ab6ff 0%,#3d7de1 52%,#4fc9d2 100%);
    background-clip:padding-box;
    box-shadow:inset 0 0 0 1px rgba(185,226,255,.16),0 0 14px rgba(62,136,225,.18);
  }
  html::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#91d2ff 0%,#5898f3 50%,#6ee4e4 100%);
    background-clip:padding-box;
  }
  html::-webkit-scrollbar-thumb:active{
    background:#78c8f6;
    background-clip:padding-box;
  }
  html::-webkit-scrollbar-corner{
    background:#060914;
  }
}

@media(forced-colors:active){
  html{scrollbar-color:auto}
  html::-webkit-scrollbar-thumb{
    border-color:Canvas;
    background:ButtonText;
    box-shadow:none;
  }
}