.audio-player-block{border:1px solid var(--color-gray-300);padding:var(--space-24);gap:var(--space-16);background:var(--color-white);margin-top:var(--space-32);border-radius:16px;flex-direction:column;display:flex;box-shadow:0 2px 8px #0000000f}.audio-player-block__header{gap:var(--space-12);align-items:flex-start;display:flex}.audio-player-block__titles{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.audio-player-block__download{width:44px;height:44px;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.audio-player-block__download:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.audio-player-block__download:hover{color:var(--color-gray-600)}.audio-player-block__progress{gap:var(--space-8);flex-direction:column;display:flex}.audio-player-block__time{font-size:var(--font-size-paragraph);color:var(--color-text);justify-content:space-between;line-height:1.5;display:flex}.audio-player-block__slider{appearance:none;background:var(--color-gray-300);background-image:linear-gradient(var(--color-text), var(--color-text));cursor:pointer;background-repeat:no-repeat;border-radius:3px;width:100%;height:6px}.audio-player-block__slider:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.audio-player-block__slider::-webkit-slider-thumb{appearance:none;background:var(--color-text);cursor:pointer;border-radius:50%;width:18px;height:18px}.audio-player-block__slider::-moz-range-thumb{background:var(--color-text);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.audio-player-block__slider:hover::-webkit-slider-thumb{background:var(--color-gray-600)}.audio-player-block__slider:hover::-moz-range-thumb{background:var(--color-gray-600)}.audio-player-block__slider--volume{display:none}@media screen and (width>=40rem){.audio-player-block__slider--volume{width:120px;display:block}}.audio-player-block__controls{justify-content:space-between;align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.audio-player-block__playback,.audio-player-block__utils{align-items:center;gap:var(--space-16);display:flex}.audio-player-block__volume{align-items:center;gap:var(--space-8);display:flex}.audio-player-block__btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.audio-player-block__btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.audio-player-block__btn:hover{color:var(--color-gray-600)}.audio-player-block__btn--play{background-color:var(--color-primary-500);width:44px;height:44px;color:var(--color-text);border-radius:50%}@media screen and (width>=40rem){.audio-player-block__btn--play{width:60px;height:60px}}.audio-player-block__btn--play:hover{background-color:var(--color-primary-800)}.audio-player-block__btn--skip{flex-direction:column;align-items:center;gap:2px;min-width:44px;min-height:44px;display:flex}.audio-player-block__skip-label{font-size:var(--font-size-small);pointer-events:none}.audio-player-block__btn--speed{min-width:44px;height:44px;padding:0 var(--space-12);border:1px solid var(--color-gray-600);font-size:var(--font-size-paragraph);border-radius:22px;font-weight:400}
