.collectionItem{background-color:#fff;border:1px solid #CECECE;border-radius:var(--radius-lg);display:flex;flex:1;flex-direction:column;gap:9px;height:100%;padding:20px;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.collectionItem:hover{border-color:#000;box-shadow:inset 0 0 0 1px #000}@media(max-width:800px){.collectionItem{padding:15px;border-radius:var(--radius-md)}.collectionItem:hover{border-color:#cecece;box-shadow:none}}.collectionItemImage{aspect-ratio:1;background-color:var(--white-muted);border-radius:var(--radius-lg);object-fit:contain;width:100%}@media(max-width:800px){.collectionItemImage{border-radius:var(--radius-md)}}.collectionItemTitle{font-family:pragmatica-extended,sans-serif;font-size:18px;font-weight:700;line-height:1;text-transform:uppercase}.collectionItemDescription{color:var(--black-muted);display:-webkit-box;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.collectionItem:not(.compact) .collectionItemDescription{margin-top:-4px}.collectionItemPrice{align-items:baseline;display:flex;font-family:JetBrains Mono,monospace;gap:4px}.collectionItemPriceCurrent{font-size:14px;font-weight:700}.collectionItemPriceCompare{color:var(--black-muted);font-size:14px;font-weight:300;text-decoration:line-through}.collectionItemBanner{border-radius:var(--radius-full);font-size:14px;font-weight:700;line-height:1;right:30px;padding:5px 11px;position:absolute;top:30px}.collectionItemBanner.sale{background-color:var(--sale);color:#000;text-transform:uppercase}.collectionItemSwatches{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;min-height:20px;-webkit-mask-image:linear-gradient(to right,black 0%,black calc(100% - 60px),transparent 100%);mask-image:linear-gradient(to right,black 0%,black calc(100% - 60px),transparent 100%);overflow-x:auto;padding:0 30px 0 0;scrollbar-width:none}.collectionItemSwatches::-webkit-scrollbar{display:none}.collectionItemSwatchesItem{height:20px;width:20px}.collectionItem:not(.compact) .collectionItemSwatches{min-height:28px;padding:4px 30px 4px 4px}.collectionItem:not(.compact) .collectionItemSwatchesItem{background:transparent;border:0;cursor:pointer;flex-shrink:0;padding:0;-webkit-tap-highlight-color:transparent}.collectionItemSwatchesItem.active{border-radius:50%;outline:2px solid black;outline-offset:2px}.collectionItemSwatchesItemPreview{display:block;height:100%;width:100%}.collectionItemAdd{align-items:center;background-color:var(--black);border:0;border-radius:var(--radius-full);bottom:5px;color:var(--white);cursor:pointer;display:none;height:26px;justify-content:center;padding:6px;position:absolute;right:5px;width:26px;z-index:3}.collectionItem.compact .collectionItemAdd{display:flex}.collectionItemAdd.loading{color:transparent;pointer-events:none}.collectionItemAdd.loading:after{animation:loading 1s ease infinite;border:3px solid transparent;border-radius:50%;border-top-color:#fff;bottom:0;content:"";height:14px;left:0;margin:auto;position:absolute;right:0;top:0;width:14px}.collectionItemAddIcon{height:14px;width:14px}.collectionItem.compact{border-radius:var(--radius-md);gap:7px;padding:10px}.collectionItem.compact .collectionItemImage{border-radius:var(--radius-sm)}.collectionItem.compact .collectionItemTitle{font-size:13px}.collectionItem.compact .collectionItemDescription{font-size:12px;font-weight:500;-webkit-line-clamp:2}.collectionItem.compact .collectionItemPriceCurrent{font-size:12px}.collectionItem.compact .collectionItemPriceCompare{font-size:11px}.collectionItem.compact .collectionItemBanner{border-radius:var(--radius-md);font-size:10px;right:15px;top:15px}.collectionItem.compact .collectionItemSwatches{min-height:14px}.collectionItem.compact .collectionItemSwatchesItem{height:14px;width:14px}@media(max-width:800px){.collectionItem.compact .collectionItemSwatches{min-height:12px}.collectionItem.compact .collectionItemSwatchesItem{height:12px;width:12px}}@media(max-width:800px){.collectionItemTitle{font-size:16px;-webkit-line-clamp:2}.collectionItemDescription{font-size:12px;-webkit-line-clamp:2}.collectionItemBanner{font-size:12px;top:8px;right:8px}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/theme-collection-item.css.map */