.page-progression-counter{padding:var(--spacing-12);background-color:#0000000d;border-radius:32px;justify-content:center;align-items:center;display:flex;overflow:hidden}.page-progression-counter__circle{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.page-progression-counter__svg{width:100%;height:100%;position:absolute;top:0;left:0}.page-progression-counter__background{stroke:#0000000d;stroke-width:3px}.page-progression-counter__progress{stroke:var(--progress-color,var(--color-black));stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.page-progression-counter__percentage{font-family:var(--font-sans);font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-black);text-align:center;z-index:1;line-height:normal;transition:opacity .3s ease-in-out;position:relative}
.page-control__overlay{z-index:99;background:linear-gradient(#00000040,#00000080);animation:.3s forwards pageControlOverlayIn;position:fixed;inset:0}@keyframes pageControlOverlayIn{0%{opacity:0}to{opacity:1}}.page-control{z-index:100;padding:var(--spacing-24)var(--bp-margin);align-items:flex-end;gap:var(--spacing-8);pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:0;right:0}.page-control__trigger{cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:32px;margin:0;padding:0;transition:transform .2s}.page-control__trigger:hover{transform:scale(1.05)}.page-control__trigger:active{transform:scale(.97)}.page-control__trigger:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.page-control__trigger .page-progression-counter{background-color:var(--color-bg-light)}.page-control__menu{align-items:flex-end;gap:var(--spacing-8);pointer-events:auto;flex-direction:column;display:flex}.page-control__page-button{min-width:100px;height:48px;padding:0 var(--spacing-32);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);white-space:nowrap;background-color:var(--color-bg-light);color:var(--color-black);opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards pageControlButtonIn;animation-delay:calc(var(--button-index)*40ms);border:none;border-radius:32px;justify-content:center;align-items:center;transition:background-color .2s;display:flex;overflow:hidden;transform:translateY(16px)}.page-control__page-button:hover{background-color:#0000001a}.page-control__page-button:active{background-color:#00000026}.page-control__page-button--current{background-color:var(--color-black);color:var(--color-white)}.page-control__page-button--current:hover{background-color:#000000d9}.page-control__page-button--current:active{background-color:#000000bf}.page-control__page-button:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}@keyframes pageControlButtonIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:699px){.page-control__page-button{height:40px;padding:0 var(--spacing-16);font-size:var(--font-size-small);border-radius:20px}}