/* Mobile/tablet page scrollbar: keeps long pages and account panels reachable. */
.page-scroll-rail{
  position:fixed;
  z-index:220;
  top:calc(19dvh + env(safe-area-inset-top));
  right:max(1px,env(safe-area-inset-right));
  bottom:calc(18dvh + env(safe-area-inset-bottom));
  width:16px;
  min-height:130px;
  display:block;
  opacity:.5;
  touch-action:none;
  transition:opacity .18s ease;
}
.page-scroll-rail.is-active,.page-scroll-rail:focus-visible{opacity:1}
.page-scroll-rail:focus-visible{outline:2px solid #cf90aa;outline-offset:2px;border-radius:999px}
.page-scroll-rail-track{
  position:absolute;
  top:0;
  right:4px;
  bottom:0;
  width:5px;
  border:1px solid rgba(179,116,142,.22);
  border-radius:999px;
  background:rgba(255,255,255,.64);
  box-shadow:0 4px 14px rgba(148,83,110,.12);
}
.page-scroll-rail-thumb{
  position:absolute;
  top:0;
  right:1px;
  width:13px;
  min-height:34px;
  border:1px solid rgba(210,175,190,.55);
  border-radius:999px;
  background:linear-gradient(180deg,#ce4d83,#d1a4b7);
  box-shadow:0 4px 12px rgba(207,170,186,.3);
  pointer-events:none;
}
.page-scroll-rail.is-disabled{opacity:0;pointer-events:none}
@media (min-width:1181px) and (hover:hover) and (pointer:fine){.page-scroll-rail{display:none}}
@media (max-width:480px){
  .page-scroll-rail{right:max(1px,env(safe-area-inset-right));width:16px}
  .page-scroll-rail-track{right:4px;width:5px}
  .page-scroll-rail-thumb{right:1px;width:13px;min-height:32px}
}