.csx-chip{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--color-ink-800) 24%, transparent);color:var(--color-ink-800);cursor:pointer;transition:background-color .24s var(--ease-editorial), border-color .24s var(--ease-editorial), color .24s var(--ease-editorial);background:0 0;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}.csx-chip:hover,.csx-chip:focus-visible{border-color:var(--color-ink-800)}.csx-chip[aria-pressed=true]{background:var(--color-ink-900);border-color:var(--color-ink-900);color:var(--color-ivory-100)}.csx-sort{appearance:none;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--color-ink-800) 24%, transparent);color:var(--color-ink-800);cursor:pointer;transition:border-color .24s var(--ease-editorial);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23022b54' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='m2.5 4.5 3.5 3.5 3.5-3.5'/></svg>") right .9rem center no-repeat;padding:.5rem 2.2rem .5rem .9rem;font-size:.8125rem;font-weight:600;line-height:1}.csx-sort:hover,.csx-sort:focus-visible{border-color:var(--color-ink-800)}.csx-card{display:block}.csx-card.csx-related{display:grid}[data-animate=true] .csx-card{animation:csx-in .52s var(--ease-editorial) both;animation-delay:calc(var(--i,0) * 60ms)}.csx-thumb{border-radius:var(--radius-card);aspect-ratio:16/10;background:var(--color-ink-900);position:relative;overflow:hidden}.csx-thumb img{object-fit:cover;transition:transform .9s var(--ease-editorial)}.csx-card:hover .csx-thumb img,.csx-card:focus-visible .csx-thumb img{transform:scale(1.04)}.csx-title{transition:color .24s var(--ease-editorial)}.csx-card:hover .csx-title,.csx-card:focus-visible .csx-title{color:var(--color-copper-700)}@keyframes csx-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.csx-row{transition:background-color .24s var(--ease-editorial)}.csx-row:hover{background-color:color-mix(in srgb, var(--color-ivory-200) 70%, transparent)}.csx-contents a{transition:color .24s var(--ease-editorial)}.csx-contents a:hover{color:var(--color-copper-700)}@media (prefers-reduced-motion:reduce){.csx-card{animation:none}.csx-thumb img,.csx-chip,.csx-sort,.csx-title,.csx-row,.csx-contents a{transition:none}.csx-card:hover .csx-thumb img{transform:none}}.csx-chip{align-items:center;min-height:44px;display:inline-flex}.csx-sort{min-height:44px}