/*==========================================================
  MINI PLAYER
==========================================================*/

.mini-player{

    position: fixed;

    top: 100px;

    left: 50%;

    transform: translateX(-50%) translateY(-120%);

    width: min(1100px, 94%);

    display: flex;

    align-items: center;

    gap: 16px;

    padding: 10px 16px;

    background: rgba(18,18,18,.96);

    backdrop-filter: blur(14px);

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 16px;

    z-index: 999;

    transition: .35s ease;

    box-shadow: 0 12px 35px rgba(0,0,0,.45);

}

.mini-player.show{

    transform: translateX(-50%) translateY(0);

}

.mini-cover img{

    width: 45px;

    height: 45px;

    object-fit: cover;

    border-radius: 10px;

}

.mini-info{

    flex: 1;

}

.mini-info h6{

    margin: 0;

    color: #fff;

    font-size: 16px;

}

.mini-info small{

    color: #aaa;

}

.mini-play{

    width: 48px;

    height: 48px;

    border: none;

    border-radius: 50%;

    background: linear-gradient(135deg,#8b3dff,#32d4ff);

    color: white;

    font-size: 22px;

    cursor: pointer;

}