Alt-vkui - *music player* by vwilo0-0oliwv

/* ==UserStyle==
@name               Alt-vkui - *music player*
@version            1.5
@namespace          vwil.o0_0o.liwv
@description        Теперь ваш плеер в музыке ВК будет выглядеть по-новому. Совместим с VK Next💚
@author             vwilo0-0oliwv
==/UserStyle== */


@-moz-document domain("vk.ru"), domain("vk.com") {


/* Меняет внешний вид плеера в музыке и всплывающем окне при нажатии в шапке */


/* настройки - фото музыки */

.vkitAudioPlayerAudioCover__image--0QyLj.vkuiInternalImage.vkuiImage.vkuiImageBase.vkuiImageBase--loaded.vkuiClickable__host.vkuiRootComponent {
    width: 80px !important;
    height: 80px !important;
    --vkui_internal--Image_border_radius: 8px !important;
}

.vkitAudioPlayerAudioCover__image--0QyLj.vkuiInternalImage.vkuiImage.vkuiImageBase.vkuiClickable__host.vkuiRootComponent {
    width: 80px !important;
    height: 80px !important;
    --vkui_internal--Image_border_radius: 8px !important;
}

svg.vkuiIcon.vkuiIcon--24.vkuiIcon--w-24.vkuiIcon--h-24.vkuiIcon--song_outline_24.vkitgetColorClass__colorIconTertiary--ZChL6 {
    width: 48px !important;
    height: 48px !important;
}

svg.vkuiIcon.vkuiIcon--20.vkuiIcon--w-20.vkuiIcon--h-20.vkuiIcon--song_outline_20.vkitgetColorClass__colorIconTertiary--ZChL6 {
		width: 48px !important;
  	height: 48px !important;
}

.vkitAudioPlayerPlaybackBody__cover--OJb1t {
    padding-left: 4px !important;
}

/* настройки в музыке - изменение положения элементов */

.AudioPlayerBlockSectionsLayout__root--67y4T {
    grid-template-columns: auto 120px !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
        "basic play-pause"
        "basic volume" !important;
    padding: 0px !important;
}

.AudioPlayerBlockSectionsLayout__playbackControls--OHkEh {
    grid-area: play-pause !important;
}

.AudioPlayerBlockSectionsLayout__playbackBody--RQDVe {
    grid-area: basic !important;
}

.AudioPlayerBlockSectionsLayout__userControls--L3d0D {
    grid-area: volume !important;
}

/* настройки - basic */

.vkitAudioPlayerPlaybackBody__root--TlMfD {
    grid-template-areas:
        "cover audioInfo content"
        "cover progressBar progressBar"
        "cover tent tent" !important;
    grid-template-rows: 33px 16px 31px !important;
}

.vkitAudioPlayerPlaybackBody__progressBar--WZUxE {
    bottom: 0px !important;
    padding: 0px !important;
}
 
.vkitAudioPlayerPlaybackBody__audioButtons--tbMiE {
    position: absolute !important;
    top: 62px !important;
    left: 275px !important;
    right: 492px !important;
    justify-content: flex-end !important;
}

.vkitAudioPlayerPlaybackBody__audioButton--W7Va5 {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.vkitAudioPlayerPlaybackBody__audioButton--W7Va5:last-of-type {
    padding-right: 6px !important;
}

.AudioRecomsIconLink__link--osPr3 {
    margin-left: 0px !important;
}

svg.vkuiIcon.vkuiIcon--24.vkuiIcon--w-24.vkuiIcon--h-24.vkuiIcon--stars_outline_24.vkitgetColorClass__colorIconSecondary--FEZTp {
    margin-left: 0px !important;
}

/* настройки - play-pause */

.AudioPlayerBlockSectionsLayout__playbackControls--OHkEh {
    padding-right: 0px !important;
}

.AudioPlayerPlaybackControlsContainer__playbackControls--qQYdI {
    padding-right: 2px !important;
    padding-left: 26px !important;
}

.AudioPlayerPlaybackControlsContainer__playbackButtonsContainer--oR0wQ {
    position: absolute !important;
    top: 62px !important;
    left: 419px !important;
    right: 420px !important;
}

.AudioPlayerPlaybackControlsContainer__playbackButton--XkvSu {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.AudioPlayerPlaybackControlsContainer__playbackButton--XkvSu:last-of-type,
.AudioPlayerPlaybackControlsContainer__compact--5qa81 .AudioPlayerPlaybackControlsContainer__playbackButton--XkvSu:last-of-type {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

/* настройки - volume */

.AudioPlayerBlockSectionsLayout__userControls--L3d0D {
    padding-left: 0px !important;
    justify-content: center !important;
}

.AudioPlayerUserControlsContainer__volumeSlider--oQerQ {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.AudioPlayerUserControlsContainer__userButtonsContainer--KbWY6 {
    position: absolute !important;
    top: 62px !important;
    left: 491px !important;
    right: 276px !important;
}

.e47qq1XqMPp6oTp7 {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.AudioPlayerUserControlsContainer__userButton--VPI72 {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.AudioPlayerUserControlsContainer__userButton--VPI72:last-of-type {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

/* настройки в всплывающем окне - изменение положения элементов */

.vkitAudioPlayerPlaybackBody__compact--hNUaV .vkitAudioPlayerPlaybackBody__cover--OJb1t {
    padding-right: 10px !important;
}

#audio_layer_tt {
    min-width: 911px !important;
    left: -292px !important;
}

.AudioPlayerBlockSectionsLayout__compact--xgzi5.AudioPlayerBlockSectionsLayout__root--67y4T {
    max-width: 895px !important;
}

.AudioPlayerBlockSectionsLayout__compact--xgzi5 .AudioPlayerBlockSectionsLayout__playbackControls--OHkEh,
.AudioPlayerBlockSectionsLayout__compact--xgzi5 .AudioPlayerBlockSectionsLayout__userControls--L3d0D {
    position: static !important;
}

.audio_layer_container .CatalogSection__rightColumn {
    max-width: 235px !important;
    padding-left: 15px !important;
    width: 235px !important;
}

#audio_layer_tt .CatalogSection__leftColumn {
    max-width: 600px !important;
}

#audio_layer_tt ._audio_page_content_block_wrap {
    width: 911px !important;
}

.AudioPlayerBlockCompactLayout__root--LmLIK {
    height: 96px !important;
    width: 911px !important;
}

.audio_layer_container .ui_scroll_bar_container {
    top: 96px !important;
}

.vkitAudioPlayerVolumeSlider__barSizeXs--HOGUx {
    width: 100px !important;
}

/* настройки - прочее */

.vkitGroup__noBottomRounded--rzz5g {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}


}