1/* The feature index unfolds beneath a shape collection's row, inset so its2 rows read as the row's children rather than its peers. */3.feature-index {4 padding: 0 0 4px 14px;5}67.feature-index[hidden] {8 display: none;9}1011.zone-index-item {12 --zone-depth: 0;13 display: grid;14 width: 100%;15 align-items: center;16 grid-template-columns: 10px minmax(0, 1fr);17 gap: 8px;18 min-height: 26px;19 padding: 0 4px 0 calc(4px + var(--zone-depth) * 13px);20 border: 0;21 border-radius: 3px;22 background: transparent;23 color: #9a9488;24 font-size: 11px;25 font-weight: 600;26 text-align: left;27 cursor: pointer;28}2930.zone-index-item:hover,31.zone-index-item:focus-visible {32 outline: none;33 background: rgba(255, 255, 255, 0.04);34 color: var(--text);35}3637.zone-index-item.is-current {38 background: rgba(255, 255, 255, 0.055);39 color: #f2ece0;40}4142.zone-index-item.is-highlighted {43 color: #fff;44}4546.feature-index.has-highlights .zone-index-item:not(.is-highlighted):not(.is-current) {47 opacity: 0.5;48}4950.zone-index-item > span:last-child {51 overflow: hidden;52 text-overflow: ellipsis;53 white-space: nowrap;54}5556.zone-index-marker {57 width: 8px;58 height: 8px;59 border: 1px solid color-mix(in srgb, var(--zone-color) 78%, white);60 border-radius: 2px;61 background: color-mix(in srgb, var(--zone-color) 18%, transparent);62}6364.zone-index-item.is-highlighted .zone-index-marker {65 border-color: #fff;66 background: var(--zone-color);67 box-shadow: 0 0 7px color-mix(in srgb, var(--zone-color) 65%, transparent);68}69