@media(min-width:651px) and (pointer:fine){
 html,body,html body *{scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--accent-readable,#54b9f3) 60%,transparent) transparent!important}
 @supports selector(::-webkit-scrollbar){
  html,body,html body *{scrollbar-width:auto!important;scrollbar-color:auto!important}
  html::-webkit-scrollbar,body::-webkit-scrollbar,html body *::-webkit-scrollbar{width:6px!important;height:6px!important}
  html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,html body *::-webkit-scrollbar-track{background:transparent!important;border:0!important}
  html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,html body *::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-readable,#54b9f3) 55%,transparent)!important;border-radius:999px!important;border:0!important}
  html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,html body *::-webkit-scrollbar-thumb:hover{background:var(--accent-readable,#54b9f3)!important}
  html::-webkit-scrollbar-button,body::-webkit-scrollbar-button,html body *::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
  html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,html body *::-webkit-scrollbar-corner{background:transparent!important}
 }
}
@media(max-width:650px),(pointer:coarse) and (max-width:1024px){
 html,body,html body *{scrollbar-width:none!important;-ms-overflow-style:none}
 html::-webkit-scrollbar,body::-webkit-scrollbar,html body *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
}