/* ==========================================
   LyricsGroove Premium Member Cards
========================================== */

.lg-member-photo{
    position:relative;
    overflow:hidden;
}

.lg-member-photo img{
    width:100%;
    height:100%;
    display:block;

    object-fit:cover;
    object-position:center;

    transition:
        transform .6s cubic-bezier(.22,1,.36,1),
        filter .45s ease;
}

.lg-member-card:hover .lg-member-photo img{
    transform:scale(1.08);
    filter:saturate(1.08) contrast(1.05);
}

.lg-member-photo::after{

content:"";

position:absolute;

left:0;
right:0;
bottom:0;

height:110px;

pointer-events:none;

background:linear-gradient(
to bottom,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.15) 35%,
rgba(255,255,255,.45) 60%,
rgba(255,255,255,.75) 82%,
#fff 100%
);

transition:.45s ease;

}

.lg-member-card:hover .lg-member-photo::after{

height:95px;

}



/* ==========================================
   Premium Hover Effect
========================================== */

.lg-member-card{

position:relative;

transition:
transform .45s cubic-bezier(.22,1,.36,1),
box-shadow .45s ease,
border-color .45s ease;

border:1px solid rgba(0,0,0,.05);

}

.lg-member-card:hover{

transform:
translateY(-12px);

box-shadow:
0 30px 60px rgba(15,23,42,.16),
0 10px 24px rgba(222,73,123,.18);

border-color:
rgba(222,73,123,.28);

}

.lg-member-card::before{

content:"";

position:absolute;

inset:0;

border-radius:inherit;

padding:1px;

background:
linear-gradient(
135deg,
rgba(222,73,123,.45),
rgba(124,58,237,.35)
);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

opacity:0;

transition:.45s ease;

pointer-events:none;

}

.lg-member-card:hover::before{

opacity:1;

}