.theme-player{
    margin:30px 0;
    padding:18px;
    border:1px solid #d8cbb3;
    background:#fffdf9;
}

.player-playlist-title{

    margin:0 0 18px;

    padding:0;

    text-align:left;

    font-family:Georgia, serif;
    font-size:18px;
    font-weight:bold;
    line-height:1.2;

    color:#6b3d19;

}

.player-controls{
    display:flex;
    gap:18px;
    align-items:flex-start;
}

.player-info{
    flex:1;
}

/* ---------- Верхняя строка ---------- */

.player-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:12px;
}

.player-title{
    margin:0;
    font:normal 18px Georgia, serif;
    color:#6b3d19;
}

/* ---------- Громкость ---------- */

.player-volume{
    display:flex;
    align-items:center;
    gap:6px;
    flex-shrink:0;
}

.player-volume span{
    font-size:15px;
    line-height:1;
}

.player-volume-slider{
    width:90px;
}

/* ---------- Прогресс ---------- */

.player-progress{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
}

.player-current,
.player-duration{
    width:42px;
    text-align:center;
    font:normal 14px Georgia, serif;
    color:#6b3d19;
}

.player-seek{
    flex:1;
}

/* ---------- Ползунки ---------- */

.player-seek,
.player-volume-slider{

    appearance:none;
    -webkit-appearance:none;

    height:2px;
    margin:0;
    padding:0;

    border:none;
    outline:none;

    background:#d8cbb3;

    accent-color:#8b5b26;

    cursor:pointer;
}

.player-seek::-webkit-slider-runnable-track,
.player-volume-slider::-webkit-slider-runnable-track{

    height:2px;
    background:#d8cbb3;
    border:none;
}

.player-seek::-webkit-slider-thumb,
.player-volume-slider::-webkit-slider-thumb{

    -webkit-appearance:none;

    width:8px;
    height:8px;

    margin-top:-3px;

    border:none;
    border-radius:50%;

    background:#8b5b26;
}

.player-seek::-moz-range-track,
.player-volume-slider::-moz-range-track{

    height:2px;
    background:#d8cbb3;
    border:none;
}

.player-seek::-moz-range-thumb,
.player-volume-slider::-moz-range-thumb{

    width:8px;
    height:8px;

    border:none;
    border-radius:50%;

    background:#8b5b26;
}

/* ---------- Плейлист ---------- */

.player-playlist{
    margin:0;
    padding:0;
    list-style:none;
}

.player-playlist li{

    padding:12px 0;

    border-top:1px solid #e6dccc;

    cursor:pointer;

    color:#6b3d19;

    transition:color .15s;
}

.player-playlist li:hover{
    color:#9b5a23;
}

.theme-player.player-single-track .player-playlist{
    display:none;
}

.player-buttons{

    display:flex;

    gap:6px;

    align-items:center;

    flex-shrink:0;

}

.player-buttons button{

    width:42px;
    height:42px;

    border:1px solid #c6b294;

    background:#f6f1e9;

    color:#6b3d19;

    font-size:18px;

    cursor:pointer;

    transition:background .15s;

}

.player-buttons button:hover{

    background:#efe6d8;

}

.player-playlist li.active{

    font-weight:bold;
    color:#9b5a23;

}