.sideNav[data-v-11f60ce1]{position:fixed;right:var(--px40);top:50%;transform:translateY(-50%);z-index:100}@media(max-width:1199px){.sideNav[data-v-11f60ce1]{display:none}}.sideNav ul[data-v-11f60ce1]{align-items:flex-end;display:flex;flex-direction:column;gap:var(--px24)}.sideNav ul li[data-v-11f60ce1]{align-items:center;cursor:pointer;display:flex;gap:var(--px16);position:relative}.sideNav ul li .label[data-v-11f60ce1]{color:#666;font-size:var(--px14);font-weight:600;opacity:0;pointer-events:none;transform:translate(10px);transition:all .3s ease;white-space:nowrap}.sideNav ul li .dot[data-v-11f60ce1]{background-color:#ddd;border-radius:50%;box-shadow:inset -1px -1px 2px #0000001a,1px 1px 2px #0000000d;height:var(--px14);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:var(--px14)}.sideNav ul li .dot[data-v-11f60ce1]:after,.sideNav ul li .dot[data-v-11f60ce1]:before{background-color:#fff;border-radius:50%;content:"";position:absolute;transition:all .3s ease}.sideNav ul li .dot[data-v-11f60ce1]:before{height:3px;left:3px;opacity:.9;top:3px;width:3px}.sideNav ul li .dot[data-v-11f60ce1]:after{bottom:3px;height:2px;opacity:.5;right:3px;width:2px}.sideNav ul li:hover .label[data-v-11f60ce1]{opacity:1;transform:translate(0)}.sideNav ul li:hover .dot[data-v-11f60ce1]{background-color:#1c3875}.sideNav ul li:hover .dot[data-v-11f60ce1]:after,.sideNav ul li:hover .dot[data-v-11f60ce1]:before{opacity:1}.sideNav ul li.active .label[data-v-11f60ce1]{color:#1c3875;opacity:1;transform:translate(0)}.sideNav ul li.active .dot[data-v-11f60ce1]{background-color:#1c3875;box-shadow:0 0 0 6px #1c38751a;transform:scale(1.2)}.sideNav ul li.active .dot[data-v-11f60ce1]:before{height:4px;opacity:1;width:4px}.sideNav ul li.active .dot[data-v-11f60ce1]:after{height:2.5px;opacity:.7;width:2.5px}
