body[data-scrollbar]:is(:has([id*="fancybox"]:open),:has(:popover-open>button.closebg),div.fixed:popover-open)>nav#sidescroll{animation:var(--fadeout)}nav#sidescroll{position:fixed;right:3px;top:50%;transform:translateY(-50%);z-index:var(--z-index);opacity:0;visibility:hidden;pointer-events:none;&:not(.scrolling){animation:var(--fadeout)}&.scrolling,&:has(button:focus-visible){animation:var(--fadein)}ul{display:flex;flex-direction:column;row-gap:3em;button{border-radius:var(--round);width:2.5em;aspect-ratio:1/1;display:grid;place-content:center;&#sidescrollup::after{transform:translateY(0.3em) rotate(-45deg)}&#sidescrolldown::after{transform:translateY(-0.3em) rotate(135deg)}&::after{width:1.5em;aspect-ratio:1/1;border-top:0.2em solid var(--color,var(--bw));border-right:0.2em solid var(--color,var(--bw));content:""}@media(hover:hover){&:hover::after{border-color:color-mix(in srgb,var(--color,var(--bw)) 50%,transparent)}}@media(hover:none){&:active::after{border-color:color-mix(in srgb,var(--color,var(--bw)) 50%,transparent)}}}}}