.outline,.outline-children *,.outline-children{outline:1px solid white}.flex,.column,.audio-editor,.column-stretch,.column-center,.column-start,.row,.radio-group,label,.row-right,.row-center,.row-left,.banner{display:flex;justify-content:center;gap:.6rem}.row,.radio-group,label,.row-right,.row-center,.row-left,.banner{flex-direction:row}.column,.audio-editor,.column-stretch,.column-center,.column-start{flex-direction:column}body{margin:0;background:#272727;color:#e7e7e7;font-family:roboto,open sans,fira sans,lucida sans,lucida sans unicode,trebuchet ms,liberation sans,nimbus sans l,sans-serif;font-size:100%}body *{box-sizing:border-box;padding:0;border:none;margin:0;background:inherit;color:inherit;font:inherit;letter-spacing:inherit;outline:none;text-decoration:none}body *:before,body *:after{content:none}main{width:100vw;height:100vh;padding:.6rem}.input,audio,select,input,button{height:1.62rem;background:#676767}.hover,select,input,button{background:#676767}.hover:hover,select:hover,input:hover,button:hover{opacity:.8;transition:opacity .25s}.focus:focus,select:focus,input:focus,button:focus{outline:.15rem solid #e7e7e7;transition:outline .1s}.focus-within:focus-within,.banner:focus-within,label:focus-within{outline:.15rem solid #e7e7e7;transition:outline .1s}.disabled:disabled,label input[type=radio]:disabled,select:disabled,input:disabled,button:disabled{cursor:default;opacity:.5}.outline,.outline-children,.outline-children *{outline:1px solid white}.red{color:#b34646}.bg-red{background:#b34646}.orange{color:#ad8213}.bg-orange{background:#ad8213}.yellow{color:#ede972}.bg-yellow{background:#ede972}.green{color:#11bf2e}.bg-green{background:#11bf2e}.blue{color:#58a6ff}.bg-blue{background:#58a6ff}.purple{color:#890ca8}.bg-purple{background:#890ca8}.width2{width:9.1rem}.text-width2{width:40ch}.flex,.row,.radio-group,label,.row-left,.banner,.row-center,.row-right,.column,.audio-editor,.column-start,.column-center,.column-stretch{display:flex;justify-content:center;gap:.6rem}.row,.radio-group,label,.row-left,.banner,.row-center,.row-right{flex-direction:row}.row-left,.banner{justify-content:left}.row-center{justify-content:center}.row-right{justify-content:right}.column,.audio-editor,.column-start,.column-center,.column-stretch{flex-direction:column}.column-start{align-items:start}.column-center{align-items:center}.column-stretch{align-items:stretch}.wrap{flex-wrap:wrap}.grow,.audio-editor,.banner p{flex-grow:1}.no-shrink{flex-shrink:0}.justify-content-right{justify-content:right}.justify-content-left{justify-content:left}.text-center{text-align:center}@media (min-width: 80ch){.contain{width:80ch;margin-left:auto;margin-right:auto}}button{width:4.25rem;cursor:pointer}select{width:4.25rem;cursor:pointer;text-align:center}:-ms-input-placeholder{color:#a7a7a7}::placeholder{color:#a7a7a7}input[type=text]{width:40ch;flex-grow:1;padding-right:.38rem;padding-left:.38rem}input[type=file]{width:13.95rem;cursor:pointer}label{height:1.62rem;padding-right:.38rem;padding-left:.38rem}label input[type=radio]{width:1.62rem;cursor:pointer;gap:.38rem;outline:none}ul,li{list-style:none}audio{width:40ch;background:#e7e7e7}audio::-webkit-media-controls-panel{background:#e7e7e7}.button-square,.drum-beats button,.banner button{width:1.62rem;height:1.62rem}.banner{align-items:center;position:absolute;bottom:.6rem;left:0;min-width:40ch;height:1.62rem;padding-left:.38rem;margin:1rem;background:#676767;gap:0}.banner button{outline:none}.drum-beats button{background:#474747}.drum-beats button.selected{background:#878787}.audio-editor>*{flex-basis:50%}