@keyframes dps-slide-up {
    from { opacity: 0; transform: translate3d(0,var(--dps-slide-distance,48px),0); }
    to { opacity: 1; transform: translate3d(0,0,0); }
}
.dps-slide-up { animation-name: dps-slide-up; }
.dps-tint-yes { position: relative; }
.dps-tint-yes::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--dps-hover-color,rgba(26,182,157,.6));
    border-radius: var(--dps-hover-radius,10px);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--dps-hover-duration,300ms) ease;
}
.dps-member-card:hover .dps-tint-yes::after,
.dps-member-card:focus-within .dps-tint-yes::after,
.dps-tint-yes:hover::after { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
    .dps-slide-up { animation: none !important; opacity: 1; transform: none; }
    .dps-tint-yes::after { transition: none; }
}