@media(max-width:1024px){body:has(.xp-cjn){overflow-x:clip}}.xp-cjn{--xp-cjn-tint: color-mix(in srgb, var(--bs-primary-btn-bg) 6%, var(--bs-body-bg));--xp-cjn-rule: color-mix(in srgb, var(--bs-primary-btn-bg) 20%, var(--bs-body-bg));position:relative}.xp-cjn__bar{width:100%;padding:16px 0;box-sizing:border-box;background-color:transparent;transition:padding .2s ease,background-color .2s ease,box-shadow .2s ease,transform .25s ease,opacity .25s ease,visibility 0s}.xp-cjn__container{box-sizing:border-box;width:100%;max-width:var(--bs-container-width);margin:0 auto;padding:0 25px}@media(max-width:1024px){.xp-cjn__container{padding:0 30px}}.xp-cjn__rail{display:flex;align-items:center;gap:16px;padding:14px 24px;border-radius:16px;background-color:var(--xp-cjn-tint);transition:padding .2s ease,background-color .2s ease}.xp-cjn__label{flex:0 0 auto;color:var(--bs-body-color);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:font-size .2s ease,color .2s ease}.xp-cjn__divider{flex:0 0 auto;width:1px;height:28px;background-color:var(--xp-cjn-rule);transition:height .2s ease}.xp-cjn__list{position:relative;display:flex;justify-content:flex-start;gap:10px;min-width:0;margin:0;padding:0;list-style:none}.xp-cjn__item{flex:0 0 auto;margin:0}.xp-cjn__pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:2px solid var(--bs-primary-btn-bg);border-radius:300px;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:padding .2s ease,font-size .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.xp-cjn a.xp-cjn__pill,.xp-cjn a.xp-cjn__pill:hover,.xp-cjn a.xp-cjn__pill:focus,.xp-cjn a.xp-cjn__pill:active,.xp-cjn a.xp-cjn__pill:visited{border-color:var(--bs-primary-btn-bg);background-color:var(--bs-body-bg);color:var(--bs-primary-btn-bg)}.xp-cjn a.xp-cjn__pill[aria-current=true],.xp-cjn a.xp-cjn__pill[aria-current=true]:hover,.xp-cjn a.xp-cjn__pill[aria-current=true]:focus,.xp-cjn a.xp-cjn__pill[aria-current=true]:active,.xp-cjn a.xp-cjn__pill[aria-current=true]:visited{border-color:var(--bs-primary-btn-bg);background-color:var(--bs-primary-btn-bg);color:var(--bs-primary-btn-color)}@media(hover:hover){.xp-cjn a.xp-cjn__pill:hover{border-color:var(--bs-primary-btn-hover-bg);background-color:var(--bs-primary-btn-hover-bg);color:var(--bs-primary-btn-color)}}.xp-cjn a.xp-cjn__pill:focus{outline:none}.xp-cjn a.xp-cjn__pill:focus-visible{outline:2px solid var(--bs-primary-btn-bg);outline-offset:2px}.xp-cjn[data-state=stuck-desktop] .xp-cjn__bar{position:fixed;top:calc(var(--xp-header-offset, 0px) - 1px);left:0;right:0;z-index:98;padding:8px 0;background-color:var(--bs-body-bg);box-shadow:0 2px 10px #00000014}.xp-cjn[data-state=stuck-desktop] .xp-cjn__rail{padding:0;border-radius:0;background-color:transparent}.xp-cjn[data-state=stuck-desktop] .xp-cjn__label{color:var(--bs-color-gray-700);font-size:12px}.xp-cjn[data-state=stuck-desktop] .xp-cjn__divider{height:22px}.xp-cjn[data-state=stuck-desktop] .xp-cjn__pill{padding:6px 16px;font-size:13px}.xp-cjn[data-state=stuck-desktop].xp-cjn--hidden .xp-cjn__bar{transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease,visibility 0s .25s}@media(max-width:991px){.xp-cjn__bar{padding:12px 0;background-color:var(--xp-cjn-tint)}.xp-cjn__container{max-width:none;padding:0}.xp-cjn__rail{display:block;padding:0;border-radius:0;background-color:transparent}.xp-cjn__label{display:block;padding:0 var(--bs-container-padding) 4px}.xp-cjn__divider{display:none}.xp-cjn__list{--xp-cjn-fade-left: 0px;--xp-cjn-fade-right: 0px;justify-content:flex-start;padding:4px var(--bs-container-padding);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--xp-cjn-fade-left),#000 calc(100% - var(--xp-cjn-fade-right)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--xp-cjn-fade-left),#000 calc(100% - var(--xp-cjn-fade-right)),transparent)}.xp-cjn--fade-left .xp-cjn__list{--xp-cjn-fade-left: 28px}.xp-cjn--fade-right .xp-cjn__list{--xp-cjn-fade-right: 28px}.xp-cjn__list::-webkit-scrollbar{display:none}}.xp-cjn[data-state=fixed-mobile] .xp-cjn__bar{position:fixed;left:0;right:0;bottom:0;z-index:140;padding:8px 0 calc(4px + env(safe-area-inset-bottom,0px));background-color:var(--bs-body-bg);box-shadow:0 -2px 10px #00000014}.xp-cjn[data-state=fixed-mobile] .xp-cjn__label{padding-bottom:2px;color:var(--bs-color-gray-700);font-size:11px}.xp-cjn[data-state=fixed-mobile].xp-cjn--hidden .xp-cjn__bar{transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease,visibility 0s .25s}.xp-cjn--no-anim .xp-cjn__bar,.xp-cjn--no-anim .xp-cjn__rail,.xp-cjn--no-anim .xp-cjn__label,.xp-cjn--no-anim .xp-cjn__divider,.xp-cjn--no-anim .xp-cjn__pill{transition:none}#chat-button,#chat-campaigns,[class*=kl-teaser-]{transition:translate .25s ease}body.xp-cjn-bottom-visible #chat-button,body.xp-cjn-bottom-visible #chat-campaigns,body.xp-cjn-bottom-visible [class*=kl-teaser-]{translate:0 calc(-1 * var(--xp-cjn-bar-height, 0px))}@media(prefers-reduced-motion:reduce){.xp-cjn__bar,.xp-cjn__rail,.xp-cjn__label,.xp-cjn__divider,.xp-cjn__pill,.xp-cjn[data-state=stuck-desktop].xp-cjn--hidden .xp-cjn__bar,.xp-cjn[data-state=fixed-mobile].xp-cjn--hidden .xp-cjn__bar,#chat-button,#chat-campaigns,[class*=kl-teaser-]{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/xp-category-nav.css.map */