.demo-section{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:auto}.c-pagePositionNav{position:fixed;right:3%;top:50%;transform:translate(0, -50%);z-index:5}.c-pagePositionNav-list-item{display:flex;width:30px;height:30px;justify-content:center}.c-pagePositionNav-list-item+.c-pagePositionNav-list-item{margin:20px 0}.c-pagePositionNav-list-item .c-pagePositionNav-list-item__inner:before{content:"";width:0px;height:0px;background:white;position:absolute;z-index:1;clip-path:polygon(0 0, 0 0, 0 0);transition:width 0.2s, height 0.2s, clip-path 0.2s}.c-pagePositionNav-list-item.is-current .c-pagePositionNav-list-item__inner:before{width:17px;height:17px;transition:width 0.2s, height 0.2s}.c-pagePositionNav-list-item.is-current[data-page-nav="pos1"] .c-pagePositionNav-list-item__inner:before,.c-pagePositionNav-list-item.is-current[data-page-nav="pos2"] .c-pagePositionNav-list-item__inner:before{clip-path:none;border-radius:20px}.c-pagePositionNav-list-item.is-current[data-page-nav="pos3"] .c-pagePositionNav-list-item__inner:before,.c-pagePositionNav-list-item.is-current[data-page-nav="pos4"] .c-pagePositionNav-list-item__inner:before{clip-path:polygon(50% 100%, 0 0, 100% 0);margin-top:-5px}.c-pagePositionNav-list-item.is-current[data-page-nav="pos5"] .c-pagePositionNav-list-item__inner:before,.c-pagePositionNav-list-item.is-current[data-page-nav="pos6"] .c-pagePositionNav-list-item__inner:before{clip-path:none;border-radius:3px}.c-pagePositionNav-list-item[data-page-nav="pos1"] a:after{background:#48b2da;border-radius:20px}.c-pagePositionNav-list-item[data-page-nav="pos2"] a:after{background:#9ccb59;border-radius:20px}.c-pagePositionNav-list-item[data-page-nav="pos3"] a:after{background:#f5dd53;clip-path:polygon(50% 100%, 0 0, 100% 0)}.c-pagePositionNav-list-item[data-page-nav="pos4"] a:after{background:#f4a359;clip-path:polygon(50% 100%, 0 0, 100% 0)}.c-pagePositionNav-list-item[data-page-nav="pos5"] a:after{background:#a04a8e;border-radius:3px}.c-pagePositionNav-list-item[data-page-nav="pos6"] a:after{background:#e4688a;border-radius:3px}.c-pagePositionNav-list-item__inner{display:flex;align-items:center;justify-content:center;position:relative}.c-pagePositionNav-list-item__inner:after{display:block;content:"";width:20px;height:20px;transition:width 0.2s, height 0.2s}self:after{background:#fff;content:"";width:20px;height:20px;background:white;position:absolute}.c-pagePositionNav-list-item__inner:hover{text-decoration:none}.c-pagePositionNav-list-item.is-current .c-pagePositionNav-list-item__inner:after{width:40px;height:40px}.c-pagePositionNav-list-item__text{color:#333;font-size:16px}.c-pagePositionNav-list-item.is-current .c-pagePositionNav-list-item__text{color:#fff}.item{position:absolute;transition:all 0.1s}.interior{transform:translate(-50%, -50%);width:1.5em;height:1.5em;color:#fff;background:#845080}#mouse-stalker{pointer-events:none;position:fixed;top:-10px;left:-10px;width:20px;height:20px;background:rgba(0, 165, 160, 0.5);border-radius:50%;transform:translate(0, 0);transition:transform 0.2s;transition-timing-function:ease-out;z-index:999;transition:0.3s}#mouse-stalker.is_active{top:-40px;left:-40px;width:80px;height:80px;transition:0.2s}body:has(.circle-2.scroll_active) #mouse-stalker{background:#9bcb59;opacity:0.6}body:has(.circle-3.scroll_active) #mouse-stalker{background:#f5dd53;opacity:0.6;clip-path:polygon(50% 100%, 0 0, 100% 0);border-radius:0}body:has(.circle-4.scroll_active) #mouse-stalker{background:#f4a958;opacity:0.6;clip-path:polygon(50% 100%, 0 0, 100% 0);border-radius:0}body:has(.circle-5.scroll_active) #mouse-stalker{background:rgba(104, 0, 165, 0.5);border-radius:3px}body:has(.circle-6.scroll_active) #mouse-stalker{background:rgba(165, 0, 0, 0.5);border-radius:3px}.link-items{display:flex;justify-content:center;gap:20px}.link-items .link-item{display:block;padding:20px;color:#fff;text-decoration:none;background-color:#000;border-radius:50px}