.collection__grid{display:grid;grid-template-columns:repeat(var(--mobile-ppr, 2),1fr);gap:32px 8px}@media(min-width:1024px){.collection__grid{grid-template-columns:repeat(var(--product-per-row, 4),1fr);gap:40px 20px}}.container--pagination{margin-top:64px}.collection-item{display:block}.collection-item__media-wrapper{position:relative;margin-bottom:12px}.collection-item__wishlist{position:absolute!important;top:4px;right:4px;background:none;border:0;padding:8px;z-index:1;cursor:pointer}.collection-item__wishlist:after{display:none!important}.collection-item__wishlist svg{display:block}.collection-item__wishlist.swym-added path{fill:#e96475;fill-opacity:1}.collection-item__message{color:var(--color);font-size:11px;line-height:14px;font-weight:500;margin:8px 0 0}@media(min-width:1024px){.collection-item__message{font-size:12px;line-height:16px;font-weight:600}}.collection-item__swatches{display:flex;gap:6px;margin-top:6px}.collection-item__swatch{flex:0 1 24px;width:24px;height:24px;border:1px solid transparent;padding:2px;border-radius:100%;background:none;cursor:pointer}.collection-item__swatch>div{border-radius:100%;width:100%;height:100%;border:.5px solid #101B2A35}.collection-item__swatch.active{border-color:#101b2a}.collection-item__media-link{position:relative;display:block}.collection-item__image{display:block;aspect-ratio:1;width:100%;height:auto}.collection-item__image--secondary{position:absolute;top:0;left:0;pointer-events:none;opacity:0;transition:all .25s ease-in-out}.collection-item:hover .collection-item__image--secondary,.boost-pfs-ada .collection-item:focus-within .collection-item__image--secondary{opacity:1;pointer-events:initial}.collection-item__badges{position:absolute;z-index:1;top:10px;left:10px}.collection-item__badge{color:#101b2a;font-size:11px;line-height:12px;letter-spacing:.13px;padding:3px 4px;border-radius:4px;border:1px solid #101B2A;background-color:#fff;font-weight:600;text-transform:capitalize}.collection-item__vendor{font-weight:500;font-size:11px;line-height:14px;color:#101b2a;display:block;margin-bottom:6px}@media(min-width:1024px){.collection-item__vendor{font-weight:600;font-size:12px;line-height:16px}}.collection-item__title{font-size:14px;line-height:18px;color:#101b2a;font-weight:500;margin-bottom:8px;display:block}@media(min-width:1024px){.collection-item__title{font-size:16px;line-height:20px;font-weight:600}}.collection-item__price{font-size:14px;line-height:16px}@media(min-width:1024px){.collection-item__price{font-size:16px;line-height:18px}}.collection-item__price .sale{font-weight:500}.collection-item__hover{position:absolute;bottom:8px;right:8px}.collection-item__hover-button{border-radius:100%;border:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;background-color:#ffffff75;cursor:pointer}@media(min-width:1024px){.collection-item__hover{position:absolute;right:50%;transform:translate(50%) translateY(120%);opacity:0;transition:all .25s ease}.collection-item__hover-button{width:auto;height:auto;color:#101b2a;font-size:12px;line-height:14px;letter-spacing:.13px;padding:3px 8px;border-radius:4px;border:1px solid #101B2A;background-color:#fff;font-weight:600;transition:all .25s ease}.collection-item__hover-button:hover,.collection-item__hover-button:focus{color:#fff;background-color:#101b2a}.collection-item:hover .collection-item__hover{transform:translate(50%);opacity:1}}.collection-item__hover-button svg{width:100%;height:100%;margin:0 -1px -1px 0}.collection-item__more{font-weight:600;color:#101b2a;font-size:12px;line-height:12px;align-self:center}.collection-item-skeleton__image{width:100%;aspect-ratio:1;height:auto;margin-bottom:12px}.collection-item-skeleton__vendor{width:26%;height:14px;margin-bottom:6px}@media(min-width:1024px){.collection-item-skeleton__vendor{height:16px}}.collection-item-skeleton__title{height:36px;width:100%;margin-bottom:8px}@media(min-width:1024px){.collection-item-skeleton__title{height:40px}}.collection-item-skeleton__price{width:34%;height:18px}@media(min-width:1024px){.collection-item-skeleton__price{height:20px}}.collection-item-skeleton__image,.collection-item-skeleton__vendor,.collection-item-skeleton__title,.collection-item-skeleton__price{background-color:#00000012;animation:skeleton-animation 2s infinite}@keyframes skeleton-animation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/207/assets/collection-item.css.map */
