.cs-cats{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:640px;margin:24px auto 0;padding:0;list-style:none;display:grid}.cs-cat{text-align:center;color:inherit;border-radius:12px;align-content:start;justify-items:center;gap:8px;text-decoration:none;display:grid}.cs-cat-pic{aspect-ratio:1;isolation:isolate;background:#d6cfbf;border-radius:50%;width:clamp(56px,5vw,76px);transition:transform .4s cubic-bezier(.2,.7,.1,1),box-shadow .4s;display:block;overflow:hidden;box-shadow:0 0 0 1px #16161624}.cs-cat-pic img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;display:block}.cs-cat-name{letter-spacing:.01em;color:#1a1a1a;text-wrap:balance;font-size:13px;font-weight:600;line-height:1.2;transition:color .3s}@media (hover:hover){.cs-cat:hover .cs-cat-pic{transform:translateY(-5px)scale(1.06);box-shadow:0 0 0 2px #fbf8f2,0 0 0 3.5px #161616,0 14px 24px -10px #16161659}.cs-cat:hover .cs-cat-name{color:var(--green)}}@media (max-height:936px) and (min-width:701px){.cs-cats{max-width:560px;margin-top:16px}.cs-cat-pic{width:clamp(52px,4.4vw,64px)}.cs-cat{gap:6px}.cs-cat-name{font-size:11px}}@media (max-height:690px) and (min-width:701px){.cs-cats{margin-top:12px}.cs-cat-pic{width:42px}}@media (max-width:700px){.cs-cats{scroll-snap-type:x proximity;scrollbar-width:none;grid-template-columns:repeat(6,66px);gap:4px;max-width:none;margin:20px -23px 0;padding:2px 23px 4px;scroll-padding-inline:23px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 23px 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 23px 84%,#0000)}.cs-cats::-webkit-scrollbar{display:none}.cs-cats li{scroll-snap-align:start}.cs-cat-pic{width:52px}.cs-cat-name{font-size:10px}}