.shop-by__heading{text-align:center;margin:0 0 3rem}.shop-by__description{max-width:60rem;margin:-1.5rem auto 3rem;text-align:center}.shop-by__tabs-wrapper{position:relative;margin:0 0 3rem}.shop-by__tabs-wrapper:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:.1rem solid rgba(var(--color-foreground),.08)}.shop-by__tabs{position:relative;display:flex;flex-wrap:wrap;justify-content:center;width:fit-content;max-width:100%;margin:0 auto;gap:.4rem;list-style:none;padding:.15rem;background-color:#e5e5e5;border-radius:999px}.shop-by__tab{background:transparent;border:none;border-radius:999px;cursor:pointer;font:inherit;font-size:1.6rem;font-weight:700;text-transform:none;padding:.9rem 2rem;color:rgb(var(--color-foreground))}.shop-by__tab--active{background-color:#fff;box-shadow:0 .2rem .4rem rgba(var(--color-shadow),.15)}.shop-by__panel{display:none;min-height:200px}.shop-by__panel--active{display:block}.shop-by__scroll-wrapper{position:relative}.shop-by__scroll-fade{position:absolute;top:0;right:-1px;bottom:0;width:6rem;pointer-events:none;background:linear-gradient(to right,rgba(var(--color-background),0),rgb(var(--color-background)))}.shop-by__list{--shop-by-gap: 1.6rem;--shop-by-visible: 3.5;display:flex;flex-wrap:nowrap;align-items:flex-start;list-style:none;margin:0;padding:.4rem .4rem 1.2rem;gap:var(--shop-by-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:thin;scrollbar-color:rgba(var(--color-button),.35) #e0e0e0}.shop-by__list--dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.shop-by__list::-webkit-scrollbar{height:3px}.shop-by__list::-webkit-scrollbar-track{background:#e0e0e0;border-radius:999px}.shop-by__list::-webkit-scrollbar-thumb{background-color:rgba(var(--color-button),.35);border-radius:999px}@media screen and (min-width:750px){.shop-by__list{--shop-by-visible: 7}}.shop-by__item{flex:0 0 calc((100% - (var(--shop-by-visible) - 1) * var(--shop-by-gap)) / var(--shop-by-visible));min-width:0;scroll-snap-align:start}.shop-by__link{display:block;text-decoration:none;text-align:center;color:rgb(var(--color-foreground));padding:1.2rem .8rem;border-radius:var(--buttons-radius-outset);transition:background-color .2s ease,color .2s ease}.shop-by__link--active .shop-by__label{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}@media screen and (min-width:750px){.shop-by__link:hover .shop-by__label{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}}.shop-by__circle{position:relative;display:block;width:80px;height:80px;margin:0 auto;border-radius:50%;overflow:hidden;background-color:rgba(var(--color-foreground),.05);box-shadow:0 0 0 0 transparent;transition:box-shadow .2s ease}@media screen and (min-width:750px){.shop-by__circle{width:90px;height:90px}}.shop-by__circle img,.shop-by__circle svg.placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.shop-by__circle--see-all{display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-button))}.shop-by__circle--see-all .icon{width:2.4rem;height:2.4rem;color:rgb(var(--color-button-text))}.shop-by__link:hover .shop-by__circle,.shop-by__link--active .shop-by__circle{box-shadow:0 0 0 .2rem rgb(var(--color-button))}.shop-by__label{display:inline-block;margin-top:1rem;font-size:1.8rem;font-weight:700;border-radius:100px;padding:0 15px}
/*# sourceMappingURL=/cdn/shop/t/270/assets/section-shop-by.css.map */