.index-nav{background-color:var(--color-gray-90);border-radius:12px;margin:0 auto;position:relative;overflow:hidden}.index-nav__wrapper{flex-direction:column;gap:2rem;padding:2.5rem 1.25rem;display:flex}@media screen and (min-width:48rem){.index-nav__wrapper{padding:2.5rem}}.index-nav__title{text-align:center;margin:0 0 -.5rem}.index-nav__search{background-color:var(--color-white);border-radius:12px;width:100%;max-width:44.75rem;margin-left:auto;margin-right:auto;padding:.75rem 1rem;display:flex}.index-nav__search-input{font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.25rem;font-size:1rem}.index-nav__search-input::-ms-input-placeholder{color:var(--text-muted)}.index-nav__search-input::placeholder{color:var(--text-muted)}.index-nav__search-button{cursor:pointer;color:var(--text-primary);background:0 0;border:none;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.index-nav__search-button svg{width:1.5rem;height:1.5rem}.index-nav__search-button:hover{color:var(--btn-primary-bg)}.index-nav__types,.index-nav__indices{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.index-nav__types>label,.index-nav__indices>label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:500;position:relative;top:1px}.index-nav__types>ul,.index-nav__indices>ul{text-align:center;text-wrap:balance;margin:0;padding:0;list-style:none;display:block}.index-nav__types>ul>li,.index-nav__indices>ul>li{margin:.25rem .5rem;display:inline-block}.index-nav__featured{grid-template-columns:1fr;gap:.75rem 1.5rem;display:grid;overflow:hidden}@media screen and (min-width:48rem){.index-nav__featured{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:64rem){.index-nav__featured{grid-template-columns:repeat(4,1fr)}}.index-nav__featured>.button{font-family:var(--font-display);text-align:left;text-wrap:pretty;color:var(--text-strong);background:var(--surface-section);border:.5px solid var(--border-default);border-left:4px solid var(--color-teal);border-radius:1px;justify-content:flex-start;align-items:center;padding:1.25rem;font-size:1.25rem;font-weight:600;line-height:1.35;text-decoration:none;transition:background .2s;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.03)}.index-nav__featured>.button:hover{background:var(--surface-section-muted);color:var(--text-strong)}