.jp-jplayer--container {
    background-color: #F2F4F7;
    border: 1px solid #D0D5DD;
    border-radius: 16px;
    padding: 15px 20px;
    width: 45rem;
    box-shadow: 0px 2px 8px -2px #2121210F, 0px 4px 32px -2px #2121210D;
    font-size: 1.6rem;
}

.jp-jplayer--container label,
.jp-jplayer--container select {
    font-size: 1.6rem;
}

.jp-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
}

.jp-title {
    font-weight: bold;
    overflow-wrap: break-word;
    flex: 1;
}

.jp-download-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

a.jp-download-link:link,
a.jp-download-link:visited {
    text-decoration: none;
}

a.jp-download-link:active,
a.jp-download-link:hover {
    text-decoration: underline;
}

.jp-jplayer--container button,
.jp-volume-speed,
.jp-play-progress,
.jp-progress,
.jp-time-holder,
.jp-volume-controls {
    display: flex;
    gap: 8px;
}

.jp-play-progress {
    align-items: flex-start;
}

.jp-progress {
    margin-top: 6px;
}

.jp-jplayer--container button,
.jp-volume-speed,
.jp-progress,
.jp-time-holder,
.jp-volume-controls {
    align-items: center;
}

.jp-volume-speed {
    justify-content: space-between;
}

.jp-jplayer--container button {
    border-radius: 50%;
    background-color: #D85849;
    color: white;
    border: none;
    flex: 0 0 auto;
    height: 35px;
    width: 35px;
    justify-content: center;
}

.jp-pause-icon,
.jp-play-label--pause {
    display: none;
}

.jp-state-playing .jp-pause-icon,
.jp-state-playing .jp-play-label--pause {
    display: block;
}

.jp-state-playing .jp-play-icon,
.jp-state-playing .jp-play-label--play {
    display: none;
}

.jp-details,
.jp-controls,
.jp-progress {
    margin-bottom: 1.2rem;
}

.jp-progress,
.jp-volume-bar,
.jp-seek-time {
    width: 100%;
}

.jp-seek-time {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.jp-seek-time input[type="range"] {
    margin-bottom: 0.25em;
}

.jp-seek-bar,
.jp-volume-bar,
.jp-playback-rate-bar {
    background: #fff;
    min-width: 150px;
    border: 1px solid #727272;
    border-radius: 2px;
}

.jp-play-bar,
.jp-volume-bar-value,
.jp-playback-rate-bar-value {
    height: 1.6rem;
    background-color: #B3433B;
}

.jp-jplayer--container select {
    background-position: center right 6px;
    height: auto;
    padding: 2px 24px 2px 6px;
    border-radius: 4px;
}

.jp-playback-rate {
    display: flex;
    align-items: center;
    gap: 7px;
}