.collection-card__image img,.collection-card.style2 .collection-card__content .collection-card__link svg{transition:all .25s cubic-bezier(.104,.204,.492,1)}.section-collection-list{overflow:hidden}.collection-grid{display:grid;grid-gap:20px 10px;grid-template-columns:repeat(1,1fr)}@media only screen and (width >= 768px){.collection-grid{grid-gap:30px;grid-template-columns:repeat(var(--var-collection-list-columns),1fr)}}@media only screen and (width <= 767px){.collection-grid.swipe-on-mobile{scrollbar-width:none;scroll-snap-type:x mandatory;overflow-x:auto;display:grid;grid-auto-columns:minmax(calc(100vw - 30px),1fr);grid-auto-flow:column;grid-template-columns:repeat(auto-fill,minmax(calc(100vw - 30px),1fr));width:calc(100% + 30px);margin-left:-15px;padding:0 15px}.collection-grid.swipe-on-mobile::-webkit-scrollbar{display:none}}@media only screen and (width <= 767px){.collection-grid.swipe-on-mobile.mobile-columns--2{grid-auto-columns:minmax(calc(50vw - 30px),1fr);grid-template-columns:repeat(2,1fr);grid-template-columns:repeat(auto-fill,minmax(calc(50vw - 30px),1fr))}}.collection-grid__carousel{overflow:visible;display:block;grid-gap:0}.collection-grid__carousel .columns{width:100%}@media only screen and (width >= 768px){.collection-grid__carousel{margin:0 -15px}}@media only screen and (width <= 767px){.collection-grid__carousel .flickity-slider{width:100%;margin:0 -4px}.collection-grid__carousel .flickity-viewport{overflow:visible}}.collection-grid__carousel .flickity-nav.flickity-prev{left:-9px}.collection-grid__carousel .flickity-nav.flickity-next{right:-9px}.collection-card{position:relative;width:100%}.collection-card__link{display:block}.collection-card__content{word-break:break-word}.collection-card__content h2{margin-bottom:0}.collection-card__content p{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:10px;margin-bottom:0;font-size:.8125rem}.collection-card__image{position:relative;z-index:5;overflow:hidden;height:0}.collection-card__image img{will-change:scale;display:block}.collection-card__image img,.collection-card__image .thb-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.collection-card__image.media-aspect-square{padding-bottom:100%}.collection-card__image.media-aspect-portrait{padding-bottom:125%}.collection-card__image.media-aspect-adapt{padding-bottom:var(--var-media-aspect-ratio)}.collection-card__image:after{pointer-events:none;content:"";position:absolute;z-index:11;bottom:0;left:0;width:100%;height:100%;background:rgb(var(--overlay-color-rgb),var(--overlay-opacity))}.collection-card:hover img,.collection-card:focus img{transform:scale(1.05)}.collection-card.style1 .collection-card__image{margin-bottom:24px}@media only screen and (width >= 768px){.collection-card.style1 .collection-card__image{margin-bottom:32px}}.collection-card.style1 .collection-card__content .collection-card__link{display:inline-block;height:auto;margin:0;text-align:left;font-size:24px;text-decoration:unset}.collection-card.style2{overflow:hidden;border-radius:6px}.collection-card.style2 .collection-card__content{position:absolute;z-index:10;right:10px;bottom:10px;left:10px}.collection-card.style2 .collection-card__content .collection-card__link{display:flex;align-items:center;justify-content:space-between;padding:7px 13px;font-size:24px;font-weight:var(--font-body-bold-weight, 600);text-transform:uppercase;background:var(--bg-body, #fff);border-radius:3px}@media only screen and (width >= 768px){.collection-card.style2 .collection-card__content .collection-card__link{padding:17px 26px}}.collection-card.style2 .collection-card__content .collection-card__link svg{flex-shrink:0;width:12px;margin-left:10px}@media only screen and (width >= 768px){.collection-card.style2 .collection-card__content .collection-card__link svg{width:17px;margin-left:20px}}[dir=rtl] .collection-card.style2 .collection-card__content .collection-card__link svg{transform:rotate(180deg);margin-right:10px;margin-left:0}@media only screen and (width >= 768px){[dir=rtl] .collection-card.style2 .collection-card__content .collection-card__link svg{margin-right:20px}}.collection-card.style2:hover .collection-card__content svg{transform:translate(5px)}[dir=rtl] .collection-card.style2:hover .collection-card__content svg{transform:rotate(180deg) translate(5px)}
/*# sourceMappingURL=/cdn/shop/t/55/assets/list-collections.css.map */