body,html{margin:0;background-color:#2e3131;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif}.button{display:inline-block;cursor:pointer;padding:16px 42px;box-shadow:0 0 12px -2px rgba(0,0,0,.5);line-height:1.25;background-color:#6441a5;text-decoration:none;color:#fff;font-size:16px;letter-spacing:.08em;text-transform:uppercase;position:relative;transition:background-color .6s ease;overflow:hidden;text-align:center;user-select:none}.button.small{padding:10px 26px;line-height:1}.button.narrow{padding:16px 16px}.button.narrow.small{padding-top:10px;padding-bottom:10px}.button.green{background-color:#1e5929}.button.green:focus,.button.green:hover{background:#30a645}.button.red{background-color:#590816}.button.red:focus,.button.red:hover{background:#a63045}.button.blue{background-color:#103a75}.button.blue:focus,.button.blue:hover{background:#237af5}.button:after{content:"";position:absolute;width:0;height:0;top:50%;left:50%;transform-style:flat;transform:translate3d(-50%,-50%,0);background:rgba(255,255,255,.1);border-radius:100%;transition:width .3s ease,height .3s ease}.button:focus,.button:hover{background:#a277f2}.button:active:after{width:200px;height:200px}.round-switch{position:relative;display:inline-block;width:60px;height:34px}.round-switch input{visibility:hidden;width:0;height:0}.round-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.round-switch .slider.disabled{opacity:.5}.round-switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.round-switch input:checked+.slider{background-color:#a277f2}.round-switch input:focus+.slider{box-shadow:0 0 1px #a277f2}.round-switch input:checked+.slider:before{transform:translateX(26px)}.round-switch .slider.round{border-radius:34px}.round-switch .slider.round:before{border-radius:50%}.modal-background{position:fixed;z-index:1000;width:100vw;height:100vh;background-color:rgba(0,0,0,.5)}.modal-background .modal-dialog{margin-left:auto;margin-right:auto;margin-top:20%;padding:20px;background-color:#5f6161;text-align:center;color:#fff}.modal-background .modal-dialog a,.modal-background .modal-dialog a:active,.modal-background .modal-dialog a:hover{color:#fff}main{width:380px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;color:#fff}main .launch-button{margin-top:20px}.soundpad-logo{margin-top:10px;width:80px}.settings{display:flex;flex-wrap:wrap}.settings .setting-container{padding:5px;flex-grow:1;margin-top:5px}.settings .setting-container .button{margin:5px}.settings .setting-container h2{margin:0;text-align:center;font-size:15px}.settings .setting-container .settings-inner{display:flex;align-items:center;margin-top:5px}.settings .setting-container .settings-inner .round-switch{flex-shrink:0;margin-right:10px}.settings .setting-container .settings-inner .label{font-size:12px}.settings .setting-container .settings-value{text-align:center;flex-grow:1;width:30px}