.collection-logos-section{padding-top:var(--section-padding-top, 48px);padding-bottom:var(--section-padding-bottom, 48px);background-color:var(--brand-bg, #FBFBFB)}.collection-logos-container{max-width:var(--page-width, 1280px);margin-left:auto;margin-right:auto;padding-left:var(--page-margin, 20px);padding-right:var(--page-margin, 20px);box-sizing:border-box}.collection-logos-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));justify-content:center;align-items:start;gap:25px}.collection-logo-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.collection-logo-card__label{margin-top:0}.collection-logo-card__price{margin-top:2px}.collection-logo-card__image-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding-top:12px;aspect-ratio:1 / .71;border-radius:var(--brand-radius, 20px);background:#fff;box-shadow:0 1px 2px #14142b0a,0 8px 24px #14142b0f;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}.collection-logo-card:hover .collection-logo-card__image-wrap{transform:translateY(-4px);box-shadow:0 2px 4px #14142b0f,0 16px 32px #14142b1a}.collection-logo-card__image{position:relative;z-index:1;width:80%;height:80%;object-fit:contain}.collection-logo-card__placeholder{position:relative;z-index:1;width:63%;height:63%;color:rgba(var(--color-foreground, 18, 18, 18),.2)}.collection-logo-card__label{font-size:.95rem;font-weight:600;text-align:center}.collection-logo-card__price{padding-top:4px;color:#5c5c5c;font-size:14px;text-align:center}@property --brand-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.collection-logo-card__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--brand-angle),transparent 0deg,transparent 260deg,color-mix(in srgb,var(--brand-accent) 70%,transparent) 300deg,color-mix(in srgb,var(--brand-accent) 90%,transparent) 320deg,color-mix(in srgb,var(--brand-accent) 70%,transparent) 340deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:brand-border-spin 8s linear infinite}@keyframes brand-border-spin{to{--brand-angle: 360deg}}@media(prefers-reduced-motion:reduce){.collection-logo-card__shimmer{animation:none}}@media screen and (max-width:1400px){.collection-logos-grid{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:989px){.collection-logos-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:599px){.collection-logos-grid{grid-template-columns:repeat(3,1fr);gap:14px}.collection-logo-card__label{font-size:.8rem}}@media screen and (max-width:749px){.collection-logos-grid{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 4px 10px;margin:-6px -4px -10px}.collection-logos-grid::-webkit-scrollbar{display:none}.collection-logo-card{flex:0 0 calc((100% - 24px)*.4);scroll-snap-align:start}.collection-logo-card__label{font-size:.78rem;margin-top:8px}.collection-logo-card__price{font-size:.68rem;margin-top:3px}}.collection-logo-card{background:#fff;border-radius:var(--brand-radius, 20px);padding:0 10px 14px;box-shadow:0 1px 2px #14142b0a,0 8px 24px #14142b0f;transition:transform .25s ease,box-shadow .25s ease}.collection-logo-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px #14142b0f,0 16px 32px #14142b1a}.collection-logo-card .collection-logo-card__image-wrap{background:transparent;box-shadow:none;border-radius:0}.collection-logo-card:hover .collection-logo-card__image-wrap{transform:none;box-shadow:none}.collection-logo-card__label,.collection-logo-card__price{text-align:center}@media screen and (min-width:990px){.collection-logos-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:25px}}.collection-logo-card__price{display:flex;align-items:baseline;justify-content:center;gap:4px;white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}.collection-logo-card__da{font-size:11px;color:#8b94a3}.collection-logo-card{position:relative;overflow:hidden}.collection-logo-card .collection-logo-card__image-wrap{position:static}.collection-logo-card .collection-logo-card__shimmer{border-radius:var(--brand-radius, 20px)}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-collection-logos.css.map */