@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);body{background:#000;margin:0;padding:0}*{font:600 15px/1.6 'Open Sans',Helvetica,Arial,sans-serif;color:#fff}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectable,.selectable *{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}a{text-decoration:none}#nav{position:fixed;width:100%;height:100%;left:0;top:0;z-index:11;opacity:0}#loading{position:fixed;width:100%;height:100%;left:0;top:0;z-index:10}#zc{position:fixed;left:0;top:0;width:100%;height:100%;margin:0;padding:0;background:#000;z-index:5;opacity:0}#status{position:absolute;top:60%;left:50%;width:200px;height:18px;margin-top:-10px;margin-left:-100px;z-index:100;text-align:right;opacity:0;border:2px solid #267823;border-radius:3px;overflow:hidden}#logo{position:absolute;width:350px;left:50%;bottom:45%;margin-left:-175px;z-index:100}.credits .logo{width:280px;margin-bottom:8px;max-width:100%}#loadbar{position:relative;height:18px;width:0%;background:#267823}#info img{margin-left:-10px}.seekbar{position:fixed;height:15px;background:rgba(0,0,0,0.8);z-index:10;width:100%;left:0;bottom:0;cursor:pointer}.seekbar .marker{position:absolute;width:4px;height:100%;background:#fff;left:0;bottom:0;margin-left:-2px}#preview{position:fixed;background:#000;z-index:11;bottom:40px;left:10px;display:none}.buttons{position:absolute;left:20px;right:20px;bottom:22px}.icon{position:relative;cursor:pointer;display:inline-block;width:40px;height:40px;opacity:0.6;background-size:100% 100%;background-repeat:no-repeat;background-position:center center}.icon.active{opacity:1}.button{color:#fff;opacity:0.5;display:inline-block;cursor:pointer}.button.active{opacity:1}.button.fx{margin-left:5px}#rr{background-image:url(./svg/rr.svg)}#r{background-image:url(./svg/r.svg)}#p{background-image:url(./svg/p.svg)}#f{background-image:url(./svg/f.svg)}#ff{background-image:url(./svg/ff.svg)}#fullscreen{background-image:url(./svg/full.svg);margin-left:4px}#fullscreen.active{background-image:url(./svg/exit.svg);opacity:0.5}#settings{background-image:url(./svg/flower.svg)}#info{background-image:url(./svg/info.svg)}.settings{display:none;background:rgba(0,0,0,0.8);border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;padding:10px 20px 0}.credits{display:none;background:rgba(0,0,0,0.8);text-align:center;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:10px 20px 20px}#settings.active{background-color:rgba(0,0,0,0.8);border-bottom-left-radius:7px;border-bottom-right-radius:7px}#info.active{background-color:rgba(0,0,0,0.8);border-bottom-left-radius:7px;border-bottom-right-radius:7px}.settingsvisible .settings{display:inline-block}.creditsvisible .credits{display:inline-block}

#muteButton{
    width: 35px;
    height: 35px;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 20;
    cursor: pointer;
}