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

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


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


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


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

.AudioPlayerAudioCover-module__image--fMgPN.vkuiInternalImage.vkuiImage.vkuiImageBase.vkuiImageBase--loaded.vkuiClickable__host.vkuiRootComponent {
    width: 80px !important;
    height: 80px !important;
    --vkui_internal--Image_border_radius: 8px !important;
}

.AudioPlayerAudioCover-module__image--fMgPN.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.getColorClass-module__colorIconTertiary--yAOgE {
    width: 48px !important;
    height: 48px !important;
}

svg.vkuiIcon.vkuiIcon--20.vkuiIcon--w-20.vkuiIcon--h-20.vkuiIcon--song_outline_20.getColorClass-module__colorIconTertiary--yAOgE {
		width: 48px !important;
  	height: 48px !important;
}

.AudioPlayerPlaybackBody-module__cover--l45Ee {
    padding-left: 4px !important;
}

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

.AudioPlayerBlockSectionsLayout-module__root--P3xRs {
    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-module__playbackControls--GGpCx {
    grid-area: play-pause !important;
}

.AudioPlayerBlockSectionsLayout-module__playbackBody--HNLKs {
    grid-area: basic !important;
}

.AudioPlayerBlockSectionsLayout-module__userControls--c5FwD {
    grid-area: volume !important;
}

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

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

.AudioPlayerPlaybackBody-module__progressBar--lQ9ht {
    bottom: 0px !important;
    padding: 0px !important;
}

.AudioPlayerPlaybackBody-module__audioButtons--nDVdo {
    position: absolute !important;
    top: 62px !important;
    left: 275px !important;
    right: 492px !important;
    justify-content: flex-end !important;
}

.AudioPlayerPlaybackBody-module__audioButton--qlMGK {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.AudioRecomsIconLink-module__link--VU1O5 {
    margin-left: 0px !important;
}

svg.vkuiIcon.vkuiIcon--24.vkuiIcon--w-24.vkuiIcon--h-24.vkuiIcon--stars_outline_24.getColorClass-module__colorIconSecondary--ZwpJn {
    margin-left: 0px !important;
}
 
.AudioPlayerPlaybackBody-module__audioButton--qlMGK:last-of-type {
    padding-right: 6px !important;
}

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

.AudioPlayerBlockSectionsLayout-module__playbackControls--GGpCx {
    padding-right: 0px !important;
}
 
.AudioPlayerPlaybackControlsContainer-module__playbackControls--cUwI8 {
    padding-right: 2px !important;
    padding-left: 26px !important;
}

.AudioPlayerPlaybackControlsContainer-module__playbackButtonsContainer--TYuxY {
    position: absolute !important;
    top: 62px !important;
    left: 419px !important;
    right: 420px !important;
}

.AudioPlayerPlaybackControlsContainer-module__playbackButton--LV72Z {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.AudioPlayerPlaybackControlsContainer-module__playbackButton--LV72Z:last-of-type, 
.AudioPlayerPlaybackControlsContainer-module__compact--IJ04g .AudioPlayerPlaybackControlsContainer-module__playbackButton--LV72Z:last-of-type {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

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

.AudioPlayerBlockSectionsLayout-module__userControls--c5FwD {
    padding-left: 0px !important;
    justify-content: center !important;
}

.AudioPlayerUserControlsContainer-module__volumeSlider--O43ve {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.AudioPlayerUserControlsContainer-module__userButtonsContainer--mrGk6 {
    position: absolute !important;
    top: 62px !important;
    left: 491px !important;
    right: 276px !important;
}

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

.AudioPlayerUserControlsContainer-module__userButton--oEgSt {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.AudioPlayerUserControlsContainer-module__userButton--oEgSt:last-of-type {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

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

.AudioPlayerPlaybackBody-module__compact--IIwm9 .AudioPlayerPlaybackBody-module__cover--l45Ee {
    padding-right: 10px !important;
}

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

.AudioPlayerBlockSectionsLayout-module__compact--jtPaX.AudioPlayerBlockSectionsLayout-module__root--P3xRs {
    max-width: 895px !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;
}

.AudioPlayerBlockCompactLayout-module__root--BnuDa {
    height: 96px !important;
    width: 911px !important;
}

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

.AudioPlayerBlockSectionsLayout-module__compact--jtPaX .AudioPlayerBlockSectionsLayout-module__playbackControls--GGpCx, 
.AudioPlayerBlockSectionsLayout-module__compact--jtPaX .AudioPlayerBlockSectionsLayout-module__userControls--c5FwD {
    position: static !important;
}

.vkuiDiv.vkuiRootComponent {
    padding: 0px 8px !important;
}

.AudioPlayerVolumeSlider-module__barSizeXs--XD9Bf {
    width: 100px !important;
}

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

.Group-module__noBottomRounded--E5QyX {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

}