.sub-collections-carousel{position:relative}.sub-collections-carousel__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);margin-bottom:1rem}.sub-collections-carousel__track{list-style:none;padding:0;margin:0;display:flex;flex-wrap:nowrap;align-items:flex-start}.sub-collections-carousel__item{display:flex;flex-direction:column;align-items:center}.sub-collections-carousel__link{display:block;width:100%;text-decoration:none;color:inherit;transition:transform .25s ease,opacity .25s ease}.sub-collections-carousel__link:hover{transform:translateY(-2px)}.sub-collections-carousel__image-wrap{width:100%;aspect-ratio:1 / 1;background-color:rgb(var(--colors-line-and-border) / .15);position:relative;transition:box-shadow .25s ease,border-color .25s ease;border:1px solid transparent;margin-left:auto;margin-right:auto}.sub-collections-carousel__image-wrap--circle{border-radius:50%;margin-left:auto;margin-right:auto}.sub-collections-carousel__image-wrap--rounded{border-radius:12px}.sub-collections-carousel__link:hover .sub-collections-carousel__image-wrap{border-color:rgb(var(--colors-text-link) / .5)}.sub-collections-carousel__title{font-family:var(--font-body-family);font-size:.95rem;line-height:1.3;color:rgb(var(--colors-text));word-break:break-word}.sub-collections-carousel__item--active .sub-collections-carousel__title{font-weight:600;color:rgb(var(--colors-text-link))}.sub-collections-carousel__item--active .sub-collections-carousel__image-wrap{border-color:rgb(var(--colors-text-link))}.sub-collections-carousel__count{font-family:var(--font-body-family);font-size:.8rem;color:rgb(var(--colors-text) / .65)}.sub-collections-carousel__image-placeholder{background-color:rgb(var(--colors-line-and-border) / .2)}.sub-collections-carousel__image-placeholder-svg{width:50%;height:50%;fill:rgb(var(--colors-text) / .4)}.sub-collections-carousel .splide__arrows{pointer-events:none}.sub-collections-carousel .splide__arrow{pointer-events:auto;background:rgb(var(--colors-background));border:1px solid rgb(var(--colors-line-and-border) / .6)}.sub-collections-carousel .splide__arrow:hover{background:rgb(var(--colors-text))}.sub-collections-carousel .splide__arrow:hover svg{fill:rgb(var(--colors-background))}
/*# sourceMappingURL=/cdn/shop/t/15/compiled_assets/styles.css.map */