:root{
    --buttoncolor-graydark: #808080;
    --buttoncolor-gray: #e0e0e0;
    --buttoncolor: #bb0000;
    --buttoncolor-dark: #990000;
    --imperfegg-extrabold: 'Imperfegg-ExtraBold';
    --perfectegg-narrowregular: 'PerfectEgg-NarrowRegular';
    --perfectegg-condensedlight: 'PerfectEgg-NarrowRegular';
    --light-border: 1px dotted #ababab;
    --reg-border: 1px dotted #909090;
    --font-base: 'Source Sans Pro',Helvetica,sans;
    }

@font-face {
    font-family: icons;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
}

     body{
        font-size:0;
        line-height:0;
        margin:0;
        padding:0;
        box-sizing:border-box;
        -ms-user-select:none;
        -webkit-user-select:none;
        -moz-user-select:none;
        user-select:none;
        }
    #wrapper{
        position:relative;
        margin:0 auto;
        padding:0;
        max-width:1000px;
        height:100vh;
        }
    .temp-im{
        position: relative;
        width: 80%;
        /* width: 400px; */
        /* left: 50%; */
        /* margin: -150px -200px; */
        /* top: 25%; */
        cursor: pointer;
        max-width: 500px;
        margin: 15% auto;
        transition:margin 300ms;
        }
    .temp-im img{
        width:100%;
        height:auto;
        margin-bottom:30px
        }
    pre {
        font-family: monospace;
        font-size:13px;
        line-height:16px;
        }
    .selected-buttons {
        display:block;
        }
    body.no-audio .selected-buttons {
        display:none;
        }
    .selected-buttons .but {
        font-family: icons;
        font-size: 30px;
        line-height: 38px;
        text-align: center;
        margin: 0 6px;
        position: relative;
        width: 36px;
        height: 36px;
        background-color: var(--buttoncolor-gray);
        border-radius: 20px;
        display: inline-block;
        box-sizing:border-box;
        vertical-align: top;
        }
    .selected-buttons .but.pause {
        color:white;
        }
    body.playing .selected-buttons .but.pause {
        color:#cc0000;
        }
    body.playing .selected-buttons .but.play {
        color:white;
        background-color: #4ca933;
        }
    .selected-buttons .but.play .run{
        transform-origin: center;
        transform: scale(1);
        position: relative;
        transition:transform 200ms;
        }
    body.loading .selected-buttons .but.play .run{
        transform: scale(0.5);
        }
    .selected-buttons .but.timer{
        width:100px;
        padding:0 10px;
        font-family:monospace;
        font-size:16px;
        line-height:36px;
        text-align: right;
        }
    .selected-buttons .but.timer.duration{
        color:gray;
        background-color:white;
        border:1px solid gray;
        }
    @media (max-width: 640px) and (orientation:landscape){
        .temp-im{
            margin: 0px auto;
            }
        }
    @media (max-width: 520px) and (orientation:portrait){
        .temp-im{
            margin: 10px auto;
            }
        .selected-buttons .but.timer{
            width:84px;
            padding:0 8px;
            font-size:13px;
            line-height:38px;
            }
        }
    #player-head{
        z-index:200;
        position:relative;
        display:block;
        height:auto;
        margin-bottom:20px;
        font-size:20px;
        line-height:26px;
        }
    #player-head h5{
        font-family: var(--perfectegg-condensedlight);
        font-size: 16px;
        text-transform: uppercase;
        font-weight: normal;
        margin: 4px;
        letter-spacing: 0.03em;
        }
    #player-head h3{
        font-weight: normal;
        margin: 4px;
        /* font-family: var(--imperfegg-extrabold); */
        font-family: var(--perfectegg-narrowregular);
        -moz-font-feature-settings: 'calt' 0;
        -webkit-font-feature-settings: 'calt' 0;
        font-feature-settings: 'calt' 0;

        }
    #player-bar{
        z-index:200;
        position:relative;
        display:block;height:10px;
        margin-bottom:20px;
        }
    #player-bar-line-back{
        position:relative;
        background-color:var(--buttoncolor-gray);
        height:4px;
        width:100%;
        top:4px;
        }
    #player-bar-line{
        position:absolute;
        background-color:var(--buttoncolor-graydark);
        height:4px;width:0px;
        top:4px;
        z-index: 12;
        }
    body.playing #player-bar-line{
        background-color:var(--buttoncolor);
        }
    #player-bar-stop{
        position:absolute;
        background-color:var(--buttoncolor-graydark);
        height:10px;
        width:10px;
        margin: -5px;
        top: 6px;
        z-index:10;
        border-radius: 5px;
        }
    body.playing #player-bar-stop{
        background-color:var(--buttoncolor);
        }
    #player-bar-stop.right,
    body.playing #player-bar-stop.right{
        right:0;
        background-color:var(--buttoncolor-gray);
        }
    #player-bar-button{
        width:20px;height:20px;margin:-8px -10px;        background-color:white;/*var(--buttoncolor-gray);*/
        position:absolute;
        top:4px;
        z-index:20;
        border-radius:20px;
        box-sizing: border-box;
        border: 4px solid var(--buttoncolor-graydark);
        }
    body.playing #player-bar-button{
        background-color:var(--buttoncolor);
        border: 2px solid var(--buttoncolor-dark);
        }
    #new-and-lists {
        margin-top: 40px;
        margin-left: 10%;
        margin-right: 10%;
        }
    #new-and-lists .bar{
        display:inline-block;
        width:33%;
        vertical-align:top;
        text-align:left;
        margin-top: 20px;
        box-sizing: border-box;
        padding:0 8px;
        }
    #new-and-lists .bar.left {
        width:calc(33% - 8px)
        margin-right:10px;
        
        border-right: var(--reg-border);
        }
    #new-and-lists .bar .item {
        margin:10px 0px 0 0px;
        padding-bottom:10px;
        border-bottom:var(--light-border);
        }
    #new-and-lists .bar .bar-item {
        border-bottom:var(--reg-border);
        margin-bottom: 26px;
        padding-bottom: 16px;
        }
    #new-and-lists h3{
        font-size: 24px;
        line-height: 24px;
        font-weight: normal;
        word-spacing: -0.05em;
        margin: 6px 1px;
        /* font-family: var(--imperfegg-extrabold); */
        font-family: var(--perfectegg-narrowregular);
        -moz-font-feature-settings: 'calt' 0;
        -webkit-font-feature-settings: 'calt' 0;
        font-feature-settings: 'calt' 0;
        text-align:left;
        }
    #new-and-lists h3.alert{
        background-color:var(--buttoncolor);
        color:white;
        padding:3px 4px;
        }
    #new-and-lists h3.reverse{
        background-color:black;
        color:white;
        padding:0 4px;
        margin:0;
        }
    #new-and-lists h4{
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        margin: 10px 2px 0px;
        font-family: var(--perfectegg-narrowregular);
        -moz-font-feature-settings: 'calt' 0;
        -webkit-font-feature-settings: 'calt' 0;
        font-feature-settings: 'calt' 0;
        text-align:left;
        }
    #new-and-lists p{
        font-size: 13px;
        line-height:18px;
        font-weight: 300;
        margin: 6px 2px;
        font-family: var(--font-base);
        -moz-font-feature-settings: 'calt' 0;
        -webkit-font-feature-settings: 'calt' 0;
        font-feature-settings: 'calt' 0;
        text-align:left;
        -webkit-hyphens:auto;
        -moz-hyphens:auto;
        hyphens:auto;
        }
    .bar-item .item p, 
    #new-and-lists .item p{
        margin: 0px 2px;
        }
    .bar-item .item .tune-item-time{
        margin: 0 6px;
        }
    p.link:after{
        content:'►';
        color:var(--buttoncolor);
        margin-left:6px;
        }
    
    .tune-list{
        /* margin:20px auto; */
        margin: 6px;
        /* width:80%; */
        border:var(--light-border);
        /* padding:12px; */
        margin-bottom:12px;
        }
    .tune-item{
        /* font-family: var(--perfectegg-narrowregular); */
        font-family: var(--font-base);
        font-size:15px;
        line-height:20px;
        margin:0px;
        cursor:pointer;
        }
    .tune-group{
        font-family: var(--font-base);
        font-size:13px;
        line-height:20px;
        vertical-align: top;
        }
    .tune-group p{
        font-size:13px;
        line-height:20px;
        display:inline-block;
        text-decoration:underline;
        }        
    .tune-item.title{
        font-size:13px;
        line-height:20px;
        display:inline-block;
        }
    .tune-item.group, .tune-item.podcast{
        /* font-family: var(--perfectegg-narrowregular); */
        display:inline-block;
        font-family: var(--font-base);
        font-size:13px;
        line-height:20px;
        margin:6px 2px;
        cursor:pointer;
        border:var(--light-border);
        border-radius:12px;
        padding:0 8px;
        }
    .tune-item.selected, .tune-item.group.selected{
        color:#aa0000;
        }
    .tune-item.group.selected,
    .tune-group.selected .tune-item-time,
    .tune-item.selected .tune-item-time{
        background-color:#aa0000;
        color:white;
        }
    .tune-data{
        /* font-family: var(--perfectegg-condensedlight); */
        font-family: var(--font-base);
        margin-left:6px;
        }
    span.yellow-alert{
        background-color:#f6c312;
        font-weight: bold;
        padding: 1px 4px;
        }
    #play-list{
        font-size: 16px;
        line-height: 22px;
        font-family: var(--font-base);
        font-weight: 300;
        }
    #play-list .tune-item{
        background-color:var(--buttoncolor-gray);
        }
    #play-list p{
        font-size: 15px;
        line-height: 22px;
        font-family: var(--font-base);
        font-weight: 300;
        }
    #play-list p.note{
        
        border-top:var(--light-border);
        font-size: 13px;
        line-height: 20px;
        font-family: var(--font-base);
        font-weight: 300;
        }
    #play-list .tune-item.selected{
        background-color:white;
        border:var(--light-border);
        }
    .episode{
        border-left:6px solid #de4128;
        border-bottom:var(--light-border);
        padding-left:6px;
        margin-bottom:10px;
        }
    .episode .title{
        font-size: 13px;
        line-height: 20px;
        display: inline-block;
        width:100%;
        }
    .episode .tune-item{
        display: inline-block;
        font-family: var(--font-base);
        font-size: 13px;
        line-height: 20px;
        margin: 2px 2px 6px;
        cursor: pointer;

        }
    .episode .tune-data{
        display: inline-block;
        font-family: var(--font-base);
        font-size: 13px;
        line-height: 20px;
        margin: 2px 2px;
        cursor: pointer;

        }
    .episode .episode-text{
        display:none;
        }
    #radion{
        }
    #wrapper.playing #radion{
        position: fixed;
        max-width: 540px;
        background-color: white;
        padding: 20px;
        left: 50%;
        width: 96%;
        box-sizing: border-box;
        margin: 0 -270px;
        }
    #wrapper.playing .temp-im{
        margin-bottom: 20px;
        }
    @media(max-width:540px){
        #wrapper.playing #radion{
            left: 50%;
            width: 96%;
            margin: 0 -48%;
            }
        }