.koko-catnav{background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:40}.koko-catnav__inner{display:flex;gap:0;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 1rem;max-width:1400px;margin:0 auto}.koko-catnav__inner::-webkit-scrollbar{display:none}.koko-catnav__item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem 1.1rem 0;text-decoration:none;color:#6b7280;font-size:.8rem;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;transition:color .2s ease,border-color .2s ease;flex-shrink:0}.koko-catnav__item:hover{color:#e5007d}.koko-catnav__item--active{color:#e5007d;border-bottom-color:#e5007d}.koko-catnav__img-wrap{width:113px;height:113px;border-radius:14px;overflow:hidden;background:transparent;flex-shrink:0}.koko-catnav__img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease}.koko-catnav__img-wrap img.koko-catnav--fade{opacity:0}.koko-catnav__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#f3f4f6;border-radius:14px}.koko-catnav__label{font-size:1.17rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding-bottom:.7rem;transition:color .2s ease}.koko-catnav__item:hover .koko-catnav__label,.koko-catnav__item--active .koko-catnav__label{color:#e5007d}@media(max-width:560px){.koko-catnav__img-wrap{width:94px;height:94px}.koko-catnav__item{padding:.7rem .85rem 0;gap:.4rem}.koko-catnav__label{font-size:1.04rem;padding-bottom:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kokorocao-category-nav.css.map */