:host,:root{--xzx-indexes-padding:0 8px 0 16px;--xzx-indexes-sidebar-z-index:2;--xzx-indexes-index-font-size:var(--xzx-text-mini);--xzx-indexes-index-line-height:var(--xzx-text-lh-sm);--xzx-indexes-index-active-color:var(--xzx-color-primary);--xzx-indexes-index-margin:2px}.xzx-indexes__sidebar{cursor:pointer;display:flex;flex-direction:column;position:fixed;right:0;text-align:center;top:50%;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:var(--xzx-indexes-sidebar-z-index)}.xzx-indexes__index{font-size:var(--xzx-indexes-index-font-size);font-weight:var(--xzx-text-m);line-height:var(--xzx-indexes-index-line-height);margin:var(--xzx-indexes-index-margin) 0;padding:var(--xzx-indexes-padding)}.xzx-indexes__index--active{align-items:center;color:var(--xzx-text-white-1);display:flex;font-weight:bolder;justify-content:center;position:relative}.xzx-indexes__index--active:after{background-color:var(--xzx-indexes-index-active-color);border-radius:100%;content:"";height:20px;position:absolute;width:20px;z-index:-1}:host,:root{--xzx-index-anchor-z-index:1;--xzx-index-anchor-padding:0 16px;--xzx-index-anchor-text-color:var(--xzx-text-gray-1);--xzx-index-anchor-font-weight:var(--xzx-text-w-m);--xzx-index-anchor-font-size:var(--xzx-text-sm);--xzx-index-anchor-line-height:30px;--xzx-index-anchor-background:var(--xzx-gray-1);--xzx-index-anchor-sticky-text-color:var(--xzx-color-primary);--xzx-index-anchor-sticky-background:var(--xzx-color-white)}.xzx-index-anchor{background-color:var(--xzx-index-anchor-background);box-sizing:border-box;color:var(--xzx-index-anchor-text-color);font-size:var(--xzx-index-anchor-font-size);font-weight:var(--xzx-index-anchor-font-weight);line-height:var(--xzx-index-anchor-line-height);padding:var(--xzx-index-anchor-padding);z-index:var(--xzx-index-anchor-z-index)}.xzx-index-anchor--sticky{background-color:var(--xzx-index-anchor-sticky-background);color:var(--xzx-index-anchor-sticky-text-color);left:0;position:fixed;right:0;top:0}