.album-info-overlay,.album-title-overlay{left:0;right:0;z-index:2;position:absolute}.album-grid-container{padding:2rem 0}.album-grid-container .responsive-grid-helper{display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}@media screen and (max-width:649px){.album-grid-container .responsive-grid-helper{gap:1rem}}@media screen and (min-width:450px){.album-grid-container .responsive-grid-helper{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:850px){.album-grid-container .responsive-grid-helper{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.album-grid-container .responsive-grid-helper{grid-template-columns:repeat(4,1fr)}}.album-card{position:relative;border-radius:1.2rem;overflow:hidden;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);box-shadow:0 0 0 1px rgba(var(--color-shadow),.04),0 2px 8px rgba(var(--color-shadow),.06);transition:.3s cubic-bezier(.4, 0, .2, 1)}.album-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(var(--color-shadow),.08),0 8px 32px rgba(var(--color-shadow),.12),0 4px 16px rgba(var(--color-shadow),.08);border-color:rgba(var(--color-foreground),.12)}.album-card-link{display:block;text-decoration:none;color:inherit;height:100%}.album-image-container{position:relative;aspect-ratio:1/1;overflow:hidden}.album-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s}.album-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-button),.1) 0,rgba(var(--color-button),.05) 100%)}.album-card:hover .album-image{transform:scale(1.1)}.album-holographic-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--color-button),0) 0,rgba(var(--color-button),.1) 25%,rgba(var(--color-button),.2) 50%,rgba(var(--color-button),.1) 75%,rgba(var(--color-button),0) 100%);opacity:0;transition:opacity .3s;pointer-events:none;background-size:200% 200%;background-position:-100% -100%}.album-card:hover .album-holographic-overlay{opacity:1;background-position:100% 100%;transition:opacity .3s,background-position .6s}.album-title-overlay{bottom:7.5rem;text-align:center;color:#fff;font-size:1.8rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.6);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.album-info-overlay{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 50%,transparent 100%);padding:1.5rem 1rem 1rem;backdrop-filter:blur(4px);display:flex;justify-content:space-between;align-items:center;gap:1rem}.album-remix-count{font-size:1.2rem;color:rgba(255,255,255,.9);font-weight:500}.album-price{text-align:right}.album-price .price-item.price-item--regular{margin-right:0!important;font-size:12px}.album-price .price-item.price-item--sale.price-item--last{margin-left:1rem;font-size:14px;width:100%}.album-price-display{font-size:1.4rem;font-weight:600;color:#fff}.album-price-display .price__regular,.album-price-display .price__sale{color:#fff}@media screen and (max-width:749px){.album-title-overlay{font-size:1.4rem}.album-remix-count{font-size:1.1rem}.album-price-display{font-size:1.3rem}.album-info-overlay{padding:1rem .75rem .75rem}}