/*
==========================================================

PremiumZone

Sprint :
PZ-003

File :
assets/css/dashboard/activity.css

Description :
Activity Component

==========================================================
*/

/* ==========================================================
   PZ COMPONENT : ACTIVITY LIST
========================================================== */

.pz-activity-list{

    display:flex;

    flex-direction:column;

    gap:12px;

}

/* ==========================================================
   PZ COMPONENT : ACTIVITY CARD
========================================================== */

.pz-activity-card{

    display:flex;

    align-items:center;

    gap:18px;

    min-height:72px;

    padding:18px;

    border:1px solid #FFFFFF;

    transition:
        border-color .18s ease,
        transform .18s ease;

}

.pz-activity-card:hover{

    border-color:var(--pz-cyan);

    transform:translateY(-2px);

}

/* ==========================================================
   PZ COMPONENT : PULSE
========================================================== */

.pz-activity-pulse{

    width:42px;

    height:42px;

    display:flex;

    justify-content:center;

    align-items:center;

    color:var(--pz-cyan);

    font-size:20px;

    animation:pzPulse 1.8s infinite;

    flex-shrink:0;

}

/* ==========================================================
   PZ COMPONENT : CONTENT
========================================================== */

.pz-activity-content{

    flex:1;

    font-size:14px;

    opacity:.9;

    word-break:break-word;

}

/* ==========================================================
   PZ ANIMATION : PULSE
========================================================== */

@keyframes pzPulse{

    0%{

        opacity:.20;

        transform:scale(.80);

    }

    35%{

        opacity:1;

        transform:scale(1.15);

    }

    70%{

        opacity:.50;

        transform:scale(.95);

    }

    100%{

        opacity:.20;

        transform:scale(.80);

    }

}

/* ==========================================================
   PZ RESPONSIVE
========================================================== */

@media (max-width:640px){

    .pz-activity-card{

        padding:14px;

        gap:14px;

    }

    .pz-activity-pulse{

        width:36px;

        height:36px;

        font-size:18px;

    }

}