:root{
  --vox-page-nav-bg:rgba(31,45,56,.94);
  --vox-page-nav-fg:#eef5fa;
  --vox-page-nav-border:rgba(174,197,214,.42);
  --vox-page-nav-hover:#315f89;
  --vox-page-nav-focus:#65b8e8;
  --vox-page-nav-shadow:0 6px 18px rgba(0,0,0,.24);
}
.vox-page-nav{
  position:fixed;
  right:max(12px,env(safe-area-inset-right));
  bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));
  z-index:2147482000;
  display:flex;
  flex-direction:column;
  gap:5px;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;
}
.vox-page-nav.is-active{opacity:1;transform:none;pointer-events:auto}
.vox-page-nav[hidden]{display:none!important}
.vox-page-nav__button{
  width:38px;
  height:38px;
  margin:0;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid var(--vox-page-nav-border);
  border-radius:5px;
  background:var(--vox-page-nav-bg);
  color:var(--vox-page-nav-fg);
  box-shadow:var(--vox-page-nav-shadow);
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:background-color .12s ease,border-color .12s ease,opacity .12s ease,transform .12s ease;
}
.vox-page-nav__button:hover{background:var(--vox-page-nav-hover)}
.vox-page-nav__button:active{transform:translateY(1px)}
.vox-page-nav__button:focus-visible{outline:3px solid color-mix(in srgb,var(--vox-page-nav-focus) 75%,transparent);outline-offset:2px}
.vox-page-nav__button[disabled]{opacity:.38;cursor:default;transform:none}
.vox-page-nav__button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.vox-page-nav__sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width:700px){
  .vox-page-nav{right:max(8px,env(safe-area-inset-right));bottom:max(10px,calc(env(safe-area-inset-bottom) + 6px));gap:4px}
  .vox-page-nav__button{width:42px;height:42px;border-radius:6px}
}
@media (prefers-reduced-motion:reduce){.vox-page-nav,.vox-page-nav__button{transition:none}}
@media print{.vox-page-nav{display:none!important}}