#load-spinner{display:none}#load-spinner.active{display:block;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2000}#load-spinner.active>.animation{width:96px;height:96px;border-radius:8px;box-shadow:0 0 2px 2px #eee;background-image:url('../../images/spinner.gif');background-size:cover}#load-spinner.active>.text{text-align:center}#app-content{position:relative}#app-content .panel,#message-container .alert{box-shadow:2px 2px 6px 0 #aaa}#app .title-panel p{font-size:12px}#app-layout{margin:0 auto}#app-layout,.layout-col{width:272px}.layout-col>.panel{margin:8px 3px}.layout-col>.panel>.panel-body{padding:4px}.layout-col>.panel>.panel-heading,.layout-col>.panel>.panel-footer{padding:8px}@media screen and (min-width:768px){#app-layout{width:544px}.layout-col{float:left}#controls-col{position:relative;left:272px}#tempos-col{position:relative;left:-272px}.filtered-list{max-height:512px;overflow-y:auto;margin:-4px;padding:4px}}@media screen and (min-width:1200px){#app-layout{width:1088px}}#playback-controls{padding:2px;height:64px}#playback-controls>.btn{width:100%;height:100%;padding-left:0;padding-right:0;text-align:center;font-weight:bold;font-size:22px;text-shadow:#000 0 0 2px;-webkit-font-smoothing:antialiased}#playback-info{height:128px;padding:2px;color:#fff;text-shadow:#000 0 0 2px;-webkit-font-smoothing:antialiased;font-weight:bold;font-size:14px}#playback-info>.display{position:relative;height:100%;width:100%;background-color:#8ea2b2;border-radius:4px;border:1px solid #969da3}#playback-info>.display>.counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:112px}#playback-info>.display>.bar{position:absolute;top:0;left:4px}#playback-info>.display>.elapsed{position:absolute;top:0;right:4px}#playback-info>.display>.time{position:absolute;bottom:0;left:4px}#playback-info>.display>.bpm{position:absolute;bottom:0;right:4px}#render-mode-toggle{margin:8px 2px 6px}.filtered-list>.filter>button{margin:2px 2px 0}.filtered-list>hr{margin:10px 2px}.filtered-list>.list-group{margin:0 2px 2px}.filtered-list>.list-group>.list-group-item{padding:14px 10px}.filtered-list>.button-panel{margin:6px 2px 2px;text-align:right}.tempo-button{float:left;padding:2px;width:64px;height:64px}.tempo-button>.btn{width:100%;height:100%;padding-left:0;padding-right:0;text-align:center;font-weight:bold}.tempo-input{float:left;width:128px;padding:2px}.tempo-input>input{width:80px;height:60px;line-height:60px;font-size:46px;border:0;text-align:right}.tempo-input>input.has-error{box-shadow:0 0 2px 2px #a94442;border-radius:4px}.tempo-input>input.has-error:focus{box-shadow:0 0 2px 2px #843534}.range1{background-color:#a6f187}.range2{background-color:#bbf180}.range3{background-color:#d4f179}.range4{background-color:#f0f072}.range5{background-color:#f0d16b}.range6{background-color:#efaf64}.range7{background-color:#ef895d}.range8{background-color:#ef6057}.json-editor{overflow:initial;display:flex;flex-direction:column}.json-editor>.value{flex:1;margin-bottom:0;overflow:auto}.json-editor>.value>.editor{height:100%;width:100%}.json-editor>.value>.editor>.jsoneditor{border-radius:4px}.json-editor>.error.has-error{margin-top:15px;white-space:pre;font-size:smaller}@media screen and (min-width:768px){body.starting,.starting .body-content,.starting #app{height:100%;overflow:hidden}body.starting:not(.loading) #app-content{margin-top:100vh;animation:app-content-bounce 1s linear forwards}}@keyframes app-content-bounce{0%{margin-top:100%}12%{margin-top:90%}24%{margin-top:56%}36%{margin-top:0}54%{margin-top:25%}74%{margin-top:0}82%{margin-top:7%}92%{margin-top:0}96%{margin-top:3%}100%{margin-top:0}}.bmc-button.btn{color:#fff;background-color:#ff813f;font-family:'Cookie',cursive;font-size:28px;line-height:35px;border-radius:5px;border:1px solid transparent;-o-transition:.3s all linear;-webkit-transition:.3s all linear;-moz-transition:.3s all linear;-ms-transition:.3s all linear;transition:.3s all linear;padding:5px 10px}.bmc-button.btn.btn-sm{font-size:20px;line-height:20px}.bmc-button.btn img{height:34px;width:35px;margin-bottom:1px;box-shadow:none;border:0;vertical-align:middle}.bmc-button.btn.btn-sm img{height:20px;width:20px;margin-top:-5px}.bmc-button.btn span{margin:0 10px 0 10px;vertical-align:middle}.bmc-button.btn.btn-sm span{margin:0 0 0 5px;vertical-align:unset}.bmc-button.btn:hover,.bmc-button.btn:active,.bmc-button.btn:focus{-webkit-box-shadow:0 1px 2px 2px rgba(190,190,190,.5);text-decoration:none;box-shadow:0 1px 2px 2px rgba(190,190,190,.5);opacity:.85;color:#fff}@font-face{font-family:'southpark';src:url("../../fonts/southpark.otf") format("opentype"),url('../../fonts/southpark.woff2') format('woff2'),url('../../fonts/southpark.woff') format('woff');font-weight:normal;font-style:normal}html{height:100%}body{padding:70px 0}#qrCode{margin:15px}header.navbar{box-shadow:0 0 4px 0 #222}header.navbar .navbar-brand>img{display:inline-block;position:relative;top:7px;margin:-22px 5px 0 5px;border-radius:50%;box-shadow:0 0 4px 0 #222}header .navbar-brand>span{font-family:southpark,Tahoma,sans-serif;font-variant:small-caps;font-weight:bold;font-size:22px}#cookieConsent{background:rgba(255,255,255,.92)}footer.navbar .links{text-align:right}footer.navbar .links>p{width:100%}@media screen and (max-width:479px){footer.navbar{font-size:2.5vw}}.overlay{display:none}.suppress-input>.overlay{position:absolute;display:block;background:transparent;left:0;right:0;top:0;bottom:0;z-index:1000;cursor:progress}a.btn-help{display:block;-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0;font-size:21px;font-weight:bold;line-height:1;text-shadow:0 1px 0 #fff}a.btn-help:visited,a.btn-help:hover,a.btn-help:focus{color:#337ab7}body.modal-open .navbar{padding-right:inherit}.modal-open .modal-full{overflow:hidden;padding:30px!important}.modal-full>.modal-dialog{width:100%;height:100%;margin:0;padding:0}.modal-full>.modal-dialog>.modal-content{height:100%;display:flex;flex-direction:column}.modal-full>.modal-dialog>.modal-content>.modal-body{flex:1;overflow:hidden auto}