.collection-thumbnails{--card-title-size: 14rem;justify-content:var(--flex-align, center)}.collection-thumbnails__content,.collection-thumbnails .swiper-wrapper{justify-content:var(--flex-align, center)}.collection-thumbnails:has(.swiper-initialized):has(.swiper-btn:not(.swiper-button-lock)) .swiper-wrapper{justify-content:flex-start}.collection-thumbnails .swiper-component{display:grid}.collection-thumbnails .swiper,.collection-thumbnails .swiper-component{width:100%}.collection-thumbnails .swiper-slide{width:auto}.collection-thumbnails .swiper-slide:last-child{margin-inline-end:0!important}.collection-thumbnails-vertical .collection-card-thumbnail__title{max-width:var(--card-title-size);text-align:center}.collection-thumbnails-vertical .collection-card-thumbnail.selected .collection-card-thumbnail__image{position:relative;border:1px solid var(--color-heading)}.collection-thumbnails-vertical .collection-card-thumbnail.selected .collection-card-thumbnail__image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:6px solid var(--color-background);border-radius:var(--media-border-radius);z-index:1}.collection-thumbnails-horizontal{--card-padding-right: 2.4rem}.collection-thumbnails-horizontal .collection-card-thumbnail{padding-inline-end:var(--card-padding-right, 2.4rem);padding-inline-start:var(--card-padding, .6rem);padding-block:var(--card-padding, .6rem);transition:border-color var(--animation-speed-slow) var(--animation-easing)}.collection-thumbnails-horizontal .collection-card-thumbnail.selected{border-color:var(--color-heading)}.collection-thumbnails-horizontal .collection-card-thumbnail__title{white-space:nowrap}.collection-card-thumbnail__color{aspect-ratio:var(--ratio, 1)}@media only screen and (max-width:1024px){.collection-thumbnails .swiper-component{justify-content:var(--flex-align, center)}}@media only screen and (max-width:767px){.collection-thumbnails{--card-title-size: 11rem}.collection-thumbnails-horizontal{--card-padding-right: 2rem}}@media(hover:hover)and (pointer:fine){.collection-thumbnails-horizontal .collection-card-thumbnail[href]:hover{border-color:var(--color-heading)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collection-list-thumbnails.css.map */