.catbar-shell{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.catbar-shell .catbar{background:none;border:0;box-shadow:none;border-radius:inherit}.catbar-foot{display:none}@media(min-width:561px){.catbar-shell .catbar{display:flex;flex-wrap:nowrap;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:12px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:16px 12px 4px}.catbar-shell .catbar::-webkit-scrollbar{display:none}.catbar-shell .cat{flex:0 0 auto;width:calc(100% / var(--cat-n,6));min-width:0;scroll-snap-align:none;gap:var(--cat-gap,9px)}.catbar-shell .cat.cat--snap{scroll-snap-align:start}.catbar-shell .cat-ic{width:var(--cat-ic,54px);height:var(--cat-ic,54px)}.catbar-shell .cat b{white-space:nowrap;font-size:var(--cat-fs,12.5px)}.catbar-shell .catbar-foot{display:flex;align-items:center;justify-content:center;gap:14px;padding:2px 16px 12px}.catbar-shell.no-scroll .catbar-foot{display:none}.catbar-shell.no-scroll .catbar{padding-bottom:16px}.catbar-nav{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer;padding:0;flex:none;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s,opacity .15s,transform .15s}.catbar-nav svg{width:16px;height:16px;display:block}.catbar-nav:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.catbar-nav:active{transform:scale(.94)}.catbar-nav[disabled]{opacity:.3;cursor:default;pointer-events:none}.catbar-nav:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.catbar-track{position:relative;width:200px;height:4px;border-radius:999px;background:var(--line);cursor:pointer;flex:none;touch-action:none}.catbar-track:before{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.catbar-thumb{display:block;position:absolute;top:0;left:0;height:100%;width:40%;border-radius:999px;background:var(--navy);transition:width .15s}.catbar-track:hover .catbar-thumb,.catbar-track.is-dragging .catbar-thumb{background:var(--blue)}}@media(min-width:561px)and (max-width:980px){.catbar-track{width:140px}}@media(max-width:560px){.catbar-shell .catbar{padding:14px 8px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/galaxy-catbar.css.map */