.cat-nav{position:relative}.cat-nav__row{display:flex;gap:7px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.cat-nav__row::-webkit-scrollbar{display:none}.cat-chip{flex:none;display:flex;align-items:center;gap:8px;padding:5px 15px 5px 5px;border-radius:999px;background:#fbe8fd;color:#373737;text-decoration:none;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:.2px;white-space:nowrap;transition:background .15s}.cat-chip__icon{width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}.cat-chip__icon i{color:#7b59cf;font-size:12.5px}.cat-chip:hover{background:#f6d7fa}.cat-chip:focus-visible{outline:2px solid #7b59cf;outline-offset:2px}.cat-chip.is-active,.cat-chip[aria-current=page]{background:#7b59cf;color:#fff}.cat-chip.is-active .cat-chip__icon,.cat-chip[aria-current=page] .cat-chip__icon{background:#ffffff3d}.cat-chip.is-active .cat-chip__icon i,.cat-chip[aria-current=page] .cat-chip__icon i{color:#fff}.cat-nav__fade{position:absolute;top:0;right:0;bottom:0;width:44px;pointer-events:none;opacity:0;transition:opacity .2s;background:linear-gradient(to left,#fff 12%,transparent)}.cat-nav.has-overflow .cat-nav__fade{opacity:1}.cat-nav__dots{display:none;justify-content:center;gap:5px;margin-top:12px}.cat-nav__dots span{width:7px;height:7px;border-radius:99px;background:#e7cbee;transition:all .25s;cursor:pointer}.cat-nav__dots span.is-active{width:18px;background:#7b59cf}.cat-nav__arrow{position:absolute;top:calc(50% - 2px);transform:translateY(-50%);display:none;width:34px;height:34px;border-radius:50%;border:1px solid #e7d9ee;background:#fff;color:#7b59cf;font-size:20px;line-height:1;cursor:pointer;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 10px #5028782e}.cat-nav__arrow:hover{background:#f2ecfb}.cat-nav__arrow--left{left:-6px}.cat-nav__arrow--right{right:-6px}@media(min-width:750px){.cat-nav.can-left .cat-nav__arrow--left,.cat-nav.can-right .cat-nav__arrow--right{display:flex}}@media(max-width:749px){.cat-nav__row{gap:6px;padding:2px 30px 4px 16px}.cat-chip{min-height:40px;box-sizing:border-box;font-size:13.5px;padding:4px 12px 4px 4px;gap:6px}.cat-chip__icon{width:23px;height:23px}.cat-chip__icon i{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-category-submenu.css.map */