.media-container-artist div.skeleton-image,.media-container-artist img{width:100%;height:100%;position:absolute;top:0;left:0}.home-top-djs-container{display:flex;flex-direction:column}.media-container-artist{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:1rem;transition:.3s}.media-container-artist img{object-fit:cover;object-position:center;border-radius:8px;transition:.5s!important}.artist-card{flex:0 0 auto;transition:.3s cubic-bezier(.4, 0, .2, 1);border-radius:1.2rem;padding:1.5rem;display:flex;flex-direction:column;background-color:#2a2a2a;position:relative;cursor:pointer}.artist-card:hover{transform:translateY(-6px)}.artist-card:hover .media-container-artist{box-shadow:0 4px 16px rgba(var(--color-shadow),.1)}.artist-card:hover .media-container-artist img{transform:scale(1.1)}.artist-name{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;font-size:1.6rem;font-weight:500;text-align:center;text-transform:uppercase;margin-top:1.6rem;margin-bottom:0;color:rgb(var(--color-foreground));transition:color .3s;line-height:1.3;height:calc(1.6rem * 1.3 * 2);min-height:calc(1.6rem * 1.3 * 2)}.artist-card:hover .artist-name{color:rgb(var(--color-button))}.artist-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--color-button),0) 0,rgba(var(--color-button),.02) 100%);border-radius:inherit;opacity:0;transition:opacity .3s;pointer-events:none}.artist-card:hover::before{opacity:1}@media (prefers-reduced-motion:no-preference){.artist-card{animation:.6s forwards fadeInUp;opacity:0;transform:translateY(20px)}.artist-card:first-child{animation-delay:.1s}.artist-card:nth-child(2){animation-delay:.2s}.artist-card:nth-child(3){animation-delay:.3s}.artist-card:nth-child(4){animation-delay:.4s}.artist-card:nth-child(5){animation-delay:.5s}.artist-card:nth-child(6){animation-delay:.6s}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.artist-card:focus-within{outline:2px solid rgb(var(--color-button));outline-offset:2px}.top-djs-see-more-button{margin-top:2rem;align-self:flex-end;width:max-content;transition:opacity .5s;cursor:pointer!important}