.button-bar-container{position:relative}.button-bar{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:5px}.button-bar.center{justify-content:left}.button-bar .button{text-transform:uppercase;font-weight:700;color:#000;padding:12px 20px;background:#f6f6f6}.button-bar.right{justify-content:end}.category-carousel--gradient{width:50px;height:50px;position:absolute;z-index:5;top:0;bottom:0}.category-carousel--gradient-right{pointer-events:none;background:linear-gradient(to right,#fff,transparent);right:0}.category-carousel--gradient-left{pointer-events:none;background:linear-gradient(to left,#fff,transparent);left:0}@media screen and (max-width:767px){.button-bar-container{padding-bottom:20px}.button-bar .button{min-height:unset;border:none;min-width:unset}.button-bar .current-page .button{border-bottom:1px solid}}@media screen and (min-width:1000px){.button-bar{overflow-x:hidden;padding-bottom:0}.button-bar.center{justify-content:center}}.category-carousel--scroll-btn{opacity:0;pointer-events:none;transition:opacity .7s ease}.category-carousel--scroll-btn:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}@media screen and (max-width: 767px){.category-carousel--scroll-btn svg{width:20px;height:20px}.category-carousel--scroll-btn{opacity:1;pointer-events:all}.category-carousel--scroll-btn.hidden{opacity:0}.category-carousel--scroll-btn{display:block;width:45px;background-color:#fff;border:1px solid #000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;height:45px;position:absolute}.category-carousel--left{z-index:10;left:10px}.category-carousel--right{z-index:10;right:10px;left:unset;justify-items:right}.category-carousel--left,.category-carousel--right{background:#fff}}@media screen and (min-width: 768px){.button-bar{margin-bottom:40px}}.button-bar-container>.button-bar-inner .button{white-space:nowrap}.button-bar-container>.button-bar-inner{position:relative}.button-bar-container>.button-bar-inner{padding:0 52px 12px;overflow:unset;overflow-x:scroll}.button-bar-container>.button-bar-inner::-webkit-scrollbar{background-color:#fafafa;width:5px;height:5px}.button-bar-container>.button-bar-inner::-webkit-scrollbar-thumb{background-color:#dddada}
/*# sourceMappingURL=/cdn/shop/t/13/assets/subcollections-bar.css.map */