.dsgn-masonry-grid{width:100%}.dsgn-masonry-grid__heading-wrap{margin-bottom:2rem}.dsgn-masonry-grid__heading{display:inline-block;font-size:var(--masonry-heading-size, 32px);color:var(--masonry-heading-color, #111110);font-weight:var(--masonry-heading-weight, 700);line-height:1;background:var(--masonry-heading-bg, #eeede8);border:var(--masonry-heading-border-width, 0px) solid var(--masonry-heading-border-color, #eeede8);padding:.3em .75em;border-radius:9999px;margin:0}.dsgn-masonry-grid__empty{color:var(--dsgn-text-muted, rgba(238, 237, 232, .45));font-size:.9rem}.dsgn-masonry{columns:var(--dsgn-masonry-columns, 3);column-gap:var(--masonry-gap, 12px)}.dsgn-masonry-item{break-inside:avoid;margin-bottom:var(--masonry-gap, 12px);display:block}.dsgn-masonry-card{display:flex;flex-direction:column;background:none;border:none;outline:var(--masonry-border-width, 1px) solid transparent;border-radius:var(--masonry-card-radius, 16px);overflow:hidden;cursor:pointer;text-align:left;color:var(--dsgn-text, #eeede8);font-family:inherit;width:100%;padding:0;transition:outline-color .25s ease;position:relative}.dsgn-masonry-card:hover,.dsgn-masonry-card:focus-visible{outline-color:color-mix(in srgb,var(--masonry-border-color, #eeede8) calc(var(--masonry-border-opacity, .2) * 100%),transparent)}.dsgn-masonry-card__media{position:relative;overflow:hidden;width:100%;background:var(--dsgn-surface-2, #242422)}.dsgn-masonry-card__media img{width:100%;height:auto;display:block;transition:transform .5s ease}.dsgn-masonry-card:hover .dsgn-masonry-card__media img{transform:scale(1.04)}.dsgn-masonry-card__no-image{width:100%;aspect-ratio:4 / 3;background:var(--dsgn-surface-2, #242422)}.dsgn-masonry-card__price-badge{display:inline-block;font-size:var(--masonry-text-size, 13px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.35em .9em;border-radius:9999px;line-height:1;white-space:nowrap;flex-shrink:0}.dsgn-masonry-card__price-badge--paid,.dsgn-masonry-card__price-badge--free{background:var(--dsgn-text, #eeede8);color:var(--dsgn-bg, #111110)}.dsgn-masonry-card__price-badge--unreleased{background:transparent;border:1px solid rgba(238,237,232,.2);color:#eeede866}.dsgn-masonry-card__serial{position:absolute;bottom:.75rem;left:.75rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:monospace;color:#fff9;z-index:1;line-height:1}.dsgn-masonry-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.dsgn-masonry-card:hover .dsgn-masonry-card__overlay{opacity:1}.dsgn-masonry-card__overlay-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#00000080;padding:.5em 1em;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.dsgn-masonry-card__info{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.2rem;background:#0d0d0c}.dsgn-masonry-card__info--with-badge{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.dsgn-masonry-card__info-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.dsgn-masonry-card__badges{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex-shrink:0}.dsgn-masonry-card__code-badge{display:inline-block;font-size:var(--masonry-text-size, 13px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3em .8em;border-radius:9999px;line-height:1;white-space:nowrap;background:var(--dsgn-text, #eeede8);color:var(--dsgn-bg, #111110)}.dsgn-masonry-card__code{font-size:var(--masonry-text-size, 13px);letter-spacing:.12em;text-transform:uppercase;color:var(--dsgn-text-muted, rgba(238, 237, 232, .45))}.dsgn-masonry-card__title{display:inline-block;font-size:var(--masonry-text-size, 13px);font-weight:600;line-height:1;color:var(--masonry-title-color, #111110);background:var(--masonry-title-bg, #eeede8);padding:.35em .85em;border-radius:9999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dsgn-masonry-card__category{font-size:var(--masonry-text-size, 13px);letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--dsgn-text-muted, rgba(238, 237, 232, .45));margin-top:.2rem}@media screen and (max-width:989px){.dsgn-masonry{columns:2;column-gap:.85rem}.dsgn-masonry-item{margin-bottom:.85rem}}@media screen and (max-width:480px){.dsgn-masonry{columns:1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-dsgn-masonry-grid.css.map */