.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ }

.tw_audio_player, .tw_audio_player *{
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    box-sizing: border-box;}

.tw_audio_player{
    --color_1: rgb(88, 88, 88);
    --color_2: rgb(126, 47, 47);
    min-width: 220px;
    width: 100%;
    max-width: 300px;
    margin-top: 4px;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;}


.tw_audio_player_control{
    display: flex;
    border: 1px solid var(--color_1);
    box-shadow: 0px 0px 1px 0px  var(--color_1);
    height: 34px;
    margin-bottom: 3px;
    align-items: center;}



.tw_audio_play_btn{
    cursor: pointer;
    background-image: url(../img/play-32.png);
    height: 20px;
    width: 20px;
    margin-right: 10px;
    margin-left: 8px;
    background-size:contain;
    background-repeat: no-repeat;}

.tw_audio_rate_btn{
    cursor: pointer;
    margin-right: 14px;
    padding: 0px 3px;
    box-shadow: 0px 0px  1px 1px ;}

.tw_audio_time_slider{
    cursor: pointer;
    background-image: linear-gradient(90deg, #000000 0%, #000000 0%, #585858 0%, #585858 100%);
    width:20px;
    height:12px;
    flex-grow: 1;
    margin-right: 14px;}

.tw_audio_time{
    margin-right: 8px;}

.tw_audio_player_caption{
    font-size: 15px;
    color: var(--color_2);
    text-align: center;}

.tw_html_audio_player{
    display: none;}

.tw_audio_play_btn_paused{
    background-image: url(../img/pause-32.png);}