.section-wrapper{position:relative}.section-wrapper nav.sectionNav{position:absolute;left:0;top:0;bottom:0;z-index:10}.section-wrapper nav.sectionNav ul{--section_nav_number: 12;list-style-type:none;position:sticky;top:calc(50% - max(min(4.1666666667vw,34px),30px)*var(--section_nav_number)/2);display:flex;flex-direction:column;align-items:center;padding:0;margin:10vh 0}.section-wrapper nav.sectionNav ul li{flex-shrink:0}.section-wrapper nav.sectionNav ul li a{background-color:rgba(0,0,0,0);position:relative;width:8.3333333333vw;height:8.3333333333vw;max-width:34px;max-height:34px;display:flex;align-items:center;justify-content:center}@media(min-width : 768px){.section-wrapper nav.sectionNav ul li a{width:4.1666666667vw;height:4.1666666667vw}}.section-wrapper nav.sectionNav ul li a::after{content:"";display:block;width:8px;height:8px;background-color:#707070;border-radius:100%;z-index:2;filter:contrast(1.25)}.section-wrapper nav.sectionNav ul li a label{opacity:0;pointer-events:none;cursor:pointer;transition:opacity 300ms ease;position:absolute;left:0px;z-index:1;background-color:#292929;color:#fff;white-space:nowrap;font-size:13px;line-height:26px;border-radius:30px;padding:0px 15px 0 30px}@media(hover : hover){.section-wrapper nav.sectionNav ul li a:hover::after{background-color:#fff}.section-wrapper nav.sectionNav ul li a:hover label{opacity:1;pointer-events:all}}@media(pointer : coarse){.section-wrapper nav.sectionNav ul li a:hover label{animation-name:showLabel;animation-duration:800ms;animation-timing-function:cubic-bezier(0, 0, 0.5, 1);animation-direction:alternate;animation-iteration-count:2;animation-fill-mode:none;animation-play-state:running}.section-wrapper nav.sectionNav ul li a:hover::after{animation-name:changeDotColour;animation-duration:800ms;animation-timing-function:cubic-bezier(0, 0, 0.5, 1);animation-direction:alternate;animation-iteration-count:2;animation-fill-mode:none;animation-play-state:running}}.section-wrapper nav.sectionNav ul li.active a::before{content:"";display:block;position:absolute;border:solid #707070 1px;border-radius:100%;width:20px;height:20px;z-index:-1;filter:contrast(0)}.section-wrapper nav.sectionNav ul li.active a::after{background-color:#292929}@media(hover : hover){.section-wrapper nav.sectionNav ul li.active a:hover::before{border-color:#292929}.section-wrapper nav.sectionNav ul li.active a:hover::after{background-color:#fff}.section-wrapper nav.sectionNav ul li.active a label{animation-name:showLabel;animation-duration:800ms;animation-timing-function:cubic-bezier(0, 0, 0.5, 1);animation-direction:alternate;animation-iteration-count:2;animation-fill-mode:none;animation-play-state:running}.section-wrapper nav.sectionNav ul li.active a::after{animation-name:changeDotColour;animation-duration:800ms;animation-timing-function:cubic-bezier(0, 0, 0.5, 1);animation-direction:alternate;animation-iteration-count:2;animation-fill-mode:none;animation-play-state:running}}@media(min-width : 1024px){.section-wrapper nav.sectionNav{width:4.1666666667%}}@keyframes showLabel{0%{opacity:0}100%{opacity:1}}@keyframes changeDotColour{0%{background-color:#292929}100%{background-color:#fff}}