.cp-cat__search{display:block;width:100%;max-width:26rem;padding:.9rem 1rem;margin-top:2.5rem;background:var(--cp-bg-panel);border:1px solid var(--cp-border);border-radius:4px;color:var(--cp-ink);font:inherit}.cp-cat__search::placeholder{color:var(--cp-ink-faint)}.cp-cat__count{font-family:var(--cp-ui);font-size:.82rem;letter-spacing:.005em;color:var(--cp-sage);margin-top:1rem}.cp-cat__family{border-top:1px solid var(--cp-border);padding-block:2.25rem}.cp-cat__family h3{font-size:1.5rem;margin:0}.cp-cat__series{color:var(--cp-ink-faint);margin:.5rem 0 0}.cp-cat__only,.cp-cat__series{font-family:var(--cp-ui);font-size:.82rem;letter-spacing:.005em}.cp-cat__only{color:var(--cp-sage);margin:.75rem 0 0}.cp-cat__refs{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.5rem 0 0}.cp-cat__refs li{border:1px solid var(--cp-border);border-radius:2px;background:var(--cp-bg-panel);padding:.35rem .75rem;font-family:var(--cp-ref);font-size:.82rem;color:var(--cp-ink-soft)}.cp-cat__refs li mark{background:var(--cp-bronze-soft);color:var(--cp-bronze)}.cp-cat__prefix{font-size:.85rem;color:var(--cp-ink-faint);margin:1rem 0 0}.cp-cat__empty{border-top:1px solid var(--cp-border);padding-block:3rem;color:var(--cp-ink-soft)}.cp-cat__head{display:flex;align-items:center;gap:1.25rem}.cp-cat__head h3{margin:0}.cp-cat__head .cp-cat__series{margin-top:.3rem}.cp-cat__looks{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:.75rem;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none}.cp-cat__look{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;grid-gap:.15rem 1rem;gap:.15rem 1rem;min-height:44px;height:100%;padding:.95rem 1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);color:var(--cp-ink);font-family:var(--cp-ui);text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px)){.cp-cat__look{-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%)}}.cp-cat__look:focus-visible,.cp-cat__look:hover{border-color:rgba(188,144,108,.5);background:rgba(255,255,255,.07);transform:translateY(-1px)}.cp-cat__look svg{grid-row:1/4;width:68px;height:68px}.cp-cat__look-name{font-size:1rem;line-height:1.35}.cp-cat__look-detail{color:var(--cp-ink-faint);font-size:.82rem;line-height:1.3}.cp-cat__look-detail:empty{display:none}.cp-cat__look-ref{color:var(--cp-ink-faint);font-family:var(--cp-ref);font-size:.78rem}@media (max-width:560px){.cp-cat__head svg.cp-wd{height:90px;width:auto}}@media (prefers-reduced-motion:reduce){.cp-cat__look{transition:none;transform:none}}