.cargorun-category-bar{position:relative;width:100%;z-index:500;background-color:var(--category-bar-bg, #C5D82D)}.cargorun-category-bar__nav{display:flex;align-items:center;justify-content:center;gap:0;min-height:48px}.cargorun-category-bar__item{position:relative;display:flex;align-items:center}.cargorun-category-bar__item:not(:last-child):after{content:"";display:block;width:1px;height:20px;background-color:var(--category-bar-separator-color, rgba(0, 0, 0, .2));margin-left:0}.cargorun-category-bar__link{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;color:var(--category-bar-text-color, #101B42);text-decoration:none;background:transparent;border:none;cursor:pointer;white-space:nowrap;transition:color .2s ease,background-color .2s ease;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;position:relative;z-index:1}button.cargorun-category-bar__link{-webkit-appearance:none;appearance:none;font-family:inherit}.cargorun-category-bar__link:hover,.cargorun-category-bar__link:focus{color:var(--category-bar-hover-color, #000000);background-color:var(--category-bar-hover-bg, rgba(255, 255, 255, .2))}.cargorun-category-bar__icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cargorun-category-bar__icon svg{width:100%;height:100%}.cargorun-category-bar__chevron{width:12px;height:12px;margin-left:4px;transition:transform .2s ease}.cargorun-category-bar__item.is-open .cargorun-category-bar__chevron{transform:rotate(180deg)}.cargorun-category-bar__icon img{width:100%;height:100%;object-fit:contain;border-radius:4px}.cargorun-category-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:9998;cursor:pointer}.cargorun-category-drawer-overlay.is-visible{opacity:1;visibility:visible}.cargorun-category-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;background-color:var(--category-bar-dropdown-bg, #ffffff);transform:translate(100%);transition:transform .3s ease;z-index:9999;overflow-y:auto;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column}.cargorun-category-drawer.is-open{transform:translate(0)}.cargorun-category-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.cargorun-category-drawer__title{font-size:18px;font-weight:600;color:var(--category-bar-dropdown-text-color, #333333);margin:0}.cargorun-category-drawer__close{width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}.cargorun-category-drawer__close:hover,.cargorun-category-drawer__close:active{background:#0000001a}.cargorun-category-drawer__close svg{width:20px;height:20px;pointer-events:none}.cargorun-category-drawer__content{flex:1;overflow-y:auto;padding:8px 0}.cargorun-category-drawer__link{display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:16px;color:var(--category-bar-dropdown-text-color, #333333);text-decoration:none;transition:background-color .15s ease,color .15s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer}.cargorun-category-drawer__link:hover,.cargorun-category-drawer__link:focus{background-color:#0000000a;color:var(--category-bar-dropdown-hover-color, #000000)}.cargorun-category-drawer__link-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--category-bar-dropdown-icon-color, #666666)}.cargorun-category-drawer__link-icon svg{width:100%;height:100%}@media screen and (max-width:989px){.cargorun-category-bar{position:relative}.cargorun-category-bar__scroll-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.cargorun-category-bar__scroll-container::-webkit-scrollbar{display:none}.cargorun-category-bar__nav{justify-content:flex-start;padding:0 16px;gap:0;width:max-content;min-width:100%}.cargorun-category-bar__item{scroll-snap-align:start;flex-shrink:0}.cargorun-category-bar__link{padding:10px 16px;font-size:13px}.cargorun-category-drawer{max-width:100%;border-radius:0}.cargorun-category-bar__fade-left,.cargorun-category-bar__fade-right{position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease}.cargorun-category-bar__fade-left{left:0;background:linear-gradient(to right,var(--category-bar-bg, #C5D82D) 0%,transparent 100%)}.cargorun-category-bar__fade-right{right:0;background:linear-gradient(to left,var(--category-bar-bg, #C5D82D) 0%,transparent 100%)}.cargorun-category-bar__fade-left.is-visible,.cargorun-category-bar__fade-right.is-visible{opacity:1}}@media screen and (min-width:750px)and (max-width:989px){.cargorun-category-bar__link{padding:12px 14px;font-size:13px}}@media screen and (min-width:990px){.cargorun-category-bar__scroll-container{overflow:visible}.cargorun-category-bar__nav{justify-content:center}.cargorun-category-bar__fade-left,.cargorun-category-bar__fade-right{display:none}}@media screen and (min-width:1200px){.cargorun-category-bar__link{padding:14px 24px;font-size:15px}}@media(prefers-reduced-motion:reduce){.cargorun-category-drawer,.cargorun-category-drawer-overlay,.cargorun-category-bar__chevron,.cargorun-category-bar__link,.cargorun-category-drawer__link{transition:none}}.cargorun-category-bar__link:focus-visible,.cargorun-category-drawer__link:focus-visible,.cargorun-category-drawer__close:focus-visible{outline:2px solid var(--category-bar-text-color, #101B42);outline-offset:2px}.cargorun-category-bar.show-on--desktop-only{display:block}.cargorun-category-bar.show-on--mobile-only{display:none}@media screen and (max-width:989px){.cargorun-category-bar.show-on--desktop-only{display:none}.cargorun-category-bar.show-on--mobile-only{display:block}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/cargorun-category-bar.css.map */