.shop-by-category__header{text-align:center;max-width:56rem;margin:0 auto 3.2rem}.shop-by-category__caption{margin:0 0 .8rem;font-size:1.3rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--shop-by-category-accent)}.shop-by-category__heading{margin:0 0 1.4rem;font-style:italic;font-weight:800;line-height:1.05;font-size:3.2rem}@media screen and (min-width:750px){.shop-by-category__heading{font-size:4.2rem}}.shop-by-category__accent{display:block;width:4.4rem;height:.4rem;margin:0 auto 1.6rem;border-radius:999px;background:var(--shop-by-category-accent)}.shop-by-category__subheading{margin:0;font-size:1.5rem;line-height:1.5;opacity:.75}.shop-by-category__placeholder{text-align:center;color:rgba(var(--color-foreground),.6)}.shop-by-category__carousel{display:flex;flex-direction:column}.shop-by-category__row{display:flex;align-items:center;gap:1.2rem}.shop-by-category__list{--shop-by-category-visible: 5;--shop-by-category-gap: 1.6rem;display:flex;flex:1 1 auto;gap:var(--shop-by-category-gap);margin:0;padding:.5rem;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-by-category__list::-webkit-scrollbar{display:none}.shop-by-category__item{flex:0 0 calc((100% - ((var(--shop-by-category-visible) - 1) * var(--shop-by-category-gap))) / var(--shop-by-category-visible));max-width:13rem;scroll-snap-align:start}@media screen and (min-width:990px){.shop-by-category__list{--shop-by-category-visible: 6}}@media screen and (min-width:550px)and (max-width:989px){.shop-by-category__list{--shop-by-category-visible: 4}}@media screen and (max-width:549px){.shop-by-category__list{--shop-by-category-visible: 2.4;--shop-by-category-gap: 1.2rem}}.shop-by-category__link{display:flex;flex-direction:column;align-items:center;gap:1.2rem;color:rgb(var(--color-foreground));text-decoration:none}.shop-by-category__media{display:block;position:relative;width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background:rgba(var(--color-foreground),.04);box-shadow:0 .1rem .4rem #00000014;transition:transform .25s ease,box-shadow .25s ease}.shop-by-category__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:.2rem solid var(--shop-by-category-accent);opacity:0;transition:opacity .25s ease}.shop-by-category__media img,.shop-by-category__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.shop-by-category__link:hover .shop-by-category__media,.shop-by-category__link:focus-visible .shop-by-category__media{transform:translateY(-.4rem);box-shadow:0 .6rem 1.2rem #00000026}.shop-by-category__link:hover .shop-by-category__media:after,.shop-by-category__link:focus-visible .shop-by-category__media:after{opacity:1}.shop-by-category__label{font-size:1.4rem;font-weight:600;text-align:center;line-height:1.3}.shop-by-category__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.shop-by-category__arrow:hover{background:rgba(var(--color-foreground),.06)}.shop-by-category__arrow:disabled{opacity:0;pointer-events:none}.shop-by-category__arrow-icon{display:flex;width:1.6rem;height:1.6rem}.shop-by-category__arrow-icon svg{width:100%;height:100%}.shop-by-category__arrow--prev .shop-by-category__arrow-icon{transform:scaleX(-1)}.shop-by-category__dots{display:flex;justify-content:center;gap:.8rem;width:100%;margin-top:1rem}.shop-by-category__dot{width:.8rem;height:.8rem;padding:0;border:none;border-radius:50%;background:rgba(var(--color-foreground),.2);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.shop-by-category__dot.is-active{background:rgb(var(--color-foreground));transform:scale(1.2)}.shop-by-category--no-overflow .shop-by-category__arrow,.shop-by-category--no-overflow .shop-by-category__dots{display:none}.shop-by-category--no-overflow .shop-by-category__list{justify-content:center}@media screen and (max-width:749px){.shop-by-category__arrow{width:3.4rem;height:3.4rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-shop-by-category.css.map */