.stream-ultra-x-PageNavLeft:hover .pro-item .item-name{opacity:1}.stream-ultra-x-PageNavLeft{z-index:1000;opacity:0;flex-direction:column;justify-content:center;gap:24px;height:fit-content;transition:opacity .3s;display:flex;position:fixed;top:50%;left:40px;transform:translateY(-50%)}.stream-ultra-x-PageNavLeft .pro-item{align-items:center;gap:4px;transition:all .2s;display:flex}.stream-ultra-x-PageNavLeft .pro-item:before{content:"";background-color:var(--progress-bg-theme);cursor:pointer;border-radius:50%;width:16px;height:16px;display:block}.stream-ultra-x-PageNavLeft .pro-item .item-name{white-space:nowrap;font-family:var(--ff-woff2-B);color:#83868d;opacity:0;font-size:12px;line-height:16px;transition:all .2s}.stream-ultra-x-PageNavLeft .pro-item .item-name:hover{color:var(--progress-theme)}.stream-ultra-x-PageNavLeft .pro-item .item-name.active{color:var(--progress-theme);opacity:1;width:auto}.stream-ultra-x-PageNavLeft .pro-item.black{--progress-theme:#000;--progress-bg-theme:#c5c5c5}.stream-ultra-x-PageNavLeft .pro-item.white{--progress-theme:#fff;--progress-bg-theme:#6f6f6f}.stream-ultra-x-PageNavLeft .pro-item.white svg{border-radius:999px;background-color:#353533!important}.stream-ultra-x-PageNavLeft .pro-item.white svg circle:first-child{stroke:#353533!important}.stream-ultra-x-PageNavLeft .pro-item.active:before{content:unset}.stream-ultra-x-PageNavLeft .pro-item svg{flex-shrink:0;width:16px;height:16px}.stream-ultra-x-PageNavLeft{--navbg:#03060b}@media not (min-width:1024px){.stream-ultra-x-PageNavLeft{-webkit-tap-highlight-color:#0000;display:none}}.stream-ultra-x-PageNavLeft.enter{opacity:1}