/* =========================
   HOME CURRENT CHART
========================= */

.home-chart-box{
    width:100%;
    box-sizing:border-box;
    padding:14px;
    background:#fff;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,.07);
}


/* DATE */

.home-chart-date{
    margin-bottom:10px;
    font-size:12px;
    line-height:1.2;
    color:#888;
}


/* GRID */

.home-chart-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:14px;
    width:100%;
}


/* COLUMN */

.home-chart-card{
    min-width:0;
}


/* ITEM */

.home-chart-item{
    min-width:0;
    padding:10px 0;
}

.home-chart-item + .home-chart-item{
    border-top:1px solid #ededed;
}


/* ROW */

.home-chart-item .chart-info{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    width:100%;
}


/* PLATFORM */

.home-chart-item .chart-platform{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
}


/* ICON */

.home-chart-item .chart-icon{
    width:30px;
    height:30px;
    flex:0 0 30px;
    object-fit:contain;
    border-radius:6px;
}


/* PLATFORM TEXT */

.home-chart-item .platform-text{
    min-width:0;
    display:flex;
    flex-direction:column;
}

.home-chart-item .platform-text strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
    font-weight:700;
    line-height:1.15;
    color:#111;
}

.home-chart-item .platform-text small{
    margin-top:2px;
    font-size:11px;
    font-weight:400;
    line-height:1.15;
    color:#888;

    white-space:nowrap;
}


/* RANK */

.home-chart-item .rank-wrap{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    flex:0 0 auto;
}

.home-chart-item .rank-wrap strong{
    font-size:14px;
    font-weight:700;
    line-height:1;
    color:#111;
}

.home-chart-item .rank-wrap small{
    margin-top:3px;
    font-size:11px;
    font-weight:600;
    line-height:1;
}

.home-chart-item .rank-wrap .up{
    color:#31b86c;
}

.home-chart-item .rank-wrap .down{
    color:#ef7e48;
}

.home-chart-item .rank-wrap .same{
    color:#888;
}