.dot-nav{display:flex;flex-direction:column;gap:15px;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000}@media (min-width:1400px){.dot-nav{right:15%}}@media (min-width:2560px){.dot-nav{right:20%}}.dot-nav__item{cursor:pointer;height:20px;position:relative;transition:transform .2s ease;width:20px}.dot-nav__item:hover{transform:scale(1.2)}.dot-nav__item img{height:100%;left:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.dot-nav__item:after{color:#544eff;content:attr(data-label);font-family:League Spartan,Arial,sans-serif;font-size:15px;font-weight:500;opacity:0;padding:8px 12px;position:absolute;right:-10px;top:50%;transform:translateY(-50%) translateX(100%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;white-space:nowrap}.dot-nav__item:hover:after{opacity:1;visibility:visible}@media (max-width:1399px){.dot-nav__item:after,.dot-nav__item:hover:after{display:none}}.dot-nav__item .dot-filled{opacity:0}.dot-nav__item .dot-empty,.dot-nav__item.active .dot-filled{opacity:1}.dot-nav__item.active .dot-empty{opacity:0}@media (max-width:1024px){.dot-nav{display:none}}