.product-index__tools{gap:1.5rem;padding-block:0 2rem;display:grid}.product-index__jump p,.product-index__search label{color:var(--blue-600);font-size:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin:0 0 .6rem;font-weight:800;display:block}.product-index__jump ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.product-index__jump a{min-height:2.5rem;color:var(--brand-ink);transition:border-color var(--motion-fast) ease, color var(--motion-fast) ease;border:1px solid #d9dfe8;border-radius:999px;align-items:center;padding:0 1rem;font-weight:600;display:inline-flex}.product-index__jump a:hover{border-color:var(--blue-600);color:var(--blue-600)}.product-index__search>div{gap:.5rem;display:flex}.product-index__search input{min-width:0;min-height:2.75rem;font:inherit;border:1px solid #c9d2df;border-radius:.6rem;flex:1;padding:0 1rem}.product-index__search button,.product-index__empty button{min-height:2.75rem;color:var(--brand-ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #c9d2df;border-radius:.6rem;padding:0 1rem;font-weight:600}.product-index__count{color:#5b6275;min-height:1.4em;margin:.5rem 0 0;font-size:.9rem}.product-index__empty{padding-block:1rem 3rem}.product-index__division{scroll-margin-top:calc(var(--header-h) + 1rem)}.product-index__entries{margin:0;padding:0;list-style:none}.product-index__entries li{border-bottom:1px solid #d9dfe8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding:.7rem 0;display:flex}.product-index__name{color:var(--brand-ink);font-weight:600}.product-index__actions{flex-wrap:wrap;gap:.4rem 1.25rem;display:flex}.product-index__actions a{min-height:2.25rem;color:var(--blue-600);align-items:center;gap:.4rem;font-size:.92rem;font-weight:600;display:inline-flex}.product-index__actions a svg{width:.85rem;transition:translate var(--motion-fast) var(--ease-out)}.product-index__actions a:hover{text-underline-offset:.2em;text-decoration:underline}.product-index__actions a:hover svg{translate:2px}@media (min-width:1100px){.product-index__tools{grid-template-columns:minmax(0,1fr) minmax(20rem,28rem);align-items:start;gap:3rem}.product-index__entries{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem;display:grid}}@media (prefers-reduced-motion:reduce){.product-index__jump a,.product-index__actions a svg{transition:none}}
