:root {
    --position-range-width: 0;
    --volume-range-width: 0;
}
.genesis-audio-player {
    background: #444;
    color: #FFF;
    opacity: 1 !important;      
    transition: opacity 0.5s ease-in;  
    position: relative;
    padding: 15px 20px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: #EEE 3px 3px 10px;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}                          
.genesis-large-audio-player .genesis-audio-player,
.genesis-large-audio-player .genesis-audio-player::before {    
    box-shadow: none;
    border-radius: 5px 5px 0 0;
}                                                     
.genesis-large-audio-player .gen-ap-list-button,
.genesis-large-audio-player .gen-ap-open-in-new-button {
    display: none;
}
.genesis-audio-player.gen-ap-list-expand {   
    border-radius: 5px 5px 0 0;
}
.genesis-audio-player::before {    
    background-image: linear-gradient(rgba(40, 40, 40, 0), rgba(40, 40, 40, 0.95));    
    border-radius: 5px;
    position: absolute;
    display: block;    
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";         
}         
/* 
.genesis-audio-player::after {    
    position: absolute;    
    color: #FFF;
    right: 10px;
    bottom: 10px;    
    font-size: 11px;
    content: attr(data-action) !important;  
    z-index: 10;          
} 
*/
.genesis-audio-player ul { 
    display: none;    
}
.gen-ap-wrapper {
    position: relative; 
    padding: 23px 0 0 0;   
    min-height: 30px; 
    z-index: 1;   
}      
.gen-ap-wrapper button {
    background: transparent center center no-repeat;
    height: 30px;
    width: 30px;
    border: none;
    outline: none;
    text-indent: -999999px;  
    display: inline-block;  
    cursor: pointer;
    opacity: 0.9;    
    transition: opacity 0.2s linear;       
}       
.gen-ap-wrapper button:hover {
    opacity: 1;      
}                         
.gen-ap-info dl {    
    position: relative; 
    font-size: 14px;
    line-height: 20px; 
    margin: 0;
    padding: 0;   
    z-index: 1;    
}                                
.gen-ap-info dl a {    
    color: inherit;
    opacity: 0.8;
}                              
.gen-ap-info dl a:hover {    
    opacity: 1;
}                            
.gen-ap-poster.gen-ap-info dl {   
    min-height: 103px;
}                            
.genesis-large-audio-player .gen-ap-poster.gen-ap-info dl {   
    min-height: auto;
    margin-bottom: 20px;
}      
.gen-ap-info dl dt {
    float: left;
    width: 100px;
    margin: 0;
    padding: 0;     
    opacity: 0.8;
}                 
.gen-ap-info dl dd {
    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis;
    width: calc(100% - 105px);
    margin: 0;
    padding: 0;
}                            
.gen-ap-info dl dt.t,        
.gen-ap-info dl dt.l,        
.gen-ap-info dl dt.c,        
.gen-ap-info dl dd.c:not(.ca) {
    display: none;
}                    
.gen-ap-info dl dd.t   
.gen-ap-info dl dd.l,   
.gen-ap-info dl dd.c {
    width: 100%;
}                             
.gen-ap-info dl dd.t {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600; 
    padding: 0 15px 0 0;
    margin: 0 0 8px 0;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;   
    white-space: normal; 
    width: auto;    
    max-height: 47px;  
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}                           
.gen-ap-info dl dd.t.eb {  
    background: no-repeat calc(100% - -6px) -2px;
    padding-right: 28px;   
    cursor: pointer;
}                                
.gen-ap-info dl dd.l {    
    font-size: 13px;
    line-height: 18px;
    white-space: normal; 
    width: 100%;
    padding: 0 0 11px 0;  
    display: none;
}                                
.gen-ap-info-expand dl dd.l {
    display: block;
}                   
.gen-ap-info dl dd.c {
    font-weight: 600;   
}  
.gen-ap-info dl dd:not(.t):last-child {
    margin-bottom: 6px;
} 
.gen-ap-info dl dt.ps,      
.gen-ap-info dl dt.pe,
.gen-ap-info dl dd.ps,      
.gen-ap-info dl dd.pe { 
    width: auto;
    padding-right: 10px;
}         
.gen-ap-info dl dt.ps,      
.gen-ap-info dl dt.pe { 
    padding-right: 5px;
}            
.gen-ap-info dl dd.ps { 
    float: left;
}                        

     
.gen-ap-poster {
    min-height: 190px;
}       
.genesis-large-audio-player .gen-ap-poster {
    min-height: 340px;
}                            
.gen-ap-poster dl,
.gen-ap-poster .gen-ap-wrapper {
    margin-left: 170px;
}                               
.genesis-large-audio-player .gen-ap-poster dl,          
.genesis-large-audio-player .gen-ap-poster .art-title,         
.genesis-large-audio-player .gen-ap-poster .art-details,                
.genesis-large-audio-player .gen-ap-poster .art-text-inner,           
.genesis-large-audio-player .gen-ap-poster .gen-ap-wrapper {
    margin-left: 317px;
}                                                
.genesis-large-audio-player .art-title {
    font-size: 42px;
    font-weight: 600;
    line-height: 45px;
    padding: 15px 0 0 0;
    position: relative;
    display: block;
    z-index: 1;
}                                                 
.genesis-large-audio-player .art-text-inner {
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    position: relative;
    z-index: 1;        
    margin: 0;     
    padding: 18px 0 32px 0;
}                                                 
.genesis-large-audio-player .art-text-inner p {
    margin: 0;     
    padding: 0;
}                                       
.genesis-large-audio-player .art-details {     
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
    height: 20px;
    color: inherit;
    opacity: 0.8;
    position: relative;
    z-index: 1;
}                    
.gen-ap-poster figure {
    position: absolute;    
    top: 20px;  
    left: 20px;   
    margin: 0;     
    padding: 0;
}                               
.gen-ap-poster figure, 
.gen-ap-poster figure img {
    display: block;
    width: 150px;   
    height: 150px;      
    cursor: pointer; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}                       
.genesis-large-audio-player .gen-ap-poster figure, 
.genesis-large-audio-player .gen-ap-poster figure img {
    width: 300px;   
    height: 300px;      
}                    
.gen-ap-poster figure img:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    opacity: 0.95;
}                 
.gen-ap-poster figure::before {    
    background-color: rgba(74, 74, 74, 0.4);
    position: absolute;   
    content: "";    
    top: 0;  
    left: 0;            
    right: 0;  
    bottom: 0;    
    z-index: 5;    
    opacity: 0;   
    transition: opacity 0.3s ease-in-out;  
}                   
.gen-ap-poster figure::after {    
    background: center center no-repeat;
    position: absolute;   
    content: "";    
    top: 0;  
    left: 0;            
    right: 0;  
    bottom: 0;    
    z-index: 6;
    border-radius: 100%;      
    opacity: 0;       
    transition: opacity 0.6s ease-in-out;  
}       
                                                                
.gen-ap-poster[data-action="seeking"] figure::before,
.gen-ap-poster[data-action="seeking"] figure::after,
.gen-ap-poster[data-action="waiting"] figure::before,
.gen-ap-poster[data-action="waiting"] figure::after {    
    opacity: 1;
}                                                       
.gen-ap-poster[data-action="pause"] figure:hover::before,
.gen-ap-poster[data-action="pause"] figure:hover::after,
.gen-ap-poster[data-action="canplay"] figure:hover::before,
.gen-ap-poster[data-action="canplay"] figure:hover::after {    
    opacity: 1;
}                

.gen-ap-tools-wrapper {
    position: relative;  
    font-size: 14px; 
    opacity: 0.8;     
    display: inline-block;
    float: right;
}  
.gen-ap-tools-wrapper button {
    margin-left: 5px;
}                  
 
.gen-ap-timer-wrapper {
    position: relative;  
    font-size: 14px; 
    opacity: 0.8;     
    display: inline-block;
}      
.gen-ap-timer-wrapper .gen-ap-duration-label {
    padding-left: 5px;
    opacity: 0.7;    
    transition: opacity 0.2s linear;  
}        
.gen-ap-timer-wrapper:hover .gen-ap-duration-label {
    opacity: 1;
}                           
.gen-ap-timer-wrapper .gen-ap-duration-label::before {
    content: '/';     
    padding-right: 5px;
}

.gen-ap-volume-wrapper {
    position: relative;  
    font-size: 14px;    
    margin: 0 15px 0 5px;
    padding: 0;   
    width: 24px;
    opacity: 0.8;     
    opacity: 1;     
    display: inline-block;
    vertical-align: top;      
    transition: width 0.1s linear;  
    white-space: nowrap;
    overflow: hidden;  
}           
.gen-ap-volume-wrapper:hover {
    width: 95px;
    opacity: 1;     
}     
.gen-ap-volume-wrapper * {
    vertical-align: top;
}   

.gen-ap-position-range {    
    background: transparent;  
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;   
    margin: 0;  
    padding: 0;     
    width: 100%;  
    height: 14px;  
    border: none;  
    outline: none;     
    overflow: hidden;
    -webkit-appearance: none;  
    appearance: none;
}     
.gen-ap-position-range:focus {
    outline: none;
}
.gen-ap-position-range::-webkit-slider-thumb {
    -webkit-appearance: none;    
    appearance: none; 
    background: #FFF;
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    cursor: pointer;
    margin-top: -2px; 
    opacity: 0;
}
.gen-ap-position-range::-moz-range-thumb { 
    background: #FFF;
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    cursor: pointer;      
    opacity: 0;
}   
.gen-ap-position-range::-ms-thumb {  
    background: #FFF;
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    cursor: pointer;
}        
.gen-ap-position-range:hover::-webkit-slider-thumb {
    opacity: 1;
}        
.gen-ap-position-range:hover::-moz-range-thumb {
    opacity: 1;
}   
.gen-ap-position-range:hover::-ms-thumb {
    opacity: 1;
}

.gen-ap-position-range::-webkit-slider-runnable-track {    
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 6px;
    cursor: pointer;
    border: none;
}   
.gen-ap-position-range::-moz-range-track {    
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 6px;
    cursor: pointer;
    border: none;
}
.gen-ap-position-range::-ms-track {
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 6px;
    cursor: pointer;
    border: none;
}       
.gen-ap-position-range:hover::-webkit-slider-runnable-track {  
    background: rgba(255, 255, 255, 0.5);         
    height: 8px;
}     
.gen-ap-position-range:hover::-moz-range-track {    
    background: rgba(255, 255, 255, 0.5);      
    height: 8px;
}     
.gen-ap-position-range:hover::-ms-track {
    background: rgba(255, 255, 255, 0.5);       
    height: 8px;
}
.gen-ap-position-range::-moz-range-progress {
    background: rgba(255, 255, 255, 0.7);     
    height: 6px;     
    cursor: pointer;
}   
.gen-ap-position-range:hover::-moz-range-progress {  
    background: rgba(255, 255, 255, 0.9);     
    height: 8px;
}  
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .gen-ap-position-range::before {    
        content: "";       
        background: rgba(255, 255, 255, 0.5);       
        display: block;
        width: var(--position-range-width);
        position: absolute;
        left: 0;
        top: 50%;     
        height: 6px; 
        transform: translateY(-50%);    
    }           
    .gen-ap-position-range:hover::before {    
        background: rgba(255, 255, 255, 0.9);     
        height: 8px;
    }      
}    

.gen-ap-position-range:focus::-ms-fill-lower {
  background: #3071a9;
}
.gen-ap-position-range::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.gen-ap-position-range:focus::-ms-fill-upper {
  background: #367ebd;
}  
  
.gen-ap-position-range::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;    
    cursor: pointer;
}
.gen-ap-position-range:focus::-ms-fill-lower {
  background: #3071a9;
}
.gen-ap-position-range::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.gen-ap-position-range:focus::-ms-fill-upper {
  background: #367ebd;
}





.gen-ap-volume-range {    
    background: transparent;  
    display: inline-block;
    margin: 0 0 0 5px;  
    padding: 0;     
    width: 60px;  
    height: 30px;  
    border: none;  
    outline: none;     
    position: relative;
    -webkit-appearance: none; 
}      
.gen-ap-volume-range:focus {
    outline: none;
}

.gen-ap-volume-range::-webkit-slider-thumb {
    -webkit-appearance: none;     
    background: #FFF;
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    margin-top: -4px; 
    opacity: 1;   
    cursor: pointer;
}
.gen-ap-volume-range::-moz-range-thumb { 
    background: #FFF;
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 100%;      
    opacity: 1;
    cursor: pointer;   
}   
.gen-ap-volume-range::-ms-thumb {  
    background: #FFF;
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 100%; 
    opacity: 1;
    cursor: pointer;
}        

.gen-ap-volume-range::-webkit-slider-runnable-track {    
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 4px;
    cursor: pointer;
    border: none;
}   
.gen-ap-volume-range::-moz-range-track {    
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 4px;                        
    cursor: pointer;
    border: none;
}
.gen-ap-volume-range::-ms-track {
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 4px;
    cursor: pointer;
    border: none;
}       

.gen-ap-volume-range::-moz-range-progress {
    background: rgba(255, 255, 255, 0.9);     
    height: 4px;     
    cursor: pointer;
}   
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .gen-ap-volume-range::before {    
        content: "";       
        background: rgba(255, 255, 255, 0.9);       
        display: block;
        width: var(--volume-range-width);
        position: absolute;
        left: 0;
        top: 50%;     
        height: 4px;   
        transform: translateY(-50%);    
    }          
}    

.gen-ap-volume-range:focus::-ms-fill-lower {
    background: rgba(255, 255, 255, 0.9);     
}
.gen-ap-volume-range::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.genesis-audio-player-list {
    margin: 0 !important;
    padding: 0 !important; 
    color: #333; 
    max-height: 225px;
    position: relative;
    z-index: 10;
    list-style: none;
    border: #444 5px solid;
    border-top: none;           
    overflow-x: hidden;         
    overflow-y: auto;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    box-shadow: #EEE 3px 3px 10px;    
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: none;
}   
.genesis-audio-player-list.gen-ap-list-expand {
    display: block;
}        
.genesis-audio-player-list li {  
    background: #FFF;
    margin: 0 !important;
    padding: 8px 10px !important; 
    border-bottom: #EEE 1px solid;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    justify-content: space-between;   
    transition: background 0.2s linear;  
}         
.genesis-audio-player-list li:hover {
    background: #F5F5F5;
    cursor: pointer;
}                   
.genesis-audio-player-list li.selected {
    background: #EEE;
    cursor: default;
}       
.genesis-audio-player-list li:last-child {
    border-bottom: none;
}                   
.genesis-audio-player-list li .t {  
    width: 100%; 
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;  
}                   
.genesis-audio-player-list li .pse {
    color: #111;
    width: 50px;
    text-align: left;
}                   
.genesis-audio-player-list li .dt {
    color: #999;
    width: 160px;
    text-align: right;
}      
                              
.gen-ap-wrapper button.gen-ap-play-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAAjUlEQVRIx+3TsQ3BYRCG8SMq0RoBE1DpbWIFO9jACpZgBBZgA6VOfpr/l4jQyHeJ4nv6e5/c5d6IRgNbDDMFcMEqU1DYY5wpgBvW6GUJCgdMMwVwxwaDLEHhhPmn+X6VO0ZMImKZtcERs4wT1fmmL+H1+vAWfK3e6C74gR1GVcM7wRmL6sEvgt9L1PgLnpf5PjgCVZKSAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTA0LTA3VDA3OjM5OjAwKzAwOjAwLtkRdgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wNC0wN1QwNzozOTowMCswMDowMF+EqcoAAAAASUVORK5CYII=');
}                     
.gen-ap-wrapper button.gen-ap-play-button[data-action="playing"] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAAMklEQVRIx2NgGAXDHjDikvj///9/FIWMjIykyMMAE619MGrBqAWjFoxaMBgsGAUjAAAAzUsIHPjVyyMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDQtMDdUMDc6Mzk6MzcrMDA6MDBl8SgbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA0LTA3VDA3OjM5OjM3KzAwOjAwFKyQpwAAAABJRU5ErkJggg==');
}  
.gen-ap-wrapper button.gen-ap-mute-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAA70lEQVRIx+2UOwrCQBCGk/Q+ejvR3kYQsfHReiIFvYfa+2rEC4gKNp7AA/jo9AJ+NrM4hJDEZK30b2Zmd/P9YZIdx/nrWwLGQMc2dKhyox1QsgIHUHUPuIjJA2ikhmsDWc8CU9m6A+VUcL+B7HvAzLQrFdzXohWQlTyn2tUOA0bKd3at6r6sTWwaAFSlrkh90kwv8Zd/qybRgAu2Dfysp22Dg0Rz2c42DVau6x4l70rcx3464jedAxnJ88BVjrQ+esWYF20h29tEfQgZFXlgqUZF8qEXMOwGwE3B64nh2kTlRhugmBoeYDYCmtbBv6cXxn+kNfCJpM0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDQtMDdUMDc6Mzg6MjQrMDA6MDB3cVkmAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA0LTA3VDA3OjM4OjI0KzAwOjAwBizhmgAAAABJRU5ErkJggg==');
}
.gen-ap-wrapper button.gen-ap-mute-button[value="OFF"] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAABLklEQVRIx+3Vq05DQRDG8U3BtCTlCXAgcAQCCHBU8yZoBIjyEihwCCopAgEVpAqF5wVIMFwS9A/RLWwPp8252H7m7MzOmf9mZi8hzFVG6KCPZoHYC3TKAvpGus+DoJuMxxpitSigGZP/g6ALiX2C1xj7if3KEDTQSwExto3rGPuBtTqQRfRyYn/hGJbpRy4kmb9BO46Xk3IdzEo6S9mewG1in0bfZVXABCQpy3a0N6L9UgcAj1jCAq5wFP9txfnvuoBs4zeTHQXvdQHTzslW9D+nORuFt9WfDkMIgxBCJ4SQXis78ftUOBOOs8uP/nQLZ3uyW2q54hWRApKmDrI9qVCRSUjGv4KvvJ5UhiT2Gd6mnZPKkGQ81h3W8RDtfmVABnaOvcRuGb0n5R6huX4A583PKxRVF74AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDQtMDdUMDc6Mzg6MDErMDA6MDBnbHH8AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA0LTA3VDA3OjM4OjAxKzAwOjAwFjHJQAAAAABJRU5ErkJggg=='); 
}   
.gen-ap-wrapper button.gen-ap-spotify-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAB00lEQVRIx9WVsWpUQRSGv4nZqIUW0UZQCwM2JqixECQPYCHsmiCSNp2v4BMYjYit4BOI4YqCpYVNlMQuJGGTqCAINsKGBKOyn8WdyHi92b3ZVPlh4M6cM+ec+/9nZuCgI3QyqgPATaAOjAKno+kL8AHIgCyE8HPPmdUJdc3uWFXH9xL4kDpTIXARD9S+Kgl6Cb6D6Sq07BeNUpGjoEvAOaANLALzwCdgO9lzGDgLDEfha4U6V4EL/wmv3k6qqCSaelQdVzO1ney/tePTn/jXk+9RdRsYAS4Dg4ltC/hI3qZvQgizwKx6EXgNnIqxnhWrWdmF02/RthbHRmJrq2/VG+qguhjXl8t+t5Vs3FIn1ZMlfv3qJfWO+kr9XVJUq0zkFnAsTlvkJ/hEpGgo+m4Cn4F3wFwI4bs6BDwsULwRQjhelaLd8EN9qg6r1wq2vxSlIi8A55P5c+AlsAKsA0ei/xngKnAdmIqjXWByvixBBkwm8/VonyDv+wAINIH3wOPYZY+AsUKCrEzkAfOLqyq+qnfVJ4X1plqjDPHQ7Bd1OsH8VuwV9+gGtU+930Pwaatc10miRuSzG5qdaOn2ZNaABvkhusK/T+ZC7JYXIYRflSs/cPgDqShxt5hvVDEAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDQtMDdUMjA6NDA6NDQrMDA6MDAX78cjAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA0LTA3VDIwOjQwOjQ0KzAwOjAwZrJ/nwAAAABJRU5ErkJggg==');
}   
.gen-ap-wrapper button.gen-ap-share-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAABCElEQVRIx+XUsUoDQRQF0LcWgRQBCwst/I34OfEHFCLEb1hLSxuF2Pkl2ghapk9CWgU7c2xGWHC02BlB8MI0u49337v3zkT8a2CAC6ywRItBTYLWV7Q1CVYZgnW3Zqeg+SgidjO/tkUEaDCJiEVEDDMl8xJJxnhIUrxglnwoMxkHuMI7tphjv0+jbuxWaaJZmlaaflwiQS52sMYETe/miWCZaf6WEtMLvWPal+A2UzOMiAWOa0g0SD4sfzD5qPqa2MNlJ6Z3OPwNojHuOxftHFM8p3OGMl8/n4pvHjqY1tpmhE2G4Klb13udpmleI2KT465CkHCd+XZTRaIkU4NTPKZzUnxX/hw+AN9eo7UB1LifAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTA0LTA3VDIxOjE0OjUwKzAwOjAwiiA2EwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wNC0wN1QyMToxNDo1MCswMDowMPt9jq8AAAAASUVORK5CYII=');
}         
.gen-ap-wrapper button.gen-ap-list-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAASElEQVRIx2NgGAUDDRiROf////+PIsnIyEiacZiAhRhF6BYTdDWSw5hoG0BE+oAaQTV0wWgqoo4PRlMRHIymIrJ9MLJT0dAHAB23GC5Xix4KAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTA0LTA4VDA3OjMwOjAyKzAwOjAwy7lMrwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wNC0wOFQwNzozMDowMiswMDowMLrk9BMAAAAASUVORK5CYII=');
}         
.gen-ap-wrapper button.gen-ap-open-in-new-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAAuklEQVRIx+2SMQ7CMBAEdxF1ukgU+Q4ND8kP+QgpeEDS0fGBpTESsuLLnR0axNW3O7drA/+JjKSLpEXGfOxu7gAAM8AMYLCOIMk3YGtnLYEsYUHTS7qVEjQBkvmUZNOugOzyu6TTboA1c5feAyiZ7wKwzL2PVgQ0m1sAr3lVRZHLwwBJXfbP+2gDR0tA8inpmvbOJB/h3h0VUVJXq48tVAAOTZEdk7/BAmBoSQFgthKMCdJiPn67lR+bF3DWsmSDO181AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTA2LTIxVDExOjQ2OjU1KzAwOjAwIsK/wgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wNi0yMVQxMTo0Njo1NSswMDowMFOfB34AAAAASUVORK5CYII=');
} 
.gen-ap-list-expand .gen-ap-wrapper button.gen-ap-list-button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAAmklEQVRYw+3TQQrCMBRF0ReFkO05cC0O7dDlaAfanSlOrpMKQRqsEBKEd6EQaNMcPkRyzjnnnIABOPV25Jh3fVEfmL6oAqYPagFznZ+8oRdmAhIQgbHppBYwNyBl7yNwaYL6hmmKWoupgdqsNN2z9SRpF0J4lD4OITwl7SWNhX9UmdJhvknphz0ROAPHqpjsgG2LPc4559w/9wK7ekPS3ekrxAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNC0wOFQwOTo0MToxOSswMDowMDkLasYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDQtMDhUMDk6NDE6MTkrMDA6MDBIVtJ6AAAAAElFTkSuQmCC');
}               
.gen-ap-info dl dd.t.eb {  
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAAdElEQVRIx+2PsQ3CQBAER4Z2XI4z+iD0uxNHlEhiS0NggkfiPjCfcRPvzd5CkiRN1LFHJjpc1F29NTKTuqklygyNjidwAdZvJeoEPIAr4NkVdw8+llSfq86n5FFJV3lVUt7CrZKXn8XBkn6fB0v6fp4kf8ALZ8WNp4VXQsoAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDQtMDdUMDk6MTk6MTIrMDA6MDDXZrWwAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA0LTA3VDA5OjE5OjEyKzAwOjAwpjsNDAAAAABJRU5ErkJggg==');
}                           
.gen-ap-info-expand dl dd.t.eb {  
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAAAbElEQVRIx+2PMQqAMBAE98Df+B07C7+S0o9o5f8sVMZGIQgKMbHyBtLkjhlOchwnCSAA/Zfyk7KRSL4cDyCUlq9ACzRRJO+Sqzz6z4/cyVMj1UNjlrRJ6sxsuA7NbAIkaTx2X11Rl9hxnL+zA2UblDOVv1XrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTA0LTA3VDA5OjE5OjM5KzAwOjAwl0TmNwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wNC0wN1QwOToxOTozOSswMDowMOYZXosAAAAASUVORK5CYII=');
}    
                    
.gen-ap-poster[data-action="seeking"] figure::after,
.gen-ap-poster[data-action="waiting"] figure::after {    
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAADQUlEQVRo3u2ZzUsVURjGn9G0EC0pSUprlRoRLlLTvigkEMKoTdlC+kvaRNCHtAjCPqhlQVRELYzKFjdaJAUVIRFKFmomZGHQQk3vr8WMcLl3znw4c8dF91memfd5n2fOzHvec0YqoID/G1YcJECRpFZJByS1SNpiWVZj1j0fJA1LeiMpJem1ZVnpZXUPbAZ6gHGy4HJvNsaA80DtcgivBq4DcxgQwMAi5oBeoCop8d3AND4IYWARP4Hj+RReCtwMIGSpBhZxBVgRt/gyoD+EiCgGAB4Dq+ISXwI8C5j4FXAG6HDh6XCuDQTk6otlJoAbPonSwC1gRwjOJicm7cPdG1V8t0+CL0B7BP69wJBPjq6lkq8HfnkQp4CKSE/IzrMaeOGRZ4qllFjgmgdpP1AWVXxGLr8icTksYS3mRWoUWBuX+Iyclc4r6YY5YFMYsh4D0TzQFrf4jLy7gQVD7rNBSYpw6W0c3M6X+Iz8dwy5x7CbRl+CPQaCBWBbAga2e8xCa/b9bo72G7gHLMv6mG8DlmUNym653ZCjzc1AiyH4ab7FZ+CJYXxnEAN1huBUggZMueqDGNhoCP6WoIFxw3iONjcD5YbgyQQNfDeM56z8bgYwBPuXsPhQbBjP0eYm6o8heEOCBky5fgcxYJq+mgQNmDb6Oa+xm4EhQ/C+BA0cNIznrENuBkyLyJEEDXQaxt/6RgJthmU8DTQkoR44CUy4aGgMElzkNE5uuJeEAUdHhdMVzzq5PwPBThKBcx6zkLd22qClHnuDfypMUG2G82yMkIdTNKAcWOlxvSQs4VXMSAGlMYovBZ4Dw0BndEabtAp7Q+1lIvJMOO969rlTH1AXlVvACbwxAuyKwN8MfDJwz2KfXkdrYfA+nVj8sO8DW0Nw1mEfmM37cF/w4/ItS87H81DSoQDa3kl6JOmlpAnZbfFfSZWSGmRvlg7LXtX9nuwDScdi+QmCfW7TR3K4S9iqE2Qm8K5McSANXASKoys2G+kCfuRB/CRwNG/Cs0ysw/4tNBOD8BngErAmEfFZRmqw247RJQj/CpwGqqNoiPM3a7OkdklNsitOjez9dVrStKQpSYOS3kvqtyzLvzUuoIACfPEPNaMBV4d6u7gAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDQtMDdUMDk6MzI6NDkrMDA6MDA9Da0YAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA0LTA3VDA5OjMyOjQ5KzAwOjAwTFAVpAAAAABJRU5ErkJggg==');
    -webkit-animation: wait-spin 3s linear infinite !important;
    -moz-animation: wait-spin 3s linear infinite !important;
    animation: wait-spin 3s linear infinite !important;
}                                                        
.gen-ap-poster[data-action="pause"] figure::after,         
.gen-ap-poster[data-action="canplay"] figure::after {    
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAABBUlEQVRo3u3UoU1EQRRG4QcIUIRkLaEAqAIsFo1cR5C0QAtYWtgWCEWAZy0ChdgPQaaANzN5dza5p4F7zhX/NCVJkiRJssdgjYNoj5YAeMNltEtLAPziGcfRTrUBhQ9cR3u1BMAOLziN9qsNKHzhLtqxJaCwwXm0a0sAfOMRh9HOtQGFsSa3IoCRJrcyoBA/uY0BRE9uh4BCzOR2DCjMmtyxJu2f22maHha71vn7n7hZ9F2dxMusniwq3yngHVeLi3cI+METjsLkGwI2uAgVrwzY4j7auSZgh1eson1rApafxk4BcdPYISB2GhsCxpjGyoBxpnFmwHjTODPgLNohSZIkSfaWP0Sm23sBsH+qAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTA0LTA3VDA3OjM0OjQ3KzAwOjAwmsqqsgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wNC0wN1QwNzozNDo0NyswMDowMOuXEg4AAAAASUVORK5CYII=');
}    


body[data-www-schema="WPROST"] {
    .genesis-audio-player[data-channel="20965"], 
    .genesis-audio-player[data-channel="20965"] figure img {
        background-color: #A43C97;
    }   
    .genesis-audio-player[data-channel="20968"], 
    .genesis-audio-player[data-channel="20968"] figure img  {
        background-color: #9E3A5B;
    }        
    .genesis-audio-player[data-channel="20962"], 
    .genesis-audio-player[data-channel="20962"] figure img  {
        background-color: #7F7F7D;
    }               
    .genesis-audio-player[data-channel="21163"], 
    .genesis-audio-player[data-channel="21163"] figure img  {
        background-color: #FF000A;
    }              
    .genesis-audio-player[data-channel="24682"], 
    .genesis-audio-player[data-channel="24682"] figure img  {
        background-color: #BF1C55;
    }            
    .genesis-audio-player[data-channel="31861"], 
    .genesis-audio-player[data-channel="31861"] figure img  {
        background-color: #B6A392;
    } 
}   

@-moz-keyframes wait-spin { 
    from {
        -moz-transform: rotate(0deg); 
    }
    to { 
        -moz-transform: rotate(360deg); 
    }
}
@-webkit-keyframes wait-spin { 
    from { 
        -webkit-transform: rotate(0deg); 
    }
    to {                           
        -webkit-transform: rotate(360deg); 
    }
}
@keyframes wait-spin { 
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}    
    
@media (max-width: 800px) {  
    .gen-ap-info dl dd.t {
        font-size: 16px;
        line-height: 21px; 
    }
}     
@media (max-width: 480px) {  
    .genesis-audio-player {
         padding: 10px 10px 6px 10px;
    }
    .gen-ap-poster {
         min-height: 165px;
    }
    .gen-ap-wrapper {
         padding: 12px 0 0 0;
    }
    .gen-ap-poster dl {
         margin-left: 110px;
    }    
    .gen-ap-poster .gen-ap-wrapper {
         margin: 4px 0 0 0;
    }                  
    .gen-ap-poster figure {
         top: 10px;
         left: 10px;
    }
    .gen-ap-poster figure,
    .gen-ap-poster figure img {
         width: 100px;
         height: 100px;
    }
    .gen-ap-volume-wrapper {
         width: auto !important;
    }
    .gen-ap-volume-range {
         display: none;
    }
    .gen-ap-info dl {                                                                     
         font-size: 12px;
         line-height: 17px;
    }
    .gen-ap-info dl dd.t.eb {
         background-position: right -4px;
         padding-right: 22px;
    }
    .gen-ap-info dl dd.t {
         font-size: 14px;
         line-height: 18px;
         max-height: 52px;
         margin: 0 0 4px 0;
         -webkit-line-clamp: 3;
    }     
    .gen-ap-info dl dd {
         overflow: hidden;
         white-space: normal;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 3;  
         -webkit-box-orient: vertical;
    }
    .gen-ap-info dl dd.l {
         font-size: 12px;
         line-height: 17px;
         padding: 0 0 4px 0;
    }     
    .gen-ap-wrapper button {
        opacity: 1;      
    }      
    .gen-ap-play-button {
        margin-left: -2px;
    } 
    
    .gen-ap-position-range::-webkit-slider-runnable-track {    
        height: 4px;
    }   
    .gen-ap-position-range::-moz-range-track {     
        height: 4px;
    }
    .gen-ap-position-range::-ms-track { 
        height: 4px;
    }       
    .gen-ap-position-range:hover::-webkit-slider-runnable-track {   
        height: 4px;
    }     
    .gen-ap-position-range:hover::-moz-range-track {     
        height: 4px;
    }     
    .gen-ap-position-range:hover::-ms-track { 
        height: 4px;
    }    
    .gen-ap-position-range::-moz-range-progress {
        height: 4px;
    }      
    .gen-ap-position-range:hover::-moz-range-progress {
        height: 4px;
    }  
    .gen-ap-position-range::before { 
        height: 4px;
    }   
    .gen-ap-position-range:hover::before { 
        height: 4px;
    }    
    .gen-ap-position-range::-webkit-slider-thumb {
        margin-top: -4px; 
    }     
        
    .genesis-audio-player-list li {  
        font-size: 12px;
        line-height: 17px;
    }          
    .genesis-audio-player-list li .dt {  
        display: none;
    }         
    .genesis-audio-player-list li .pse {
        width: 35px;
    }                 
}                 
@media (max-width: 380px) {   
     .gen-ap-poster .gen-ap-wrapper {
          margin: 3px 0 0 0;
     }                    
     .gen-ap-info dl,
     .gen-ap-info dl dd.l {                                                                     
          font-size: 11px;
          line-height: 15px;
     }
     .gen-ap-info dl dd.t {
          font-size: 13px;
          line-height: 17px;  
          max-height: 67px;
          margin: 0 0 4px 0;
          -webkit-line-clamp: 4;
     }
     .gen-ap-wrapper button.gen-ap-play-button {
          margin-left: -6px;
     }
     .gen-ap-volume-wrapper {
          margin: 0 10px 0 5px;
     }
     .gen-ap-timer-wrapper {
          font-size: 13px;
     }
}