.category-pills{width:100%;padding-block:var(--cp-padding-top-desktop, 60px) var(--cp-padding-bottom, 0px);background:#fff;font-family:Instrument Sans,sans-serif}.category-pills *,.category-pills *:before,.category-pills *:after{box-sizing:border-box}.category-pills__container{width:100%;max-width:1700px;margin-inline:auto;padding-inline:16px}.category-pills__viewport-wrap{position:relative;display:inline-flex;width:100%}.category-pills__slider{position:relative;display:block;width:100%;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth}.category-pills__slider::-webkit-scrollbar{display:none}.category-pills__track{display:flex;width:max-content;margin:0;padding:0;column-gap:12px;list-style:none}.category-pills__slide{flex:0 0 auto;width:auto}.category-pill{position:relative;isolation:isolate;display:inline-flex;align-items:center;min-height:48px;padding:8px 20px 8px 8px;overflow:hidden;border:1px solid #e5e5e5;border-radius:100px;background:transparent;color:#000;font:700 15px/30px Instrument Sans,sans-serif;text-decoration:none;transition:color .3s ease;touch-action:pan-x pan-y}.category-pill:before{position:absolute;z-index:0;inset-block:-1px;inset-inline-start:-1px;width:0;border-radius:100px;background:#000;content:"";transition:width .4s ease}.category-pill__image-wrap{position:relative;z-index:1;display:flex;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border-radius:50%;background:#f2f2f2}.category-pill__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.category-pill__placeholder{background:#f2f2f2}.category-pill__label{position:relative;z-index:1;flex:1 1 auto;margin-inline-start:8px;white-space:nowrap}.category-pill--highlight{width:300px;min-height:65.6px;padding:8px 10px 8px 8px;border-color:var(--cp-highlight-bg, #ccff00);background:var(--cp-highlight-bg, #ccff00);color:var(--cp-highlight-text, #000)}.category-pill--highlight:before{display:none}.category-pill--highlight .category-pill__image-wrap{z-index:2;box-shadow:0 0 0 2px #ffffffb8}.category-pill__sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.category-pill__marquee{display:block;flex:1 1 auto;min-width:0;overflow:hidden}.category-pill__marquee-track{display:flex;width:max-content;animation:category-pill-marquee 11s linear infinite}.category-pill__marquee-group{display:flex;flex:none;align-items:center;gap:14px;padding-right:14px;white-space:nowrap}.category-pill__marquee strong{color:var(--cp-highlight-text, #000);font:700 18px/30px Instrument Sans,sans-serif;letter-spacing:-.02em}.category-pill__lightning{color:var(--cp-highlight-icon, #f4bd18);font-size:23px;line-height:1}@keyframes category-pill-marquee{to{transform:translate(-50%)}}.category-pills__controls{pointer-events:none}.category-pills__arrow{position:absolute;top:50%;z-index:4;display:grid;width:38px;height:38px;margin-top:-19px;padding:0;place-items:center;border:0;border-radius:50%;background:#fff;color:#000;box-shadow:0 4px 10px #0000001f;cursor:pointer;opacity:0;pointer-events:auto;transition:opacity .3s ease,transform .3s ease}.category-pills__arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.category-pills__arrow--prev{left:-19px;transform:translate(-19px)}.category-pills__arrow--next{right:-19px;transform:translate(19px)}.category-pills__viewport-wrap:hover .category-pills__arrow,.category-pills__viewport-wrap:focus-within .category-pills__arrow{opacity:1;transform:translate(0)}.category-pills__arrow:disabled{opacity:.4;cursor:default}.category-pills__viewport-wrap[data-reach=all] .category-pills__controls{display:none}.category-pills__viewport-wrap:before,.category-pills__viewport-wrap:after{position:absolute;top:0;z-index:2;width:70px;height:100%;content:"";opacity:0;pointer-events:none;transition:opacity .1s ease-in-out}.category-pills__viewport-wrap:before{left:-28px;background:linear-gradient(271.86deg,#fff 35.56%,#fff0 98.43%);transform:scaleX(-1)}.category-pills__viewport-wrap:after{right:-28px;background:linear-gradient(271.86deg,#fff 35.56%,#fff0 98.43%)}.category-pills__viewport-wrap[data-reach=begin]:after,.category-pills__viewport-wrap[data-reach=progress]:before,.category-pills__viewport-wrap[data-reach=progress]:after,.category-pills__viewport-wrap[data-reach=end]:before{opacity:1}.category-pill:focus-visible,.category-pills__arrow:focus-visible{outline:2px solid #000;outline-offset:3px}.category-pill:focus-visible{color:#fff}.category-pill:focus-visible:before{width:calc(100% + 1px)}.category-pills__empty{display:grid;min-height:66px;place-items:center;border:1px dashed #ccc;border-radius:12px}@media(hover:hover)and (pointer:fine){.category-pill:hover{color:#fff}.category-pill:hover:before{width:calc(100% + 1px)}.category-pill--highlight:hover{color:var(--cp-highlight-text, #000);filter:brightness(.96)}}@media(min-width:1200px){.category-pills__container{padding-inline:50px}}@media(max-width:767px){.category-pills{padding-block:var(--cp-padding-top-mobile, 36px) var(--cp-padding-bottom, 0px)}.category-pills__container{padding-inline:16px}.category-pills__viewport-wrap{display:grid;width:auto;margin-inline:-16px;padding-inline:16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.category-pills__viewport-wrap::-webkit-scrollbar{display:none}.category-pills__slider{width:max-content;overflow:visible;scroll-behavior:auto}.category-pills__track{display:grid;grid-auto-flow:column;grid-auto-columns:fit-content(100%);column-gap:8px}.category-pills__slide{scroll-snap-align:start}.category-pills__controls,.category-pills__viewport-wrap:before,.category-pills__viewport-wrap:after{display:none}.category-pill__image-wrap{flex-basis:38px;width:38px;height:38px}.category-pill__label{margin-inline-start:4px}.category-pill--highlight{width:260px;min-height:55.6px;padding:8px 9px 8px 8px}.category-pill__marquee strong{font-size:16px}.category-pill__lightning{font-size:20px}}@media(prefers-reduced-motion:reduce){.category-pill,.category-pill:before,.category-pills__arrow,.category-pills__viewport-wrap:before,.category-pills__viewport-wrap:after,.category-pills__slider,.category-pills__track,.category-pill__marquee-track{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.category-pill__marquee-group:nth-child(2){display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-category-pills.css.map */