/* Playtagon 4862:72333, mirrored. Obby colors; original 16/12px marks and 15px gaps. */
.page-contents{--contents-accent:var(--studio-accent,#00d0e5);position:fixed;z-index:9;right:12px;top:50%;transform:translateY(-50%);width:40px;padding:14px 12px;isolation:isolate;color:#91969d;transition:width .24s cubic-bezier(.2,.8,.2,1)}
/* A feathered veil preserves contrast without enclosing the contents in a panel. */
.page-contents::before{content:'';position:absolute;inset:-70px -12px -70px -96px;background:#191a1de0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);mask-image:radial-gradient(ellipse 100% 50% at 100% 50%,#000 24%,#000e 46%,#0006 74%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 50% at 100% 50%,#000 24%,#000e 46%,#0006 74%,transparent 100%);opacity:0;transition:opacity .28s;z-index:-1;pointer-events:none}
.page-contents ol{list-style:none;margin:-4px;padding:4px;display:flex;flex-direction:column;gap:15px;max-height:calc(100svh - 188px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.page-contents ol::-webkit-scrollbar{display:none}
.page-contents li{margin:0;padding:0;flex:none}
.page-contents a{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:8px;height:3px;font:500 12px/16px Inter,Arial,sans-serif;transition:height .24s cubic-bezier(.2,.8,.2,1),color .18s}
.page-contents a::before{content:'';position:absolute;inset:-7px 0}
.contents-label{min-width:0;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transform:translateX(5px);transition:opacity .16s,transform .24s,max-width .24s}
.contents-line{position:relative;flex:0 0 16px;width:16px;height:3px}
.contents-line::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:2px;border-radius:2px;background:#62676e;transition:width .2s,height .2s,background .2s}
.page-contents a[aria-current]{color:var(--contents-accent)}
.page-contents a[aria-current] .contents-line::after{width:16px;height:3px;background:var(--contents-accent)}
.page-contents a:hover{color:#f2f1ee}
.page-contents a:hover .contents-line::after{background:currentColor}
.page-contents:not(.contents-dismissed):is(:hover,:focus-within){width:216px;color:#adb0b7}
.page-contents:not(.contents-dismissed):is(:hover,:focus-within)::before{opacity:1}
.page-contents:not(.contents-dismissed):is(:hover,:focus-within) a{height:16px}
.page-contents:not(.contents-dismissed):is(:hover,:focus-within) .contents-label{max-width:168px;opacity:1;transform:translateX(0);transition-delay:.04s}
.page-contents a:focus-visible{outline:1px solid var(--contents-accent);outline-offset:3px;border-radius:3px}
@media(prefers-reduced-motion:reduce){.page-contents,.page-contents::before,.page-contents a,.contents-label,.contents-line::after{transition:none}}