/**************************************************
PHOENIX BIGO — LIST ITEM
**************************************************/

.list-item{

display:flex;

align-items:center;

justify-content:space-between;

padding:16px 18px;

border-bottom:1px solid var(--phoenix-border);

cursor:pointer;

background:var(--phoenix-surface);

transition:
background 0.2s ease,
transform 0.1s ease;

}


/* HOVER */

.list-item:hover{

background:var(--phoenix-light);

}


/* ACTIVE */

.list-item.active{

background:var(--phoenix-light);

border-color:var(--phoenix-primary);

}


/* LEFT SIDE */

.list-item-left{

display:flex;

align-items:center;

gap:12px;

}


/* ICON */

.list-item-icon{

color:var(--phoenix-primary);

font-size:20px;

}


/* DIAMOND COUNT */

.list-item-count{

font-size:16px;

font-weight:600;

color:var(--phoenix-text);

}


/* PRICE */

.list-item-price{

background:var(--phoenix-light);

color:var(--phoenix-primary);

padding:6px 16px;

border-radius:10px;

font-size:14px;

font-weight:600;

border:1px solid var(--phoenix-border);

}