/* скин winamp 2.x для плавающего плеера, координаты взяты из классического main.bmp 275x116 */

#ajax_audio_player.skin_winamp,
#ajax_audio_player.skin_winamp.ui-draggable-dragging {
    --wa-frame: linear-gradient(#3e3e60, #343454);
    --wa-frame-shadow: inset 0 0 0 1px #0e0e18, inset 2px 2px #62628a, inset -2px -2px #1c1c2c;
    --wa-green: #12e012;
    --wa-led-off: #24403a;
    --wa-led-on: #3cff3c;
    --wa-ink: #2a2f4a;

    width: 275px;
    height: auto;
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    user-select: none;
}

#ajax_audio_player.skin_winamp #aj_player {
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
}

/* main.css красит все span в чёрный и добавляет отступ снизу */
#ajax_audio_player.skin_winamp span {
    padding: 0;
    color: inherit;
    font-weight: inherit;
}

#ajax_audio_player.skin_winamp .wa_main,
#ajax_audio_player.skin_winamp .wa_pl {
    position: relative;
    width: 275px;
    background: var(--wa-frame);
    box-shadow: var(--wa-frame-shadow);
}

#ajax_audio_player.skin_winamp .wa_main {
    height: 116px;
}

#ajax_audio_player.skin_winamp .wa_main > * {
    position: absolute;
}

#ajax_audio_player.skin_winamp .tip_result {
    display: none;
}

/* заголовок */

#ajax_audio_player.skin_winamp .wa_title {
    left: 0;
    top: 0;
    width: 275px;
    height: 14px;
    box-sizing: border-box;
    padding: 0 2px 0 6px;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: grab;
}

#ajax_audio_player.skin_winamp .wa_stripes {
    flex: 1;
    height: 6px;
    border-radius: 3px;
    background: linear-gradient(#f2e3ad, #fffee0 35%, #ccab5a 70%, #8c7438);
    box-shadow: 0 0 0 1px #1d1d2c;
}

#ajax_audio_player.skin_winamp .wa_title_text {
    font-size: 9px;
    font-weight: bold;
    line-height: 14px;
    letter-spacing: 1.5px;
    color: #f4f4ff;
    text-shadow: 1px 1px #15151f;
}

#ajax_audio_player.skin_winamp .wa_tbtn {
    position: relative;
    flex: none;
    width: 9px;
    height: 9px;
    cursor: pointer;
}

#ajax_audio_player.skin_winamp .wa_menu {
    margin-right: 1px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath d='M.5 6.5l2.5-5 2 4 1.5-2.5 2 2' fill='none' stroke='%23e9d18d' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#ajax_audio_player.skin_winamp .wa_minimize,
#ajax_audio_player.skin_winamp .wa_shade,
#ajax_audio_player.skin_winamp .wa_close {
    border-radius: 2px;
    background: linear-gradient(#efe4bd, #b5a36f);
    box-shadow: inset 0 0 0 1px #4d4229;
}

#ajax_audio_player.skin_winamp .wa_minimize::after,
#ajax_audio_player.skin_winamp .wa_shade::after {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    background: #2e2b24;
}

#ajax_audio_player.skin_winamp .wa_minimize::after {
    bottom: 2px;
    height: 1px;
}

#ajax_audio_player.skin_winamp .wa_shade::after {
    top: 2px;
    height: 2px;
}

#ajax_audio_player.skin_winamp .wa_close::before,
#ajax_audio_player.skin_winamp .wa_close::after {
    content: '';
    position: absolute;
    left: 1px;
    top: 4px;
    width: 7px;
    height: 1px;
    background: #2e2b24;
    transform: rotate(45deg);
}

#ajax_audio_player.skin_winamp .wa_close::after {
    transform: rotate(-45deg);
}

#ajax_audio_player.skin_winamp .wa_tbtn:active {
    filter: brightness(0.8);
}

/* дисплей */

#ajax_audio_player.skin_winamp .wa_lcd {
    left: 9px;
    top: 20px;
    width: 95px;
    height: 44px;
    background: #000;
    box-shadow: 0 0 0 1px #15151f, 1px 1px 0 1px #5b5b80;
}

#ajax_audio_player.skin_winamp .wa_lcd > * {
    position: absolute;
}

#ajax_audio_player.skin_winamp .wa_clutter {
    left: 1px;
    top: 2px;
    width: 8px;
    display: flex;
    flex-direction: column;
    font-size: 7px;
    font-weight: bold;
    text-align: center;
    color: #55556b;
}

#ajax_audio_player.skin_winamp .wa_clutter span {
    height: 8px;
    line-height: 8px;
}

#ajax_audio_player.skin_winamp .wa_status {
    left: 15px;
    top: 8px;
    width: 9px;
    height: 9px;
}

#ajax_audio_player.skin_winamp .wa_status svg,
#ajax_audio_player.skin_winamp .wa_time svg {
    display: block;
    fill: var(--wa-green);
}

#ajax_audio_player.skin_winamp .wa_time {
    left: 27px;
    top: 6px;
    width: 63px;
    height: 13px;
    cursor: pointer;
}

#ajax_audio_player.skin_winamp.wa_pause .wa_time svg {
    animation: wa_blink 1s steps(1) infinite;
}

#ajax_audio_player.skin_winamp .wa_vis {
    left: 15px;
    top: 23px;
    width: 76px;
    height: 16px;
    image-rendering: pixelated;
    cursor: pointer;
}

#ajax_audio_player.skin_winamp.wa_vis_off .wa_vis {
    visibility: hidden;
}

#ajax_audio_player.skin_winamp .wa_lcdbox,
#ajax_audio_player.skin_winamp .wa_marquee {
    box-sizing: border-box;
    background: #000;
    box-shadow: 0 0 0 1px #15151f, 1px 1px 0 1px #5b5b80;
    color: var(--wa-green);
    font-size: 8px;
    font-weight: bold;
    line-height: 10px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

#ajax_audio_player.skin_winamp .wa_marquee {
    left: 109px;
    top: 23px;
    width: 157px;
    height: 13px;
    padding-left: 3px;
    text-align: left;
}

#ajax_audio_player.skin_winamp .wa_marquee_text {
    display: inline-block;
    color: var(--wa-green);
    white-space: pre;
    font-size: 9px;
    line-height: 13px;
}

#ajax_audio_player.skin_winamp .wa_marquee_text.wa_scroll {
    animation-name: wa_marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

#ajax_audio_player.skin_winamp .wa_kbps {
    left: 109px;
    top: 41px;
    width: 20px;
    height: 10px;
}

#ajax_audio_player.skin_winamp .wa_khz {
    left: 155px;
    top: 41px;
    width: 14px;
    height: 10px;
}

#ajax_audio_player.skin_winamp .wa_label,
#ajax_audio_player.skin_winamp .wa_channels {
    top: 41px;
    font-size: 8px;
    font-weight: bold;
    line-height: 10px;
}

#ajax_audio_player.skin_winamp .wa_label {
    color: #e8e8f2;
}

#ajax_audio_player.skin_winamp .wa_kbps_label {
    left: 132px;
}

#ajax_audio_player.skin_winamp .wa_khz_label {
    left: 172px;
}

#ajax_audio_player.skin_winamp .wa_channels {
    left: 212px;
    width: 56px;
    display: flex;
    justify-content: space-between;
    color: #6c7088;
}

#ajax_audio_player.skin_winamp .wa_channels .wa_on {
    color: #19d43c;
    text-shadow: 0 0 2px rgba(25, 212, 60, 0.6);
}

/* громкость, баланс и перемотка */

#ajax_audio_player.skin_winamp #aj_player_volume,
#ajax_audio_player.skin_winamp .wa_balance {
    top: 57px;
    height: 13px;
    padding: 0;
}

#ajax_audio_player.skin_winamp #aj_player_volume {
    left: 107px;
    width: 68px;
}

#ajax_audio_player.skin_winamp .wa_balance {
    left: 177px;
    width: 38px;
}

#ajax_audio_player.skin_winamp .selectableTrack {
    width: 100%;
    height: 100%;
    border: 0;
}

#ajax_audio_player.skin_winamp .wa_thumb_area {
    position: relative;
    height: 100%;
}

#ajax_audio_player.skin_winamp #aj_player_volume .selectableTrack::before,
#ajax_audio_player.skin_winamp .wa_balance::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 4px;
    height: 5px;
    border-radius: 3px;
    background: var(--wa-volume-color, #d42a10);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), inset 0 -1px rgba(0, 0, 0, 0.3), 0 0 0 1px #15151f;
}

#ajax_audio_player.skin_winamp .wa_balance::before {
    background: #2fa81d;
}

#ajax_audio_player.skin_winamp #aj_player_volume .wa_thumb_area {
    width: calc(100% - 14px);
}

#ajax_audio_player.skin_winamp #aj_player_volume .slider,
#ajax_audio_player.skin_winamp .wa_balance_thumb {
    position: absolute;
    top: 1px;
    width: 14px;
    height: 11px;
    box-sizing: border-box;
    border: 1px solid #23232f;
    border-radius: 2px;
    background: linear-gradient(#e6ecf0, #b7c2cc 50%, #8d99a6);
    cursor: pointer;
}

#ajax_audio_player.skin_winamp .wa_balance_thumb {
    left: 12px;
}

#ajax_audio_player.skin_winamp #aj_player_volume .slider::after,
#ajax_audio_player.skin_winamp .wa_balance_thumb::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 2px;
    width: 6px;
    height: 5px;
    background: repeating-linear-gradient(90deg, #4a5468 0 1px, transparent 1px 2px);
}

#ajax_audio_player.skin_winamp #aj_player_track_length {
    left: 16px;
    top: 72px;
    width: 248px;
    height: 10px;
    background: #262739;
    box-shadow: inset 1px 1px #15151f, inset -1px -1px #4b4b6c;
}

#ajax_audio_player.skin_winamp #aj_player_track_length .wa_thumb_area {
    width: calc(100% - 29px);
}

#ajax_audio_player.skin_winamp #aj_player_track_length .slider {
    position: absolute;
    top: 0;
    width: 29px;
    height: 10px;
    box-sizing: border-box;
    border: 1px solid #3d321a;
    border-radius: 2px;
    background:
        linear-gradient(#8c7438, #8c7438) 4px 3px / 19px 1px no-repeat,
        linear-gradient(#fffee0, #fffee0) 4px 4px / 19px 1px no-repeat,
        linear-gradient(#f2e3ad, #ccab5a 60%, #9b8040);
    cursor: pointer;
}

#ajax_audio_player.skin_winamp.wa_stop #aj_player_track_length .slider {
    display: none;
}

/* кнопки */

#ajax_audio_player.skin_winamp .wa_btn {
    box-sizing: border-box;
    border: 1px solid;
    border-color: #f4f8fb #5f6d82 #5f6d82 #f4f8fb;
    background: linear-gradient(#e2eaf0, #c8d5dd 45%, #b4c3cf);
    box-shadow: 0 0 0 1px #1d1d2a;
    color: var(--wa-ink);
    font-size: 7px;
    font-weight: bold;
    cursor: pointer;
}

#ajax_audio_player.skin_winamp .wa_btn:active,
#ajax_audio_player.skin_winamp .wa_mini_btn:active {
    border-color: #5f6d82 #f4f8fb #f4f8fb #5f6d82;
    background: linear-gradient(#aebdca, #c6d2db);
}

#ajax_audio_player.skin_winamp .wa_transport {
    left: 16px;
    top: 88px;
    display: flex;
}

#ajax_audio_player.skin_winamp .wa_transport .wa_btn {
    position: relative;
    width: 23px;
    height: 18px;
}

#ajax_audio_player.skin_winamp .wa_transport .wa_next {
    width: 22px;
}

#ajax_audio_player.skin_winamp .wa_transport svg,
#ajax_audio_player.skin_winamp .wa_eject svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #e9f0f4;
    stroke: #4c5a73;
    stroke-width: 1;
}

#ajax_audio_player.skin_winamp .wa_eject {
    left: 136px;
    top: 89px;
    width: 22px;
    height: 16px;
}

#ajax_audio_player.skin_winamp .wa_shuffle,
#ajax_audio_player.skin_winamp .wa_repeat,
#ajax_audio_player.skin_winamp .wa_toggle {
    padding-left: 10px;
}

#ajax_audio_player.skin_winamp .wa_shuffle {
    left: 164px;
    top: 89px;
    width: 47px;
    height: 15px;
    line-height: 13px;
}

#ajax_audio_player.skin_winamp .wa_repeat {
    left: 210px;
    top: 89px;
    width: 28px;
    height: 15px;
}

#ajax_audio_player.skin_winamp .wa_repeat svg {
    display: block;
    width: 13px;
    height: 9px;
    margin-top: 2px;
    fill: var(--wa-ink);
}

#ajax_audio_player.skin_winamp .wa_toggle {
    top: 58px;
    width: 23px;
    height: 12px;
    line-height: 10px;
}

#ajax_audio_player.skin_winamp .wa_eq {
    left: 219px;
    cursor: default;
}

#ajax_audio_player.skin_winamp .wa_pl_toggle {
    left: 242px;
}

/* светодиоды на кнопках */
#ajax_audio_player.skin_winamp .wa_shuffle::before,
#ajax_audio_player.skin_winamp .wa_repeat::before,
#ajax_audio_player.skin_winamp .wa_toggle::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 4px;
    height: 3px;
    background: var(--wa-led-off);
    box-shadow: 0 0 0 1px #1d1d2a;
}

#ajax_audio_player.skin_winamp .wa_shuffle:active::before,
#ajax_audio_player.skin_winamp .wa_repeat.wa_on::before,
#ajax_audio_player.skin_winamp:not(.wa_pl_hidden) .wa_pl_toggle::before {
    background: var(--wa-led-on);
    box-shadow: 0 0 0 1px #1d1d2a, 0 0 3px var(--wa-led-on);
}

#ajax_audio_player.skin_winamp .wa_eq:active {
    border-color: #f4f8fb #5f6d82 #5f6d82 #f4f8fb;
    background: linear-gradient(#e2eaf0, #c8d5dd 45%, #b4c3cf);
}

#ajax_audio_player.skin_winamp .wa_logo {
    left: 252px;
    top: 90px;
    width: 15px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 16'%3E%3Cpath d='M9 .5L2 9h4.5L4 15.5 13 6H8.5L11 .5z' fill='%23d8b45a' stroke='%234d3a12' stroke-linejoin='round'/%3E%3Cpath d='M9 2L4.5 7.5' stroke='%23fff3c4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;
}

/* свёрнутое окно */

#ajax_audio_player.skin_winamp.wa_shaded .wa_main {
    height: 14px;
}

#ajax_audio_player.skin_winamp.wa_shaded .wa_main > :not(.wa_title),
#ajax_audio_player.skin_winamp.wa_shaded .wa_main .wa_stripes,
#ajax_audio_player.skin_winamp.wa_shaded .wa_main .wa_title_text {
    display: none;
}

#ajax_audio_player.skin_winamp .wa_shade_info {
    display: none;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-right: 4px;
}

#ajax_audio_player.skin_winamp.wa_shaded .wa_shade_info {
    display: flex;
}

#ajax_audio_player.skin_winamp .wa_shade_time {
    width: 30px;
    height: 9px;
    line-height: 9px;
    cursor: pointer;
}

#ajax_audio_player.skin_winamp .wa_mini {
    display: flex;
    gap: 1px;
}

#ajax_audio_player.skin_winamp .wa_mini_btn {
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    border: 1px solid transparent;
    cursor: pointer;
}

#ajax_audio_player.skin_winamp .wa_mini_btn svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #d0d6e2;
}

/* плейлист */

#ajax_audio_player.skin_winamp.wa_pl_hidden .wa_pl,
#ajax_audio_player.skin_winamp.wa_pl_shaded .wa_pl_list,
#ajax_audio_player.skin_winamp.wa_pl_shaded .wa_pl_bottom {
    display: none;
}

#ajax_audio_player.skin_winamp .wa_pl_title {
    position: relative;
    height: 20px;
    padding: 0 4px 0 6px;
}

#ajax_audio_player.skin_winamp .wa_pl_list {
    margin: 0 7px 0 12px;
    background: #000;
    box-shadow: 0 0 0 1px #15151f;
}

#ajax_audio_player.skin_winamp #aj_player_tracks,
#ajax_audio_player.skin_winamp:hover #aj_player_tracks,
#ajax_audio_player.skin_winamp.ui-draggable-dragging #aj_player_tracks {
    display: block;
    width: auto;
    height: 100%;
    max-height: none;
    margin: 0;
    border-radius: 0;
    background: #000;
    overflow-y: scroll;
}

#ajax_audio_player.skin_winamp #aj_player_tracks::-webkit-scrollbar {
    width: 13px;
}

#ajax_audio_player.skin_winamp #aj_player_tracks::-webkit-scrollbar-track {
    background: #383858;
}

#ajax_audio_player.skin_winamp #aj_player_tracks::-webkit-scrollbar-thumb {
    min-height: 18px;
    border-left: 5px solid transparent;
    border-radius: 2px;
    background: linear-gradient(90deg, #8c7438, #fffee0 40%, #ccab5a 70%, #8c7438) padding-box;
}

@supports (-moz-appearance: none) {
    #ajax_audio_player.skin_winamp #aj_player_tracks {
        scrollbar-color: #ccab5a #383858;
        scrollbar-width: thin;
    }
}

#ajax_audio_player.skin_winamp #aj_player_tracks .aj_track {
    display: flex;
    gap: 6px;
    padding: 0 3px;
    font-size: 11px;
    line-height: 14px;
    color: #00e800;
    cursor: pointer;
}

#ajax_audio_player.skin_winamp #aj_player_tracks .aj_track:hover {
    background: #0000c6;
}

#ajax_audio_player.skin_winamp #aj_player_tracks .aj_track .wa_pl_name,
#ajax_audio_player.skin_winamp #aj_player_tracks .aj_track .wa_pl_len {
    color: inherit;
    white-space: nowrap;
}

#ajax_audio_player.skin_winamp #aj_player_tracks .aj_track .wa_pl_name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ajax_audio_player.skin_winamp #aj_player_tracks .aj_track.selected {
    background: none;
    color: #fff;
}

#ajax_audio_player.skin_winamp #aj_player_tracks .aj_track.selected:hover {
    background: #0000c6;
}

#ajax_audio_player.skin_winamp .wa_pl_bottom {
    position: relative;
    height: 38px;
}

#ajax_audio_player.skin_winamp .wa_pl_bottom > * {
    position: absolute;
}

#ajax_audio_player.skin_winamp .wa_small {
    top: 10px;
    width: 25px;
    height: 18px;
    line-height: 16px;
    text-align: center;
}

#ajax_audio_player.skin_winamp .wa_small:nth-child(2) {
    left: 40px;
}

#ajax_audio_player.skin_winamp .wa_small:nth-child(3) {
    left: 69px;
}

#ajax_audio_player.skin_winamp .wa_small:nth-child(4) {
    left: 98px;
}

#ajax_audio_player.skin_winamp .wa_small:first-child {
    left: 11px;
}

#ajax_audio_player.skin_winamp .wa_pl_total {
    left: 131px;
    top: 7px;
    width: 88px;
    height: 10px;
    padding-left: 3px;
    text-align: left;
}

#ajax_audio_player.skin_winamp .wa_pl_bottom .wa_mini {
    left: 131px;
    top: 22px;
}

#ajax_audio_player.skin_winamp .wa_pl_time {
    left: 187px;
    top: 21px;
    width: 32px;
    height: 10px;
    cursor: pointer;
}

#ajax_audio_player.skin_winamp .wa_listopts {
    left: 228px;
    top: 9px;
    width: 23px;
    height: 20px;
    font-size: 6px;
    line-height: 7px;
    padding-top: 2px;
}

#ajax_audio_player.skin_winamp .wa_pl_grip {
    right: 3px;
    bottom: 3px;
    width: 12px;
    height: 12px;
    background: repeating-linear-gradient(135deg, transparent 0 2px, #8a8aa8 2px 3px, #1c1c2c 3px 4px);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    cursor: ns-resize;
}

@keyframes wa_blink {
    50% {
        opacity: 0;
    }
}

@keyframes wa_marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* классические скины из .wsz: всё рисуется их спрайтами по раскладке winamp 2.x */

#ajax_audio_player.wa_skin,
#ajax_audio_player.wa_skin.ui-draggable-dragging {
    width: 275px;
    height: auto;
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    user-select: none;
}

#ajax_audio_player.wa_skin #aj_player {
    height: auto;
}

#ajax_audio_player.wa_skin .wa_bitmap,
#ajax_audio_player.wa_skin .wa_bitmap * {
    image-rendering: pixelated;
}

#ajax_audio_player.wa_skin span {
    padding: 0;
    color: inherit;
    font-weight: inherit;
}

#ajax_audio_player.wa_skin .tip_result {
    display: none;
}

#ajax_audio_player.wa_skin canvas.wa_text {
    display: block;
}

#ajax_audio_player.wa_skin [data-wa] {
    cursor: pointer;
}

/* главное окно */

#ajax_audio_player.wa_skin .wa_main {
    position: relative;
    width: 275px;
    height: 116px;
    background: var(--wa-main);
    clip-path: var(--wa-region, none);
}

#ajax_audio_player.wa_skin .wa_main > * {
    position: absolute;
}

#ajax_audio_player.wa_skin .wa_title {
    left: 0;
    top: 0;
    width: 275px;
    height: 14px;
    background: var(--wa-titlebar) -27px 0;
    cursor: grab;
}

#ajax_audio_player.wa_skin .wa_tbtn {
    top: 3px;
    width: 9px;
    height: 9px;
    background-image: var(--wa-titlebar);
}

#ajax_audio_player.wa_skin .wa_menu { left: 6px; background-position: 0 0; }
#ajax_audio_player.wa_skin .wa_menu:active { background-position: 0 -9px; }
#ajax_audio_player.wa_skin .wa_minimize { left: 244px; background-position: -9px 0; }
#ajax_audio_player.wa_skin .wa_minimize:active { background-position: -9px -9px; }
#ajax_audio_player.wa_skin .wa_shade { left: 254px; background-position: 0 -18px; }
#ajax_audio_player.wa_skin .wa_shade:active { background-position: -9px -18px; }
#ajax_audio_player.wa_skin .wa_close { left: 264px; background-position: -18px 0; }
#ajax_audio_player.wa_skin .wa_close:active { background-position: -18px -9px; }

#ajax_audio_player.wa_skin .wa_clutter {
    left: 10px;
    top: 22px;
    width: 8px;
    height: 43px;
    background: var(--wa-titlebar) -304px 0;
}

#ajax_audio_player.wa_skin .wa_work {
    display: none;
    left: 24px;
    top: 28px;
    width: 3px;
    height: 9px;
    background: var(--wa-playpaus) -36px 0;
}

#ajax_audio_player.wa_skin.wa_play .wa_work {
    display: block;
}

#ajax_audio_player.wa_skin .wa_status {
    left: 26px;
    top: 28px;
    width: 9px;
    height: 9px;
    background: var(--wa-playpaus) 0 0;
}

#ajax_audio_player.wa_skin.wa_pause .wa_status { background-position: -9px 0; }
#ajax_audio_player.wa_skin.wa_stop .wa_status { background-position: -18px 0; }

#ajax_audio_player.wa_skin .wa_time {
    left: 36px;
    top: 26px;
    width: 63px;
    height: 13px;
}

#ajax_audio_player.wa_skin.wa_pause .wa_time {
    animation: wa_blink 1s steps(1) infinite;
}

#ajax_audio_player.wa_skin .wa_digit {
    position: absolute;
    top: 0;
    width: 9px;
    height: 13px;
    background-image: var(--wa-numbers);
    visibility: hidden;
}

#ajax_audio_player.wa_skin .wa_digit.wa_on {
    visibility: visible;
}

#ajax_audio_player.wa_skin .wa_digit:nth-child(2) { left: 12px; }
#ajax_audio_player.wa_skin .wa_digit:nth-child(3) { left: 24px; }
#ajax_audio_player.wa_skin .wa_digit:nth-child(4) { left: 42px; }
#ajax_audio_player.wa_skin .wa_digit:nth-child(5) { left: 54px; }

/* в numbers.bmp минуса нет, он вырезается из середины двойки */
#ajax_audio_player.wa_skin .wa_digit.wa_minus {
    left: 2px;
    top: 6px;
    width: 5px;
    height: 1px;
    background-position: -20px -6px;
}

#ajax_audio_player.wa_skin .wa_nums_ex .wa_digit.wa_minus {
    left: 0;
    top: 0;
    width: 9px;
    height: 13px;
    background-position: -99px 0;
}

#ajax_audio_player.wa_skin .wa_vis {
    left: 24px;
    top: 43px;
    width: 76px;
    height: 16px;
}

#ajax_audio_player.wa_skin.wa_vis_off .wa_vis {
    visibility: hidden;
}

#ajax_audio_player.wa_skin .wa_marquee {
    left: 111px;
    top: 27px;
    width: 154px;
    height: 6px;
    overflow: hidden;
    white-space: nowrap;
}

#ajax_audio_player.wa_skin .wa_marquee .wa_scroll {
    animation-name: wa_marquee;
    animation-iteration-count: infinite;
}

#ajax_audio_player.wa_skin .wa_marquee.wa_marquee_font {
    top: 24px;
    height: 12px;
}

#ajax_audio_player.wa_skin .wa_marquee_text {
    display: inline-block;
    white-space: pre;
    font: bold 9px/12px Arial, Helvetica, sans-serif;
    color: var(--wa-text-color);
    animation-timing-function: linear;
}

#ajax_audio_player.wa_skin .wa_kbps,
#ajax_audio_player.wa_skin .wa_khz,
#ajax_audio_player.wa_skin .wa_shade_time,
#ajax_audio_player.wa_skin .wa_pl_time {
    display: flex;
    justify-content: flex-end;
    height: 6px;
}

#ajax_audio_player.wa_skin .wa_kbps { left: 111px; top: 43px; width: 15px; }
#ajax_audio_player.wa_skin .wa_khz { left: 156px; top: 43px; width: 10px; }

#ajax_audio_player.wa_skin .wa_mono {
    left: 212px;
    top: 41px;
    width: 27px;
    height: 12px;
    background: var(--wa-monoster) -29px -12px;
}

#ajax_audio_player.wa_skin .wa_stereo {
    left: 239px;
    top: 41px;
    width: 29px;
    height: 12px;
    background: var(--wa-monoster) 0 -12px;
}

#ajax_audio_player.wa_skin .wa_mono.wa_on { background-position: -29px 0; }
#ajax_audio_player.wa_skin .wa_stereo.wa_on { background-position: 0 0; }

/* громкость, баланс, перемотка */

#ajax_audio_player.wa_skin #aj_player_volume {
    position: absolute;
    left: 107px;
    top: 57px;
    width: 68px;
    height: 13px;
    padding: 0;
    background-image: var(--wa-volume);
}

#ajax_audio_player.wa_skin .selectableTrack {
    width: 100%;
    height: 100%;
    border: 0;
}

#ajax_audio_player.wa_skin .wa_thumb_area {
    position: relative;
    height: 100%;
}

#ajax_audio_player.wa_skin #aj_player_volume .wa_thumb_area {
    width: calc(100% - 14px);
}

#ajax_audio_player.wa_skin #aj_player_volume .slider,
#ajax_audio_player.wa_skin .wa_balance_thumb {
    position: absolute;
    top: 1px;
    width: 14px;
    height: 11px;
    background: var(--wa-volume) -15px -422px;
}

#ajax_audio_player.wa_skin #aj_player_volume .slider:active {
    background-position: 0 -422px;
}

#ajax_audio_player.wa_skin .wa_no_volume_thumb #aj_player_volume .slider {
    background: none;
}

#ajax_audio_player.wa_skin .wa_balance {
    left: 177px;
    top: 57px;
    width: 38px;
    height: 13px;
    background: var(--wa-balance) -9px 0;
}

#ajax_audio_player.wa_skin .wa_balance_thumb {
    left: 12px;
    background-image: var(--wa-balance);
}

#ajax_audio_player.wa_skin .wa_no_balance_thumb .wa_balance_thumb {
    display: none;
}

#ajax_audio_player.wa_skin #aj_player_track_length {
    left: 16px;
    top: 72px;
    width: 248px;
    height: 10px;
    background: var(--wa-posbar) 0 0;
}

#ajax_audio_player.wa_skin #aj_player_track_length .wa_thumb_area {
    width: calc(100% - 29px);
}

#ajax_audio_player.wa_skin #aj_player_track_length .slider {
    position: absolute;
    top: 0;
    width: 29px;
    height: 10px;
    background: var(--wa-posbar) -248px 0;
}

#ajax_audio_player.wa_skin #aj_player_track_length .slider:active {
    background-position: -278px 0;
}

#ajax_audio_player.wa_skin.wa_stop #aj_player_track_length .slider {
    display: none;
}

/* кнопки */

#ajax_audio_player.wa_skin .wa_eq {
    left: 219px;
    top: 58px;
    width: 23px;
    height: 12px;
    background: var(--wa-shufrep) 0 -61px;
}

#ajax_audio_player.wa_skin .wa_pl_toggle {
    left: 242px;
    top: 58px;
    width: 23px;
    height: 12px;
    background: var(--wa-shufrep) -23px -73px;
}

#ajax_audio_player.wa_skin .wa_pl_toggle:active { background-position: -69px -73px; }
#ajax_audio_player.wa_skin.wa_pl_hidden .wa_pl_toggle { background-position: -23px -61px; }
#ajax_audio_player.wa_skin.wa_pl_hidden .wa_pl_toggle:active { background-position: -69px -61px; }

#ajax_audio_player.wa_skin .wa_btn {
    top: 88px;
    width: 23px;
    height: 18px;
    background-image: var(--wa-cbuttons);
}

#ajax_audio_player.wa_skin .wa_prev { left: 16px; background-position: 0 0; }
#ajax_audio_player.wa_skin .wa_prev:active { background-position: 0 -18px; }
#ajax_audio_player.wa_skin .wa_play { left: 39px; background-position: -23px 0; }
#ajax_audio_player.wa_skin .wa_play:active { background-position: -23px -18px; }
#ajax_audio_player.wa_skin .wa_pause { left: 62px; background-position: -46px 0; }
#ajax_audio_player.wa_skin .wa_pause:active { background-position: -46px -18px; }
#ajax_audio_player.wa_skin .wa_stop { left: 85px; background-position: -69px 0; }
#ajax_audio_player.wa_skin .wa_stop:active { background-position: -69px -18px; }
#ajax_audio_player.wa_skin .wa_next { left: 108px; width: 22px; background-position: -92px 0; }
#ajax_audio_player.wa_skin .wa_next:active { background-position: -92px -18px; }

#ajax_audio_player.wa_skin .wa_eject {
    left: 136px;
    top: 89px;
    width: 22px;
    height: 16px;
    background-position: -114px 0;
}

#ajax_audio_player.wa_skin .wa_eject:active { background-position: -114px -16px; }

#ajax_audio_player.wa_skin .wa_shuffle,
#ajax_audio_player.wa_skin .wa_repeat {
    top: 89px;
    height: 15px;
    background-image: var(--wa-shufrep);
}

#ajax_audio_player.wa_skin .wa_shuffle { left: 164px; width: 47px; background-position: -28px 0; }
#ajax_audio_player.wa_skin .wa_shuffle:active { background-position: -28px -15px; }
#ajax_audio_player.wa_skin .wa_repeat { left: 210px; width: 28px; background-position: 0 0; }
#ajax_audio_player.wa_skin .wa_repeat:active { background-position: 0 -15px; }
#ajax_audio_player.wa_skin .wa_repeat.wa_on { background-position: 0 -30px; }
#ajax_audio_player.wa_skin .wa_repeat.wa_on:active { background-position: 0 -45px; }

/* свёрнутое окно */

#ajax_audio_player.wa_skin .wa_shade_time,
#ajax_audio_player.wa_skin .wa_shade_pos,
#ajax_audio_player.wa_skin .wa_shade_btns {
    display: none;
}

#ajax_audio_player.wa_skin .wa_shade_time {
    left: 125px;
    top: 4px;
    width: 30px;
}

#ajax_audio_player.wa_skin .wa_shade_pos {
    left: 226px;
    top: 4px;
    width: 17px;
    height: 7px;
    background: var(--wa-titlebar) 0 -36px;
}

#ajax_audio_player.wa_skin .wa_shade_thumb {
    position: absolute;
    top: 0;
    width: 3px;
    height: 7px;
    background: var(--wa-titlebar) -20px -36px;
}

#ajax_audio_player.wa_skin .wa_shade_btns {
    left: 169px;
    top: 2px;
    height: 10px;
}

#ajax_audio_player.wa_skin .wa_shade_btns,
#ajax_audio_player.wa_skin .wa_pl_mini {
    display: flex;
}

#ajax_audio_player.wa_skin .wa_shade_btns .wa_hit { height: 10px; }
#ajax_audio_player.wa_skin .wa_shade_btns .wa_hit:nth-child(1) { width: 8px; }
#ajax_audio_player.wa_skin .wa_shade_btns .wa_hit:nth-child(2) { width: 10px; }
#ajax_audio_player.wa_skin .wa_shade_btns .wa_hit:nth-child(n+3) { width: 9px; }
#ajax_audio_player.wa_skin .wa_shade_btns .wa_hit:nth-child(5) { width: 10px; }

#ajax_audio_player.wa_skin.wa_shaded .wa_main {
    height: 14px;
    clip-path: none;
}

#ajax_audio_player.wa_skin.wa_shaded .wa_main > * {
    display: none;
}

#ajax_audio_player.wa_skin.wa_shaded .wa_main > .wa_title,
#ajax_audio_player.wa_skin.wa_shaded .wa_main > .wa_tbtn,
#ajax_audio_player.wa_skin.wa_shaded .wa_main > .wa_shade_pos {
    display: block;
}

#ajax_audio_player.wa_skin.wa_shaded .wa_main > .wa_shade_time,
#ajax_audio_player.wa_skin.wa_shaded .wa_main > .wa_shade_btns {
    display: flex;
}

#ajax_audio_player.wa_skin.wa_shaded .wa_title { background-position: -27px -29px; }
#ajax_audio_player.wa_skin.wa_shaded .wa_shade { background-position: 0 -27px; }
#ajax_audio_player.wa_skin.wa_shaded .wa_shade:active { background-position: -9px -27px; }

/* плейлист */

#ajax_audio_player.wa_skin .wa_pl {
    position: relative;
    width: 275px;
}

#ajax_audio_player.wa_skin.wa_pl_hidden .wa_pl,
#ajax_audio_player.wa_skin.wa_pl_shaded .wa_pl_middle,
#ajax_audio_player.wa_skin.wa_pl_shaded .wa_pl_bottom {
    display: none;
}

#ajax_audio_player.wa_skin .wa_pl_top {
    position: relative;
    display: flex;
    height: 20px;
    cursor: grab;
}

#ajax_audio_player.wa_skin .wa_plt_left { width: 25px; background: var(--wa-pledit) 0 0; }
#ajax_audio_player.wa_skin .wa_plt_fill { flex: 1; background: var(--wa-pl-top-tile) repeat-x; }
#ajax_audio_player.wa_skin .wa_plt_title { width: 100px; background: var(--wa-pledit) -26px 0; }
#ajax_audio_player.wa_skin .wa_plt_right { width: 25px; background: var(--wa-pledit) -153px 0; }

#ajax_audio_player.wa_skin .wa_pl_shade_btn,
#ajax_audio_player.wa_skin .wa_pl_close {
    position: absolute;
    top: 3px;
    width: 9px;
    height: 9px;
}

#ajax_audio_player.wa_skin .wa_pl_shade_btn { left: 254px; }
#ajax_audio_player.wa_skin .wa_pl_shade_btn:active { background: var(--wa-pledit) -62px -42px; }
#ajax_audio_player.wa_skin .wa_pl_close { left: 264px; }
#ajax_audio_player.wa_skin .wa_pl_close:active { background: var(--wa-pledit) -52px -42px; }

#ajax_audio_player.wa_skin .wa_pl_middle {
    display: flex;
}

#ajax_audio_player.wa_skin .wa_pl_side {
    width: 12px;
    background: var(--wa-pl-left-tile) repeat-y;
}

#ajax_audio_player.wa_skin .wa_pl_list {
    flex: 1;
    min-width: 0;
    background: var(--wa-pl-bg);
}

#ajax_audio_player.wa_skin .wa_pl_scroll {
    position: relative;
    width: 20px;
    background: var(--wa-pl-right-tile) repeat-y;
}

#ajax_audio_player.wa_skin .wa_pl_thumb {
    position: absolute;
    left: 5px;
    top: 0;
    width: 8px;
    height: 18px;
    background: var(--wa-pledit) -52px -53px;
}

#ajax_audio_player.wa_skin .wa_pl_thumb:active {
    background-position: -61px -53px;
}

#ajax_audio_player.wa_skin #aj_player_tracks,
#ajax_audio_player.wa_skin:hover #aj_player_tracks,
#ajax_audio_player.wa_skin.ui-draggable-dragging #aj_player_tracks {
    display: block;
    width: auto;
    height: 100%;
    max-height: none;
    margin: 0;
    border-radius: 0;
    background: none;
    overflow-y: scroll;
    scrollbar-width: none;
}

#ajax_audio_player.wa_skin #aj_player_tracks::-webkit-scrollbar {
    display: none;
}

#ajax_audio_player.wa_skin #aj_player_tracks .aj_track {
    display: flex;
    gap: 6px;
    padding: 0 2px;
    font-family: var(--wa-pl-font), Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 13px;
    color: var(--wa-pl-normal);
    cursor: pointer;
}

#ajax_audio_player.wa_skin #aj_player_tracks .aj_track:hover,
#ajax_audio_player.wa_skin #aj_player_tracks .aj_track.selected:hover {
    background: var(--wa-pl-selected);
}

#ajax_audio_player.wa_skin #aj_player_tracks .aj_track.selected {
    background: none;
    color: var(--wa-pl-current);
}

#ajax_audio_player.wa_skin #aj_player_tracks .aj_track .wa_pl_name,
#ajax_audio_player.wa_skin #aj_player_tracks .aj_track .wa_pl_len {
    color: inherit;
    white-space: nowrap;
}

#ajax_audio_player.wa_skin #aj_player_tracks .aj_track .wa_pl_name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ajax_audio_player.wa_skin .wa_pl_bottom {
    position: relative;
    height: 38px;
}

#ajax_audio_player.wa_skin .wa_pl_bottom > * {
    position: absolute;
}

#ajax_audio_player.wa_skin .wa_plb_left {
    left: 0;
    top: 0;
    width: 125px;
    height: 38px;
    background: var(--wa-pledit) 0 -72px;
}

#ajax_audio_player.wa_skin .wa_plb_right {
    left: 125px;
    top: 0;
    width: 150px;
    height: 38px;
    background: var(--wa-pledit) -126px -72px;
}

#ajax_audio_player.wa_skin .wa_pl_menu {
    top: 10px;
    width: 25px;
    height: 18px;
}

#ajax_audio_player.wa_skin .wa_pl_menu:nth-child(3) { left: 11px; }
#ajax_audio_player.wa_skin .wa_pl_menu:nth-child(4) { left: 40px; }
#ajax_audio_player.wa_skin .wa_pl_menu:nth-child(5) { left: 69px; }
#ajax_audio_player.wa_skin .wa_pl_menu:nth-child(6) { left: 98px; }
#ajax_audio_player.wa_skin .wa_pl_menu.wa_pl_listopts { left: 229px; width: 22px; }

#ajax_audio_player.wa_skin .wa_pl_total {
    left: 132px;
    top: 10px;
    height: 6px;
}

#ajax_audio_player.wa_skin .wa_pl_mini {
    left: 131px;
    top: 22px;
    height: 8px;
}

#ajax_audio_player.wa_skin .wa_pl_mini .wa_hit { height: 8px; width: 9px; }
#ajax_audio_player.wa_skin .wa_pl_mini .wa_hit:nth-child(1),
#ajax_audio_player.wa_skin .wa_pl_mini .wa_hit:nth-child(2),
#ajax_audio_player.wa_skin .wa_pl_mini .wa_hit:nth-child(5) { width: 8px; }
#ajax_audio_player.wa_skin .wa_pl_mini .wa_hit:nth-child(3) { width: 10px; }

#ajax_audio_player.wa_skin .wa_pl_time {
    left: 191px;
    top: 23px;
    width: 30px;
}

#ajax_audio_player.wa_skin .wa_pl_grip {
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    cursor: ns-resize;
}

/* скин MMD3 из winamp 3: элементы раскладываются по координатам из xml, картинки приходят через css-переменные темы */

#ajax_audio_player.mm_skin,
#ajax_audio_player.mm_skin.ui-draggable-dragging {
    width: 381px;
    height: auto;
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    user-select: none;
}

#ajax_audio_player.mm_skin.wa_shaded {
    width: 800px;
}

#ajax_audio_player.mm_skin.mm_loading {
    visibility: hidden;
}

#ajax_audio_player.mm_skin #aj_player {
    height: auto;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
}

#ajax_audio_player.mm_skin span {
    padding: 0;
    color: inherit;
    font-weight: inherit;
}

#ajax_audio_player.mm_skin .tip_result {
    display: none;
}

#ajax_audio_player.mm_skin .mm_el {
    position: absolute;
    background: var(--bg);
}

/* как ghost-слои в winamp: картинки без действия пропускают мышь к кнопкам под ними и к окну для перетаскивания */
#ajax_audio_player.mm_skin .mm_el {
    pointer-events: none;
}

#ajax_audio_player.mm_skin .mm_el[data-wa],
#ajax_audio_player.mm_skin .mm_slider,
#ajax_audio_player.mm_skin .mm_volknob,
#ajax_audio_player.mm_skin .mm_switcher,
#ajax_audio_player.mm_skin .mm_shade_bg,
#ajax_audio_player.mm_skin .mm_ctitems,
#ajax_audio_player.mm_skin .mm_pl_content,
#ajax_audio_player.mm_skin .mm_pl_thumb {
    pointer-events: auto;
}

#ajax_audio_player.mm_skin .mm_el[data-wa],
#ajax_audio_player.mm_skin .mm_volknob {
    cursor: pointer;
}

#ajax_audio_player.mm_skin .mm_el[data-down]:active {
    background: var(--bg-down, var(--bg));
}

#ajax_audio_player.mm_skin canvas {
    display: block;
}

#ajax_audio_player.mm_skin .mm_main {
    position: relative;
    width: 381px;
    height: 216px;
}

#ajax_audio_player.mm_skin.wa_shaded .mm_main,
#ajax_audio_player.mm_skin .mm_shadebar,
#ajax_audio_player.mm_skin.wa_pl_hidden .mm_pl {
    display: none;
}

#ajax_audio_player.mm_skin.wa_shaded .mm_shadebar {
    display: block;
    position: relative;
    width: 800px;
    height: 23px;
}

/* текст из растровых шрифтов */

#ajax_audio_player.mm_skin .mm_text {
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
}

#ajax_audio_player.mm_skin .mm_text[data-align='center'] {
    justify-content: center;
}

#ajax_audio_player.mm_skin .mm_text.mm_scrolling {
    justify-content: flex-start;
}

#ajax_audio_player.mm_skin .mm_text canvas.wa_scroll {
    flex: none;
    animation-name: wa_marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

#ajax_audio_player.mm_skin.wa_pause .mm_time canvas,
#ajax_audio_player.mm_skin.wa_pause .mm_shade_time canvas {
    animation: wa_blink 1s steps(1) infinite;
}

/* состояния */

#ajax_audio_player.mm_skin .mm_status_play,
#ajax_audio_player.mm_skin .mm_status_pause,
#ajax_audio_player.mm_skin .mm_status_stop,
#ajax_audio_player.mm_skin .wa_mono,
#ajax_audio_player.mm_skin .wa_stereo,
#ajax_audio_player.mm_skin .mm_led_repeat,
#ajax_audio_player.mm_skin .mm_led_shuffle,
#ajax_audio_player.mm_skin .mm_visled {
    display: none;
}

#ajax_audio_player.mm_skin.wa_play .mm_status_play,
#ajax_audio_player.mm_skin.wa_pause .mm_status_pause,
#ajax_audio_player.mm_skin.wa_stop .mm_status_stop,
#ajax_audio_player.mm_skin .wa_mono.wa_on,
#ajax_audio_player.mm_skin .wa_stereo.wa_on,
#ajax_audio_player.mm_skin.mm_repeat_on .mm_led_repeat,
#ajax_audio_player.mm_skin.mm_shuffle_on .mm_led_shuffle {
    display: block;
}

#ajax_audio_player.mm_skin.mm_repeat_on .mm_s_repeat,
#ajax_audio_player.mm_skin.mm_shuffle_on .mm_s_shuffle,
#ajax_audio_player.mm_skin:not(.wa_pl_hidden) .mm_s_pl {
    background: var(--bg-active);
}

#ajax_audio_player.mm_skin .mm_glow {
    opacity: 0;
    transition: opacity .8s ease-out;
    pointer-events: none;
}

#ajax_audio_player.mm_skin.wa_play .mm_glow {
    opacity: 1;
    transition-duration: .4s;
}

#ajax_audio_player.mm_skin .mm_display2 {
    opacity: .2;
    pointer-events: none;
}

/* режимы визуализации: 1-6 анимации по уровню, 7 без визуализации, 8 спектр, 9 осциллограф */

#ajax_audio_player.mm_skin .mm_dis1,
#ajax_audio_player.mm_skin .mm_dis2,
#ajax_audio_player.mm_skin .mm_vis {
    display: none;
}

#ajax_audio_player.mm_skin.mm_vis_7 .mm_dis1,
#ajax_audio_player.mm_skin.mm_vis_8 .mm_dis1,
#ajax_audio_player.mm_skin.mm_vis_9 .mm_dis1,
#ajax_audio_player.mm_skin.mm_vis_8 .mm_dis2,
#ajax_audio_player.mm_skin.mm_vis_8 .mm_vis,
#ajax_audio_player.mm_skin.mm_vis_9 .mm_vis {
    display: block;
}

#ajax_audio_player.mm_skin.mm_vis_7 .mm_dis3,
#ajax_audio_player.mm_skin.mm_vis_8 .mm_dis3,
#ajax_audio_player.mm_skin.mm_vis_7 .mm_dis4,
#ajax_audio_player.mm_skin.mm_vis_8 .mm_dis4,
#ajax_audio_player.mm_skin.mm_vis_9 .mm_dis4,
#ajax_audio_player.mm_skin.mm_vis_7 .mm_visani,
#ajax_audio_player.mm_skin.mm_vis_8 .mm_visani,
#ajax_audio_player.mm_skin.mm_vis_9 .mm_visani {
    display: none;
}

#ajax_audio_player.mm_skin.mm_vis_1 .mm_visled_1,
#ajax_audio_player.mm_skin.mm_vis_2 .mm_visled_2,
#ajax_audio_player.mm_skin.mm_vis_3 .mm_visled_3,
#ajax_audio_player.mm_skin.mm_vis_4 .mm_visled_4,
#ajax_audio_player.mm_skin.mm_vis_5 .mm_visled_5,
#ajax_audio_player.mm_skin.mm_vis_6 .mm_visled_6,
#ajax_audio_player.mm_skin.mm_vis_7 .mm_visled_7,
#ajax_audio_player.mm_skin.mm_vis_8 .mm_visled_8,
#ajax_audio_player.mm_skin.mm_vis_9 .mm_visled_9 {
    display: block;
}

/* шторки */

#ajax_audio_player.mm_skin .mm_drawer,
#ajax_audio_player.mm_skin .mm_ctlayer,
#ajax_audio_player.mm_skin .mm_ctlist {
    display: none;
}

#ajax_audio_player.mm_skin .mm_drawer {
    transition: left .5s ease-in-out;
}

#ajax_audio_player.mm_skin .mm_drawer.mm_open {
    left: 350px !important;
}

#ajax_audio_player.mm_skin.mm_drawer_eq_shown .mm_drawer_eq,
#ajax_audio_player.mm_skin.mm_drawer_vis_shown .mm_drawer_vis,
#ajax_audio_player.mm_skin.mm_drawer_ct_shown .mm_drawer_ct,
#ajax_audio_player.mm_skin.mm_drawer_ct_shown .mm_ctlayer,
#ajax_audio_player.mm_skin.mm_drawer_ct_ready .mm_ctlist {
    display: block;
}

#ajax_audio_player.mm_skin.mm_drawers_open .mm_onoff {
    display: none;
}

#ajax_audio_player.mm_skin .mm_ctitems {
    position: absolute;
    left: 0;
    top: 0;
    width: 165px;
    height: 100px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #8a8a8a #1e1e1e;
}

#ajax_audio_player.mm_skin .mm_ctitem {
    padding: 0 4px;
    font-size: 11px;
    line-height: 14px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

#ajax_audio_player.mm_skin .mm_ctitem.mm_selected {
    background: rgb(0, 67, 120);
}

#ajax_audio_player.mm_skin .mm_ctitem.mm_current {
    font-weight: bold;
}

/* ползунки */

#ajax_audio_player.mm_skin .mm_slider .selectableTrack {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
}

#ajax_audio_player.mm_skin .mm_slider .wa_thumb_area {
    position: relative;
    width: calc(100% - var(--thumb-w));
    height: 100%;
}

#ajax_audio_player.mm_skin .mm_slider .slider {
    position: absolute;
    top: 0;
    width: var(--thumb-w);
    height: var(--thumb-h);
    background: var(--thumb);
    cursor: pointer;
}

#ajax_audio_player.mm_skin .mm_slider .slider:active {
    background: var(--thumb-down);
}

#ajax_audio_player.mm_skin #aj_player_volume {
    position: absolute;
    padding: 0;
}

/* окно плейлиста в рамке скина */

#ajax_audio_player.mm_skin .mm_pl {
    position: relative;
    width: 381px;
    box-sizing: border-box;
    padding: 39px 28px 45px;
}

#ajax_audio_player.mm_skin .mm_pl_title .mm_pl_title_text {
    position: absolute;
    inset: 0;
    justify-content: center;
}

#ajax_audio_player.mm_skin .mm_pl_content {
    position: relative;
    display: flex;
}

#ajax_audio_player.mm_skin .wa_pl_list {
    flex: 1;
    min-width: 0;
}

#ajax_audio_player.mm_skin .mm_pl_scroll {
    position: relative;
    width: 13px;
}

#ajax_audio_player.mm_skin #aj_player_tracks,
#ajax_audio_player.mm_skin:hover #aj_player_tracks,
#ajax_audio_player.mm_skin.ui-draggable-dragging #aj_player_tracks {
    display: block;
    width: auto;
    height: 100%;
    max-height: none;
    margin: 0;
    border-radius: 0;
    background: none;
    overflow-y: scroll;
    scrollbar-width: none;
}

#ajax_audio_player.mm_skin #aj_player_tracks::-webkit-scrollbar {
    display: none;
}

#ajax_audio_player.mm_skin #aj_player_tracks .aj_track {
    display: flex;
    gap: 6px;
    padding: 0 3px;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
}

#ajax_audio_player.mm_skin #aj_player_tracks .aj_track:hover {
    background: rgb(0, 67, 120);
}

#ajax_audio_player.mm_skin #aj_player_tracks .aj_track.selected {
    background: none;
    color: rgb(248, 248, 248);
    border-color: rgb(120, 178, 193);
}

#ajax_audio_player.mm_skin #aj_player_tracks .aj_track.selected:hover {
    background: rgb(0, 67, 120);
}

#ajax_audio_player.mm_skin #aj_player_tracks .aj_track .wa_pl_name,
#ajax_audio_player.mm_skin #aj_player_tracks .aj_track .wa_pl_len {
    color: inherit;
    white-space: nowrap;
}

#ajax_audio_player.mm_skin #aj_player_tracks .aj_track .wa_pl_name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}