:root{--s-indexes-anchor-padding:0 var(--s-content-padding-x);--s-indexes-anchor-font-size:var(--s-font-size);--s-indexes-anchor-height:var(--s-size-2xl);--s-indexes-anchor-color:var(--s-text-color-tertiary);--s-indexes-anchor-bg:var(--s-fill-color-fourth);--s-indexes-nav-padding-end:var(--s-size-2xs);--s-indexes-nav-item-font-size:var(--s-size-sm);--s-indexes-nav-item-size:var(--s-size-lg);--s-indexes-nav-item-color:var(--s-text-color-primary);--s-indexes-nav-item-color-active:var(--s-white);--s-indexes-nav-item-bg-active:var(--s-color-primary);--s-indexes-hint-size:var(--s-size-4xl);--s-indexes-hint-margin-end:var(--s-size-2xs);--s-indexes-hint-bg:var(--s-overlay);--s-indexes-hint-text-font-size:var(--s-size-xl);--s-indexes-hint-text-color:var(--s-white)}.s-indexes__scroll{height:100%;overflow-x:hidden;overflow-y:auto}.s-indexes__anchor{position:sticky;top:0;z-index:2;height:var(--s-indexes-anchor-height);padding:var(--s-indexes-anchor-padding);font-size:var(--s-indexes-anchor-font-size);line-height:var(--s-indexes-anchor-height);color:var(--s-indexes-anchor-color);background:var(--s-indexes-anchor-bg)}.s-indexes__nav{position:absolute;top:50%;inset-inline-end:0;z-index:10;padding-inline-end:var(--s-indexes-nav-padding-end);transform:translateY(-50%);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.s-indexes__nav-item{display:flex;justify-content:center;align-items:center;width:var(--s-indexes-nav-item-size);height:var(--s-indexes-nav-item-size);border-radius:var(--s-border-radius-full);font-size:var(--s-indexes-nav-item-font-size);color:var(--s-indexes-nav-item-color)}.s-indexes__nav-item--active{color:var(--s-indexes-nav-item-color-active);background:var(--s-indexes-nav-item-bg-active)}.s-indexes__hint{position:absolute;inset-inline-end:100%;top:0;display:flex;align-items:center;justify-content:center;width:var(--s-indexes-hint-size);height:var(--s-indexes-hint-size);margin-inline-end:var(--s-indexes-hint-margin-end);border-radius:50% 0 50% 50%;background:var(--s-indexes-hint-bg);transform-origin:top right;transform:rotate(45deg);pointer-events:none}:root[dir=rtl] .s-indexes__hint{border-radius:0 50% 50% 50%;transform-origin:top left;transform:rotate(-45deg)}.s-indexes__hint-text{font-size:var(--s-indexes-hint-text-font-size);line-height:var(--s-line-height-none);font-weight:var(--s-font-weight-bold);transform:rotate(-45deg);color:var(--s-indexes-hint-text-color)}:root[dir=rtl] .s-indexes__hint-text{transform:rotate(45deg)}