.directory-index-root { --directory-index-gutter: 58px; }
.directory-index-root.directory-index-distance { --directory-index-gutter: 68px; }
.directory-index-root .directory-index-row {
  padding-inline-end: calc(22px + var(--directory-index-gutter));
}
.directory-index-root .directory-index-row::after {
  right: calc(22px + var(--directory-index-gutter));
}
.directory-scroll-indicator-host {
  position: sticky;
  top: 0;
  z-index: 8;
  height: 0;
  pointer-events: none;
}
.directory-scroll-indicator {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-end: 6px;
  max-width: calc(var(--directory-index-gutter) - 6px);
  box-sizing: border-box;
  padding: 5px 6px;
  border: 1px solid #dcdce2;
  border-radius: 9px;
  background: #fafafcf5;
  box-shadow: 0 2px 9px #1c1c1e12;
  color: #50525a;
  font: 700 9px/1.25 -apple-system, BlinkMacSystemFont, 'PingFang HK', sans-serif;
  overflow-wrap: anywhere;
  text-align: center;
  pointer-events: none;
}
@media (forced-colors: active) {
  .directory-scroll-indicator { background: Canvas; color: CanvasText; border-color: CanvasText; }
}