.popover{position:fixed;top:0;left:0;z-index:1010;display:none;padding:5px;}.popover.top{margin-top:-5px;}
.popover.right{margin-left:5px;}
.popover.bottom{margin-top:5px;}
.popover.left{margin-left:-5px;}
.popover.top .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
.popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
.popover.bottom-right .arrow{top:0;right:67px;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
.popover .arrow{position:absolute;width:0;height:0;}
.popover-inner{padding:3px;width:280px;overflow:hidden;background:#000000;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
.popover-title{margin:0;padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.popover-content{padding:14px;font-size:13px;background-color:#ffffff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;margin-top:0;}
.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}
.fade.in{opacity:1;}
.tooltip{position:absolute;z-index:1020;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;}.tooltip.in{opacity:0.8;}
.tooltip.top{margin-top:-2px;}
.tooltip.right{margin-left:2px;}
.tooltip.bottom{margin-top:2px;}
.tooltip.left{margin-left:-2px;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
.tooltip.bottom-right .tooltip-arrow{top:0;right:67px;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
[hidden]{display:none;}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;font-size:1em;line-height:1.4;}
body,button,input,select,textarea{font-family:sans-serif;color:#222;}
a,a:visited{color:#00e;}
a:hover{color:#06e;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
ins{background:#ff9;color:#000;text-decoration:none;}
mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}
pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new',monospace;font-size:1em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:"";content:none;}
small{font-size:85%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
ul,ol{margin:1em 0;padding:0 0 0 40px;}
dd{margin:0 0 0 40px;}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:0;margin:0;padding:0;}
label{cursor:pointer;}
legend{border:0;*margin-left:-7px;padding:0;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
input:invalid,textarea:invalid{background-color:#f0dddd;}
table{border-collapse:collapse;border-spacing:0;}
td{vertical-align:top;}
body{background:#f1efe8 url('../images/site-bg.gif') top left no-repeat;background-attachment:fixed;font-family:sans-serif;}
#main>h1{margin:2em 0 0.5em;}
.growl .screenshot{float:right;width:40%;height:auto;margin:-32px 0 0.5em 0.5em;}
.growl code{word-break:break-all;}
abbr[title]{border:none;}
.container{width:90%;min-width:300px;margin:0 auto;position:relative;-webkit-transform:translate3d(0, 0, 0);}
header{position:fixed;top:0;left:0;right:0;z-index:150;background:#fff;border-top:3px solid #fff;border-bottom:1px solid rgba(168, 167, 162, 0.9);}
header::after{content:"";display:block;position:absolute;height:6px;left:0;right:0;width:100%;bottom:-7px;z-index:100;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(transparent));-webkit-mask-box-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(0.5, rgba(0, 0, 0, 0.5)), color-stop(1, rgba(0, 0, 0, 0.1)));}
.logo{float:left;padding:4px 0;}
.button{font-size:0;float:right;width:44px;height:44px;line-height:44px;opacity:0.3;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);position:relative;outline:none;}
.button:hover{cursor:pointer;color:transparent;}
.button:active{opacity:0.4;}
.about{margin:0 44px 0 0;background:url('../images/info.png') center center no-repeat;}.about .intro{display:none;}
.listen-live{position:absolute;right:0;margin:0 88px 0 0;background:url('../images/radioplayer.png') center center no-repeat;}
.refresh{position:absolute;right:0;background:url('../images/refresh.png') center center no-repeat;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;}
.show-titles h2,.show-titles p{font-size:14px;line-height:inherit;font-weight:normal;margin:0;}
.show-titles #parent-title{font-size:16px;}
.show-titles>div{position:relative;padding:15px;background:#f9f9f6;border-radius:3px;margin-bottom:17px;box-shadow:0 2px 4px #bbb;}
@-webkit-keyframes loadingRotate{from{-webkit-transform:rotate(0deg) translate3d(0, 0, 0);} to{-webkit-transform:rotate(360deg) translate3d(0, 0, 0);}}@-moz-keyframes loadingRotate{from{-moz-transform:rotate(0deg);} to{-moz-transform:rotate(360deg);}}@keyframes loadingRotate{from{transform:rotate(0deg) translate3d(0, 0, 0);} to{transform:rotate(360deg) translate3d(0, 0, 0);}}@-webkit-keyframes slideDown{from{height:0px;} to{height:500px;}}@-moz-keyframes slideDown{from{height:0px;} to{height:226px;}}@keyframes slideDown{from{height:0px;} to{height:226px;}}#main{margin-top:70px;}
.tracks{padding:0;list-style:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.tracks>li{-webkit-perspective:700px;-moz-perspective:700px;-ms-perspective:700px;-o-perspective:700px;perspective:700px;position:relative;margin:8px 0;padding-bottom:5px;background:url('../images/divider.png') center bottom no-repeat;}
.tracks li:last-child{background-image:none;}
.track{-moz-perspective:700px;}
.track.animSetup{-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;-o-perspective:800px;perspective:800px;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-ms-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-40deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0;}
@-webkit-keyframes swingIn{0%{opacity:0;-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotateX(-90deg);} 10%{opacity:1;} 40%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotateX(30deg);} 70%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotateX(-20deg);} 85%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotateX(10deg);} 100%{opacity:1;-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotateX(0deg);}}@-moz-keyframes swingIn{0%{opacity:0;-moz-transform:rotateX(-90deg);-moz-animation-timing-function:ease-in-out;} 10%{opacity:1;} 40%{-moz-animation-timing-function:ease-in-out;-moz-transform:rotateX(30deg);} 70%{-moz-animation-timing-function:ease-in-out;-moz-transform:rotateX(-20deg);} 85%{-moz-animation-timing-function:ease-in-out;-moz-transform:rotateX(10deg);} 100%{opacity:1;-moz-animation-timing-function:ease-in-out;-moz-transform:rotateX(0deg);}}.track .front,.track .back,article.panel{position:relative;padding:15px 15px 0;background:#f9f9f6;border-radius:3px;margin-bottom:17px;box-shadow:0 2px 4px #bbb;display:block;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.35s ease-out;-moz-transition:-moz-transform 0.35s ease-out;-o-transition:-o-transform 0.35s ease-out;transition:transform 0.35s ease-out;}
article.panel{padding:15px;background:#fff;}
article.panel h1{font-size:150%;margin:1.3em 0 0;}
article.panel h1:first-child{margin-top:0;}
article.panel h2{font-size:100%;margin:1em 0 0;}
article.panel p{font-size:80%;margin:0.8em 0 0.2em;}
.track .front:hover{}
.track .front{z-index:100;padding-bottom:44px;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.track .back{font-size:14px;position:absolute;top:0;left:0;bottom:20px;right:0;margin-bottom:0;background:#f2f2f2 url('../images/grain-bg.png') top left repeat;text-shadow:0 1px 1px #fff;height:auto;overflow:hidden;z-index:50;border:1px solid rgba(0, 0, 0, 0.2);box-shadow:inset 0 0 15px 4px rgba(0, 0, 0, 0.05),inset 0px -5px 10px -5px rgba(0, 0, 0, 0.8),inset 0px 5px 10px -5px rgba(0, 0, 0, 0.8);-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
.no-js .track .back,.no-csstransforms .track .back{position:relative;margin:-15px 0 15px;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);}
.flip .track .front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.flip .track .back{cursor:pointer;z-index:100;overflow-y:scroll;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.back h2{font-size:18px;margin:0;}
.back h3{font-size:14px;margin:0 0 1em;}
.back h4{font-size:14px;margin:1em 0 0;}
.back ul{margin:0 0 1em;}
.back .copy{margin-bottom:44px;}
.photo {
    cursor: pointer;
    position: relative;
    width: 100%; 
    overflow: hidden;
    aspect-ratio: 16 / 9;
}
.photo img {
    border-radius: 3px;
    object-fit: cover;
    object-position: 50% 20%;
    height: 100%;
    width: 100%;
}
.photo .innerBorder{position:absolute;top:0px;left:0px;right:0px;bottom:0px;border:8px solid rgba(0, 0, 0, 0.2);border-radius:3px;background:-webkit-linear-gradient(-45deg, rgba(242, 242, 242, 0.2) 0%, rgba(247, 247, 247, 0.1) 50%, rgba(255, 255, 255, 0) 50%);}
.photo .overlay{position:absolute;background:rgba(0, 0, 0, 0.5);left:0;right:0;bottom:0;padding:8px 15px;color:#fff;font-family:sans-serif;text-shadow:0 1px 1px #000;}
.photo h2{margin:0;font-size:18px;line-height:1;letter-spacing:-1px;}
.photo h2 span{display:block;margin:0;font-size:14px;line-height:22px;letter-spacing:-1px;font-weight:normal;}
.time{position:absolute;bottom:0;left:15px;height:44px;line-height:44px;margin:0;opacity:0.5;font-size:12px;padding:0 0 0 15px;text-transform:uppercase;letter-spacing:-1px;background:url('../images/clock-icon.png') left 15px no-repeat;}
.externals{list-style:none;padding:0;margin:0;position:absolute;bottom:0;right:15px;}
.externals li{float:right;line-height:44px;margin:0 0 0 10px;}
.externals a{height:44px;-webkit-transition:opacity 100ms linear;}
.externals .lastfm,.externals .rdio,.externals .spotify{width:20px;display:block;opacity:0.5;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.externals .lastfm:hover,.externals .rdio:hover,.externals .spotify:hover{opacity:1;}
.externals .lastfm{background:url(../images/lastfm-icon.png) center center no-repeat;}
.externals .rdio{background:url(../images/rdio-icon.png) center center no-repeat;}
.externals .spotify{background:url(../images/spotify-icon.png) center center no-repeat;}
.externals a span{display:none;}
footer{margin-top:34px;background:#fff;border-top:1px solid #ddd;font-size:12px;text-transform:uppercase;}
footer .credopts{float:right;width:60%;}
.notification-opts{display:none;}
.fluidapp .notification-opts,.notification .notification-opts{display:block;}
.notification-opts.disabled{color:#999;}
footer p{text-align:right;line-height:25px;margin:20px 0;}
footer a{text-decoration:none;}
footer ul{list-style:none;padding:0;line-height:25px;margin:20px 0;width:auto;display:inline-block;float:left;}
@media only screen and (min-width:480px){.photo{max-height:300px;} .photo img{min-height:285px;} .photo h2{font-size:26px;} .photo h2 span{display:block;font-size:16px;font-weight:bold;} .container{max-width:600px;}}@media only screen and (min-width:768px){}@media all and (-webkit-min-device-pixel-ratio:2){.tracks>li{background-image:url('../images/divider@2x.png');background-size:12px 12px;} .refresh{background-image:url('../images/refresh@2x.png');background-size:20px 20px;} .listen-live{background-image:url('../images/radioplayer@2x.png');background-size:20px 20px;} .about{background-image:url('../images/info@2x.png');background-size:20px 20px;} .time{background-image:url('../images/clock-icon@2x.png');background-size:13px 13px;} .externals .lastfm{background-image:url(../images/lastfm-icon@2x.png);background-size:20px 20px;} .externals .rdio{background-image:url(../images/rdio-icon@2x.png);background-size:20px 20px;} .externals .spotify{background-image:url(../images/spotify-icon@2x.png);background-size:20px 20px;}}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0;}
.ir br{display:none;}
.hidden{display:none !important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.no-margin{margin:0;}
@media print{*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page {margin:0.5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}}