.dot-list{background-color:#ffffff4f;border-radius:30px;display:flex;flex-direction:column;list-style-type:none;margin:0;padding:10px 0;position:fixed;right:1vw;top:35vh;z-index:1000}@media (max-width:1080px){.dot-list{display:none}}.dot-item{align-items:center;display:flex;margin:.2vw .5vw}.dot,.dot-item{position:relative}.dot{background-color:#ffffff5d;border:1px solid #0000006d;border-radius:50%;cursor:pointer;display:inline-block;height:.5vw;transition:background-color .3s,transform .3s;width:.5vw;z-index:2}.dot.active{background-color:#000}.dot-text{background-color:#ffffff3c;border-radius:20px;display:inline-block;font-size:.8vw;opacity:0;padding:.5vw 1vw;position:absolute;right:1.3vw;transition:opacity .3s,margin-left .3s;white-space:nowrap;z-index:1}.dot-item:hover .dot{background-color:#00000023}.dot-item:hover .dot-text{margin-left:10px;opacity:1}