@font-face{font-family:AndaleMono;src:url(../media/andalemono-webfont.1da4850a.eot);src:url(../media/andalemono-webfont.1da4850a.eot)format("embedded-opentype"),url(../media/andalemono-webfont.30e6c747.woff)format("woff"),url(../media/andalemono-webfont.a7265293.ttf)format("truetype"),url(../media/andalemono-webfont.6cf60860.svg)format("svg");font-weight:400;font-style:normal}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#333;background:#fff;font-family:Andale Mono,AndaleMono,Open Sans,Helvetica,Arial,sans-serif;font-size:9pt;line-height:1.4em}.invisible{color:#eee}.Content{width:780px;margin:auto;padding:40px;position:relative}.Menu{opacity:0;z-index:50;width:780px;margin:0 auto;transition:opacity 2s 1s;position:fixed;top:20px;left:20px}.Menu.visible{opacity:1}.Menu button{color:#333;cursor:pointer;background:0 0;border:none;padding:0;font-family:Andale Mono,AndaleMono,Open Sans,Helvetica,Arial,sans-serif;font-size:12px;line-height:16.8px;display:block}.Work{opacity:1;color:#fff}.WorkChunkWrapper{position:relative}.WorkChunk{padding:0 20px}.WorkChunk--uploading:hover{cursor:pointer;background-color:#bdbdbd}.WorkChunk--uploading{color:#eee;border:1px dotted #bdbdbd}.WorkChunk--uploading.WorkChunk--uploaded,.WorkChunk--uploading.WorkChunk--uploaded:hover{background-color:#333;border:1px dotted #0000;text-decoration:line-through}.WorkChunk--playing.WorkChunk--uploaded{color:#eee;background:#eee}.WorkChunk--playing.WorkChunk--uploaded.WorkChunk--selected{color:#333;background:#333}.WorkChunk.playing{color:#bdbdbd;background:#bdbdbd}.WorkChunk--selected,.WorkChunk--uploading.WorkChunk--selected:hover{background-color:#999}.About{visibility:hidden;color:#333;z-index:10;opacity:0;background:#fff;border:1px solid #eee;border-radius:3px;width:780px;padding:15px 20px;transition:all .3s;position:fixed}.About.visible{visibility:visible;opacity:1}.Contribute{color:#333;z-index:1;visibility:hidden;opacity:0;background:#fff;border:1px solid #eee;border-radius:3px;width:240px;padding:20px;transition:opacity .6s .1s;position:fixed;top:20px;left:250px}.Contribute.visible{opacity:1;visibility:visible;transition-delay:0}.WorkChunkUpload{color:#999;z-index:101;visibility:hidden;opacity:0;background:#fff;border:1px solid #eee;border-radius:3px;width:200px;transition:all .3s;position:absolute;left:-221px}.WorkChunkUpload.visible{visibility:visible;opacity:1}.Upload__helpText{border:1pt solid #ddd;width:170px;padding:4px 5px;position:absolute;top:35px;left:15px}.Upload__Form{width:198px;padding:0 15px 15px;position:relative;overflow:hidden}.Upload__Form [name=recording]{opacity:0;z-index:100;width:170px;margin-bottom:30px;position:relative;top:0}.Upload__Form [type=submit]{border:1pt solid #fff;padding:3px;font-family:Andale Mono,AndaleMono,Open Sans,Helvetica,Arial,sans-serif}.Upload__Form [type=submit]:hover{color:#fff;background:#757575}.CloseButton{float:right;cursor:pointer;color:#999;width:13px;height:13px;margin:13px;font-size:12px}.CloseButton:hover{color:#333}.App--uploading{color:#eee;background-color:#eee}@media (device-width:768px) and (device-height:1024px){.Content{width:600px;margin:0 0 0 200px;font-size:10pt}.About{width:640px}}